﻿
body {
	padding: 0; 
	margin: 0;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	background-color: #8ca8ca;
	background-image: url(../img/bodybg.jpg);
	background-repeat: repeat-x;
}

textarea {
	font-family: Verdana;
	font-size: 12px;
	color: #fff;

}

select {
	font-family: Verdana;
	font-size: 12px;
	color: #fff;

}

input {
	font-family: Verdana;
	font-size: 12px;
	color: #fff;

}

td		{
font-family: Verdana;
font-size: 11px;
margin: 0pt;
margin-top: 15pt;
margin-right: 15pt;
margin-left: 15pt;
color:  #9ba5ab;
}


/*
Hier worden alle standaard onderdelen gedefinieerd. Een link die overal een bepaalde kleur moet
hebben is makkelijk hier aan te geven dan voor elke div apart.
*/

textarea { line-height: normal; }

input {
	border-color: #00437A;
	border-width: 1px;
	line-height: normal;
	background-color: #DBE3EE;
}

fieldset { margin: 0; padding: 0; }

legend { margin: 0; padding: 0; }

form { margin: 0; padding: 0; }

dl { margin: 0; padding: 0; }

ol { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }

a { margin: 0; padding: 0; }

p { margin: 0; padding: 0; }

h4 { margin: 0; padding: 0; }

h3 { margin: 0; padding: 0; }

h2 {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 20 0 0 0;
	padding: 0;
}

p { margin-bottom: 10px; font-family: Verdana; line-height: 17px; font-size: 11px;}
ul {  }
ol { margin-left: 25px; }
a { color: #686868; }
a:hover { text-decoration: underline; color: #00437a; }
a:active { text-decoration: none; }
img { display: block; border: none; }
dl dt { font-weight: bold; margin-bottom: 10px; }
dl dd { margin: 0 0 30px 0;}
fieldset { border: none; }
caption { display: none; }


thead th { background-color: #EFEDE1; text-align: center; }
tbody th{ background-color: #fff; font-weight: normal;}
tfoot th { background-color: #EFEDE1; }
tfoot td { background-color: #fff; }



/* HEADERS */

h6 { color: #000; padding: 0 !important; margin-bottom: 7px; }

h5 { color: #000; padding: 0 !important; margin-bottom: 7px; }

h3 { color: #9ba5ab; padding: 0 !important; margin-bottom: 7px; }

h2 { color: #4a8cbe; padding: 0 !important; margin-bottom: 7px; }

h1 {
	font-size: 14px;
	font-family: Verdana;
	color: #686868;
	vertical-align: bottom;
	font-variant: small-caps;
	margin-bottom: 10px;
}

h2 {
	font-size: 14px;
	font-family: Verdana;
	color: #686868;
	vertical-align: bottom;
}
h3 {
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h3 a { text-decoration: none; }
h3 a:hover {}
h4 { font-size: 13px; }

.clear { clear: both; }

#wrapper {
	background-position: center top;
	margin: auto;
	position: relative;
	text-align: left;
	width: 1000px;
	background-image: url('../img/geldlenenkostgeld.jpg');
	background-repeat: no-repeat;
	height: 42px;
}

#top {
	position: absolute;
	left: 0px;
	top: 43px;
	width: 1000px;
	height: 41px;
	background: url(../img/topbg.jpg); 
}

#middel {
	position: absolute;
	left: 0px;
	top: 84px;
	width: 1000px;
	height: 688px;
	background: url(../img/middelbg.jpg);
}

	#middel_left {
		position: absolute;
		width: 264px;
		height: 716px;
		left: 25px;
	}
	
	#middel_center {
		position: absolute;
		width: 416px;
		height: 716px;
		left: 289px;
	}
	
	#middel_right {
		position: absolute;
		width: 272px;
		height: 716px;
		left: 705px;
	}
	
	.block {
		width: 264px;
		height: 230px;
		float: left;
		background: url(../img/blockbg.png);
	}

	.block2 {
		width: 264px;
		height: 230px;
		float: left;
		background: url(../img/blockbg2.png);
	}
	
	.blockinner {
		width: 217px;
		height: 201px;
		float: left;
		margin-left: 24px;
		margin-top: 17px;
		display: inline;
	}
	
	#blockinner_linksboven {
		width: 217px;
		height: 201px;
		float: left;
		margin-left: 24px;
		margin-top: 17px;
		display: inline;
	}
	
		#blockinner_linksboven img {
			margin-top: 25px;
			display: inline;
		}
		
		#blockinner_linksboven h2 {
			float: left;
			font-size: 11px;
			text-transform: uppercase;
			margin-left: 4px;
			display: inline;
		}
		
	#blockinner_rechtsboven {
		width: 217px;
		height: 201px;
		float: left;
		margin-left: 24px;
		margin-top: 17px;
		display: inline;
	}
	
	#rechtsonder {
		width: 217px;
		height: 171px;
		float: left;
		margin-left: 24px;
		margin-top: 17px;
		text-align: center;
		padding-top: 30px;
		display: inline;
	}
	
		#rechtsonder h2 {
			font-size: 26px;
			color: #fff;
		}
		
		#rechtsonder h3 {
			font-size: 18px;
			color: #fff;
		}
	
		#blockinner_rechtsboven img {
			margin-top: 25px;
			display: inline;
		}
		
	#linksonder {
		width: 197px;
		height: 171px;
		float: left;
		margin-left: 24px;
		margin-top: 17px;
		text-align: left;
		padding-top: 30px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding-left: 20px;
		display: inline;
	}
	
	#linksonder a {
	text-decoration: none;
	color: #ffffff;
			}

	#menu {
		width: 197px;
		height: 181px;
		float: left;
		margin-left: 15px;
		margin-top: 10px;
		padding: 10px;
		display: inline;
	}

#content {
	width: 370px;
	float: left;
	margin-left: 40px;
	height: 400px;
	margin-top: 38px;
	color: #686868;
	overflow: auto;
	display: inline;
}

#lsites {
	position: absolute;
	top: 816px;
	left: 10px;
}

	#lsites img {
		border: 1px solid #fff;
	}

#bottom {
	position: absolute;
	left: 0px;
	top: 772px;
	width: 1000px;
	height: 44px;
	background: url(../img/bottombg.jpg);
}
