/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - kopiëren is niet netjes ;-) */
#flash{
	position: relative;
	z-index:1;
}


body			{
			position:absolute;
			background-color:#E7E5E6;
			background-image: url("../images/back.gif");

			scrollbar-arrow-color: #000033;
			scrollbar-base-color: #E7E5E6;
			scrollbar-shadow-color: #000033;
			scrollbar-highlight-color: #000033; 
			scrollbar-3dlight-color: #E7E5E6;
			scrollbar-darkshadow-color: #E7E5E6; 
			scrollbar-track-color: #E7E5E6;
			scrollbar-face-color: #E7E5E6;
			}


p,td		{
			font-family: Verdana;
			font-size: 11px; 
			line-height: 150%; 
			}

a, div			{
			font-family: Verdana;
			font-size: 11px;
			}

.font			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			font-size: 10px; 
			line-height: 150%; 
			}

.toptabel			{
			width: 780px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			border-bottom: #FEFEFE 1px solid;
			}

.fototabel			{
			border-bottom: #FEFEFE 1px solid;
			}

.middentabel		{
			width: 780px;
			border-bottom: #000000 2px solid;
			margin-top: 0px;
			margin-bottom: 0px;
			}

.bottomtabel		{
			width: 780px;
			border-top: #FEFEFE 1px solid;
			margin-top: 0px;
			margin-bottom: 0px;
			}

.datum			{
			font-family: Verdana;
			color: #000000;
			font-size: 11px;
			line-height: 19px; 
			}

.ondertitel		{
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 12px;
			line-height: 20px; 
			letter-spacing: 6px;
			}

.countdown		{
			font-family: Verdana;
			background-color: #FE0000; 
			color: #FFFFFF;
			font-size: 11px;
			font-weight: ;
			width: 198px;
			border-bottom: 1px solid black;
			padding-left: 14px;
			line-height: 19px; 
			}

.teksttabel		{
			width: 358px;
			margin-top: 22px;
			margin-left: 10px;
			margin-right: 10px;
			background-color: #FFFFFF; 
			font-family: Verdana;
			color: #000000;
			font-size: 11px;
			line-height: 150%; 
			}

.topcel			{
			width: 780px;
			height: 22px;
			background-color: #FE0000; 
			border: black 2px solid;
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 11px;
			line-height: 150%; 
			}

.menu			{
			width: 780px;
			/*height: 20px;*/
			background-color: #000000; 
			/*border-top: white 0px solid; */
			border-left: black 2px solid; 
			border-right: black 2px solid; 
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 12px;
			line-height: 100%; 
			letter-spacing: 1px;
			}

.submenu		{
			width: 780px;
			height: 18px;
			background-color: white; 
			border-top: white 0px solid; 
			border-left: black 2px solid; 
			border-right: black 2px solid; 
			font-family: Verdana;
			color: #000000;
			font-size: 12px;
			line-height: 150%; 
			letter-spacing: 2px;
			}

.adrestabel		{
			left-margin: 5px;
			background-color: #000000; 
			border: white 0px solid; 
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 11px;
			line-height: 150%; 
			}
		

.balklinks			{
			width: 198px;
			left-margin: 5px;
			background-color: #000000; 
			border-top: white 0px solid; 
			border-left: black 2px solid; 
			border-right: white 0px solid; 
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 11px;
			line-height: 150%; 
			}

.balkmidden		{
			width: 378px;
			background-color: #FFFFFF; 
			background-image: url("../images/achtergrondmaintabel.gif");
			background-repeat: repeat-x;
			border-top: white 0px solid; 
			border-left: black 0px solid; 
			border-right: white 0px solid; 
			font-family: Verdana;
			color: #000000;
			font-size: 11px;
			line-height: 150%; 
			}

.balkrechts		{
			width: 198px;
			background-color: #CCCCCC; 
			background-image: url("../images/achtergrondmaintabelrechts.gif");
			background-repeat: repeat-x;			
			border-top: white 0px solid; 
			border-right: black 2px solid; 
			font-family: Verdana;
			color: #000000;
			font-size: 11px;
			line-height: 150%; 
			}

.toptabelcelrechts		{
			width: 380px;
			background-color: #330099; 
			border-top: white 0px solid; 
			border-left: white 1px solid; 
			border-right: white 0px solid; 
			font-family: Verdana;
			color: #FFFFFF;
			font-size: 11px;
			line-height: 150%; 
			}

.hoofdtabel		{
			width: 780px;
			height: px;
			background-color: #; 
			border: #FF9900 1px solid;
			border-top: #FF9900 0px solid; 
			border-left: #FF9900 1px solid; 
			border-right:#FF9900 1px solid; 
			}




.adrestekst		{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #000066;
			font-size: 10px; 
			line-height: 150%; 
			}


.profieltxt			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #666666;
			font-size: 11px; 
			line-height: 215%; 
			padding: 10px;
			text-align: justify;
			}

.aktueel			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #FFFFFF;
			font-size: 11px; 
			line-height: 215%; 
			padding: 10px;
			text-align: justify;
			}

.titel			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #330099;
			font-size: 11px; 
			line-height: 150%; 
			padding: 5px;
			}

.tekst			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #330099;
			font-size: 11px; 
			line-height: 200%; 
			padding: 5px;
			}

.adres			{
			height: px;
			background-color: #; 
			border: #FF9900 1px solid;
			border-top: #FF9900 0px solid; 
			border-left: #FF9900 0px solid; 
			border-right:#FF9900 1px solid; 
			border-bottom: #FF9900 0px solid;
			}

.wit2			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: white;
			font-size: 11px; 
			line-height: 150%; 
			}


.grijs			{
			font-family: Verdana, Verdana, Helvetica, sans-serif;
			color: #999999;
			font-size: 10px; 
			}


.celtop			{
			border-right: #FF0000 1px solid;
			border-left: #FF0000 1px solid;
			border-top: #FF0000 1px solid;
			}

.td1			{
			background-image: url("http://www.jaarsma-deboer.nl/sbm/images/achtergrond-home3.gif");
			height: 100%;
			}

.celmain			{
			background-color: #FFFFFF;
 			font-family: Verdana, Verdana, Helvetica, sans-serif;
			font-size: 10px; 
			line-height: 150%; 
			border-right: #FF0000 1px solid;
			border-top: #FFFFFF 0px solid;
			border-bottom: #FF0000 1px solid;
			border-left: #FF0000 1px solid;
			}


.mainvak			{
			padding-left: 25px; 
			padding-top: 25px; 
			padding-right: 0px; 
			font-size: 10px; 
			line-height: 150%; 
			}


.adresvak			{
			padding-left: 50px; 
			font-size: 10px; 
			line-height: 150%; 
			}



div.lyr_submenu{
	position: absolute;
	visibility:hidden;
	margin-top: -5px;
	padding-left:0px;
}




.homecontact:link  		{ color: #000033; text-decoration: none; }
.homecontact:visited  	{ color: #000033; text-decoration: none; }
.homecontact:active  	{ color: #000033; text-decoration: none; }
.homecontact:hover 	{ text-decoration: none; background-color: #FF0033; color: #FFFFFF;} 



.nieuws:link  		{ color: #FF0000; text-decoration: none; }
.nieuws:visited  		{ color: #FF0000; text-decoration: none; }
.nieuws:active  		{ color: #FF0000; text-decoration: none; }
.nieuws:hover 		{ text-decoration: none; background-color: #FFFFFF; color: #FF0000;} 


.email:link  		{ color: #FFFFFF; text-decoration: none; }
.email:visited  		{ color: #FFFFFF; text-decoration: none; }
.email:active  		{ color: #FFFFFF; text-decoration: none; }
.email:hover 		{ text-decoration: none; background-color: #FD0007; color: #FFFFFF;} 

.mail:link  		{ color: #000000; text-decoration: none;font-family: Verdana; font-size: 11px; }
.mail:visited  		{ color: #000000; text-decoration: none; }
.mail:active  		{ color: #000000; text-decoration: none; }
.mail:hover 		{ text-decoration: none; background-color: #E7E6E6; color: #000000;} 

input.txt-veld{
	background-color: #FFFFFF; 
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
	border: 1px solid #000000;
}

input.knop{
	background-color: #FE0000; 
	border: 1px solid #000000;
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
}

textarea.txt-vak{
	background-color: #FFFFFF; 
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
	border: 1px solid #000000;
}

/********************************************
styles voor menu
********************************************/
.hoofdnavigatie		{  font-weight:bolder; line-height: 150%; color: #ffffff;}
.hoofdnavigatie:link  	{  text-decoration: none; }
.hoofdnavigatie:visited  	{  text-decoration: none; }
.hoofdnavigatie:active  	{  text-decoration: none; }
.hoofdnavigatie:hover 	{ text-decoration: none;  color: #fd0000; } 

.subnavigatie		{ font-weight:bolder; font-size:9px; color: #ffffff;padding-top:5px;height:22px;display: block; }
.subnavigatie:link  	{font-size:9px; color: #ffffff; text-decoration: none; }
.subnavigatie:visited  	{font-size:9px; color: #ffffff; text-decoration: none; }
.subnavigatie:active  	{font-size:9px; color: #ffffff; text-decoration: none; }
.subnavigatie:hover 	{font-size:9px; text-decoration: none; background-color: #FF0033; color: #FFFFFF;   } 

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

li {
  float: left;
  position: relative;
  z-index:100;
  width: 85px;
  background-color: #000000;
  border: #FD0007;
  color: #ffffff;	
  /*z-index:10;*/
}

li ul {
  display: none;
  position: absolute; 
  top: 0px;
  left: 0px;
}

li.subitems{
  background-color: #000000;
  border: 1px solid #FD0007;
  color: #ffffff;	
}

li.subitems:hover, li.subitems_over{
	background-color: #FD0007;
	border: 1px solid #FD0007;
	color: #ffffff;
}

li > ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul{
	display: block; 
	top: 16px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
/********************************************
********************************************/

.editorlink:link    { text-decoration: none; font-weight:bold;}
.editorlink:visited    { text-decoration: none;  font-weight:bold;}
.editorlink:active    { text-decoration:  font-weight:bold;}
.editorlink:hover   { text-decoration: none; font-weight:bold; color: #FD0007;} 

.submenuitem		{ font-weight:bolder; font-size:9px; color: #ffffff; padding-top:5px;height:22px; width:100; display: inline; }
.submenuitem:link  	{font-size:9px; text-decoration: none; }
.submenuitem:visited  	{font-size:9px; text-decoration: none; }
.submenuitem:active  	{font-size:9px; text-decoration: none; }
.submenuitem:hover 	{font-size:9px; text-decoration: none; background-color: #FF0033; } 

.submenutabel{
	margin-top: 22px;
	margin-left: 10px;
	margin-right: 10px;	
	width:360px;
	text-align: center;
	background-color: #000000;
}