@charset "utf-8";
body {
margin: 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
line-height:14px;
}

/* - - - - - - - - - - - - - site blokken - - - - - - - - - - - - */

.header{
width:944px;
margin: 0 auto;
left: 50%;
margin-left: -472px; /* - (width/2) */
position: relative;
height:184px;
background-color:#00333B;
overflow:hidden;
}

.cms{
width:944px;
height:184px;
margin: 0 auto;
left: 50%;
margin-left: -472px; /* - (width/2) */
position: relative;
background-color:#243b44;
}

.bread{
width:944px;
margin: 0 auto;
left: 50%;
margin-left: -472px; /* - (width/2) */
position: relative;
height:29px;
}

.breadtext{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
top:-8px;
position:relative;
}

.breadtext a{
text-decoration:none;
color:#666666;
}

.breadtext a:hover{
text-decoration:underline;
color:#333333;
}

.content{
width:594px; /* 594 */
margin: 0 auto;
left: 50%;
margin-left: -472px; /* - (width/2) */
padding-right:10px;
position: relative;
float:left;
height:auto;
}

.footer{
width:316px;
height:50px;
right:142px;
position:absolute;
top:600px;
}

.box{
z-index:1;
width:600px;
height:383px;
background-color:#a0abb0;
float:left;
position:absolute;
margin-top:0px;
background-image:url(../img/backbalk03.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.kolom{
width:275px;
float:left;
margin-right:12px;
}

.news{
margin-top:1px;
padding:10px;
position:absolute;
}

.blokken{
width:295px;
overflow:hidden;
margin: 0 auto;
margin-left: 156px; /* - (width/2) */
position:absolute;
top:184px;
left:50%;
float:right;
}

.velden{
border:none;
background-color:#e7e7e7;
width:140px;
height:13px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
}

.testimonial {
width:590px; 
height:auto; 
float:right; 
margin-bottom:20px; 
padding:10px; 
background-color:#072430;
}


.testimonial img {
width:110;
float:left;
height:auto;
margin-right:7px; 
border:0px;
}


/* - - - - - - - - - - - - - typografie - - - - - - - - - - - - */

h1{  /* groene kop groot */
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#00333B;
font-size:14px;
line-height:17px;
text-decoration:none;
}

h2{  /* rode kop groot */
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#ed2939;
font-size:14px;
line-height:17px;
}

h3{  /* groen kleine kop */
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#00333B;
font-size:11px;
line-height:14px;
text-decoration:none;
}

h4{  /* rode kleine kop */
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#ed2939;
font-size:11px;
line-height:14px;
}

.linkgroen{  /* groen link */
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
color:#4c626d;
font-size:10px;
line-height:14px;
text-decoration:underline;
}

.linkgroen:hover{ 
text-decoration:none;
}

.linkrood{  /* groen link */
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
color:#f65e60;
font-size:10px;
line-height:14px;
text-decoration:underline;
}

.linkrood:hover{ 
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
color:#ed2939;
font-size:10px;
line-height:14px;
}

.lopend{  /* lopende tekst */
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
line-height:14px;
font-weight:200;

}

.lopend a{  /* lopende tekst */
font-family:Arial, Helvetica, sans-serif;
color:#ed2939;
font-size:10px;
line-height:14px;
text-decoration:underline;
}

.lopend a:hover{  /* lopende tekst */
font-family:Arial, Helvetica, sans-serif;
color:#ed2939;
font-size:10px;
line-height:14px;
text-decoration:none;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
color:#f65e60;
font-size:10px;
line-height:14px;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

/*  invul velden*/

.invul{
border:none;
background-color:#E8E8E8;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:400px;
color:#666666;	
}

.knop{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#ffffff; 
text-decoration:none; 
font-weight:800;
background-color:#f65e60;
border:none;
}

.knop:hover{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#ffffff; 
text-decoration:none; 
font-weight:800;
background-color:#C82A3C;
border:none;
}


/*/* START MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU 

.shadetabs
{
	margin-left:-40px;
}
.shadetabs ul
{
	position:absolute;
	display:block;
	width:121px;
}
.shadetabs li ul{
	z-index:100;
	visibility:hidden;
	width:121px;	
}
.shadetabs li
{
	width:121.5px;	
	height:auto;
	display:inline;
	float:left;
}

.shadetabs a{
	font:bold 11px tahoma, arial;
	color:#FFFFFF;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	display:block;
	width:122px;
	background-color:#072430;
}
.shadetabs a:hover, .shadetabs a.selected{
	text-decoration:none;
	background-color:#fff;
}

.shadetabs li a:visited
{
	color: #3f5059;
}

.shadetabs li a:hover
{
	text-decoration: none;
	color: #3f5059;
}

.shadetabs li.selected a
{ /*selected main tab style 
	border-bottom-color: #fff;
}
	
.shadetabs li.selected a:hover
{ /*selected main tab style 
	text-decoration: none;
}

.dropmenudiv{	
	width: 121px;
	background-color:#b0bfc6;
	margin-top: -133px;
	z-index:100;
	margin-left:-40px;
	position:absolute;
	visibility:hidden;

}

.dropmenudiv a{
	font:bold 11px tahoma, arial;
	line-height:18px;
	font-weight:600;
	color:#FFFFFF;
	width: auto;
	display: block;
	text-indent: 4px;
	padding: 4px 0;
	text-decoration: none;
}


* html .dropmenudiv a{ 
	width: 100%;
}

.dropmenudiv a:hover{ 
	color:#333333;
	background-color:#a0abb0;
}																	
*/
/* START MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU */



ol, ul, li {margin:0; padding:0; text-indent:0;}
input, .select, .area {font:1em Arial;}


		/*	 Main navigation
		---------------------------------------------- */
		#mainNav {background:#072430; float:left; font-size:1em; margin:1px 0 23px 0; position:relative; width:64%; z-index:300;}
			#innerMainNav {float:left; width:100%;}
			#innerMainNav ul {margin-left:30px;}
			#innerMainNav li {float:left; list-style:none;}
			#innerMainNav li a {color:#fff; background-color:transparent; display:block; font-size:1.2em; padding:0 15px; text-decoration:none; line-height:30px;}
			#innerMainNav li a:hover {color:#000000; background-color:#fff;}
			#innerMainNav li a.selected {color:#072430; font-weight:bold;}
			#innerMainNav li a.over {color:#072430; background-color:#b0bfc6;}
			#innerMainNav .subnav {background:#b0bfc6; color:#0074B6; line-height:1em; left:0; padding:6px 0 25px 0; position:absolute; top:30px; visibility:hidden; width:230px; z-index:100;}
			#innerMainNav .subnav ul {margin:0;}
			#innerMainNav .subnav li {display:block; float:none; line-height:1em;}
			#innerMainNav .subnav li a {color:#fff; background-color:transparent; display:block; font-size:1.1em; line-height:1.2em; padding:5px 0 5px 5px; margin:0 10px; text-decoration:none; border-bottom:1px solid #ccd4d9;}
			#innerMainNav .subnav li a:hover {color:#072430;}