@charset "utf-8";
/* CSS Document */

body
{
	height:100%;
	width:100%;
	background:#0069AB;
	background-image:url(../images/backgroundsp.jpg);
	background-repeat:repeat-X;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* HEADSECTION */

#headsection
{ 
	position:relative; 
	left:0px; 
	top:0px; 
	background-image:url(../images/headersp.jpg);
	background-repeat:repeat-X;
	background-color:#A9C1FF;
	width:100%; 
	height:135px;
	color:#ffffff;
}

#logo
{ 
	position:absolute; 
	left:0px; 
	top:0px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat; 
	width:268px; 
	height:135px; 
	color:#000000; 
	z-index:1; 
}

#banner
{ 
	position:absolute; 
	left:268px; 
	top:0px; 
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat; 	
	width:730px; 
	height:135px; 
	color:#000000; 
	z-index:2;
}

/* EINDE HEADSECTION */

/* Dit heeft allemaal met het menu te maken dat zweeft over de banner */

#menu { 
	position:relative; 
	height:135px; 
	color:#000000; 
	z-index:3;
}



#menuopmaak {
	font-size:11px;
	font-family:Arial;
	letter-spacing:1px;
	color:#FFFFFF;
}



a.menutop:link {
	text-decoration:none;
	color: #04447B;
}

a.menutop:visited {
	text-decoration:none;
	color: #04447B;
}

a.menutop:hover {
	text-decoration:none;
	color:#FFFFFF;
}

a.menutop:active {
	text-decoration:none;
	color:#FFFFFF;
}



a.menubottom:link {
	text-decoration:none;
	color: #04447B;
}

a.menubottom:visited {
	text-decoration:none;
	color: #04447B;
}

a.menubottom:hover {
	text-decoration:none;
	color:#FFFFFF;
}

a.menubottom:active {
	text-decoration:none;
	color:#FFFFFF;
}

#multimenu {
	position:absolute;
	top:4px;
	height:25px;
	z-index:30;
	right: 0px;
}

		#multiwrapper {
			position:relative;
			background-color:#006666;
		}
		
		#language {
			top:0px;
			position:absolute;
		
		}
		
		#search {
			top:0px;
			left:85px;
			position:absolute;
		
		}
		
		#submit {
			position:absolute;
			top:0px;
			left:205px;
		}

#searchfield{
border-color:#FFFFFF;
border-style:solid;
color:#666666;


}


#searchbutton{

border:1;
border-style:solid;
border-color:#04447B;
background-color:#FFFFFF;
height:22px;


}




/* Einde zweef menu */

/* MIDSECTION */


.floatimg_1 {
float: right;
clear: both;
margin-top:0px;
margin-left:20px;
margin-bottom:10px;
}

.floatimg_2 {
float: left;
clear: both;
margin-top:0px;
margin-right:20px;
margin-bottom:10px;
}

.floatimg_top {
position:relative;
margin-top:0px;
margin-left:5px;
margin-bottom:15px;
}




#midsection { 
	position:relative; 
	left:0px; 
	top:0px;
	background-image:url(../images/contentsp.jpg);
	background-repeat:repeat-X;  
	width:100%; 
	height:389px;
	color:#ffffff; 
}

#submenu { 
	position:absolute; 
	left:0px; 
	top:0px;
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-left:15px; 
	width:268px; 
	height:389px;
	z-index:4;
}
		
		
		#titel {
		font-family:Arial;
		color: #D0E3EE;
		letter-spacing:2px;
		font-size:18px;		
		}
		
		#listgroup {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		letter-spacing:1px;
		font-size:11px;
		line-height:0px;
		font-weight:bold;
		
		}	
		
		#list {
		list-style-image:url(../images/listdot.gif);
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#FFFFFF;
		letter-spacing:1px;
		position:relative;
		top:-5px;
		left:-15px;
		line-height:18px;
		}		
		
			

		#subme:link {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		#subme:visited {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		#subme:hover {
			text-decoration:underline;
			color:#FFFFFF;
		}
		
		#subme:active {
			text-decoration:none;
			color:#FFFFFF;
		}



#content { 
	position:absolute; 
	left:268px; 
	top:0px;
	background-image:url(../images/content.jpg);
	background-repeat:no-repeat;
	padding-top:10px; 
	padding:20px;
	width:450px; 
	height:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	z-index:5;
}


		.contentlink:link {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		.contentlink:visited {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		.contentlink:hover {
			text-decoration:underline;
			color:#FFFFFF;
		}
		
		.contentlink:active {
			text-decoration:none;
			color:#FFFFFF;
		}
		
		

#quicklinks { 
	position:absolute;
	left:750px; 
	top:1px;
	padding-top:20px;
	width:250px; 
	height:367px; 
	z-index:6;
}




		#quick:link {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		#quick:visited {
			text-decoration:none;
			color: #FFFFFF;
		}
		
		#quick:hover {
			text-decoration:none;
			color:#90BCE2;
		}
		
		#quick:active {
			text-decoration:none;
			color:#90BCE2;
		}
		
#containerquick {
	position:relative;
	width:200px;
	color: #90BCE2;
}

		#quicklinksboven {
		position:absolute;
		top:0px;
		left:6px;
		background-image:url(../images/listpijl.jpg);
		background-repeat:no-repeat;
		height:18px;
		width:25px;
		z-index:50;
		}
		
		#quickrechtsboven {
		position:relative;
		top:0px;
		left:30px;
		height:18px;
		width:100%;
		font-size:13px;
		z-index:51;
		}
		
		#quickonder {
		position:relative;
		margin-left:30px;
		top:0px;
		width:170px;
		font-size:13px;
		z-index:52;
		}


#foto{	position:relative;
		left:25px;
		top:40px;
	
		}
		
		
#portret{
		position:absolute;
		top:92px;
		

		}




/* EINDE MIDSECTION */

/* LOWERSECTION */

#lowersection {
	position:relative;
	background-image:url(../images/bttsp2.jpg);
	background-repeat:repeat-x;
	background-color:#0069AB;
	width:100%;
	height:625px;
}

#schuin { 
	position:absolute; 
	left:0px; 
	top:0px;
	background-image:url(../images/schuin2.jpg);
	background-repeat:no-repeat; 
	width:163px; 
	height:633px;
	z-index:7;
}

#bottomschuin { 
	position:absolute; 
	left:163px; 
	top:19px;
	background-image:url(../images/bottom.jpg);
	background-repeat:no-repeat;
	width:200px; 
	height:633px;
	z-index:8;
}

#bottom {
	position:absolute;
	left:370px;
	top:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	letter-spacing:1px;
	color:#04447B;
	background-color:#A9C1FF;
	width:450px;
	height:50px;
	z-index:9;
}
		
		#telefoon {
			position:absolute;
			left:140px;
			top:24px;
			background-image:url(../images/telefoon.jpg);
			width:72px;
			height:29px;
			z-index:12;
		}

	

		a.mailtje:link {
			text-decoration:none;
			color: #04447B;
		}

		
		a.mailtje:visited {
			text-decoration:none;
			color: #04447B;
		}
		
		a.mailtje:hover {
			text-decoration:none;
			color:#FFFFFF;
		}
		
		a.mailtje:active {
			text-decoration:none;
			color:#FFFFFF;
		}