/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT Jaarsma & De Boer B.V.	;-) 	*/


/* ontwikkeld tbv de website www.blinky.biz - april 2006 - FdB */





body 		{
		margin: 0 auto;
		padding: 0;
		background: #ffffff;
		font-family: Arial, Sans-Serif;font-size: 12px;
		text-align: center;
		font-family:Arial, sans-serif;
		}

#container{
	width: 780px;
	height:600px;	
	margin-left: auto; 
	margin-right: auto;
	background:#ffffff;	
}

.header{width: 780px; height: 63px; background-color: #0056A3; }

	
.navigatie				{ margin-left: 0px; padding-top: 4px; padding-left: 7px;margin-top: 15px;float: left; width: 773px; text-align:left;height: 28px; letter-spacing: 1px;  line-height: 28px; color: #ffffff; display: block; font-size: 11px; background-color: #0056A3; font-weight: bold;}
.home{padding-left: 282px;}


.nav1				{ margin-left: 15px;float: left; line-height: 28px; color: #ffffff; display: block; font-size: 11px; font-weight: bold; }
.nav1:link  		{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none; height: 18px;}
.nav1:visited 	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav1:active  	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav1:hover 	{ padding-left:14px; padding-right:14px;color: #B9D0EE; text-decoration: none;} 


.nav2				{ margin-left: 15px;float: left; line-height: 28px; color: #ffffff; display: block; font-size: 11px; font-weight: bold;}
.nav2:link  		{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none; height: 18px;}
.nav2:visited 	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav2:active  	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav2:hover 	{ padding-left:14px; padding-right:14px;color: #41B89D; text-decoration: none;} 

.nav3				{ margin-left: 15px;float: left; line-height: 28px; color: #ffffff; display: block; font-size: 11px; font-weight: bold;}
.nav3:link  		{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none; height: 18px;}
.nav3:visited 	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav3:active  	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav3:hover 	{ padding-left:14px; padding-right:14px;color: #F73B45; text-decoration: none;} 

.nav4				{ margin-left: 15px;float: left; line-height: 28px; color: #ffffff; display: block; font-size: 11px; font-weight: bold;}
.nav4:link  		{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none; height: 18px;}
.nav4:visited 	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav4:active  	{ padding-left:14px; padding-right:14px;color: #ffffff; text-decoration: none;}
.nav4:hover 	{ padding-left:14px; padding-right:14px;color: #C2C2C2; text-decoration: none;} 


			



.bloktekst {display: table; height: 55px;text-align: left; padding-left: 32px;color: #ffffff;}

.content {width: 734px;margin-left: 23px; margin-right: 23px; }

.sterdealers {width: 734px;background: #ffffff url(../images/landkaartje.gif) no-repeat; height: 450px; text-align: left; padding-top: 45px;}
.sterdealers2 {width: 734px;text-align: left; padding-top: px;line-height: 130%;}

.sterdealerslinks {width: 234px;float: left; display: block;}
.sterdealersrechts {width: 500px;float: left;display: block;}
.sterdealersbottom {width: 734px;float: left;padding-top: 25px;display: block;}

.linkerkolom{width: 460px; line-height: 130%;margin-top: 18px; float:left; text-align: left;font-size:110%;}
.rechterkolom{width: 185px; padding-top: 18px;float:right;margin-top: px; color: #ffffff;}
.titel {display: block; color:#000000;height:25px; text-align:left;font-weight:bold; font-size: 18px; margin-bottom: 5px;margin-top: 0px;}

.titel2 {display: block; color:#000000;height:25px; text-align:left;font-weight:bold; font-size: 18px; margin-top: 18px;margin-bottom: 5px; padding-left: 80px;}

.titel3 {display: block; color:#000000;height:25px; text-align:left;font-weight:bold; font-size: 18px; margin-top: 18px;margin-bottom: 5px;}

.titelprodukt {display: block; color:#000000;height:25px; text-align:left;font-weight:bold; font-size: 18px; margin-bottom: 0px;margin-top: 5px;}

.scrolltitel {display: block; color:#000000;height:25px; text-align:left;font-weight:bold; font-size: 18px; margin-bottom: 5px;margin-top: 15px;}

.txtfloat{z-index:2;padding-left: 80px; width: 260px;}

div.themascroll {		
				width: 734px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				display: table;
				padding-bottom: 10px;
				border-bottom: 1px solid black;
				}
				
div.themascroll2 {		
				width: 734px;padding-top: 10px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				display: table;
				}				
.themalinks {float: left;width: 450px;}
.themarechts {float: right;width:240px;}

div.scroll {	height: 319px;	
				width: 500px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				}
				
div.scrollhome {	height: 207px;	
				width: 500px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				}
div.scrollactie {	
				width: 500px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				}				

div.scroll2 {		
				width: 500px;
				height: 356px;
				color: #000000;	
				text-align: left;
				overflow: auto;	
				}
				
div.scroll3 {		
				width: 500px;	
				overflow: auto;
				color: #000000;	
				text-align: left;
				display: table;
				}
				
											
				
.tekstkolom {width:280px; padding-left: 11px; padding-top: 12px; padding-bottom: 12px;text-align: left; float: left;line-height: 130%; font-size: 12px;}
.tekstblok{width: 460px; height: 285px; display: block;}

.tekstkolom strong{color:#00295B;font-weight: bold;display: block; font-size: 14px; padding-bottom: 8px;}
.fotokolom {width:275px; text-align: justify; float: right;}

.jdbcontainer{
display: table;float: left;
	border-top: 1px solid #666666;
	padding-top: 5px;
	width: 780px;
	height:20px;
	line-height: 20px;	
	font-size: 10px;	
	color: #666666; 	
}
.copyright{
display:block;
float: left;
	line-height: 20px;	
	font-size: 10px;	
	color: #666666; 
	
	text-align: left;	
}

div#footer a img {float:left;}
div#footer a { text-decoration:none;color:#5E5E5E;display: block; float:left; heigth: 37px; line-height:37px;}

.legal{
float: right;
	line-height: 20px;	
	font-size: 10px;	
	color: #666666; text-align: right;	
}

.legal2:link  	{ color: #666666;text-decoration:none;}
.legal2:visited   	{ color: #666666;text-decoration:none;}
.legal2:active  	{ color: #666666;text-decoration:none;}
.legal2:hover  	{ color: #666666;text-decoration:none;}

.actieblok{width: 532px;}

.actieblok1 {width: 248px;float: left;
height: 190px; padding: 8px; 
background-color: #E8E8E8;
display: block;}

.actieblok2 {width: 248px;margin-left: 1px;float: left;
height: 190px; padding: 8px; 
background-color: #E8E8E8;
display: block;}

.actieblokfoto {width: 248px;
height: 109px; 
float: left;
display: block;}

.actiebloktekst {
color:#0056A3;
}

.actietitel {display: block; color:#0056A3;text-align:left;font-weight:bold; font-size: 12px; margin-top: 2px;margin-bottom: 2px; margin-left: 0px;}
.actietekst {display: block; color:#0056A3;text-align:left; font-size: 11px;  margin-left: 0px;}

.actietitel2 {display: block; color:#0056A3;text-align:center;font-weight:bold; font-size: 18px; line-height: 18px;margin-bottom: 5px;margin-left: 0px;}

.blokrechts {width: 169px; height: 190px;
padding: 8px; margin: 0; margin-bottom: 1px;
background-color: #E8E8E8;
display: block;}

.blokrechts2 {width: 169px; height: 190px;
padding: 8px; margin: 0;
background-color: #E8E8E8;
display: block;}

.blokrechtsactie {width: 169px; height: 289px;
padding: 8px; margin: 0;
background-color: #E8E8E8;
display: block;}

.blokrechtsthema {width: 224px; height: 169px;
padding: 8px; margin: 0;
background-color: #E8E8E8;
display: block;}

.blokrechtsvervolg{width: 169px; height: 340px;
padding: 8px; margin: 0;
background-color: #E8E8E8;
display: block;color:#00295B;}

.pdfbalk1 {display: block; background-color: #E1EEF7; lin-height: 30px; padding: 4px; font-weight: bold;color: #0056A3;}
.pdfbalk2 {display: block; background-color: #ffffff; lin-height: 30px;  padding: 4px; padding-left: 0px; padding-right: 0px;color: #000000;
background: url("../images/achtergrond_pdfbalk.gif")}

.pdfbalkr {display: block; background-color: #ffffff; lin-height: 30px;  padding: 4px; padding-left: 0px; padding-right: 0px;color: #000000;
background: url("../images/achtergrond_pdfbalkr.gif")}

.pdfbalkg {display: block; background-color: #ffffff; lin-height: 30px;  padding: 4px; padding-left: 0px; padding-right: 0px;color: #000000;
background: url("../images/achtergrond_pdfbalkg.gif")}


.pdfbalktxt{background:#ffffff;}

.editorlink			{ color: #000000; text-decoration: underline;}
.editorlink:link  	{ color: #000000;text-decoration: underline;}
.editorlink:visited { color: #000000;text-decoration: underline;}
.editorlink:active  { color: #000000;text-decoration: underline;}
.editorlink:hover 	{ color: #000000; text-decoration: underline;} 

.leesverder			{ color: #0056A3; text-decoration: none;}
.leesverder:link  	{ color: #0056A3;text-decoration: none;}
.leesverder:visited { color: #0056A3;text-decoration: none;}
.leesverder:active  { color: #0056A3;text-decoration: none;}
.leesverder:hover 	{ color: #0056A3; text-decoration: none;} 

.pdf			{color: #0056A3; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdf:link  	{ color: #0056A3;background:#ffffff;text-decoration: none;font-weight: bold;}
.pdf:visited { color: #0056A3;background:#ffffff;text-decoration: none;font-weight: bold;}
.pdf:active  { color: #0056A3;background:#ffffff;text-decoration: none;font-weight: bold;}
.pdf:hover 	{ color: #0056A3; background:#ffffff;text-decoration: underline;font-weight: bold;} 
.pdf2			{color: #0056A3; background:#ffffff;text-decoration: none;font-weight: bold;}

.pdfsan			{color: #FF3A41; background:#ffffff;text-decoration: none;font-weight: bold; }
.pdfsan:link  	{ color: #FF3A41; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdfsan:visited { color: #FF3A41; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdfsan:active  { color: #FF3A41; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdfsan:hover 	{ color: #FF3A41; background:#ffffff;text-decoration: underline;font-weight: bold;}
.pdfsan2			{color: #FF3A41; background:#ffffff;text-decoration: none;font-weight: bold; }

.pdffloor			{color: #43C19D; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdffloor:link  	{ color: #43C19D; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdffloor:visited { color: #43C19D; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdffloor:active  { color: #43C19D; background:#ffffff;text-decoration: none;font-weight: bold;}
.pdffloor:hover 	{ color: #43C19D; background:#ffffff;text-decoration: underline;font-weight: bold;}
.pdffloor2			{color: #43C19D; background:#ffffff;text-decoration: none;font-weight: bold;}

.link			{color: #0056A3; text-decoration: none;font-weight: bold;}
.link:link  	{ color: #0056A3;text-decoration: none;font-weight: bold;}
.link:visited { color: #0056A3;text-decoration: none;font-weight: bold;}
.link:active  { color: #0056A3;text-decoration: none;font-weight: bold;}
.link:hover 	{ color: #0056A3; text-decoration: underline;font-weight: bold;}