/* CSS Document Kronenburg */
* {
margin : 0;
padding : 0;
}
/********** CONTAINER *********/
body{
background-image:url(images/bg.jpg);
background-position:top center;
background-color:#d4e9f1;
background-repeat:no-repeat;
}
#box{
width:950px;
margin:100px auto 0 auto;
background-color:#ffffff;
border:1px solid #b4d3e7;
padding-bottom:8px;
}
/********** LOGO ************/
.logotop {
display: block;
height: 34px;
width: 241px;
text-decoration: none;
text-indent: -9999pt;
position: absolute;
top: 54px;
border:0px;
}
.imagetop {
display: block;
height: 250px;
width: 288px;
text-decoration: none;
text-indent: -9999pt;
position: absolute;
top: 8px;
border:0px;
margin-left:649px;
}
/********** HEADER **********/
#header{
width:924px;
height:114px;
background-image:url(images/bg_header.jpg);
margin:12px 13px 0 13px;
}
#header p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#ffffff;
}
#headertext{
width:536px;
height:40px;
padding:26px 0 0 40px;}
/********** VIDEO BUTTON ************/
#btnvideo {
width: 103px;
position:absolute;
top:160px;
padding:6px 2px 0px 430px;
}
#btnvideo h3 {
background: #c41a03 url(images/bekijk_button.gif) 0 0 no-repeat;
width: 101px;
height: 25px;}
#btnvideo h3 a {
background: #c41a03 url(images/bekijk_button.gif) 0 0 no-repeat;
text-indent: -9000px;
overflow: hidden;
width: 101px;
height: 25px;
display: block;
text-decoration: none;
}
#btnvideo h3 a:hover {background: url(images/bekijk_button.gif) 0 -25px no-repeat;}
/********** MENU ************/
#menu{
background-image:url(images/bg_menu.gif);
height:33px;
width:924px;
margin:0px 13px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 1.0;
	display:inline;
	float:left;
	margin-left:2px;
	margin-top:8px;
}
#nav li ul{
	padding: 0px;
	margin: 0px;}

#nav a {
	display: block;	
	margin: 0 2px 0 3px; 
	padding: 6px 7px 7px 7px;
	color: #fff;	 
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	background: #4bb8b6;
	text-decoration:none; 
}

#nav li { /* all list items */
	float: left;
}
#nav li ul li a{
	border-top:1px solid #ffffff;
}
#nav a:hover{
	background: #6dc6c4
}
#nav a.active {
	background: #fff; 
	color:#444444;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/********** TEXT ************/
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#555555;
font-weight:normal;
padding:8px 0px 8px 0px;
}
h2{
font-size:13px;
color:#555555;
margin:4px 0 -8px 0;
}
#tekst{
float:left;
width:620px;
padding:13px 13px 0px 13px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
font-size:12px;
color:#444444;
}
#tekst p{
padding:10px 0px}
.tekstimg{
float:left;
padding:4px;
border:1px solid #b9d6e8;
margin-right:6px;
margin-top:4px;
}
/********** Rechterkant *******/
#right{
float:right;
width:283px;
padding:20px 0 4px 0;
}
#quote, #highlight{
background-color:#edf6d2;
background-image:url(images/box_right_top.gif);
background-repeat:no-repeat;
display:block;
width:269px;
padding-bottom:2px
}
#klachten{
background-image:url(images/klachten.gif);
background-repeat:no-repeat;
display:block;
width:269px;
height:46px;
padding-top:186px;
padding-bottom:14px
}
#klachten p, #highlight p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#808c53;
padding:0px 12px;
line-height:18px;
}
#highlight p{
padding:12px;
}
#highlight img{
float:left;
padding:3px;
background-color:#ffffff;
border:1px solid #b9d6e8;
margin-right:6px;
}
#quotebottom, #highlightbottom{
background-color:#edf6d2;
background-image:url(images/box_right_bottom.gif);
background-repeat:no-repeat;
display:block;
width:269px;
height:35px;
}
#highlightbottom{
margin-bottom:8px;
}
#quote p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-style:italic;
padding:10px 12px 2px 12px;
line-height:21px;
color:#919d66;
}
.leesmeer{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/arrow.gif);
background-position:right;
padding-right:12px;
background-repeat:no-repeat;

text-align:right;
float:right;
margin-right:12px;
}
.leesmeer a:link, .leesmeer a:active, .leesmeer a:visited{color:#04789C; text-decoration:none}
.leesmeer a:hover{color:#46a4c1; background-color:#FFFFFF; text-decoration:none}
/********** REGULAR LINKS **********/
a:link, a:active, a:visited{
color:#04789C;
}
a:hover{
color:#2EB6B1;
}
/********** LISTS **********/
#tekst ol{
padding-left:30px;
}
#tekst ol li{
padding:4px 0 10px 0;
}
#tekst ul{
list-style:none;
padding-left:10px;
}
#tekst ul li{
padding:1px 0px;
background-image:url(images/list_tags.gif);
background-position:0px 9px;
color:#484536;
padding-left:10px;
background-repeat:no-repeat;}
/********** FOOTER **********/
#footer{
clear:both;
width:950px;
margin:0 auto;
text-align:right;
height:21px;
}
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
color:#5c8392;
padding:10px 0px;
}
#footer a{
color:#04789c;
}
/********** CLEARFIX **********/
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}