@import "http://cdn.jaarsmadeboer.nl/css/reset.css";
@import "http://cdn.jaarsmadeboer.nl/css/default.css";
@import "http://cdn.jaarsmadeboer.nl/shadowbox/3.0.3/shadowbox.css";

/** Standaard voor elke website **/
body, textarea, input, button, select { font-family: Helvetica,Arial,sans-serif; font-size: 12px;  }
a, h2, #order-form label, dl.product dd span { color: #142b91; }
input { border: 1px solid #000; padding: 4px 4px; }
input[type=submit] { padding: 4px 8px; background-color: #213b6e; color: #fff; width: auto; font-weight: bold; display: inline; overflow: visible; }

html, body { height:100%; min-height:100%; }
body { background: #fff; line-height: 1.35em; color: #000; }
strong { color: #000; }

#wrapper { position: relative; background: url(img/body-bg.gif); height: auto !important; min-height: 100%; width: 1000px; margin: 0 auto; overflow: hidden; }

#ct-left, #ct-right { height: 100%; }
#ct-left { width: 210px; background: #e6ecca; margin-right: -210px; color: #000; }

#navigation { clear: left; }
#navigation li { display: block; padding:0;margin:0;}
#navigation li a { display: block; border-bottom: 1px solid #fff; text-decoration: none; color: #000; font-weight:bold;padding:5px 0 5px 18px;}
#navigation li li a { padding-left: 42px;font-weight:normal;}
#navigation li li li a { padding-left: 65px;width: 145px;overflow:hidden;font-weight:normal;}
#navigation li.unfolded { background-color: #c5d7a7; }

#language-select { position: absolute; top: 20px; right: 4px; z-index: 3; width: 111px; height: 33px; background: url(img/language-background.png) 0 0 no-repeat;margin:0;padding:0; }
#language-select li { float: left; height: 33px; display: inline; width: 30px;margin:0;padding:0;padding-top:8px;}
#language-select li a { display: block; margin-left: 10px;}
#language-select li img { vertical-align: middle; }

#category-menu { position: absolute; top: 70px; right: 4px; z-index: 3; overflow: visible; }
#category-menu li { height: 40px; margin-bottom: 5px; overflow: visible; display: block; float: right; clear: right; }
#category-menu li a { display: block; height: 40px; width: 176px; position: relative; }
#category-menu li img.icon { display: none; position: absolute; z-index: 3; left: 0;}

#logo { display: block; }
#logo img { float: left; }

#newsletter-signup{padding-left:10px;color:#000;}
#newsletter-signup input[type=text] { border: 1px solid #999; padding: 3px 5px 3px 0; line-height: normal; width: 183px; margin: 0 10px 0 0; color: #999; }
#newsletter-signup input[type=submit] { width: auto; float: right; clear: right; color: #fff;margin: 5px 10px 5px 0; font-size:11px;border: 1px solid #999;}
#newsletter-signup input[type=radio] {margin:0;padding:0;width:12px; }
#newsletter-signup label {  line-height: 20px;float:none;}
#ct-right { width: 777px; padding-left: 13px; }

span.teaser { display: block; width: 165px; height: 143px; background: url(img/teaser-left.gif) 0 0 no-repeat; padding: 22px 20px 22px 25px; overflow: visible; line-height: 1.35em; }
span.teaser a { text-decoration: none; }

#header { position: relative; height: 200px; overflow: hidden; width: 777px; margin-top:13px; }
#header-background,
#header-overlay { position: absolute; bottom: 0; left: 0; }

#header-background { z-index: 1; left: 4px; }
#header-overlay { z-index: 2; }
#header h1 { position: absolute; left: 22px; bottom: 22px; color: #fff; text-transform: uppercase; font-size: 18px; font-family: "Arial Black"; line-height: 1em; z-index: 3; }
#header h1 a, #header h1 .regel2 { color: #fff; text-decoration: none; font-size: 12px; font-family: "Arial"; line-height: 1em;}

body.home #header { height: 375px; }

img.with-overlay { float: left; }
img.without-overlay { float: left; }

.list-with-image li {  clear: left; padding-top: 7px;}
.list-with-image li p { float: left; margin-top: 3px; margin-left: 3px; width: 400px; }
.list-with-image li a { text-decoration: none; }

#newsoverview { width: 540px; float: right; background: url(img/ctright-bg.gif) 0 0 repeat-x; margin-top: -5px; }
#newsoverview li p { width: 340px; }
#newsoverview strong{text-transform: uppercase; }

#text-container { width: 777px; background: url(img/wide-bg.gif) bottom left no-repeat; position: relative; }
#text-container h2 { background: url(img/wide-title.gif) 0 0 no-repeat; height: 72px; font-family: "Arial Black"; text-transform: uppercase; line-height: 72px; padding-left: 25px;  }
#text-container h2.geenronding { background:none;height: 20px; font-family: "Arial Black"; text-transform: uppercase; line-height: 20px; padding-left: 25px; margin-top:5px; margin-bottom:20px;}
/*#text-container p { padding: 0 60px 20px 20px; }*/
#text-container .content { padding: 0 60px 20px 25px; }
#text-container .contenthome { padding: 0 10px 20px 0px; }

body.home #text-container { width: 200px; padding: 20px 10px 0 30px; float: left; background: url(img/text-container.gif) 0 0 no-repeat; margin-left: -6px; height: 413px; overflow: visible; }

img.with-overlay { width: 180px; height: 120px; }
.overlay-wrapper { position: relative; width: 180px; height: 120px; overflow: hidden; float: left;}
.overlay-wrapper img { position: absolute; top: 0; left: 0; z-index: 1;  }
.overlay-wrapper .overlay { z-index: 2;}

hr.clr { border: 20px solid #fff; height: 40px; }

#footer { line-height: 1em; position: absolute;  display: block; letter-spacing: -1px; bottom: 5px; left: 240px; width: 800px;}
#footer a { text-decoration: none; color: #000;}
#footer img { vertical-align: middle; margin-left: 10px; }

dl.product{margin-left:40px;}
dl.product dt { width:183px; float: left; margin-left:10px;}
dl.product dt a { text-decoration: none; color: #000; display: block; text-indent: 10px; }
dl.product dd { width: 440px; float: left;padding-left:10px;}

#order-form label { line-height: 25px; padding-right: 5px; font-weight: bolder; }
#order-form input[type=text] { width: 40px; }
#order-form input[type=submit] { width: auto; margin-left: 6px; font-weight: bold; }

#reference-form { position: absolute; bottom: 10px; left: 20px; }
#reference-form input[type=text] { width: 200px; color: #213B6E; }

.nieuwsitem{}
.nieuwskortdatum{padding-left:10px;font-family: cursive;font-size:10px;}
.leesverder{text-decoration:none;}







/**FORMULIER*********************************************/

.txt{
	font: 12px verdana;
	}

.verplicht  {
	margin-left: 5px;
	font: 14px verdana;
	line-height: 200%;
	color: #333366;
	font-weight: bolder;
}

.verplicht_b  {
	margin-left: 5px;
	margin-right: 5px;
	font: 14px verdana;
	color: #333366;
	font-weight: bolder;
}

select{
	width: 275px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000;
	font: 11px verdana;
}

input.txt {
	width: 326px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000;
	font: 11px verdana;
}

input[type=checkbox], input[type=radio]{
	border: 0;
}

textarea {
	width: 275px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000;
	font: 11px verdana;
}
.submit {
	cursor:hand;cursor:pointer;
}

label	{
	font-weight: normal;
	color: #000;
	font-size: 12px;
}

.contactform label	{
	float:none;
}

.contactform {padding:0 60px 20px 20px;color:#000;}
/************************/

/**offerte*****************/
.offerteTbl{
	font: 11px verdana;
	font-weight: normal;
	line-height: 100%;
	padding:5px;
}
.offerteAantal{}
.offerteaantalTxt{
	font: 11px verdana;
	width:45px;
	border: 1px solid #000;
}
.toevoegenofferteBtn{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	border: 1px solid #000;
	background-color:#55829D;
	width:175px;
	cursor:hand;cursor:pointer;
}

.naarofferteBtn{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	color:#ffffff;
	border: 1px solid #000;
	background-color:#213B6E;
	width:125px;
	font-weight:bold;
	cursor:hand;cursor:pointer;
}
.productenTbl{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;

}

.productnrHead{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight: bold;
	line-height: 200%;
	color: #000;
	font-weight: bold;
	background-color: #fbf8e9;
	border-bottom: 2px solid #003366;
	height: 25px;
	width: 195px;
}

.productnaamHead{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight: bold;
	line-height: 200%;
	color: #000;
	font-weight: bold;
	background-color: #fbf8e9;
	border-bottom: 2px solid #003366;
	height: 25px;
	width: 350px;
}
.productaantalHead{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight: bold;
	line-height: 200%;
	color: #000;
	font-weight: bold;
	background-color: #fbf8e9;
	border-bottom: 2px solid #003366;
	height: 25px;
	width: 100px;
}
.productverwijderenHead{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight: bold;
	line-height: 200%;
	color: #000;
	font-weight: bold;
	background-color: #fbf8e9;
	border-bottom: 2px solid #003366;
	height: 25px;
	width: 150px;
}
.productnrTxt{}
.productnaamTxt{}
.productaantalTxt{}
.productverwijderenTxt{
	cursor:hand;
	cursor:pointer;
}

.verderwinkelenTxt{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	border: 1px solid #000;
	background-color:#213B6E;
	width:155px;
	cursor:hand;cursor:pointer;
}

.aanvragenTxt{
	font-family: Helvetica,Arial,sans-serif; font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	border: 1px solid #000;
	background-color:#213B6E;
	width:125px;
	cursor:hand;cursor:pointer;
}

#klantgegevensheader{
	color:#000;
	font-weight: bold;
}

/**************************/

/***referenties************/

.referentieTxt{vertical-align: top; width:350px}
.rfafbeelding{vertical-align:top;}

.rfCategorie		{ height: 19px;padding-top: 5px;padding-bottom:5px; padding-left: 10 px; font: 11px verdana; margin-bottom: 1px;
			  font-weight:bold; display: block; text-align: left; border-right: 0px solid #55829d;}
.rfCategorie:link  	{ text-decoration: none;}
.rfCategorie:visited  	{text-decoration: none;}
.rfCategorie:active  	{ text-decoration: none;}
.rfCategorie:hover 	{ text-decoration: underline;}

.subcategorieen		{ height: 19px;padding-top: 5px;padding-bottom:5px; font: 12px Helvetica,Arial,sans-serif; margin-bottom: 1px;
			  }
.subcategorieen:link  	{  text-decoration: none;}
.subcategorieen:visited 	{ text-decoration: none;}
.subcategorieen:active  	{ text-decoration: none;}
.subcategorieen:hover 	{ text-decoration: underline;}

/**************************/
/*
embed{
	position: relative;
	z-index:1;
	border: 1px solid #ccc;
}
object{
	position: relative;
	z-index:1;
	border: 5px solid #000000;
}*/

.afbHolder{
	width:180px;
	overflow:hidden;
}

/**voor contactform labels categorie informatie*/
 .infocategorie{
	 width:175px;
 }

/*acties*/
.selectbox{
	width: 40px;
	border: 1px solid #E5DBE7;
	background: #fff;
	color: #000000;
	font: 11px verdana;
}

#klantgegevenselementheader{margin: 5px 0 0 0;}

#klantgegevens_element{margin: 5px 0;}

.startronding { background: url(img/wide-title.gif) 0 0 no-repeat; height: 20px; font-family: "Arial"; line-height: 20px; margin:0;padding: 10px 0 0 25px ;  }

.referentietabel{margin-left:40px;}