@charset "utf-8";

/* REDEFINE HTML-TAGS */
* {
	margin:0;
	padding:0;
}
HTML, BODY {
	width:100%;
	height:100%;
}
BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	background-image:url(../images/layout/bg.png);
	background-repeat:repeat-y;
	background-color:#EEE;
	/*	background-color:C3D799;*/
	background-position:center;
}

A:LINK, A:VISITED {
	color:#195829;
	text-decoration:none;
}
A:HOVER {
	text-decoration:underline;
}
H1 {
	color:#195829;
	font-size:19px;
	padding:0 0 15px 0;
}
H2 {
	font-size:15px;
	color:#195829;
}
H3 {
	font-size:13px;
	color:#666666;
}
H4 {
	padding:3px 7px 3px 7px;
	color:#000000;
}
HR {
	border:none;
	border-bottom:1px solid #000000;
	margin:10px 0 10px 0;
}

P {
	margin-bottom:15px;
}

IMG {
 border:0;
}

small {
	font-size:10px;
	color:#999999;
}

/* ALGEMENE CLASSES */
.clear {
	clear:both;
	padding:0;
	border:none;
}



/* CONTAINER */
#container {
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto -24px auto;
	background-color:#FFFFFF;
	background:url(../images/layout/bg_content.png);
	background-repeat:repeat-y;
	background-position:0px 600px
	
	
}

#container_big {
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto -24px auto;
	background-color:#FFFFFF;
	background:url(../images/layout/bg_content_big.png);
	background-repeat:repeat-y;
	background-position:0px 600px
	
	
}

HTML > BODY #container {
	height:auto;
}

HTML > BODY #container_big {
	height:auto;
}
/* HEADER */

#header {
	width:900px;	
	
	height:120px
}

#logo {
	height:160px;
	width:225px;
	float:left;
	background-color:#FFFFFF;
}

#header_right {
	width:675px;
	float:left;	
	

}

#header_banner {
	height:90px;
	width:675px;
	float:left;
	background-color:#FFFFFF;
}

#header_banner_shadow {
	position:absolute;
	background-image:url(../images/layout/shadow_right.png);
	background-repeat:repeat-y;
	width:30px;
	height:90px;
}


/* TOP NAVIGATIE */
#header_navigatie {
	height:30px;
	width:675px;
	background-color:#FFF;
}

#header_navigatie #endNavigatie{
	float:left;
	background-color:#FFF;
	/*background-image:url(../images/layout/shadow_right.png);
	background-repeat:repeat-y;*/
	width:30px;
	height:30px;
}

#header_navigatie A {

	float:left;

}

/* Opbouw menu */
#header_navigatie UL LI A:LINK, #header_navigatie UL LI A:VISITED {
	display:block; 
	text-decoration:none; 
	color:#FFF;
	/*width:53px;*/
	padding:5px 25px 5px 20px; 
	height:20px;
	color:#90BC4C; 
	background-color:#FFF;
	/*background-image:url(../images/layout/shadow_right.png);
	background-repeat:no-repeat;*/
	line-height:20px; 
	font-size:11px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}
#header_navigatie UL {
	list-style: none;
}
#header_navigatie UL LI {
	float:left; 
	position:relative;
	z-index:1;
}
#header_navigatie UL LI UL {
	display: none;
	
}


/* specific to non IE browsers */
#header_navigatie UL LI:HOVER A {
	color:#FFF; 
	background-color:#90BC4C;
	background-image:url(../images/layout/shadow_btm.png);
	background-repeat:repeat-x;

}
#header_navigatie UL LI:HOVER UL {
	display:block; 
	position:absolute; 
	top:30px; 
	left:0; 
	width:105px;
	background-color:#ff0099;
	z-index:1;
}
#header_navigatie UL LI:HOVER UL LI A.hide {
	background-color:#ffff00;
	color:#fff;
}
#header_navigatie UL LI:HOVER UL LI:HOVER A.hide {
	background-color:#330033;
	color:#000;
}
#header_navigatie UL LI:HOVER UL LI UL {
	display: none;
}
#header_navigatie UL LI:HOVER UL LI A {
	display:block; 
	background-color:#90BC4C;
	background-image:none;
	/*background-image:url(../images/layout/shadow_top.png);
	background-repeat:repeat-x;*/
	color:#FFF;
	border-bottom:1px solid #99CC00;
	width:130px;
	text-align:left;
	padding:5px 10px 5px 20px;
}
#header_navigatie UL LI:HOVER UL LI A:HOVER {
	background-color:#70923B;
	color:#FFF;
}
#header_navigatie UL LI:HOVER UL LI:HOVER UL {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
	z-index:1;
}
#header_navigatie UL LI:HOVER UL LI:HOVER UL.left {
	left:-105px;
	background-color:#CCCC00;
}


/*#header_navigatie {
	height:30px;
	width:675px;
	float:left;
	background-color:#90BC4C;
}


#header_navigatie UL A {
	float:left;
	padding:5px 25px 5px 15px;
	background-color:#90BC4C;
	background-image:url(../images/layout/shadow_right.png);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	height:20px;
	color:#FFFFFF;	
	
}

#header_navigatie LI {
	 float:left;
}


#header_navigatie UL A:HOVER {
	background-color:#CCCC00;
	text-decoration:none;
	background-position:left;
}


#header_navigatie UL {
	 list-style:none;
}*/

/* CONTENT */

#content {
	width:900px;
	
	
}
#content_left {
	width:225px;
	float:left;
}

/* Navigatie */


#content_navigatie_shadow {
	position:absolute;
	/*background-image:url(../images/layout/shadow_top.png);
	background-repeat:repeat-x;*/
	height:30px;
	width:225px;
}

#content_navigatie {
	width:205px;
/*	background-color:#FFFFFF;
*/	margin-top:30px;
	padding:10px;
}

#content_navigatie IMG {
	padding-right:5px;
}


#content_navigatie UL {
	width:205px;
/*	background:#FFFFFF;
*/	margin:0;
	padding:0;
	list-style:none;
}

#content_navigatie LI {
	float:left;
	width:205px;
}
#content_navigatie UL A:LINK, #content_navigatie UL A:VISITED {
/*	background-color:#FFFFFF;
*/	display:block;
	border-bottom:1px solid #83B438;
	padding:5px 0px 5px 5px;
	color:#83B438;
	text-decoration:none;
	
}

#content_left #content_navigatie  UL A.active{
/*	background-color:#FFFFFF;
*/	color:#195829;
	font-weight:bold;
}

#content_left #content_navigatie  UL A:HOVER.active {
	background-color:#99CC00;
	color:#FFFFFF;
}

#content_navigatie UL UL A:LINK, #content_navigatie UL UL A:VISITED {
	background-color:#FFFFFF;
	padding:5px 0px 5px 20px;
}
#content_navigatie UL UL UL A:LINK, #content_navigatie UL UL UL A:VISITED {
	background-color:#FFFFFF;
	padding:5px 0px 5px 30px;
}
#content_navigatie UL UL UL UL A:LINK, #content_navigatie UL UL UL UL A:VISITED {
	background-color:#FFFFFF;
	padding:5px 0px 5px 40px;
}
#content_navigatie UL A:HOVER, #content_navigatie UL UL A:HOVER, #content_navigatie UL UL UL A:HOVER, #content_navigatie UL UL UL UL A:HOVER {
	background-color:#99CC00;
	text-decoration:none;
	color:#FFF;	
	
}

/* Brochure */

#brochure_button
{
	width:205px;
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #83B438;
}

/* ZOEKEN */
#zoeken {
	width:205px;
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #83B438;
	color:#999999;

}

#zoeken INPUT {	
	width:150px;
	color:#333333;
	padding:1px 5px 1px 5px;
}

#zoeken #submit_btn{
	border:1px solid #999999;
	font-size:11px;
	height:22px;
	width:35px;
	cursor:pointer;
	text-align:center;
}


#zoekresultaat {
	padding:20px 30px 0px 30px;

}

.highlight {
	background-color:#CCCC00;

}



/* CONTENT RIGHT */

#content_right {
	width:675px;
	
	float:left;	
	
}

#content_right_top_shadow
{
	position:absolute;
	background-image:url(../images/layout/shadow_foto_fade.png);
	background-repeat:no-repeat;
	width:675px;
	height:240px;
}

#content_right UL{

 /*padding-left:15px;*/
 padding-left:0px;
		
}

#content_right #cms_titel{
	padding:0px 30px 0px 30px;
	
	margin-top:30px;	
}

#content_right #cms_content{
	padding:0px 30px 0px 30px;
	
}
#content_right #cms_content A:LINK, A:VISITED {
	text-decoration:underline;
}
#content_right #cms_content A:HOVER {
	text-decoration:none;
}

#content_right #top{
	background-image:url(../images/layout/shadow_text_top.png);
	height:30px;
		
}

#content_right #kruimelpad{	
	padding:0px 30px 0px 30px;
	text-align:right;		
}

#content_right_left {
	width:495px;	
	float:left;
}


#content_right_right{
	width:180px;	
	float:left;
	color:#FFFFFF;	
	line-height:18px;
}

#content_right_right A{
	color:#FFFFFF;	
}

.bestel_button {
	background-color:#CCCC00;
	background-image:url(../images/layout/shadow_top.png);
	background-repeat:repeat-x;
	height:40px;
	width:140px;
	padding:20px;
}

.bestel_button H1 {
	color:#FFFFFF;
}

/* niews */

#content_right_right #home_nieuws_top{
	padding:15px 20px 0px 20px;
	background-image:url(../images/layout/shadow_top.png);
	background-repeat:repeat-x;
	
}

#content_right_right #home_nieuws_top H1{
	color:#FFFFFF;	
}

#content_right_right .nieuws  {
	padding-bottom:5px;
	border-bottom:1px solid #FFFFFF;
	width:140px;
	margin:10px 0px 0px 20px;
	
}

#content_right_right  .nieuws .readMore {
	font-style:italic;
	padding:5px 0px;
}

#content_right_right .nieuws H2 {
	color:#FFFFFF;
	padding:5px 0px;
}

#content_right_left #cms_content_nieuws{
	padding:0px 30px 0px 30px;
	
	float:left;
}

#content_right_left #cms_content_nieuws .nieuws {
	padding:10px 0px 10px 0px;	
	margin:10px 0px 10px 0px;
	border-bottom:solid 1px #999999;
}

#content_right_left #cms_content_nieuws .nieuws .paragraph{
	margin-top:10px;
}


#content_afbeelding2_shadow {
	position:absolute;
	background-image:url(../images/layout/shadow_top.png);
	z-index:1;
}

#content_afbeelding2_shadow {
	position:absolute;
	background-image:url(../images/layout/shadow_top.png);
	background-repeat:repeat-x;
	height:90px;
	width:180px;
}

#home_nieuws_archief {
	padding:15px 20px 0px 20px;
}

/* foto album */

#fotos {
	padding:0px 30px 30px 30px;
	
		
	
}

#fotos_titel{
	padding:10px 30px 10px 30px;

	
}

#fotos .foto_thumb {
	float:left;
	padding-right:8px;
	padding-bottom:10px;
	background-image:url(../images/layout/thumb_shadow.png);
	background-repeat:no-repeat;
}

/* SITEMAP */

#sitemapHolder {
	padding:20px 30px 20px 30px;
	line-height:20px;

}



#sitemap li {
	list-style-type: none;
	margin:0;
	padding:0;

	
}

#sitemap ul li {
	list-style-image: url(../images/layout/sitemap/l2_normal.gif);
	margin-left:25px;
}

#sitemap ul ul li {
	list-style-image: url(../images/layout/sitemap/l3_normal.gif);
	padding-left:0px;
}

#sitemap ul ul ul li {
	list-style-image: url(../images/layout/sitemap/l4_normal.gif);
	padding-left:0px;
}



/* CONTACT*/

#contact {
	padding:20px 30px 0px 30px;
}

#reqImg IMG, #contactForm IMG {
	display:inline;
}
#contactForm INPUT, #contactForm TEXTAREA, #contactForm SELECT {  
	padding:2px;
	font-size:11px;
	border:1px solid #CCCCCC;
}
#contactForm FIELDSET {  
	margin: 1.5em 0 0 0;  
	padding: 10px 0px 10px 0px;
	border: none;
}
#contactForm FIELDSET LEGEND {  
	font-weight:bold;
	color:#2D7F03;
	text-decoration:underline;
}
#contactForm FIELDSET OL {  
	  
	list-style: none;
}
#contactForm FIELDSET LI {  
	padding-bottom: 0.5em;
}
#contactForm INPUT.submit {  
	background-color:#DFDFD9;
	width:75px;
}
#contactForm LABEL { 
	position: relative;
	float: left;  
	width: 7em;  
	margin-right: 0.5em;
}
#contactForm LABEL EM {  
	position: absolute;  
	left: 6.5em;  
	top: 4px;
}
#contactForm TABLE {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #D2D2C8;
	border-right:1px solid #D2D2C8;
	border-bottom:1px solid #D2D2C8;
	margin:10px 0 0 0;
}
#contactForm TABLE TD {
	border-bottom:1px solid #D2D2C8;
	padding:3px;
	border-left:1px solid #D2D2C8;
	vertical-align:middle;
}
#contactForm TABLE TH {
	border-bottom:1px solid #D2D2C8;
	border-left:1px solid #D2D2C8;
	vertical-align:middle;
	background-color:#D2D2C8;
}
#contactForm TABLE TD.tdCheck {
	width:15px;
}
#contactForm TABLE TD.tdProduct {
}
#contactForm TABLE TD.tdPrijs {
	width:80px;
	text-align:center;
}
#contactForm TABLE TD.tdAantal {
	width:80px;
	text-align:center;
}

#leveranciers{
	border:none;
}

/* AANBIEDINGEN */

#aanbiedingen {
	width:203px;
	margin:10px;
	padding-bottom:10px;
}


#aanbiedingen  h1 {
	color:#83B438;
	
}

#aanbiedingen  h2 {
	color:#83B438;
	
}


.aanbieding {
	width:205px;
	margin-top:10px;
}



.aanbieding .aanbieding_thumb IMG {
	border:1px solid #CCCCCC;
}


#aanbiedingen  A:LINK,  #aanbiedingen  A:VISITED {
	color:#83B438;
	text-decoration:none;
	font-style:italic;
	
}

#aanbiedingen  A:HOVER {
	text-decoration:underline;
}

/* SHOWCASE */

#showcase {
	background-color:#FFFFFF;
	height:240px;
}


/* BROCHURES */

#content_right #brochures{
	padding:20px 30px 0px 30px;
	
}


/* PAY OFF */
#payoff{
text-align:center;
}
#payoff IMG{
padding:30px 0px;
}


/* FOOTER */
#footer {
	width:900px;
	height:22px;
	margin:0 auto;
	padding:2px 0 0 0;
	text-align:center;
	background-image:url(../images/layout/bg_content.png);
	background-repeat:repeat-y;
	
	color:#666666;
}

#footer_big {
	width:900px;
	height:22px;
	margin:0 auto;
	padding:2px 0 0 0;
	text-align:center;
	background-image:url(../images/layout/bg_content_big.png);
	background-repeat:repeat-y;
	color:#666666;
}