/*	-------------------------------------------------------------
		Zoe
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Jun 16 2008
		-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    html {
      height: 100%;
      width: 100%; }
     
    body {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
			font-family: arial; }

    #body {
      text-align: center;
      background: #193c87 url(../img/body-bg.jpg) top left repeat-x; }

    a {
    	color: #fff;
			text-decoration: none;
      outline: none; }

    img {
      border: none; }



/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #container {
      width: 1000px;
			height: 100%;
			min-height: 572px;
      margin: 0 auto;
			padding: 0;
      position: relative;
      text-align: left; }
			
      

/*	-------------------------------------------------------------
  	Masthead
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #masthead {
      height: 101px; }
      
    #masthead h1 {
      height: 100%;
      width: 285px;
      margin: 0;
      padding: 0;
      float: left;
      background: url(../img/logo.gif) top left no-repeat; }

    #masthead h1 a {
      width: 100%;
      height: 100%;
      text-indent: -9999em;      
      display: block; }
      
/*	Top menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #masthead ul {
      height: 101px;
      margin: 0;
      padding: 0;
      float: left;
      list-style: none; }

    #masthead li {
      height: 100%;
      width: 128px;
      float: left; }

    #masthead li a {
      height: 33px;
      width: 100%;
      font-size: 10px;
      text-align: center;
      padding: 68px 0 0 0;
      text-transform: uppercase;
      display: block; }

		li a sup {
			font-weight: 100; }
			
/*	Menu items
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #top-menu-0 {
      background: #d1d3d4;
      color: #1e4681; }

    #top-menu-0 a:hover, #top-menu-0 a.selected {
      background: #d1d3d4 url(../img/top-menu-0.gif) top center no-repeat; }
      
    #top-menu-1 {
      background: #a6ce39;
      color: #193c87; }

    #top-menu-1 a:hover, #top-menu-1 a.selected {
      background: #a6ce39 url(../img/top-menu-1.gif) top center no-repeat; }

    #top-menu-2 {
      background: #00aeef;
      color: #fff; }
      
    #top-menu-2 a:hover, #top-menu-2 a.selected {
      background: #00aeef url(../img/top-menu-2.gif) top center no-repeat; }

    #top-menu-3 {
      background: #ed1c24;
      color: #fff; }

    #top-menu-3 a:hover, #top-menu-3 a.selected {
      background: #ed1c24 url(../img/top-menu-3.gif) top center no-repeat; }

    #top-menu-4 {
      background: #000;
      color: #fff; }

    #top-menu-4 a:hover, #top-menu-4 a.selected {
      background: #000 url(../img/top-menu-4.gif) top center no-repeat; }



/*	-------------------------------------------------------------
  	Side-content 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
      
    #side-content {
      width: 285px;
      min-height: 540px;    
      float: left; }
    
    * html #side-content {
      height: 560px; }
      
/*	UL lists
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #side-content ul {
      list-style: none;
      padding: 0; }

    #side-content ul li {
      margin: 0 0 6px 0; }

    #side-content li a {
      font-size: 14px;
      font-weight: 700;
      padding: 2px 2px 2px 18px; }
			
		#side-content ul li ul {			
			display: none;
			margin: 0 0 0 20px; }
			
		#side-content ul li ul li {
			margin: 6px 0 0 0; }
		
		#side-content ul li ul a {
			font-size: 12px;
			font-weight: 100; }
			
/*	Menu items
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #side-content ul#side-menu {
      margin: 20px 0 0 30px; }
                  
    #side-menu a {
      background: url(../img/side-menu-list.gif) 3px 4px no-repeat; }
    
    * html #side-menu a {
      background: url(../img/side-menu-list.gif) 3px 9px no-repeat; }

    * + html #side-menu a {
      background: url(../img/side-menu-list.gif) 3px 9px no-repeat; }

    #side-menu a:hover, #side-menu a.selected {
      /*color: #264b91;*/
      background: url(../img/nieuws-items-list.gif) 3px 4px no-repeat; }

    * html #side-menu a:hover, * html #side-menu a.selected {
      background: url(../img/nieuws-items-list.gif) 3px 9px no-repeat; }

    * + html #side-menu a:hover, * + html #side-menu a.selected {
      background: url(../img/nieuws-items-list.gif) 3px 9px no-repeat; }


/*	Search box
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #side-content form {
      margin: 0 0 0 30px;
      padding: 0;
      position: relative;
      top: 0px; }
    
    #side-content fieldset {
      margin: 0;
      padding: 0;
      border: none; }
      
    #side-content form label {
      padding: 2px 2px 2px 18px;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      background: url(../img/search-label.gif) 3px 4px no-repeat; }

    #side-content form label:hover, #side-content form label.active {
      color: #264b91;
      background: #fff url(../img/search-label.gif) 3px 4px no-repeat; }

    #side-content form input {
      width: 72px;
      font-size: 10px;
      background: transparent;
      border: 1px solid #1c448c;
      border: 1px solid #fff;
      color: #fff; }
      
    #side-content form label:hover input, #side-content form input.focus {
      color: #000;
      border: 1px solid #1c448c;
      background: #fff; }

    #side-content form #submit {
      width: 0;
      height: 0;
      border: none;
      background: transparent;
      text-indent: -9999em; }
      
/*	Nieuws items
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    h2#sitenewsheader {
      margin: 20px 0 0 30px;
      font-size: 14px; }
    
    ul.sitenews {
      margin: 10px 0 0 30px; }
    
    .sitenews li a {
      background: url(../img/nieuws-items-list.gif) 3px 4px no-repeat; }

    
    
/*	-------------------------------------------------------------
  	Main-content 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #main-content {
      width: 608px;
      min-height: 560px;
      padding: 0 16px;
      position: relative;
      z-index: 5;
      background: #fff;
      font-size: 11px;
      line-height: 18px;
      float: left; }

    * html #main-content {
      height: 580px; }
    
    #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5 {
      font-size: 16px; }
      
    #main-content a {
      color: #000;
      text-decoration: underline; }

		#main-content input, #main-content textarea, #main-content button {
			font-size: 11px; }

    #main-content ul {
      margin-top: -10px; }

    #main-content .knop {
      background: #193c87;
      padding: 2px 0;
      color: #fff; }
      
      
      
/*	-------------------------------------------------------------
  	Forum
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.forum-row1 td {
			line-height: 20px;
      color: #fff;
			background: #193c87; }
      
		td.message-body {
		  background: #fff;
      color: #000; }
      
    #main-content tr.forum-row1 td a {
      color: #fff; }
      
		.forum-row2 {
			line-height: 20px; }
			
		.forum-row1 table, .forum-row2 table {
			background: #193c87;
			padding: 0 10px;
			line-height: 18px;
			height: 20px;
			color: #fff; }
		
		tr {
			height: 10px; }

		td p { /*correctie voor algemene content */
			line-height: 20px; }

      
    
/*	-------------------------------------------------------------
  	Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    div#footer {
      width: 100%;
      height: 27px;
      top: -27px;
      clear: both;
      position: relative;
      background: transparent url(../img/simply-smart-solutions.gif) bottom left no-repeat; }

    #copyright {
      position: absolute;
      bottom: 0;
      right: 0px;
      color: #fff;
      font-size: 8px; }