/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
}
a {color:#660066; text-decoration:none; font-weight:bold;}
a:hover {color:#996633; text-decoration:underline;}

#container {
	position:absolute;
	width: 950px;
	height:500px;
	margin-left:-475px;
	margin-top:-250px;
	left:50%;
	top:50%;
	background:url(../img/back.jpg) no-repeat top left;
	}

#logo {	
	position:absolute;
	width: 206px;
	height:92px;
	left:0px;
	top:0px;
	background:url(../img/logo_prego.jpg) no-repeat left top;
}
#titelbalk_1 {	
	position:absolute;
	width: 300px;
	height:25px;
	left:250px;
	top:35px;
	font-size:14px;
	color:#660066;
	letter-spacing:1px;
	font-family:Tahoma, Arial;
	font-weight:bold;
	}

#titelbalk_2 {	
	position:absolute;
	width: 300px;
	height:25px;
	right:40px;
	top:35px;
	font-size:14px;
	color:#660066;
	letter-spacing:1px;
	font-family:Tahoma, Arial;
	font-weight:bold;
	}

#foto {	
	position:absolute;
	width: 300px;
	height:425px;
	right:40px;
	top:25px;
	background:url(../img/anke.jpg) no-repeat;
}
#foto2 {	
	position:absolute;
	width: 300px;
	height:425px;
	right:40px;
	top:25px;
	background:url(../img/anke2.jpg) no-repeat;
}
#caption {
	position:absolute;
	width: 20px;
	height:225px;
	right:10px;
	bottom:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}
#menu {	
	position:absolute;
	width:200px;
	height:200px;
	left:0px;
	top:265px;
	}
.right {text-indent:85px;}

ul#off {list-style-type:none; padding:0; margin:0; width:200px; height:200px; margin:1em auto; position:relative;}
ul#off li {display:block;}
ul#off a {display:block; width:0; height:0; position:absolute; text-decoration:none; font-size:13px; line-height:18px; font-weight:bold;}

ul#off a.one {top:10px; left:10px;}
ul#off a.two {top:40px; left:100px;}
ul#off a.three {top:80px; left:0px;}
ul#off a.four {top:120px; left:60px;}

ul#off a em.top {display:block; font-style:normal; width:20px; height:20px; color:#000; position:absolute; top:0; left:60px; cursor:pointer;}
ul#off a em.middle {display:block; font-style:normal; width:100px; height:20px; color:#000; position:absolute; top:20px; left:0; cursor:pointer; text-align:center; color:#fff;}
ul#off a em.bottom {display:block; font-style:normal; width:20px; height:20px; color:#000; position:absolute; top:40px; left:20px; cursor:pointer;}

ul#off a.one em {background:#660066;}
ul#off a.two em {background:#cc9966;}
ul#off a.three em {background:#996699;}
ul#off a.four em {background:#996633;}


ul#off a:hover {color:#c00;}
ul#off a:hover em {background:#444; color:#ffffcc;}
ul#off a:active, ul#off a:focus {background:#555;}
ul#off a:active em, ul#off a:focus em {background:#555; color:#fff;}

#content_welkom{	
	position:absolute;
	width: 450px;
	height:200px;
	left:100px;
	top:120px;
	text-align:center;
	line-height:150%;
	font-size:14px;
}
#content_prego{	
	position:absolute;
	width: 650px;
	height:300px;
	left:250px;
	top:110px;
	text-align:left;
	line-height:150%;
}
#prego {	
	position:absolute;
	width: 120px;
	height:20px;
	left:500px;
	top:420px;
	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
}
#prego_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:500px;
	top:420px;
	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#996699;
}
#prego a {color:#fff; text-decoration:none; }
#prego a:hover {color:#333; text-decoration:none;}
	
#wie {	
	position:absolute;
	width: 120px;
	height:20px;
	left:640px;
	top:420px;
	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
}
#wie a {color:#fff; text-decoration:none; }
#wie a:hover {color:#333; text-decoration:none;}

#wie_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:640px;
	top:420px;
	text-align:center;
	padding-top:3px;
	color:#fff;
	font-weight:bold;
	background:#996699;
	}
#wat {	
	position:absolute;
	width: 120px;
	height:20px;
	left:780px;
	top:420px;
	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
	
}
#wat a {color:#fff; text-decoration:none; }
#wat a:hover {color:#333; text-decoration:none;}

#wat_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:780px;
	top:420px;
	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#996699;
}
#content_diensten{	
	position:absolute;
	width: 650px;
	height:300px;
	left:250px;
	top:110px;
	text-align:left;
	line-height:150%;
}
#advies {	
	position:absolute;
	width: 120px;
	height:20px;
	left:500px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#996699;
}
#advies_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:500px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
}
#advies a {color:#fff; text-decoration:none; }
#advies a:hover {color:#333; text-decoration:none;}

.no_indent {margin-bottom:10px;}

#bemiddeling {	
	position:absolute;
	width: 120px;
	height:20px;
	left:640px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#996699;
}
#bemiddeling_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:640px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
}
#bemiddeling a {color:#fff; text-decoration:none; }
#bemiddeling a:hover {color:#333; text-decoration:none;}

#coaching {	
	position:absolute;
	width: 120px;
	height:20px;
	left:780px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#996699;
}
#coaching_active {	
	position:absolute;
	width: 120px;
	height:20px;
	left:780px;
	top:420px;


	text-align:center;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	background:#cc9966;
}
#coaching a {color:#fff; text-decoration:none; }
#coaching a:hover {color:#333; text-decoration:none;}

#content_contact{	
	position:absolute;
	width: 350px;
	height:300px;
	left:200px;
	top:100px;
	text-align:center;
	line-height:150%;
}
#footer1_bruin{	
	position:absolute;
	width: 475px;
	height:15px;
	bottom:0px;
	left:0px;
	text-align:left;
	font-size:80%;
	padding-top:5px;
	border-top:2px dotted #cc9966;
}
#footer2_bruin {	
	position:absolute;
	width: 475px;
	height:15px;
	bottom:0px;
	right:0px;
	text-align:right;
	font-size:80%;
	padding-top:5px;
	border-top:2px dotted #cc9966;
}
#footer1_paars{	
	position:absolute;
	width: 475px;
	height:15px;
	bottom:0px;
	left:0px;
	text-align:left;
	font-size:80%;
	padding-top:5px;
	border-top:2px dotted #660066;
}
#footer2_paars {	
	position:absolute;
	width: 475px;
	height:15px;
	bottom:0px;
	right:0px;
	text-align:right;
	font-size:80%;
	padding-top:5px;
	border-top:2px dotted #660066;
}
#footer2_bruin a {color:#555; text-decoration:none; font-weight:normal;}	
#footer2_bruin a:hover {color:#555; text-decoration:underline;}	

#footer2_paars a {color:#555; text-decoration:none; font-weight:normal;}	
#footer2_paars a:hover {color:#555; text-decoration:underline;}