html, body { margin: 0px; padding: 0px; height: 100%; font: normal 11px verdana; color: #004186; background: url(../images/background.jpg) repeat-y; background-position: center;}

a { -moz-outline-style:none }

#container {
	width: 790px;
	height: 100%;
	margin: auto;
	}
	
	#witcont {
	width: 600px;
	height: 215px;
	padding: 10px;
	}
	
	#sil {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	}

	
#header {
	width: 757px;
	height: 45px;
	background: url(../images/header.gif);
	}
	
	
	
/* ==================================== DROPDOWNMENU ==================================== */

					
					#dropdownmenu {
						position: absolute;
						margin-left: 582px;
						height: 100px;
						margin-top: -62px;
						z-index: 110;
						}				
					
					ul#dropdown, ul#dropdown ul {
						margin: 0;
						padding: 0;
						list-style: none;
						}
					
					ul#dropdown  li {
						position: relative;
						float: left;
						width:125px;
					}
					
					ul#dropdown li li {
						border-bottom: 1px solid #004186;
					}
						
					#dropdown li ul {
						position: absolute;
						top: auto;
						left:0;
					}
					
					/* Styles for Menu Items */
					ul#dropdown  li a {
						display: block;
						font: normal 9px Arial, Helvetica, sans-serif;
						text-decoration: none;
						color: #fff;
						background-image: url(../images/dropdown.png);
						background-repeat: no-repeat; /* IE6 Bug */
						padding: 5px 5px 6px 6px;
						margin-bottom:-1px;
						min-height:0;
						}
					
					ul#dropdown li li a {
						display: block;
						font: normal 9px Arial, Helvetica, sans-serif;
						text-decoration: none;
						color: #fff;
						background-color: #b2c6da;
						background-image:none;
						padding: 5px 5px 6px 6px;
							margin-bottom:-1px;
						min-height:0;
						border-bottom: 1px solid #004186;
						}
					/* commented backslash mac hiding hack \*/ 
					* html ul#dropdown  li a {height:1%;	position:relative;}
					/* end hack */ 
					
					/* this sets all hovered lists to red */
					#dropdown li:hover a,#dropdown  li.over a {
					   color: #fff;}
					   
					#dropdown li:hover li a:hover,#dropdown li.over li a:hover {
					   color: #fff;
					   background-color: #7c9ec1;}
					
					/* set dropdown to default */
					#dropdown li:hover li a,#dropdown li.over li a {
					   color: #fff;
					   background-color: #b2c6da;
						border-bottom: 1px solid #004186;
					}
					
					
					#dropdown li ul li a { padding: 4px 5px; } /* Sub Menu Styles */
					#dropdown li:hover ul,#dropdown li.over ul {margin-left:0; } /* show menu*/
					

/* ==================================== DROPDOWNMENU ==================================== */


	
#background {
	width: 757px;
	height: 100%;
	position: absolute;
	z-index: 99;
	}
	
#ader {
	position: absolute;
	margin-left: 373px;
	z-index: 100;
	margin-right: 10px;
	height: 775px;
	width: 374px;
	background: url(../images/ader.jpg);
	}
	
#menu ul#nav {
	width: 33px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: auto;
	margin-left: 747px;
	}
	
#menu {
	position: absolute;
	z-index: 98;
	}
	
#menu ul#nav li {
	width: 33px;
	height: 88px;
	text-decoration: none;
	}
	
#menu ul#nav li a {
	text-decoration: none;
	display: block;
	}
	
li.knop1 a {
	background: url(../images/knop1.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop1 a:hover, li.knop1 a.over {
	background: url(../images/knop1-over.gif) no-repeat;
	}
	
li.knop2 a {
	background: url(../images/knop2.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop2 a:hover, li.knop2 a.over {
	background: url(../images/knop2-over.gif) no-repeat;
	}
	
li.knop3 a {
	background: url(../images/knop3.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop3 a:hover, li.knop3 a.over {
	background: url(../images/knop3-over.gif) no-repeat;
	}
	
li.knop4 a {
	background: url(../images/knop4.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop4 a:hover, li.knop4 a.over {
	background: url(../images/knop4-over.gif) no-repeat;
	}
	
li.knop5 a {
	background: url(../images/knop5.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop5 a:hover, li.knop5 a.over {
	background: url(../images/knop5-over.gif) no-repeat;
	}
	
li.knop6 a {
	background: url(../images/knop6.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop6 a:hover, li.knop6 a.over {
	background: url(../images/knop6-over.gif) no-repeat;
	}
	
li.knop7 a {
	background: url(../images/knop7.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop7 a:hover, li.knop7 a.over {
	background: url(../images/knop7-over.gif) no-repeat;
	}
	
	li.knop8 a {
	background: url(../images/knop8.gif) no-repeat;
	text-decoration: none;
	padding-left: 30px;
	padding-bottom: 85px;
	}
	
li.knop8 a:hover, li.knop8 a.over {
	background: url(../images/knop8-over.gif) no-repeat;
	}

#content {
	margin-top: 40px;
	margin-left: 40px;
	position: absolute;
	z-index: 101;
	}
	
.logo {
	width: 272px;
	height: 63px;
	background: url(../images/logo.gif);
	margin-left: 33px;
	margin-top: 0px;
	}	

.tekst1 {
	width: 600px;
	margin-top: 20px;
	margin-left: 33px;
	line-height: 15px;
	}
	
.tekst2 {
	width: 600px;
	margin-left: 33px;
	line-height: 15px;
	margin-bottom: 10px;
	}


.tekstrechts {
	width: 260px;
	float: right;
	}

.tekstlinks {
	width: 260px;
	float: left;
	}
	
.tekst2 a {
	color: #C53388;
	}
	
p i {
	color: #C53388;
	font-style: italic;
	}

p i a {
	color: #C53388;
	}
		
.tekst1 h1 {
	font: bold 12px verdana;
	text-transform: uppercase;
	}
	
.tekst1 a {
	color: #C53388;
	}
	
.tekst2 h1 {
	font: bold 12px verdana;
	}
	
.tekst2 h2 {
	font: bold 14px verdana;
	color: #C53388;
	margin: 0px;
	padding: 0px;
	letter-spacing: normal;
	text-transform: uppercase;
	}

table#krediet h1 {
	font: bold 12px verdana;
	color: #FFFFFF;
	}
	
h2 {
	font: normal 16px arial;
	letter-spacing: 2px;
	color: #C53388;
	margin: 0px;
	margin-left: 33px;
	margin-top: 20px;
	padding: 0px;
	}

h3 {
	width: 600px;
	font: bold 110px verdana;
	letter-spacing: 5px;
	padding: 0px;
	margin: 0px;
	margin-left: 28px;
	margin-top: -30px;
	opacity:.15;
	filter: alpha(opacity=15);
    -moz-opacity: 0.15;
  	}
	
h4 {
	font: bold 50px verdana;
	color: #C53388;
	margin: 0px;
	padding: 0px;
	margin-top: -60px;
	float: right;
	margin-right: 80px;
	letter-spacing: 2px;
	}
	
.tekst2 h5 {
	font: bold 11px verdana;
	color: #C53388;
	margin: 0px;
	margin-bottom: -15px;
	padding: 0px;
	padding-bottom: 3px;
	width: 350px;
	border-bottom: 1px solid #C53388;
	}
	
	.tekst2 h6 {
	font: bold 11px verdana;
	color: #004186;
	margin: 0px;
	margin-bottom: -15px;
	padding: 0px;
	padding-bottom: 3px;
	width: 350px;
	border-bottom: 1px solid #004186;
	}

.tekst1 h5 {
	font: bold 11px verdana;
	color: #C53388;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	width: 600px;
	border-bottom: 1px solid #C53388;
	text-transform: uppercase;
	}
		
.partner {
	margin-top: 10px;
	margin-bottom: 15px;
	}

.partner img {
margin-right: 10px;}		
		
.middenkop h5 {
	width: 700px;
	font: bold 102px verdana;
	letter-spacing: 4px;
	padding: 0px;
	margin: 0px;
	margin-left: -5px;
	margin-top: -25px;
	opacity:.15;
	filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    }
    
.middenkop h1 {
	width: 600px;
	font: bold 70px verdana;
	letter-spacing: 4px;
	padding: 0px;
	margin: 0px;
	margin-left: 33px;
	margin-top: -18px;
	margin-bottom: 10px;
	opacity:.15;
	filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    }
    
.middenkop h6 {
	font: bold 40px verdana;
	color: #C53388;
	margin: 0px;
	padding: 0px;
	margin-top: -50px;
	float: right;
	margin-right: 50px;
	letter-spacing: 2px;
	}

	
#form input { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; border: 1px solid #C53388; }

#form .fieldError {border-left: 4px solid #9d111c;}
#form .labelError, #form .labelError a {color: #9d111c !important;}
	
#form input.verstuur {
	background: #C53388;
	color: #fff;
	border: none;
	cursor: pointer;
	}

#form input.verstuur:hover {
	background: #d771ac;
	color: #fff;
	border: none;
	cursor: pointer;
	}

#form input.upload {
	background: #C53388;
	color: #fff;
	border: none;
	cursor: pointer;
	}

#form input.upload:hover {
	background: #d771ac;
	color: #fff;
	border: none;
	cursor: pointer;
	}

	
#form textarea {
	border: 1px solid #C53388;
	}
	
.frame1 {
	margin-left: 25px;
	background-color:transparent;
	}
	
	
a.filler {
	border: 0px;
	}

#vacatures {
	margin-left: 30px;
	}
	
#vacatures a {
	margin-right: 7px;
	text-decoration: none;
	padding: 3px 10px;
	background: #C53388;
	color: #fff;
	}

table#krediet {
	border: 1px solid #C53388;
	}
	
table#krediet td {
	border: 1px solid #C53388;
	padding-left: 10px;
	}

#menu_bottom {
	float: left;
	width: 588px;
	height: 30px;
	margin-top:10px;
	margin-bottom: 20px;
	}

#nav1 {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav1 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	margin-left: 4px;
	}

A.button1 {
	width: 180px;
	height: 20px;
	float: left;
	background-color: #C53388;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button1:hover {
	width: 180px;
	height: 20px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button2 {
	width: 95px;
	height: 20px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button2:hover {
	width: 95px;
	height: 20px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button3 {
	width: 146px;
	height: 20px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button3:hover {
	width: 146px;
	height: 20px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button4 {
	width: 80px;
	height: 20px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.button4:hover {
	width: 80px;
	height: 20px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

#menu_right {
	width: 180px;
	float: right;
	margin-bottom: 40px;
	margin-left: 20px;
	}

#nav2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

A.voorbeeld {
	width: 126px;
	height: 20px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	margin-bottom:10px;
	}

A.voorbeeld:hover {
	width: 146px;
	height: 33px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	margin-bottom:10px;
	}

A.voorbeeld1 {
	width: 126px;
	height: 18px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	margin-bottom:10px;
	}

A.voorbeeld1:hover {
	width: 126px;
	height: 18px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	margin-bottom:10px;
	}
	

#menu_tarieven {
	float: left;
	width: 588px;
	height: 66px;
	margin-top:10px;
	margin-bottom: 20px;
	}

#nav3 {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav3 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	margin-left: 20px;
	}

A.button5 {
	width: 130px;
	height: 22px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	text-align:center;
	padding-top: 3px;
	}

A.button5:hover {
	width: 130px;
	height: 22px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	padding-top: 3px;
	}

A.klant {
	width: 146px;
	height: 26px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 8px;
	margin-bottom:10px;
	}

A.klant:hover {
	width: 146px;
	height: 26px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 8px;
	margin-bottom:10px;
	}

A.button6 {
	width: 200px;
	height: 22px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	text-align:center;	
	padding-top: 3px;
	}

A.button6:hover {
	width: 200px;
	height: 22px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	padding-top: 3px;
	}
	

A.button7 {
	width: 150px;
	height: 37px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	text-align:center;
	padding-top: 7px;
	}

A.button7:hover {
	width: 150px;
	height: 37px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align:center;
	padding-top: 7px;
	}

#home {
	width:400px;
	float: left;
	margin-top: 100px;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: -40px;
	}

.brochure {
	border: 1px solid #004186;
	float: right;
	margin-left: 20px;
	margin-top: 70px;
	margin-bottom: 10px;
	}


A.home_kr {
	width:170px;
	height: 32px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	margin-left: 20px;
	padding-top: 2px;
	}

A.home_kr:hover {
	width: 170px;
	height: 32px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}



A.krediet {
	width: 300px;
	height: 32px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.krediet:hover {
	width: 300px;
	height: 32px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.incasso {
	padding: 5px 10px;
	background-color: #C53388;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

A.incasso:hover {
	padding: 5px 10px;
	background-color: #d771ac;
	float: left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 2px;
	}

ul.opsomming {
	float: left;
	width: 50px;
	display: inline; 
	}

ul.opsomming-uitleg {
	display: inline; 
	}

.tekst-uitleg {
	width: 500px;
	line-height: 15px;
	margin-left: 50px;
	margin-top: 50px;
	}

html, body.uitleg { margin: 0px; padding: 0px;  background: none; }

a.uitleg {
	color: #C53388;
	}
	
ul.pijl {
list-style-image:url(../images/pijltje.png);
display: inline;
margin-top
}

ul.nopijl {
list-style: square;
margin-top: 3px;
display: inline; 
}

table.voordeel {
margin-left: 40px;
}

#kaart {
float: right;
	width: 200px;
	height: 140px;
	margin-right: 220px;
	z-index: 102;
	text-align: right;
	
	}
	
	.google a a:hover {
	text-align: right;
	}