/* CSS Document SOMS */
/********** Achtergrond *********/
* {
margin : 0;
padding : 0;
}
body{
font-family : Arial, Helvetica, sans-serif;
background:#ebe8dd url(images/bg.gif) repeat-x;
}
#box{
width:808px;
min-height:300px;
margin:0 auto;
background:#FFFFFF url(images/bg_box_shadow.gif);
}
/********** Header *********/
.logotop {
display: block;
height: 32px;
width: 50px;
text-decoration: none;
text-indent: -9999pt;
position: absolute;
top: 20px;
border:0px;
padding-left:29px;
}
.logo{
float:left;
}
#header{
background:url(images/bg_header.gif) no-repeat;
width:808px;
height:202px;
}
#header #photo{
display:inline;
float:right;
width:428px;
height:184px;
margin:16px 20px 0px 0px;
}
#headerleft{
float:left; 
width:325px; 
padding-left:21px;
}
#kopje{
float:left;
width:269px;
height:23px;
padding:11px 28px;
text-align:center;
margin-top:25px;
display:block;
background:#e8d344 url(images/bg_kopje.gif);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
}
/********** Content **********/
#content{
width:766px;
padding:12px 20px 12px 22px;
}
#text{
float:left;
width:572px}
#text p{
font-size:12px;
padding:10px 0px;
color:#484536;
line-height:20px;
}
#text ul{
font-size:12px;
list-style:none}
#text ol{
font-size:12px;
list-style-position:inside;
color:#484536;}
#text ol li{
padding:1px 0px}
#text ul li{
padding:1px 0px;
background-image:url(images/list_tags.gif);
background-position:0px 50%;
color:#484536;
padding-left:10px;
background-repeat:no-repeat;}
.image{
border:1px solid #dad4bd;
padding:4px;
margin:2px 10px 2px 0}
/********** Titels **********/
h1, h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#016fba;
border-bottom:1px solid #016fba;
padding-bottom:2px;
}
h3{
border:0px;
padding-top:4px;}
/********** Rechterkant met quote klant **********/
#right{
float:right;
width:172px;
min-height:180px;
background:#d3e8f5 url(images/right_bottom.gif) bottom no-repeat;
}
/* Hide from IE Mac \*/
* html #right{
height:180px}
/* End hide from IE Mac */
#right .top{
background:#D3E8F5 url(images/right_top.gif) no-repeat;
width:172px;
height:18px;
}
#right .content{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#016fba;
padding:0 10px 20px 10px;
}
.divider{
display:block;
height:8px;
margin:6px 0px 0px 0px;
background-image:url(images/divider.gif);
background-repeat:repeat-x;
background-position:top;
}
*html .divider{
margin:6px 0px -8px 0px;}
/********** Links **********/
a:link, a:visited{
color:#0069B8;
}
a:hover{
color:#333333;
}
/********** Menu **********/
#menu{
width:800px;
height:32px;
margin:20px auto 0 auto;
background:url(images/bg_menu_shadow.gif) bottom no-repeat;
}
#navigation{
display:inline;
float:right;
margin-right:14px;
}
#navigation li {
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
display: inline;
float: left;
}
#navigation a {
margin: 0 3px 0 3px; 
padding: 0 0 0 12px;
color: #fff;	 
font-size: 18px;
font-family:Georgia, "Times New Roman", Times, serif; 	
background: #157abe url('images/bg_nav_left.gif') no-repeat 0 -44px;
display: inline-block;
float: left;
text-decoration:none; 
}
#navigation .first{
margin-left:5px
}
#navigation a span {    
padding: 6px 12px 5px 0;  
background: #157abe url('images/bg_nav_right.gif') no-repeat 100% -44px;
display: block;
float: left;
white-space: nowrap;
}
#navigation a:hover{background: #4d80ad url('images/bg_nav_left.gif') no-repeat 0 -88px;}
#navigation a:hover span{background: #4d80ad url('images/bg_nav_right.gif') no-repeat 100% -88px;}
#navigation a.active {background: #fff url('images/bg_nav_left.gif') no-repeat left top; color:#016fba}
#navigation a.active span {background: #fff url('images/bg_nav_right.gif') no-repeat right top;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
/********** FOOTER **********/
#footer{
clear:both;
margin:0 auto;
width:808px;
height:35px;
background-image:url(images/bg_footer.gif);
text-align:right;
}
#footer p{
font-size:11px;
color:#807340;
padding:4px 24px 8px 0px;
}
/***************** 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 */
.naam{
display:block;
padding-top:12px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
line-height:16px;
}