/* 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.step-one.to - maart 2006 - FdB */





body 		{
		margin: 0 auto;
		padding: 0;
		font-family: Arial, Sans-Serif;font-size: 11px;
		background: #006BB6 url(../images/achtergrond.jpg) repeat-x;
		}



#container{
background: #006BB6;
	width: 900px;	
	margin-left: auto; 
	margin-right: auto;	
}

.contentcontainer{
background: #ffffff;
	width: 880px;
	margin-left: 10px;
	margin-left: auto; 
	margin-right: auto;
	display: table;background: #ffffff url(../images/achtergrond_container.gif);	
}

.header{width: 878px; background: #B3D3E9; height: 20px;margin-left: 1px;}


.contentcontainer_links{width: 220px; height: 100%; background: #666666; float: left; display: block; margin-left: 1px;}
.contentcontainer_midden{width: 440px;float: left; display: table; padding-top: 34px;}
.contentcontainer_rechts{width: 218px;float: right; display: table;background: #ffffff; padding-bottom: 20px;}

.machinekolom {width: 202px;border-left: solid #006BB6 1px; border-right: solid #006BB6 1px; float: left; margin-top: 20px; }

.logo {width: 100%; text-align: center; /* replaced by flags: margin-bottom: 50px;*/}

.machines {width: 160px; margin-left: 21px; margin-right: 21px; }

.machinetitel {color: #ffffff; display: block; border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff; display: block; background: #006BB6; padding-left: 10px; line-height: 21px; }
.machines img{border-bottom: 0px solid #ffffff; height: 120px; width: 160px; overflow: hidden;display: block;}

.meerinfo {z-index:2;margin-top: -20px;  line-height: 20px; font-weight: bold; color: #ffffff; font-size: 12px; margin-right: 10px; text-align: right;}
.meerinfo a:link  	{ color: #ffffff;text-decoration: none;}
.meerinfo a:visited { color: #ffffff;text-decoration: none;}
.meerinfo a:active  { color: #ffffff;text-decoration: none;}
.meerinfo a:hover 	{ color: #ffffff; text-decoration: underline;} 

.meerinfoSite {z-index:2;margin-top: -23px;  line-height: 20px; font-weight: bold; color: #ffffff; font-size: 12px; margin-right: 10px; text-align: right;}
.meerinfoSite a:link  	{ color: #ffffff;text-decoration: none;}
.meerinfoSite a:visited { color: #ffffff;text-decoration: none;}
.meerinfoSite a:active  { color: #ffffff;text-decoration: none;}
.meerinfoSite a:hover 	{ color: #ffffff; text-decoration: underline;} 

.nav {width: 200px; margin-left: 10px; margin-right: 10px; overflow: hidden;}

.navigatie			{ padding-left: 10px; padding-top: 5px;font-weight: bold;height: 21px; width: 100%; border-bottom: solid #9C9D9E 1px; color: #000000; text-decoration: none; display: block;}
.navigatie:link  	{ color: #000000;text-decoration: none;}
.navigatie:visited { color: #000000;text-decoration: none;}
.navigatie:active  { color: #000000;text-decoration: none;}
.navigatie:hover 	{ color: #66A6D3; text-decoration: none;} 

.subnavigatie			{ padding-left: 25px; padding-top: 5px;font-weight: bold;height: 21px; width: 100%; border-bottom: solid #9C9D9E 1px; color: #ffffff; text-decoration: none; display: block;}
.subnavigatie:link  	{ color: #ffffff;text-decoration: none;}
.subnavigatie:visited { color: #ffffff;text-decoration: none;}
.subnavigatie:active  { color: #ffffff;text-decoration: none;}
.subnavigatie:hover 	{ color: #66A6D3; text-decoration: none;} 

.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;} 

.adrescontainer {width: 220px; background: #ffffff url(../images/pand.jpg) no-repeat;}
.adres{color: #000000; font-size: 12px;margin-left: 33px; margin-right: 30px; padding-top: 105px; line-height: 140%;}

.titelbalk {width: 380px; display: block; color: #666666; float: left; font-size: 20px; font-weight: bold; padding-bottom: 30px;}
.tekst {padding: 20px; padding-top: 0px;width: 380px;font-size: 12px; line-height: 150%;  float: left; color: #666666;}
.tekst strong {font-weight: bold; display: block;} 

.footer{width: 900px; background: #B3D3E9; height: 20px;}
.footnote{float: right; color: #666666; padding-right: 30px; padding-top: 2px;}		

.tussenRuimte {
	width: 41px;
}

/**FORMULIER*********************************************/
.verplicht  {
	margin-left: 5px;
	font: 18px arial;
	line-height: 200%;
	color: #006BB6;
	font-weight: bolder;
}

select{
	width: 275px;
	border: 1px solid #006BB6;
	background: #000000;
	color: #330099;
	font-size: 12px; line-height: 150%; color: #666666;
}

input.txt {
	width: 275px;
	border: 1px solid #006BB6;
	background: #fff;
	color: #000000;
	font-size: 12px; line-height: 150%; color: #666666;
}
textarea {
	width: 275px;
	border: 1px solid #006BB6;
	background: #fff;
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 12px; line-height: 150%; color: #666666;
}
.submit {
	width: 150px;
	border: 1px solid #000000;
	background: #006BB6;
	color: #ffffff;
	font-size: 12px; line-height: 150%;
	line-height: 18px;
	cursor: hand;
}

label	{
	font-weight: normal;
	color: #000000;
	font-size: 12px; line-height: 150%; color: #666666;
	
}
/************************/

#flags { text-align: center; height: 50px; line-height: 50px; }
#flags img { border: 0; height: 20px; margin-top: 10px; }