/* CSS - file */
/********************  AANPASSEN VOOR IE6!!! ********************************/

html, body {width: 100%; height: 100%; overflow:;}

#img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}

/* T.B.V. PNG FIX IN IE=> te vinden in 'global_IE.css': */

body {
	margin: 0; padding: 0;
	font-family: helvetica, arial, tahoma, verdana, sans-serif;
	font-size: 10pt;
	color: #1A382A; 
	line-height: 125%;
	text-align: center;
	background-color: #fff;
} 

a {font-family: verdana; /* color: #114625; */ text-decoration: underline; outline: none;} /* 1f5135 */
a:hover {color: #D9BD45; text-decoration: none;} /* dabd45 */

h1, h2, h3, h4, h5, h6 {color: #F5D967; margin: 8px 0 7px 0; font-family: 'Trebuchet MS';}
h5, h6 {margin: 5px 0 0 0;}
h1 {font-size: 15pt; margin-bottom: 15px;} 
h2 {font-size: 14pt;} h3 {font-size: 13pt;} h4 {font-size: 12pt;} h5 {font-size: 11pt;} h6 {font-size: 10pt;}

/*======== ID's =====================================================================================================*/
#CONTAINER {
text-align: left;
}

html>body #TOP {
	position: relative;
	width: 810px; height: 117px;
	/* top: 0; left: 50%; margin-left: -402px; */
	margin-left: auto; margin-right: auto;
	background: transparent url('../img/slices/BG_top1.png') top left;
}

#NAV {
	width: 810px; height: 32px;
	margin-left: auto; margin-right: auto;
	line-height: 22px;
	background: transparent url('../img/slices/navbar.png') top left;
}
	#navbar {height: 24px; margin: 0 0 0 174px; padding-top: 1px; border: 0px solid red; font-size: 8pt;}
		#NAV #navbar #navbar_UL {list-style-type: none; margin: 0; padding: 0;}
		#NAV #navbar #navbar_UL li {float: left; display: inline;}
		#NAV #navbar #navbar_UL li a {
					display: block; 
					/* width: auto; height: 24px; */
					line-height: 24px;
					padding: 0 10px;				
					text-decoration: none;
					color: #114625;
		}
		#NAV #navbar_UL li a:hover {
					background-color: #6A917B;
					color: #F5D967;
		}

#MIDDLE {
	width: 810px;	height: 519px;
	margin-left: auto; margin-right: auto;
	background: transparent url('../img/slices/mainbody+.png') top left no-repeat;
	}
  #MIDDLE_LEFT {
  	float: left;
		width: 154px;	height: 482px; /* 174 - 24(margin) = 150px */
		margin-left: 20px;
  } 
			#nav {
					float: left;
					margin-top: 15px;
					font-size: 10pt;
			}
			#menu {
					width: 100%;
					line-height: 22px;
					margin-top: 10px;
					font-size: 8pt;
			}
			 
			 #left_nav_ul {list-style-type: none; margin: 0; padding: 0;}
  #left_nav_ul li {width: 154px; margin-bottom: 0; line-height: 25px;}
  #left_nav_ul li a {
			display: block; 
			padding-left: 10px;
			text-decoration: none; 
			color: #114625;
			background-color: #cfb837; 
			border: 1px solid #cfb837;
			border-top: 1px solid #EFD859;
			border-bottom: 1px solid #5F5623;
	}
  #left_nav_ul li a:hover {
			color: #F5D967;
			background-color: #6A917B; 
			border: 1px solid #6A917B;
			border-top: 1px solid #8EAF9D;
			border-bottom: 1px solid #5F5623;
	}
			
			/* 
			#left_nav_ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
			#left_nav_ul li {width: 154px; height: 22px; line-height: 22px; margin-bottom: 1px;}
			#left_nav_ul li a {	
					display: block; 
					width: 144px; height: 22px;
					padding-left: 10px;				
					text-decoration: none;
					color: #114625;
					background-color: #cfb837;
					border-top: 1px solid #EFD859;
					border-bottom: 1px solid #5F5623;
			}
			#left_nav_ul li a:hover{
					background-color: #618e48;
					border-top: 1px solid #28573c;
					border-bottom: 1px solid #28573c;
			}*/
			
	/*---- MAIN Inhoud ----*/ 	
  #MIDDLE_MAIN {
  	float: left;
		/*---- 810(total) - 174(menu) - 110(div right) = 526 => 520 voor narge. +95PX I.V.M. PLAATSING VAN RIGHT_DIV BINNEN DEZE!: */
		width: 610px; height: 452px; 
		overflow: auto;/* */
  }
		#mainText {
			float: left; 
			/*---- bij width=520 van MIDDLE_MAIN, deze width=80%: */
			width: 80%;	height: auto;
			/*---- van 8% naar 4% i.v.m. plaatsing van rechter div in Middelste (zie hierboven)!: */
			margin-top: 10px;
			margin-left: 8%; 
			border: 0 solid red;
		}
	/*---------------------*/ 	
  #MIDDLE_RIGHT {
		/*---- 'float left' als buiten de MIDDLE_MAIN. Nu zit daarin: */
		float: right; 
		width: 110px; height: auto;
		/* border: 1px solid red; */
  }
	
#BOTTOM {
	width: 810px;	height: 40px;
	margin-top: -25px;
	margin-left: auto; margin-right: auto;
	text-align: center;
	font-size: 9pt;
	color: #CBB547;
}#BOTTOM a {color: #CBB547;}

#voorwaarden {
	width: 97%; height: auto;
	margin-top: 2px;
	padding: 1%;
	overflow: auto;
}
/*======== einde ID's ===============================================================================================*/


/*======== CLASSES's ===============================================================================================*/
td {vertical-align: top;}
td, th{text-align: left;}

.tdkorter{
	width: 170px;
}

#prodTabel td{
	height: 25px;
	padding: 0 4px 5px 0;
}

.prod {/* div waar product details op pagina 'prod.inc.php' weergegeven wordt */
	width: 100%; height: 98%;
	position: relative;
	margin-top: 15px;
	padding: 0 10px 15px 0;
}
	.prodTitelBar {
			width: 98%; height: 20px;
			margin: 1% 0;
			line-height: 15px;			
			font-weight: bold;
			color: #666600;
			font-variant: small-caps;
	}
	.prodTitels {
			font-weight: bold;
			font-variant: small-caps;			
	}
	.prodImg {
			margin: 1% 3% 0 1%;
			padding: 2px;
			border: 1px solid #FFCC00;
	}
	.prodPrijs {
			clear: both;
			text-align: center;
			/*color: #333333;*/
			font-weight: bold;
	}
	/* .prodTitelsDiv {
			margin-bottom: 8px;
	} */
	.kopen{
		width: 99%;
		margin-top: 20px;
		text-align: right;
	}

  /* pagina 'prod.inc.php' */
  .waterDivs {
  	float: left;
  	margin-right: 13px;
  }	
	
	#frmToevoegen {
		color: #124526;
	}
	.input {color: #124526; text-align: right; font-weight: bold; margin-bottom: 4px;}
	
	/* Button in 'prod.inc.php' */
	button {
    cursor: pointer;
		color: #124526;
  }
	button em {
    font-style: normal;
    text-decoration: underline;
	}
	.toevoegen .icon {
    padding-left: 7px;
    line-height: 18px;
    background:transparent url("../img/cart.gif") no-repeat;
	}
	/* .vergroot {position: absolute; left: 92%; top: 23%; border: 0;} *//* vergrootglass */
	.vergroot {position: absolute; left: 91%; top: 20%; border: 0;}/* vergrootglass 1 */
	.just {text-align:justify;}
/*---------------------------------------------------------*/

/* ----- cats Lay-out ------------------------------------------------- */
/*
HIER HEB IK EEN AANTAL MODIFICATIES (gemarkeerd met ---MOD) GEDAAN I.V.M. HET NIET GOED WEERGEVEN VAN DE TEXT IN DE DIVS.
HET BETREFT MIN OF MEER 'NOODMAATREGELEN' (vb. het niet meer floaten van de imgdiv en de negatieve topMarge van de text divs, daar deze omlaag werden geduwd bij sommige divs met alle gevolgen van dien...).
OP TERMIJN HIER EEN PERMANENTE EN NETTE OPLOSSING VOOR VINDEN
*/
.catsRij h3 {color: #666600;margin-bottom: 5px;}
.catsRij h4,h5,h6 {color: #666600;margin: 2px;}

.catsRij {
	/* position: relative; */ /* ---MOD */
	width: 97%; height: 55px; /* ---MOD */
	margin-bottom: 6px; /* 4 */
	padding: 5px;
	border: 1px solid #9a9944;
	background-color: #96B6A4;
}
	.catsRij img {border: 0; margin: 0;}
	.catsRij a.kop {font-size: 9pt; font-weight: bold; color: #666600; margin: 2px;}
	.catsRij a {color: #666600;}
	.catsRij a:hover {color: #8F8111; text-decoration: none;}
	.catsRij a img:hover {border: 2px double #CAB447; position: relative; top: -2px; left: -2px;}

.catsImg {
	/* float: left; */ /* ---MOD */
	width: 50px; height: 50px;
	background-color: #1B5432;
	border: 1px solid #aaa;
}

.catsTxt {
	float: left;
	margin-top: -50px; /* ---MOD */
	margin-left: 60px; /* ---MOD */
}

.bgKleur {
	background-color: #A7BFB2;
}
/* ------------------------------------------------------------------- */



/* ----- ASSORT Lay-out ------------------------------------------------- */

.kopBg {padding: 2px; background-color: #5F7F6E;}
.kort {width: 12px;}

.bb {border-bottom: 1px solid #CAB447;}

.links { font-variant:small-caps; font-size:8.5pt;}
.bg0 {background-color: transparent;}
.bg1 {background-color: #82A48D;}

.naarTop { /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	float: right;
	/* margin-top: -16px; afhankelijk van font-size van kop: h5 9 = -14px, h5 11 = 16px, enz. */
	padding-right: 5px;
	font-size: 7.5pt;
	font-variant: small-caps;
	font-weight: normal;
}
.catKopLinks {
		float: left;
		margin: 0 5px 10px 0;
		padding: 0 5px 0 0; 		
		font-size: 8pt;  
		line-height: 15px;
		border-right: 1px solid #5F7F6E;
}

/* ------------------------------------------------------------------- */	
.cartBevat {
	width: 94%;
	/*margin-left: -3px; padding: 2px;  */
	padding: 3% 0 3% 4%; 
	margin-top: 15px; 
	line-height: 130%;
	border: 1px dotted #D9BC45;
	background-color: #B5A849;
}
.cartBevat a {display: block; width: 100%;}
.cartBevat a:hover {color: red; color: #F5D967; background-color: #6A917B; }

.ster {font-size: 11pt; color: #cc3300;}
.noInput {
	border: 0 solid red;
	background-color: transparent;
}

.main_txt {width: auto; height: auto; padding: 10px;}
.main_footer {}
.overflow_A {overflow: auto;}
.overflow_H {overflow: hidden;}
.overflow_S {overflow: scroll;}

/* UL */
.ul_none {list-style-type: none; margin: 0; padding: 0;}
/* .ul { list-style-type:circle; margin: 0; padding: 0;}
.ulli_hor {float: left; display: inline;}
.ullia_block {display: block; width: 100%; height: 100; padding: 0 5px;} */


/* BORDER geel*/
.border {border: 1px solid #9a9944;}
.borderT {border-top: 1px solid #9a9944;}
.borderL {border-left: 1px solid #9a9944;}
.borderR {border-right: 1px solid #9a9944;}
.borderB {border-bottom: 1px solid #9a9944;}
.borderTB {border-top: 1px solid #9a9944; border-bottom: 1px solid #9a9944;}
.borderLR {border-left: 1px solid #9a9944; border-right: 1px solid #9a9944;}
.border0 {border: 0;}

/* BORDER licht geel*/
.borderLg {border: 1px solid #F5D967;}
.borderLgT {border-top: 1px solid #F5D967;}
.borderLgL {border-left: 1px solid #F5D967;}
.borderLgR {border-right: 1px solid #F5D967;}
.borderLgB {border-bottom: 1px solid #F5D967;}
.borderLgTB {border-top: 1px solid #F5D967; border-bottom: 1px solid #F5D967;}
.borderLgLR {border-left: 1px solid #F5D967; border-right: 1px solid #F5D967;}

/* BORDER donker groen*/
.borderDg {border: 1px solid #1A382A;}
.borderDgT {border-top: 1px solid #1A382A;}
.borderDgL {border-left: 1px solid #1A382A;}
.borderDgR {border-right: 1px solid #1A382A;}
.borderDgB {border-bottom: 1px solid #1A382A;}
.borderDgTB {border-top: 1px solid #1A382A; border-bottom: 1px solid #1A382A;}
.borderDgLR {border-left: 1px solid #1A382A; border-right: 1px solid #1A382A;}

.border_dev {border: 1px solid red;}
.border_devG {border: 1px solid green;}
.border_devB {border: 1px solid blue;}

/* FONT */
.fontSmall_8 {font-size: 8pt;} .fontSmall_9 {font-size: 9pt;} .fontSmall_10 {font-size: 10pt;}
.fontB {font-weight: bold;}
.fontI {font-style: italic;}
.fontColor_000 {color: #000;}
.fontRood {color: #cc3300;}
.fontH {color: #F5D967;}
.textAlign_L {text-align: left;}
.textAlign_R {text-align: right;}
.textAlign_C {text-align: center;}
.noLijn {text-decoration: none;}

.let_space_10 {letter-spacing: 10px;}

/* FLOAT */
.float_L {float: left;}
.float_R {float: right;}

/* AFBEELDINGEN */
.float_L_img {float: left; margin: 5px 5px 5px 0;}
.float_R_img {float: right; margin: 5px 0 5px 5px;}

/* POSITION */
.rel {position: relative;}
.abs {position: absolute;}

.alignR {text-align: right;}
.alignL {text-align: left;}
.alignC {text-align: center;}

/* MARGIN + PADDING */
.margin_5 {margin: 5px;}
.margin_TB_5 {margin: 5px 0;}
.margin_LR_5 {margin: 0 5px;}
.margin_T_5 {margin-top: 5px;}
.margin_B_5 {margin-bottom: 5px;}
.margin_L_5 {margin-left: 5px;} .margin_L_24 {margin-left: 24px;}
.margin_R_5 {margin-right: 5px;}

.padding_5 {padding: 5px;}
.padding_TB_5 {padding: 5px 0;}
.padding_LR_5 {padding: 0 5px;}
.padding_T_5 {padding-top: 5px;}
.padding_B_5 {padding-bottom: 5px;}
.padding_L_5 {padding-left: 5px;}
.padding_R_5 {padding-right: 5px;}
.paddingBtnCart {padding-top: 10px;}
/* DIVERSEN */
.opacity_7 {opacity: 0.7; -moz-opacity: 0.7;} /* IE = filter: alpha(opacity=70); */
.opacity_5 {opacity: 0.5; -moz-opacity: 0.5;} /* IE = filter: alpha(opacity=50); */
.colorIE {color: #727638;}
/*======== einde CLASSES's ===============================================================================================*/