/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl*/
body,html			{
			margin: 0; padding: 0;
			background: #000000 url(../images/achtergrond.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;
			line-height:0;
			color: #ffffff;
			}

p{margin:0;}
#container{width:1000px;margin:0 auto;position:relative;}

.hoofdtabel		{
			width: 1000px;
			/*background: #ffffff;*/
			}

.hoofdtabel2		{
			width: 900px;
			/*background: #000033;*/
			padding-top:10px;
			background: #ffffff;
			}

.contenttabel		{
			width: 900px;
			background: #ffffff;
			}

.contenttabel2		{
			width: 900px;
			background: #ffffff;
			}

#container_top 		{
			width: 1000px;
			height:90px;
			background: #ffffff;
			margin:0;
			padding:0;
			line-height:0;
			text-align:center;
			}

#container_top2 		{
			width: 1000px;
			height:194px;
			background: #000000;
			margin:0;
			padding:0;
			line-height:0;
			text-align:center;
			}

#container_midden 	{
			width: 900px;
			background: #73738e;
			}

#container_bottom 	{
			width: 900px;
			background: #4E9022;
			}

#container_bottom2 	{
			width: 900px;
			background: #000000;
			}

#linkerkolom 		{
			width: 200px;
			height: 200px;
			background: #404042;
			}

#homekolom 		{
			width: 500px;
			background: #ffffff;
			}

#rechterkolom 		{
			width: 200px; height: 100%;
			background: #FFFFFF;
			}
.rechterlogo {}

#contentkolom {
			float: left;
			width: 700px;
			background: #ffffff;
			padding:0;
			}

.adres {
	color: #ffffff;
	font: 12px arial;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0px;
	padding:0 0 0 235px;
}

.adres a		{ color: #ffffff; font: 12px arial;text-decoration: none;}
.adres a:hover 	{ color: #ffffff;  text-decoration: underline; }

.adres2 {
	color: #82797e;
	font: 12px arial;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0px;
	padding:0 0 0 235px;
}

.adres2 a{
	color: #82797e;
	text-decoration:underline;
}

.titel {
	font-family:Tahoma, arial;
	font-size: 30px;
	color: #ffffff;
	background: #4E9022;
	line-height: 70px;
	border:none;
	padding-left: 36px;
	padding-right: 12px;
	padding-bottom:4px;
	width: 493px;
}

.titel2 {
	font: 18px arial;
	color: #ffffff;
	background: #262626;
	line-height: 40px;
	border-bottom: 0px solid #ececec;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: ;
}

.content
	{

	font: 12px arial;
	color: #000000;
	margin: 0;
	padding: 28px 90px;
	border-right: 0px;
	border-left: 0px;
	line-height: 167%;
	}

.font {
	font: 12px arial;
	color: #000000;
	line-height: 150%;
	}

.contentactueel {
	font: 11px arial;
	color: #ffffff;
	margin: 0;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 12px;
	border-right: 0px;
	border-left: 0px;
	line-height: 200%;
	}

.contentassortiment {
	font: 11px arial;
	color: #ffffff;
	margin: 0;
	/*padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 12px;*/
	border-right: 0px;
	border-left: 0px;
	line-height: 200%;
	}

.emaillink		{ color: #ffffff; font: 11px arial; text-align: center;}
.emaillink:link  	{ color: #ffffff; text-decoration: none;}
.emaillink:visited  	{ color: #ffffff; text-decoration: none;}
.emaillink:active  	{ color: #ffffff; text-decoration: none;}
.emaillink:hover 	{ color: #ffffff; text-decoration: underline; }

.editorlink, .content a		{ color: #4E9022; text-decoration: none;}
.editorlink:hover , .content a:hover 	{ color: #4E9022;  text-decoration: underline; }


/************************************************************/
#linkerkolom ul 	{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	z-index:1;
	}

li ul 	{
	position: absolute;
	left: 200px;
	width: 200px;
	top: 0;
	display: none;
	z-index:1;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color:#ffffff; }


li:hover ul, li.over ul { display: block; background: #5B5B5D; }

.huidige{background: #4E9022;}


#navigation {width:200px;font: 11px arial;text-transform:uppercase; letter-spacing:1px;}
#navigation ul {margin:0px; padding:0px;min-height:260px;}
#navigation li {list-style: none;border-bottom: 1px solid #5B5B5D;}

ul.top-level {background:#666;}
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

#navigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 11px;
 text-decoration:none;
 width:100%;
}
#navigation a:hover{
 text-decoration:none;
}

#navigation li:hover {
 background: #5B5B5D;
 position: relative;
}

ul.sub-level {
    display: none;
}

#navigation ul.sub-level {
	background: #5B5B5D;
	min-height:0px;
}

#navigation ul.sub-level li {
    border: none;
    float:left;
    width:200px;
	border-bottom: 1px solid #404042;
	background: #5B5B5D;
}

#navigation  ul.sub-level a:hover {
    background: #404042;
}


/**********************************************/
.spacer{
	float:left;width:100%;
}

input.btnToevoegen{
	font: normal 10px verdana;
	height:21px;
	width:21px;
	border:1px solid #000000;
}

#assortiment {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border-bottom: 0px solid #485E3A;
}

.catassortiment{
	position: relative;
	font: arial;
	font-style: bold;
	display: block;
	text-decoration: none;
	font-weight: ;
	color: #000000;
	padding:0px;
	border-left: 0;
	border-right: 0px;
}

.leegassortiment{
	position: relative;
	font: arial;
	width:100%;
	font-style: bold;
	display: block;
	text-decoration: none;
	font-weight: ;
	color: #000000;
	padding:0px;
	border-left: 0;
	border-right: 0px;
	background-color: #ffffff;
}

.navassortiment				{ font: 11px arial; border-top: 0px solid #435935; font-weight: ; letter-spacing: 0.04cm; height: 20px; padding-right:2px; padding-top: 6px; padding-left:14px;}
.navassortiment:link  		{ color: #000000; text-decoration: none; }
.navassortiment:visited  	{ color: #000000; text-decoration: none; }
.navassortiment:active  	{ color: #000000; text-decoration: none; }
.navassortiment:hover 		{ text-decoration: underline; align: right; background-color: #ffffff; margin-left: 0px;  color: #000000;}

.winkelwgnav				{font: 11px arial; border-top: 0px solid #435935; font-weight: bold; letter-spacing: 0.04cm; height: 35px; padding-right:2px; padding-top: 10px; padding-left:25px; background-color: 789C56#;}
.winkelwgnav:link  			{ color: #ffffff; text-decoration: none; }
.winkelwgnav:visited  		{ color: #ffffff; text-decoration: none; }
.winkelwgnav:active  		{ color: #ffffff; text-decoration: none; }
.winkelwgnav:hover 			{ text-decoration: underline; align: right; background-color: #ffffff; margin-left: 0px;  color: #000000;}

.cmdVerder		{
margin-top:16px;
			font: 11px arial;
			text-align: center;
			width: 120px;
			border: 1px solid #ffffff;
			font-weight: ;
			letter-spacing: 0.04cm;
			height: 30px;

			float:left;
/*
			padding-right:5px;
			padding-top: 10px;
			padding-left:5px;
*/
			background-color: #000000;
			}
.cmdVerder:link  	{ color: #ffffff; text-decoration: none; }
.cmdVerder:visited  	{ color: #ffffff; text-decoration: none; }
.cmdVerder:active  	{ color: #ffffff; text-decoration: none; }
.cmdVerder:hover 	{ text-decoration: none; align: right; background-color: #ffffff; margin-left: 0px;  color: #000000;}

.cmdAanvragen		{
			font: 11px arial;
			text-align: center;
			width: 120px;
			border: 1px solid #ffffff;
			font-weight: ;
			letter-spacing: 0.04cm;
			height:30px;
			margin-top:0px;
			float:left;
/*
			padding-right:5px;
			padding-top: 10px;
			padding-left:5px;
*/
			background-color: #000000;
			}
.cmdAanvragen:link  	{ color: #ffffff; text-decoration: none; }
.cmdAanvragen:visited  	{ color: #ffffff; text-decoration: none; }
.cmdAanvragen:active  	{ color: #ffffff; text-decoration: none; }
.cmdAanvragen:hover 	{ text-decoration: none; align: right; background-color: #ffffff; margin-left: 0px;  color: #000000;}

.cmdVersturen		{ font: 11px arial;
			color: #000000;
			text-align: center;
			width: 225px;
			border: 1px solid #ffffff;
			font-weight: ;
			letter-spacing: 0.04cm;
			height: 35px;
			padding-right:5px;
			padding-top: 10px;
			padding-left:5px;
			background-color: #ffffff;
			}
.cmdVersturen:link  		{ color: #000000; text-decoration: none; }
.cmdVersturen:visited  	{ color: #000000; text-decoration: none; }
.cmdVersturen:active  	{ color: #000000; text-decoration: none; }
.cmdVersturen:hover 		{ text-decoration: none; align: right; background-color: #ffffff; margin-left: 0px;  color: #000000;}

/**********************************************/

/**FORMULIER*********************************************/
.verplicht  {
	margin-left: 5px;
	font: 18px arial;
	line-height: 100%;
	color: #4E9022;
	font-weight: bolder;
}

.verplicht_b  {
	margin-left: 5px;
	margin-right: 5px;
	font: 18px arial;
	color: #485e3a;
	font-weight: bolder;
}

select{
	width: 275px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px arial;
}

input.txt {
	width: 326px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px arial;
}
textarea {
	width: 275px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px arial;
}
.submit {
	width: 150px;
	background: #4E9022;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding:3px;
	margin:0 0 10px 0;
}

label	{
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}
/************************/

/**tabel opmaak voor productdata************************************/
#winkelwgheader{
	font: 14px arial;
	color: #ffffff;
	float:left;
	width: 100%;
	font-weight: bolder;
	/*padding:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left: px;
	padding-right: 12px;
}

#categorieheader{
	font: 14px arial;
	color: #ffffff;
	float:left;
	width: 100%;
	font-weight: bolder;
	/*padding:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 12px;
	padding-right: 12px;
}

.assortimentupdate{
	text-align:right;
	width:165px;
	font: 11px arial;
	line-height: 40px;
	font-weight:normal;
}
.productopmerking{
	float:left;
	position: relative;
	font: 11px arial;
	width:326px;
	padding-left: 5px;
	background-color: #E0E0E0;
}

#producten{
	float: left;
	width: 350px;
	padding-left: 12px;
	padding-right: 12px;
}
#productheader{
	font: 11px arial;
	color: #000000;
	float:left;
	width: 100%;
	background-color: #F0F0F0 ;
	font-weight: normal;
	padding:5px;
}

#productheader_naam{
	font-weight:bold;
	float:left;
	width: 145px;
	background-color: none;
}

#productdata_naam{
	float:left;
	width: 145px;
	background-color: none;
}

#productheader_aantal{
	font-weight:bold;
	float:left;
	width: 50px;
	background-color: none;
}

#productdata_aantal{
	float:left;
	width: 50px;
	background-color: none;
}

#productheader_breedte{
	font-weight:bold;
	float:left;
	width: 55px;
	background-color: none;
}

#productdata_breedte{
	float:left;
	width: 55px;
	background-color: none;
}

#productheader_hoogte{
	font-weight:bold;
	float:left;
	width: 55px;
	background-color: none;
}

#productdata_hoogte{
	float:left;
	width: 55px;
	background-color: none;
}

#productheader_kluit{
	font-weight:bold;
	float:left;
	width: 45px;
	background-color: none;
}

#productdata_kluit{
	float:left;
	width: 45px;
	background-color: none;
}

#productheader_maat{
	font-weight:bold;
	float:left;
	width: 55px;
	background-color: none;
}

#productdata_maat{
	float:left;
	width: 55px;
	background-color: none;
}

#productheader_info{
	font-weight:bold;
	float:left;
	width: 100px;
	background-color: none;
}

#productdata_info{
	float:left;
	width: 100px;
	background-color: none;
}

#productheader_bestelaantal{
	font: 11px arial;
	color: #000000;
	font-weight:bold;
	float:left;
	width: 38px;
	background-color: none;
}

#productdata_bestelaantal{
	font: 11px arial;
	color: #000000;
	float:left;
	width: 38px;
	background-color: none;
	vertical-align:bottom;
}

#productheader_bestellen{
	font-weight:bold;
	float:left;
	width: 25px;
	background-color: none;
}

#productdata_bestellen{
	float:left;
	width: 25px;
	background-color: none;
	vertical-align:bottom;
}

#productdata{
	font: 11px arial;
	color: #000000;
	float:left;
	width:  326px;
	background-color: #F0F0F0 ;
	padding:5px;
}

#productdata_donker{
	font: 11px arial;
	color: #000000;
	float:left;
	width:  326px;
	background-color: #E0E0E0;
	padding:5px;
}
/*************************************************************/
/**menu***********************************************************/
#menu{
	float:left;
	width: 350px;
	display:block;
}

.menulink{font: normal 11px verdana; text-decoration:none; color:#000000; padding:5px;display:block;width: 75px;}
.menulink:active{text-decoration:none;}
.menulink:visited{text-decoration:none;}
.menulink:hover{text-decoration:none; background-color:#ffffff;}

input.button{
	font: normal 10px verdana;
	border:1px solid #000000;
}

input.text{
	font: normal 11px verdana;
	height:20px;
	width:36px;
	border:1px solid #000000;
}

textarea.text{
	width: 326px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px arial;
}
/*************************************************************/

/**klantgegevens************************************************/
#klantgegevens{
	float:left;
	width: 350px;
	padding-left: 0px;
	padding-right: 12px;
}

#klantgegevensheader{
	font: 14px arial;
	color: #ffffff;
	float:left;
	width: 100%;
	font-weight: bolder;
	/*padding:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left: px;
	padding-right: 12px;
}

#klantgegevenselementheader{
	font: 12px arial;
	font-weight: bold;
	float:left;
	color:#ffffff;
}

#klantgegevens_element{
	font: 12px arial;
	font-weight: bolder;
	float:left;
	width:100%;
	font-weight: normal;
	color:#ffffff;

}
/*************************************************************/

/**fotoboek**********************************************/
.huidigepagina{font-family:verdana,arial;font-size:10px;font-weight:bold;}
.huidigepagina:link  		{ color: #ffffff; text-decoration: none; cursor: default;}
.huidigepagina:visited  	{ color: #ffffff; text-decoration: none; cursor: default;}
.huidigepagina:active  	{ color: #ffffff; text-decoration: none; cursor: default;}
.huidigepagina:hover 	{ text-decoration: none; color: #ffffff; cursor: default;}
.paginanummers{font-family:verdana,arial;font-size:10px;}
.paginanummers:link  		{ color: #ffffff; text-decoration: none;}
.paginanummers:visited  	{ color: #ffffff; text-decoration: none;}
.paginanummers:active  	{ color: #ffffff; text-decoration: none;}
.paginanummers:hover 	{ text-decoration: underline; background-color: none; color: #ffffff;}

.afbeelding_container{
	float:left;
	padding-top:11px;
	padding-right:11px;
}

#afbeelding{
	/*float:left;*/
	/*position: absolute;*/
	background-color: transparent;
	padding:0px;
	margin:0px;
}

#afbeelding_border{
	/*float:left;
	position: relative;*/
	width:124px;
	/*height:186px;
	overflow: hidden;*/
	background-color: transparent;

}

#fotoboekpaginas{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	height:20px;
	line-height:11px;
}

#album{
	float:left;
	width:540px;
	margin-left:0px;
	z-index:100;
}
.afb_omschrijving{
	font-family:arial;
	font-size:10px;
	width:124px;
	/*float:left;
	position: absolute;
	bottom:0px;*/
	/*background-color:#ffffff;*/
	color:#000000;
	height:28px;
	line-height: 100%;
}
/************************************************/
.tekst		{
			font: 11px arial;
			color: #000000;
			margin-left: 2px;
			margin-top: 0px;
			}

.tekstveld	{
			border: 1px solid #485E3A;
			font: 11px arial;
			width:150px;
			margin-bottom: 7px;
			}

.knop{
	width: 75px;
	border: 0px solid #ffffff;
	background: #4E9022;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	cursor:pointer;
	cursor:hand;
	padding:3px;
	margin:0 0 10px 0;
}

.loginform{margin-left:23px;margin-top:10px;margin-bottom:-10px;}

.logout		{ color: #000000;  font: 12px arial; position:relative;top:-28px;left:-15px;float:right;}
.logout:link  	{ color: #000000; text-decoration: none;}
.logout:visited  	{ color: #000000; text-decoration: none;}
.logout:active  	{ color: #000000; text-decoration: none;}
.logout:hover 	{ color: #4D4D71;  text-decoration: none; }

.slideshow { height: 194px; width: 1000px; margin: auto; }
.slideshow img { padding: 0;margin:0; border: none; }

.groot{font-size:18px;}
