/* 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.demarlaser.nl - april 2005 - FdB */



/* CSS Document */

/*
global default styles
*/
:focus { -moz-outline-style: none; }
/**{padding: 0; margin: 0;}*/



body			{
			text-align:center;
			padding: 0;
			margin: 0;

			background: #bfbfbf url(../images/background2.gif);
			background-repeat: repeat-x;


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

#topbg			{
			margin:0 auto;
			width:782px;
			height: 40px;
			background: #bfbfbf url(../images/top-back.gif);
			}

#main			{
			margin:0 auto;
			width:782px;
			background: #012345 url(../images/maindiv-back.gif);
			padding-top: 1px;
			padding-bottom: 1px;
			font: 11px arial;
			}

#main2			{
			margin:0 auto;
			width:780px;
			background: #ffffff url(../images/main2div-back.gif);
			padding-top: 4px;
			padding-bottom: 4px;
			}

#content		{
			margin:0 auto;
			width:772px;
			background-color: #ffffff;
			}

#logo			{
			margin:0 auto;
			width:772px;
			height: 93px;
			text-align: right;
			}

#topnavigatie		{
			margin:0 auto;
			background: #cccccc url(../images/bg-topnavigatie.jpg);
			width:772px;
			height: 32px;
			text-align: left;

			}

.topnavlink	{
			color: #224675;
			font: 11px arial;
			font-weight: bold;
			text-align: center;
			padding: 0px;
			display:block;
			float:left;
			height:32px;
			padding-left: 10px;
			padding-right:10px;
			/*margin-top: 8px;*/
			background: #cccccc url(../images/bg-topnavlink.jpg);
			background-position: top right;
}
.topnavlink:link  	{ color: #224675; text-decoration: none;}
.topnavlink:visited  	{ color: #224675; text-decoration: none;}
.topnavlink:active  	{ color: #224675; text-decoration: none;}
.topnavlink:hover 	{ color: #224675; text-decoration: none; background-color: #ffffff;
			background: #cccccc url(../images/bg-topnavlink2.jpg);
			background-position: top right;}

.topnavlinklabel{float:left;margin-top: 8px;cursor:hand;cursor:pointer;}

#vlaggen		{
			padding-top: 9px;
			padding-right: 5px;
			float: right;
	 		}


.vlag			{
			padding-right: 8px;
	 		}

#visual			{
			margin:0 auto;
			width:772px;
			height: 129px;
			text-align: left;
			}

#visual-zon		{
			margin:0 auto;
			background-color: #025c9a;
			width:772px;
			height: 129px;
			text-align: right;
			}

#visual-vuur		{
			margin:0 auto;
			background-color: #981b1b;
			width:772px;
			height: 129px;
			text-align: right;
			}

#visual-kaars		{
			margin:0 auto;
			background-color: #e1990d;
			width:772px;
			height: 129px;
			text-align: right;
			}

#visual-vlam		{
			margin:0 auto;
			background-color: #3976b4;
			width:772px;
			height: 129px;
			text-align: right;
			}

#visual-lamp		{
			margin:0 auto;
			background-color: #989c89;
			width:772px;
			height: 129px;
			text-align: right;
			}


#visual-laser		{
			margin:0 auto;
			background-color: #8a238e;
			width:772px;
			height: 129px;
			text-align: right;
			}

.slogan			{
			width: 621px;
			padding-top: 10px;
			padding-left: 20px;
			float: left;
			text-align: left;
			font: 10px arial;
			color: #ffffff;
			font-weight: bold;
			letter-spacing: 0.07cm;
	 		}


.toptitel			{
			padding-top: 50px;
			padding-left: 20px;
			float: left;
			text-align: left;
			font: 14px arial;
			color: #ffffff;
			font-weight: bold;
			letter-spacing: 0.07cm;
	 		}

.image			{
			width: 129px;
			height: 129px;
			border-left: 1px solid white;
			float: left;
	 		}

#navigatiebalk		{
			margin:0 auto;
			background-color: #224675;
			width:767px;
			height: 22px;
			text-align: left;
			border-top: 1px solid #ffffff;
			color: #ffffff;
			padding-left: 5px;
			padding-top: 5px;
			}

.lio			{
			text-align: left;
			padding-left: 5px;
			font: 14px arial;
			font-weight: bold;
			letter-spacing: 0.07cm;
			}

.indicatielink		{ color: #ffffff; font: 11px arial; padding-left: 5px; padding-right:5px;
			}
.indicatielink:link  	{ color: #ffffff; text-decoration: none;}
.indicatielink:visited  { color: #ffffff; text-decoration: none;}
.indicatielink:active  	{ color: #ffffff; text-decoration: none;}
.indicatielink:hover 	{ color: #ffffff; text-decoration: underline;}

#contentmain		{
			margin:0 auto;
			width:752px;
			text-align: left;
			padding-top: 10px;
			padding-bottom: 60px;
			color: #000000;
			}



/*   menusublink
.menusublink		{
}
*/

#adres			{
			margin:0 auto;
			padding-top: 50px;
			padding-left: 5px;
			width: 167px;
			text-align: left;
			line-height: 175%;
			color: #000000;
			float: left;
			}

#adres-home		{
			margin:0 auto;
			padding-top: 6px;
			padding-left: 5px;
			width: 167px;
			text-align: left;
			line-height: 175%;
			color: #000000;
			float: left;
			}

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

#contentvak		{
			margin:0 auto;
			width:540px;
			padding-left: 20px;
			padding-right: 20px;
			text-align: left;
			color: #000000;
			line-height: 175%;
			float: left;
			}

#contentvak a:link  	{ color: #224675; text-decoration: underline;}
#contentvak a:visited  	{ color: #224675; text-decoration: underline;}
#contentvak a:active  	{ color: #224675; text-decoration: underline;}
#contentvak a:hover 	{ color: #000000; text-decoration: none; text-decoration: underline;}

.titel		  	{ background: #ffffff url(../images/bg-titel.gif); color: #ee2a1a; padding-top:5px; padding-left: 30px; height: 26px;
			font-weight: bold; padding-bottom: 5px;background-repeat: no-repeat;
			}

div.clearer {clear: left; line-height: 0; height: 0;}

#copyright		{
			margin:0 auto;
			width:772px;
			padding-top: 12px;
			height: 28px;
			text-align: right;
			font: 11px arial;
			color: #ffffff;
			}

#copyright a{
			color: #ffffff;text-decoration: none;
			}

/* Nieuws */


.leesmeer{
	width: 100%;
	text-align: right;
}

.nieuws_link{
	width: 100%;
	color: #003366;
	text-align: right;
}
.nieuws_link:link  	{ color: #003366; text-decoration: none;}
.nieuws_link:visited  	{ color: #003366; text-decoration: none;}
.nieuws_link:active  	{ color: #003366; text-decoration: none;}
.nieuws_link:hover 	{ color: #003366; text-decoration: none;}

.nieuws{
	font: 12px arial;
	width: 517px;
	color: #000000;
	line-height: 20px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	line-height: 175%;
}

.nieuws_titel{
	color: #000000;
	padding: 0px;
	padding-right: 0px;
	text-align: left;
	font-weight:bold;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.nieuws_titel:link  	{ color: #000000; text-decoration: none;}
.nieuws_titel:visited  	{ color: #000000; text-decoration: none;}
.nieuws_titel:active  	{ color: #000000; text-decoration: none;}
.nieuws_titel:hover 	{ color: #000000; text-decoration: none;}

.nieuws_datum{
	color: #000000;
	font-style:italic;
	line-height: 14px;
	padding: 0px;
	padding-right: 0px;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0.02cm;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.nieuws_datum:link  	{ color: #000000; text-decoration: none;}
.nieuws_datum:visited  	{ color: #000000; text-decoration: none;}
.nieuws_datum:active  	{ color: #000000; text-decoration: none;}
.nieuws_datum:hover 	{ color: #000000; text-decoration: none;}

.nieuws_omschrijving{
	color: #000000;
	text-align: left;
	line-height: 175%;
}

.paginanummers{
				font: 11px arial;
				text-decoration: none;
				color:#000000
}
.paginanummers:link  	{ color: #777777; text-decoration: none;}
.paginanummers:visited  	{ color: #777777; text-decoration: none;}
.paginanummers:active  	{ color: #777777; text-decoration: none;}
.paginanummers:hover 	{ color: #777777; text-decoration: none;}

.zoekenknop {
	background: #fff;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

/* Nieuws */
/* FORMULIER */

.verplicht  {
	margin-left: 5px;
	font: 18px arial;
	line-height: 100%;
	color: #ee2a1a;
	font-weight: bolder;
}

textarea {
	width: 300px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px ariel;
}

.submit {
	background: #fff;
	color: #000000;
	width:150px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

label	{

}

.txt {
font: 11px arial;
}
textarea {border-width: 2px;border-style: inset }
/*** NAVIGATIE BEGIN *********************************************************/
#menu	{
	margin:0 auto;
	width: 160px;
	text-align: left;
	color: #000000;
	float: left;
	}

#nav, #nav ul {
	position : relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 160px;
	z-index:100;
	}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 100%;
	width: 160px;
	z-index:100;
	/*height:30px;
	display:block;
	background: #ffffff url(../images/bg-button.gif);*/
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 160px;
	margin-top : -30px;
	z-index:100;
	/*height:30px;
	display:block;*/
	/*border: 1px solid #000000;*/
}

#nav li ul ul { /* third-and-above-level lists */
	position : absolute;
	left: -999em;
	z-index:100;
}

#nav li a {
	position:relative;
	z-index:100;
	width: 160px;
	height:30px;
	display:block;
	padding:0px; padding-left: 5px; padding-top:6px;
	width:156px;
	height:24px;
	/*background: #ffffff url(../images/bg-button.gif);	*/
	/*color : #ffffff;
	font-weight : bold;
	text-decoration : none;
	background-color:#B2C1D1;
	padding:6px;
	padding-top:7px;*/

}

#nav li a:hover {
	text-decoration: none; background-color: #dddddd; color: #003366;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
	background: #B2C1D1;

}

/* listitems in pagina's werken niet met deze code*/
/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left; height: 1%; }*/
/* html ul li a { height: 1%; }*/
/* End */

.menulink		{ color: #224675; font: 11px arial; text-align: left;background: #ffffff url(../images/bg-button.gif);
	/*padding: 0px;display:block;*/
	/*height:24px;
	padding-left: 5px;
	padding-top:6px;
			*/
}
.menulink:link  	{ color: #224675; text-decoration: none;}
.menulink:visited  	{ color: #224675; text-decoration: none;}
.menulink:active  	{ color: #224675; text-decoration: none;}
.menulink:hover 	{ color: #224675; text-decoration: none; background-color: #ffffff;
			background: #cccccc url(../images/bg-button2.gif);
			background-position: top right;}

.menusublink		{ color: #224675; font: 11px arial; text-align: left;

	/*padding: 0px;   height:24px; padding-left: 5px; padding-top:6px; display:block;
			*/
			z-index: 1;background: #cccccc url(../images/bg-button.gif);
}
.menusublink:link  	{ color: #224675; text-decoration: none;}
.menusublink:visited  	{ color: #224675; text-decoration: none;}
.menusublink:active  	{ color: #224675; text-decoration: none;}
.menusublink:hover 	{ color: #224675; text-decoration: none; background-color: #ffffff;
			background: #cccccc url(../images/bg-button2.gif);
			background-position: top right;}



.formulier{border-collapse:collapse;}
.formulier td{border: 1px solid black;padding:5px;}

.knoppen		{
			padding-top: 10px;
			text-align:center;
			width:772px;
			}

.knop		{
	background: #ffffff url(../images/standaardknop.gif) no-repeat;
	width:250px;
	height:40px;
	padding-top:10px;
	cursor:pointer;
	overflow:hidden;
	font: 20px arial;
	color:#ffffff;
	text-decoration:none;
	display:block;
	}

.knopkeuze		{
	width:250px;
	cursor:pointer;
	overflow:hidden;
	display:block;
	}

.buitenknop a{text-decoration:none;}