body
{
  font-family:          Arial;
  font-size:            14px;

  background-image:     url('../images/header-background.jpg');
  background-repeat:    repeat-x;
}

#header
{
  background-image:     url('../images/header-image.jpg');
  background-repeat:    no-repeat;
  background-position:  0px 54px;
}

/* CONTENT */

#content
{
  /*color:                #90908F;*/
  color:                #6C6958;
  line-height:          1.5em;
}

/* HEADINGS */

h1, span.widgetTitle
{
  color:                #0BABCD;
  font-size:            26px;
  font-weight:          normal;
  letter-spacing:       -1px;
  
  margin:               0px;
  padding:              20px 0px 20px 0px;
}

h2
{
  color:                #6C6958;
  font-size:            15px;
  
  margin:               0px;
  padding:              5px 0px;
}

/* LOGO */

a#stopsiteLogo
{
  background-image:     url('../images/logo-stopsite.jpg');
  background-repeat:    no-repeat;
}

/* SIGNUP LINK */
a#signUpLink
{
  background-image:     url('../images/btn-signup.png');
  background-repeat:    no-repeat;
}

/* TWITTER LINK */

a#twitterLink
{
  width:        229px;
  height:       84px;
  
  position:     absolute;
  bottom:       73px;
  left:         0px;
  
  background-image: url('../images/twitter.gif');
  background-repeat:    no-repeat;
}

/* DEMO LINK */
a#demoLink
{
  background-image:     url('../images/header-course-preview.jpg');
  background-repeat:    no-repeat;
}

/* HEADER MENU */
#headerMenu a
{
  color:                #D7D5CB;
  font-weight:          bold;
  text-decoration:      none;
  font-family:          Tahoma, Arial;
  font-size:            16px;
}

#headerMenu a:hover
{
  /* hover effect has been moved to /lib/js/library.js to provide a nice smooth glow */
  /*color:                #FFFFFF;*/
}

#headerMenu a.active
{
	color:				#FFF;
}

/* LOGIN AREA */
div#loginContainerMiddle
{	
	background-color:		#FFF;
	
	border-left: 		  4px solid #242426;
	border-right: 		  4px solid #242426;
}

div#loginContainerBottom
{	
	background-image:     url('../images/loginarea-background.jpg');
	background-repeat:    no-repeat;
	background-position:  bottom;
}

div#loginContainer label
{
	font-size:			13px;
}

div#loginContainer input
{
	width:				150px;
	
	font-size:			13px;
}

input#submitLogin
{
	width:				97px !important;
	height:				30px;
	
	float:				right;
	
	background:			url("../images/btn-login.jpg") repeat scroll 0 0 transparent;
	border:				0 none;
	
	cursor:				pointer;
}

div#loginContainer ul
{
	margin:				0px;
	padding:			0px;
}

div#loginContainer ul li
{
	margin:				0px;
	padding:			0px;
}

div#loginContainer a
{
	font-size:			11px;
	font-weight:		normal;
	color:				#0BABCD;
}

div#loginContainer a:hover
{
	text-decoration:	underline;
}

/* BREADCRUMB */

#breadCrumb ul li, #breadCrumb ul li a
{
  font-size:            12px;
  font-weight:          bold;
  color:                #90908F;
}

#breadCrumb ul li a
{
  text-decoration:      none;
}

#breadCrumb ul li a:hover
{
  color:               #0BABCD; 
}

/* SUBMENU */
div#subMenuTop
{
	height:				7px;
	
	background-image:     url('../images/submenu-background.jpg');
	background-repeat:    no-repeat;
	background-position:  top;
	
	margin:               0px;
}

div#subMenuBody
{
	/*background-color:   #99D3DF;*/
   background-color: #CCCCCC;
    
    border-left:        1px solid #E0DFD8;
    border-right:       1px solid #E0DFD8;
}

div#subMenuBottom
{
	height:               7px;  

	margin:               0px;
	
	background-image:     url('../images/submenu-background.jpg');
	background-repeat:    no-repeat;
	background-position:  bottom;
}

div#subMenuBody ul li a
{	
	height:				24px;
	padding:			3px 10px 0px 10px;
	
	font-family:		Tahoma, Arial;
	font-size:			16px;
	font-weight:		bold;
	color:				#FFF;
	text-decoration:	none;
}

div#subMenuBody ul li a:hover, div#subMenuBody ul li a.active
{
	color:				#6C6958;
	background-image:   url('../images/submenu-item-background');
}

/* WIDGET */

div.widgetTop
{
  height:               7px;  

  background-image:     url('../images/widget-background.jpg');
  background-repeat:    no-repeat;
  background-position:  top;
  
  margin:               0px;
}

div.widgetContent
{
    color:              #90908F;
    font-size:          13px;
    
    border-left:        1px solid #eeede7;
    border-right:       1px solid #eeede7;
}

div.widgetBottom
{
  height:               7px;  

  margin:               0px;
  
  background-image:     url('../images/widget-background.jpg');
  background-repeat:    no-repeat;
  background-position:  bottom;
}

/* NEWS WIDGET */
div.readMore a
{
  color:                #0BABCD;
  font-weight:          bold;
  font-style:           italic;
  text-decoration:      none;
}

/* COLOR PICKER */

a#toggleColorPicker.show
{
  background-image:     url('../images/btn-plus.gif');
}

a#toggleColorPicker.hide
{
  background-image:     url('../images/btn-minus.gif');
}

div#colorPicker
{
  background-image:     url('../images/colorpicker-background.gif');
}

div#colorPicker ul li a#themeBasic
{
  background-image:     url('../images/theme-default-selected.gif');
}

div#colorPicker ul li a#themeGreen
{
  background-image:     url('../images/theme-green.gif');
}

div#colorPicker ul li a#themePurple
{
  background-image:     url('../images/theme-purple.gif');
}

div#colorPicker ul li a#themeBasic:hover
{
  background-image:     url('../images/theme-default-selected.gif');
}

div#colorPicker ul li a#themeGreen:hover
{
  background-image:     url('../images/theme-green-selected.gif');
}

div#colorPicker ul li a#themePurple:hover
{
  background-image:     url('../images/theme-purple-selected.gif');
}

/* CONTENT */
div#content a
{
	color:				#0BABCD;
	text-decoration:	none;
}

div#content a:hover
{
	text-decoration:	underline;
}

/* FOOTER */

#footer
{
  font-size:            12px;
  
  background-color:     #252525;
  background-image:     url('../images/footer-background.jpg');
  background-repeat:    repeat-x;
  background-position:  top;
}

#footerLinks
{
  padding-top:          20px;
}

#footerLinks ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              0px;
}

#footerLinks ul li
{
  display:              block;
  float:                left;
  
  margin-right:         15px;
}

#footerMenu
{
  float:                right;
}

#footerMenu, #footerMenu a
{
  color:                #A6A6A6;
  font-weight:          bold;
}

#footerMenu a:hover
{
  color:                #FFFFFF;
}

#footerMenuText
{
  float:                right;
}

#footerMenu a
{
  text-decoration:      none;
}

#footerMenu a:hover
{
  /* hover effect has been moved to /lib/js/library.js to provide a nice smooth glow */
  /*color:                #FFFFFF;*/
}


/* RIGHTNOW */
#rn_mainnav { background: url('../images/rightnow-submenu-bg.jpg'); }
#rn_mainnav ul li a:hover { background: url('../images/submenu-item-background.jpg'); }
a.button, a.button:link, a.button:visited, a.button:active, input.Button, input.Button:link, input.Button:visited, input.Button:active, button.FormButton, button.FormButton:link, button.FormButton:visited, button.FormButton:active, button.button, button.button:link, button.button:visited, button.button:active { background:url("../images/btn-verstuur.jpg") repeat-x scroll left center; }
a.button.blue, a.button.blue:link, a.button.blue:active, div.SearchButton input.Button, #rn_masthead input.Button, #rn_masthead input.Button:link, #rn_masthead input.Button:active, #rn_masthead span.NavigationTab a, #rn_masthead span.NavigationTab a:link, #rn_masthead span.NavigationTab a:visited, #rn_masthead span.NavigationTab a:active { background:url("../images/btn-zoeken.jpg") repeat-x scroll left center; }

.rn_mastheadintro, .mastheadintro { background: url('../images/rightnow-answers-bg.jpg') repeat-x; }
#rightnow_answers_top { background: url('../images/rightnow-answers-top.jpg'); height: 12px; }
#rightnow_answers_bottom { background: url('../images/rightnow-answers-bottom.jpg'); height: 12px; }