/*

Stern CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2007 © All rights reserved	
* Web:		http://www.nedfinity.com 
*  			http://www.nedfinity.nl 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Robin Nijhof 
*********************************************

	CSS Logica:

	Algemeen
	Container DIV
	Top
	Main
		Colleft
			Navigatie
			Nieuwsbrief
		Content
		Colright
		
------------------------------------------------------------ */
/* Algemeen 
----------------------------------------------------------- */

* 	{margin:0; padding: 0;} 								/* overschrijf alle default browser settings */

body { font-size: 11px;
line-height:18px;
	background:url(../_images/container_bg.gif);
	background-repeat:repeat-x;	
	background-color:#3d4c4d;				
	font-family:verdana, arial, helvetica, sans-serif; 		/* standaard lettertype instellingen */
	color:#444f51;											/* standaard tekst kleur */
	
	text-align:center;	}									/* deel 1 van de centering hack */


/* Standaard Elementen
----------------------------------------------------------- */

img {border: 0;}

H1 {
color:#98874f;
font-weight:bold;
font-size:12px;
margin-bottom:22px;
}
H2 {
font-weight:bold;
font-size:10px;
margin-bottom:20px;
}
H3 {
color:#98874f;
font-size:10px;
margin-bottom:20px;
}
H4 {
color:#98874f;
font-size:9px;
font-weight:bold;
text-align:left;
}
H5 {
font-size:9px;
font-weight:bold;
}
H6 {
color:#98874f;
font-size:9px;
font-weight:bold;
text-align:left;
margin-bottom:5px;
}


/* Container DIV
----------------------------------------------------------- */	

#container {position:relative; height:650px; width:900px; z-index:2;
						
		text-align:left; margin:0 auto;}						/* deel 2 van de centering hack */
		
#containerBg	{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:1;
	
}		
	
	
/* Verdeling gebieden op het scherm
----------------------------------------------------------- */	

#page {position:absolute; top:30px; left:40px; height:611px; width:770px; z-index:2;}		
#design {
	position:absolute;
	width:129px;
	height:20px;
	top:645px;
	left:45px;
}
#design a {display:block; padding-left:20px; width:109px; height:20px; text-decoration:none; background-image:url(../_images/logo_MB.jpg)}
#design a:hover {background-image:url(../_images/logo_MB_hvr.jpg);}
#vive {
	position:absolute;
	width:747px;
	height:31px;
	top:570px;
	left:9px;
	border-top: 1px solid #b4b9b9;
}
#vive span {
	position:absolute;
	width:157px;
	height:31px;
	left:72px;
	background:url(../_images/vive.jpg) repeat-x;
	top: 3px;
}	

#vive_text {
	position:absolute;
	width:300px;
	height:31px;
	left:585px;
	top: 3px;
	}
#vive_text a {text-decoration:none; color:#666f70; font-size:10px;}
#vive_text a:hover {color:#98874f;}

	
#googlemap {
	position:absolute;
	width:220px;
	height:200px;
	left:520px;
	top: 174px;
	z-index:100
	}

/* Top
----------------------------------------------------------- */

#top	{
	position:absolute;
	left:9px;
	top:9px;
	width:749x;
	height:143px;
	border-bottom:1px solid #b4b9b9;
}
#header {width:748px; height:137px; background:url(../_images/top_bg.jpg);}
#mainBG {
	position:absolute;
	bottom:47px;
	left:9px;
	z-index:3;
}
#main 	{z-index:2;}



#mainMenu {
	position:absolute;
	top:145px;
	left:7px;
	width:480px;
	line-height:22px;
}
#mainMenu a	{}
#mainMenu a:hover {}



.mainMenuItem {cursor:default;}

#mainMenuStern, #mainMenuStern ul {padding:0; line-height:20px; margin:0; list-style:none;}
#mainMenuStern a { background-image:url(..); display:block; padding-top:6px; color:#98874f; text-decoration:none; font-family: Arial,Verdana, Helvetica, sans-serif; font-weight:bold; font-size:10px;}
#mainMenuStern a:hover {color:#444f51;}
#mainMenuStern li {float:left; padding:1px 11px 0 11px;}
#mainMenuStern li ul {position:absolute; border:2px solid #FFF; width:124px; left:-999em; bottom:23px; background-color:#dce0eb; color:#7d8fd1;}					
#mainMenuStern li ul li {line-height:12px; padding:0 0 0 0px; width:124px; }
#mainMenuStern ul a {color:#444f51; font-size:9px; width:118px; padding:3px 0 3px 6px; border-bottom:1px solid #FFF; overflow:hidden; background:url(../_images/menuSub.gif) repeat-y;}
#mainMenuStern li:hover ul, #mainMenuStern li.over ul {left:auto;}
#mainMenuStern ul li:hover, #mainMenuStern ul li.over {background-color:#dce0eb; color:#FFF; overflow:hidden; width:124px;}
#mainMenuStern ul a:hover, #mainMenuStern ul li:hover a, #mainMenuStern ul li.over a {color:#FFF; width:124px; background:url(../_images/menuSubHover.gif) repeat-x;}



/* Content
----------------------------------------------------------- */

#content{
	position:absolute;
	top:210px;
	left:79px;
	z-index:4;
	width:340px;
	height:370px;
	overflow:auto;
}
#content a:link, #content a:active, #content a:visited, #content a:hover { font-weight:bold; text-decoration:none; color:#444f51; font-size:11px;}
.portactive{ font-weight:bold; color:#98874f; font-size:11px;
}
#content2{
	position:absolute;
	top:210px;
	left:79px;
	z-index:4;
	width:610px;
	height:370px;
	overflow:auto;
}
#content3{
	position:absolute;
	top:210px;
	left:79px;
	z-index:4;
	width:447px;
	height:370px;
	overflow:auto;
}
#content3 a:link, #content3 a:active, #content3 a:visited, #content3 a:hover { color:#444f51; text-decoration:underline;  font-size:11px;}
#content4{
	position:absolute;
	top:211px;
	left:86px;
	z-index:4;
	width:425px;
	height:289px;
	overflow:auto;
	background-color:#f4f2ec;
	padding:20px;
}
.content5 { color:#98874f; text-decoration:underline;  font-size:11px;}

#ref1{
	position:absolute;
	left:78px;
	font-weight:bold;
	font-size:9px;
	top:245px;
	z-index:10;
}
#ref2{
	position:absolute;
	font-weight:bold;
	font-size:9px;
	left:278px;
	top:244px;
	z-index:10;

}
#ref3{
	position:absolute;
	font-weight:bold;
	font-size:9px;
	left:421px;
	top:244px;
	z-index:10;

}
#ref4{
	position:absolute;
	font-weight:bold;
	font-size:9px;
	left:585px;
	top:244px;
	z-index:10;

}
#portfoto{
	position:absolute;
	font-weight:bold;
	width:396px;
	height:205px;
	font-size:9px;
	left:312px;
	top:232px;
	background-image:url(../_images/fotobgbig.gif);
	z-index:10;
	padding-left:5px;
	padding-top:4px;

}
#porttekst{
	position:absolute;
	font-weight:bold;
	font-size:9px;
	left:313px;
	top:442px;
	z-index:10;
	width: 448px;

}

.table{
font-weight:bold;
	font-size:9px;
}
.tekstsmall{
	font-size:9px;
}





#contact {
	position:absolute;
	top:150px;
	left:487px;
	width:214px;
	line-height:22px;
	color:#666f70;
	padding-left:60px;
}
#contact a {text-decoration:none; color:#666f70; font-size:10px;}
#contact a:hover {color:#98874f;}

#colright {position:absolute; left:487px; top:190px; height:360px; width:239px; background:url(../_images/frame_medium_bg.jpg);}
#colright2 {
	position:absolute;
	left:487px;
	top:190px;
	height:212px;
	width:239px;
	background-image:url(../_images/fotobg.gif)
}
#colpic {position:absolute; width:171px; height:122px; top:38px; left:31px;}
#colpic2 {
	position:absolute;
	width:171px;
	top:6px;
	left:5px;
}
#colcon {
	position:absolute;
	line-height:18px;
	font-size:9px;
	width:171px;
	height:146px;
	top:197px;
	left:31px;
	text-align:center;
}
#colcon2 {
	position:absolute;
	line-height:16px;
	font-size:10px;
	width:229px;
	height:16px;
	top:212px;
	left:3px;
	text-align:center;
}

	
.email {
width:120px;
color:#444f51;
font-size: 11px;
}
.email2 {
width:124px;
color:#444f51;
font-size: 11px;
}
.emailtext{
width:300px;
color:#444f51;
font-size: 11px;
}
.button {
color:#444f51;
font-size: 11px;
margin-top:5px;
}