/* CSS Document */
* {	
margin: 0;
padding: 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
body{
background:#E8FB94 url(assets/achtergrond.gif) repeat-x;
}
#header{
width:950px;
height:250px;
margin:0 auto;}
/************ MENU TOP ***********/
a:link, a:visited{
color:#f18301}
a:hover{
color:#333333}
#menu{
width:950px;
border-bottom:1px solid #687d0c;
height:27px;
margin:0 auto;
}
#navigation{
display:inline;
}
#navigation li {
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
display: inline;
float: left;
}
#navigation a {
margin: 0 1px 0 1px; 
padding: 0 0 0 10px;
color: #fff;	 
font-size: 12px;  	
text-transform: capitalize;
background: #76bae6 url('assets/bg-nav-left.gif') no-repeat left top;
display: inline-block;
float: left;
text-decoration:none;
font-weight:bold; 
}
#navigation .first{
margin-left:5px
}
#navigation a span {    
padding: 5px 10px 4px 0;  
background: #76bae6 url('assets/bg-nav-right.gif') no-repeat right top;
display: block;
float: left;
white-space: nowrap;
}
#navigation a:hover{background: #4d80ad url('assets/bg-nav-left.gif') no-repeat 0 -44px;}
#navigation a:hover span{background: #4d80ad url('assets/bg-nav-right.gif') no-repeat 100% -44px;}
#navigation a.active {background: #4d80ad url('assets/bg-nav-left.gif') no-repeat 0 -88px; color:#68592b}
#navigation a.active span {background: #4d80ad url('assets/bg-nav-right.gif') no-repeat 100% -88px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}
/*************************************************************/
#headtext{
width:934px;
margin:0 auto;
padding:6px 8px;
background:url(assets/bg_head.gif) bottom left repeat-x;
font-size:11px;
line-height:24px;
}
#headtextLink{
width:400px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5c6e02;
float:left;
}
#headtextLink a{
color:#D86642;
border-bottom:1px solid #687D0C;}
#headtextLink a:hover{
background-color:#E8FB94}
#headtextSearch{
width:500px; float:right;
}
#headtextSearch table{
float:right;
}
.input{
border:1px solid #555;
height:17px;
margin-top:1px;
background-color:#eaf7fb;
}
#headtextSearch td{
font-family:Tahoma, Arial, Helvetica, sans-serif;
padding: 0px 2px
}
/************** CONTENT *****************/
#content{
width:938px;
min-height:200px;
margin:0 auto;
padding:12px 6px;
background:url(assets/back.gif) right bottom no-repeat ;
}
.leftSection{
float:left;
width:92px;
margin:0px 16px 0px 0px;
font-size:11px;
padding:36px 8px 8px 8px;
height:264px;
background:url(assets/recom.gif) no-repeat;
}
.leftSection a:link, .leftSection a:visited{
color:#408f9d;
}
.leftSection a:hover{
background-color:#FFFFFF;
}
.leftSection a img{
border:0px;
display:block;
padding:4px 2px 6px 2px;
}
.midSection{
display:inline;
float:left;
width:210px;
margin:0px 14px 0px 0px;
font-size:13px;
min-height:322px;
}
/* Hides from IE-mac \*/
* html .midSection{
margin:0px;
height:1%;
}
/* End hide from IE-mac */
.midSectionLarge{
float:left;
width:658px;
margin:0px 14px 0px 0px;
font-size:13px;
min-height:322px;
}
* html .midSectionLarge{
height:322px}
.midSectionLarge p{
padding:8px 0px;
}
.rightSection{
margin-left:2px;
float:right;
width:120px;
}
.midSection ul, .rightSection, .text{
position: relative;
border:1px solid #fff;
padding:8px;
background-image:url(assets/opaque.png) !important;
background-image:url(assets/transp.gif);
}
.midSection ul{
border-bottom:0px;
min-height:321px;
}
.midSection li{
display:block !important;
display:inline-block;
list-style:none;
}
.midSection a{
display: block;
padding:2px 0px 2px 13px;
border-bottom:1px solid #fff;
text-decoration:none;
color:#333333;
}
/* Hides from IE-mac \*/
* html .midSection a{
height: 1%;
}
/* End hide from IE-mac */
.midSection ul li{
background:url(assets/li.gif) left no-repeat;}
.midSection li a:hover{
background:#CEF1FD url(assets/li.gif) left no-repeat;;
}
h1{
font-size:15px;
text-align:right;
color:#6c500b;
font-style:italic;
padding:4px 8px;
background:url(assets/kopje.gif) no-repeat;
}
.midSectionLarge h1{
text-align:left;
padding:4px 10px;
}
.bottom{
width:210px;
display:block;
padding:1px 8px 1px 8px;
background:url(assets/bottom.gif) no-repeat;
}
.bottomlarge{
width:658px;
display:block;
height:23px;
padding:1px 0px 1px 1px;
margin-top:-1px;
background:url(assets/bottom_large.gif) no-repeat;
}
.midSection a img{
border:0px}
.midSection .tip a, .midSection .tip a:hover{
background-image:url(assets/thumbsup.gif) !important;
background-position:right;
background-repeat:no-repeat;
}
.midSection .new a, .midSection .new a:hover{
background-image:url(assets/new.gif) !important;
background-position:right;
background-repeat:no-repeat;}
/************** PAGENUMBERS **************/
.pages{
clear:both;
border-top:1px solid #aec938;
background-image:url(assets/pages_bg.gif);
background-repeat:repeat-x;
margin-top:12px;
padding:8px 8px 9px 8px;
font-weight:bold;
font-size:12px;
width:934px;
margin:0 auto;
}
.pages a{
padding:0px 6px;
text-decoration:none;
border:1px solid #aec938;
background-color:#edfcad;
color:#666;
margin:0px 3px;
}
.pages a:link, .pages a:visited{
color:#666;}
.pages a.currentnumber, .pages a:hover{
background-color:#fff;
color:#333;
}
.pages a:hover{background-color:#fff}
.small{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999 !important}
/***************** FOOTER *****************/
#footer{
clear:both;
border-top:1px solid #aec938;
background-image:url(assets/pages_bg.gif);
background-repeat:repeat-x;
margin-top:12px;
padding:8px 8px 9px 8px;
clear:both;
width:942px;
margin:0 auto;
padding:6px 4px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#586b03;
text-align:right;
}
#footer a:link, #footer a:visited{
color:#f18301}
.footerleft{
float:left;
width:200px;
text-align:left;
}
.footerright{
float:right;
text-align:right;
width:400px}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */