/* ----- ALGEMEEN ----- */

* { -moz-box-sizing: border-box; }


html,
body{
	height:				100%;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:		1px;
	}

body{
		width:				100%
}

img{
	border:0;
}


*{
	margin:				0;
	padding:			0;
}


img {
	vertical-align: bottom;
}


h1{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		22px;
	font-weight:	normal;
	color:			#5b4d42;
}

h2{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		21px;
	color:			#5b4d42;
}


.textpagina a {
	color :			#604c3f;
	font-weight:	bold;
	text-decoration:none;
}

#header {
	width:			100%;
	height:			50px;
	background-image:	url('../images/header_bg.jpg')
}


#main {
	height:			560px;
	width:			970px;
	margin: 		0 auto;
}

.left{
	float:left;
}

.right {
	float:right;
}



/* 
 * ---------------------------------------------------------------------
 * Linker zijde
 * --------------------------------------------------------------------
 */


#left {
	width:			353px;
	float:			left;
}

#left #textvlak {
	color:			#5b4d42;
	height:			485px;
	width:			353px;
	margin-top:		32px;
	background-image:	url('../images/links_bg.jpg');
}


#left #textvlak #textvlak_text h1{
	padding-bottom:15px;
}

#left #textvlak #textvlak_text {
	float:			left;
	font-size:		11px;
	line-height:	19px;
	padding-right:	8px;
	
	margin:			130px 0px 0px 20px ;
	height:			300px;
	overflow:		hidden;
}

#left a {
	color :			#604c3f;
	font-weight:	bold;
	text-decoration:none;
}


/* 
 * ---------------------------------------------------------------------
 * Submenu
 * --------------------------------------------------------------------
 */


#left #submenu 
{
	background-image:	url('../images/submenu_bg.jpg');
	background-repeat:	no-repeat;
	width:				136px;
	height:				391px;
	float:				right;
	margin:				57px 6px 0px 0px;
}

#left #submenu ul{
	height:				300px;
	margin-top:			31px;
	list-style:			none;
}

#left #submenu li {
	margin-top:			3px;
	padding: 			3px 0px 4px 25px;
}

#left #submenu li:hover {
	background-color: 	#b3a68c;
	cursor:				pointer;
}

#left #submenu .active {
	background-color: 	#b3a68c;
	cursor:				pointer;
}

#left #submenu a {
	font-size:			13px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				white;
	text-decoration:	none;
	line-height:		17px;
}

#left #submenu #setkiezerbtn {
	margin-top:			-64px;
	width:				136px;
	height:				123px;
	background-repeat:	no-repeat;
}

#left #submenu .setkiezer-normal {
	background-image:	url('../images/setkiezer_btn.jpg');
}

#left #submenu .setkiezer-active {
	background-image:	url('../images/setkiezer_hover_btn.jpg');
}



#left #submenu #setkiezerbtn:hover {
	cursor:				pointer;
	background-image:	url('../images/setkiezer_hover_btn.jpg');
}






/* 
 * ---------------------------------------------------------------------
 * Rechter zijde
 * --------------------------------------------------------------------
 */




#right {
	float:			left;
	width:			600px;
	margin-left:	2px;
}

#right #content {
	margin-top:		4px;
	color:			#5b4d42;
	font-size:		11px;
	line-height:	18px;
	background-image: url('../images/testachtergrond.jpg');
	background-repeat:no-repeat;
}

#right .textpagina {
	height:			380px;
	padding-top:	10px;
	
	width:			600px;
	padding-right:	108px;
	padding-left:	12px;
}

#content .overflow {
	overflow: auto;
	height: 380px;
}
#right .nontextpagina {
	width:			600px;
	height:			390px;
}



/* 
 * ---------------------------------------------------------------------
 * Home
 * --------------------------------------------------------------------
 */


#right #endhome{
	width:			600px;
	margin-top:		55px;
	margin-left:	60px;
}

#right #hometekst {

	width:			260px;
	font-size:		11px;
	height:			130px;

	margin-top:		312px;
	overflow:		hidden;
}

/* 
 * ---------------------------------------------------------------------
 * Tekst onder plaatje 
 * --------------------------------------------------------------------
 */

#right .zonderprijs {
	padding-top:		291px;
}

#right .metprijs {
	padding-top:		270px;
}

#right #tekst_onder {
	margin-left:		10px;
	float:left;
}

#right #tekst_onder  a {
	color :			#604c3f;
	font-weight:	bold;
	text-decoration:none;
}

#right #tekst_onder *{
	color :			#b17e71;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#right #tekst_onder h1 {
	font-size :		22px;
}

#right #tekst_onder #prijs {
	font-size :		18px;
	line-height:	40px;
}

#right #tekst_onder #tekst {
	line-height:	19px;
	font-size:		11px;
	color :			#604c3f;
	width:			390px;
	height:			60px;
}



#right #subsubmenu a {
	clear:both;
	text-decoration:none;
	float:			right;
	text-align:		right;
	font-size:		12px;
	line-height:	19px;
	color:			#a37d71;
}

#right #subsubmenu .active {
	color :			#604c3f;
}




/* 
 * ---------------------------------------------------------------------
 * Main menu
 * ---------------------------------------------------------------------
 */



#right #menu {
	height:			30px;
	margin-top:		60px;
	clear:			both;
}

#right #menu a {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		13px;
	margin-left:	12px;
	color:			#505050;
	text-decoration:none;
}

#right #menu img {
	margin-top : 	-3px;
	margin-left:	12px;
}

#right #menu .active {
	color :			#b17e71;
}



/* 
 * ---------------------------------------------------------------------
 * Menu rechtsboven
 * ---------------------------------------------------------------------
 */


#right #small_menu {
	height:			19px;
	margin-top:		14px;
	float:			right;
}


#right #small_menu a {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#505050;
	text-decoration:none;
	margin-left:	6px;
}

#right #small_menu img {
	margin-top:		1px;
	margin-left:	6px;
}

#quick_contact{
	text-align:		right;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#505050;
	margin: 5px 0 0 0;
}


/* 
 * ---------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------
 */


#footer {
	width:				100%;
	background-image:	url('../images/bottom_bg_top.jpg');
	background-repeat:	repeat-x;
	background-color:	#987f50;
}



/* 
 * ---------------------------------------------------------------------
 * Setkiezer
 * ---------------------------------------------------------------------
 */

#setkiezer{
	margin-left:12px;
	margin-top:12px;
}

#setkiezer .titel {
	font-family:	Arial, Helvetica, sans-serif;
	letter-spacing:	2px;
	font-size:		24px;
}

#setkiezer .cats a {
	margin-top:		6px;
	font-size:		12px;
	border-left:	1px solid;
	padding-right:	6px;
	padding-left:	6px;
}

#setkiezer .producten{
	margin-top:		8px;
	height:60px;
	width:300px;
}

.hemright img {
	float:right;
}

#setkiezer .opties {
	margin-top:		10px;

}

#setkiezer .opties label {
	display:		block;
	margin-top:		12px;
	font-size:		11px;
}

#setkiezer .opties select {
	width:			133px;
	color:			#666666;
	margin-top:		6px;
	border:1px solid #a8a8a8;
	font-size:12px;
}

#setkiezer .opties .optietitel {
	font-size:		19px;
}

#setkiezer .afbeelding img{
	margin: 0;
	padding: 0;
	
}

#setkiezer .afbeelding {
	height:			223px;
	background-repeat:no-repeat;
}




/* 
 * ---------------------------------------------------------------------
 * Links */

#setkiezer a {
	text-decoration:none; 
}

#setkiezer a:hover {
	color:			#666666;
}

#setkiezer .active {
	color:			#666666;
}

#setkiezer .cats .first{
	border-left:	none;
	padding-left:	0;
}



/* 
 * ---------------------------------------------------------------------
 * Hem */


#voorhem{
	width:			294px;
	float:			left;
	color: 			#a2a279;
}

#voorhem a {
	color: 			#a2a279;
}

#voorhem select {
		color:			#666666;
}

#voorhem .hemright {
	margin-right:	20px;
	clear:			both;
	float:			right;
}



#voorhem .cats{
	text-align:		right;
	width:			280px;
	margin-right:	14px;

}

.producten img {
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
   
}

.producten .active_img {
   filter:alpha(opacity=100); 
   -moz-opacity: 1.0; 
   opacity: 1.0; 	
}

#voorhem .afbeelding {
	background-position:bottom right;
	width:			160px;
	float:right;

}


#voorhem .prijs {
	font-size :		18px;
	line-height:	40px;
	margin-top:		13px;
	margin-left:	3px;
}

/* 
 * ---------------------------------------------------------------------
 * Haar */

#voorhaar .haarleft {
	margin-left:	20px;
}

#voorhaar {
	float:			left;
	width:			294px;
	color: 			#b17e71;
}

#voorhaar a {
	color: 			#b17e71;
}

#voorhaar .afbeelding {
	background-position:bottom left;
		width:			128px;
}


a:hover {
	text-decoration:underline;
}


#voorhaar .prijs {
	float:right;
	font-size :		18px;
	line-height:	40px;
	margin-top:		13px;
}