/* css created 15aug2007 - updated 24okt2007 */


/* clear some stuff before we begin :) */
* { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
ul,ol { margin: 0; padding: 0; list-style: none; }
img { border: none; margin: 0; padding: 0; }
.hidden { display: none; }
.clear { clear: both; }
.loader { background: url('../images/odrada_nl/loading.gif') no-repeat center center; }


/* begin html/body/container */
html, body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-position: center;
	height: 100%;
	width:100%;
	background-image: url(../images/odrada_nl/background.png); /* this is the background with the left/right shadows next to the content */
	background-repeat: repeat-y;
}
.link_footer {color:#a5a3a3;}
.background1 {
	background-image: url(../images/odrada_nl/topbg.jpg); /* this is the background with the wood and its shadow */
	background-repeat: repeat-x;
	height:368px;
	width:100%;
	z-index:2;
	position: absolute;
	left: 0px;
	top: 0px;
}
.regent { /* regent is the big-container - contains all*/
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	width: 998px;
	z-index:5;
	position:relative;
	min-height: 100%;
}

.regent #container {  /* container is the content-container  (this is without the top(language-menu) and without the footer(bottom) */
	width: 977px; 
	text-align: left; /* this overrides the text-align: center on the .regent element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left:11px;
	padding-right:10px;
	padding-bottom: 40px;
	background-image: url(../images/odrada_nl/container_back1.gif); /* this is the shadow-fix for the background, the merge of the 2other backs  */
	background-repeat: no-repeat;
	background-position: center top;

} 
/* end html/body/container */



/* begin top */
.regent #top {
	height: 15px;
	text-align: right; /* this overrides the text-align: center on the .regent element. */
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left:11px;
	padding-right:8px;
	width: 980px;
} 
.regent #top #lang {
	float:right;
}
.regent #top #lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
.regent #top #lang li {
	display: inline;
	}	
.regent #top #lang  li a {
	height: 14px;
	float:  left;
	display: block;
	color: #666666;
	text-decoration: underline;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-left: 1px;
	margin-bottom:0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/odrada_nl/lang_back1.jpg);
	background-repeat: repeat-x;
}
.regent #top #lang li a:hover, .regent #top #lang  li a:active, .regent #top #lang li .active {
	background-image: none;
	background-color: #FFFFFF;
	text-decoration: none;
}
/* end top */


/* begin header */
.regent #header {
	padding: 0;
	margin: 0;
	background-color: #FFF;
	background-image: url(../images/odrada_nl/header_back1.jpg);
} 
.regent #header #logo {

	height:116px;

	padding-left: 30px;
}
.regent #header #contact {
	margin: 0;
	height:96px;
	padding-top: 10px;
	padding-left: 30px;
	width:320px;
	float:right;
}
.regent #header #contact.lucas {
	width:240px;
}
.regent #header #contact h3 {
	background-image: url(../images/odrada_nl/contact_back_h3.png);
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom:10px;
	padding-top: 3px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
.regent #header #navtop {
	margin: 0;
	padding: 0;
	background-color: #333333;
	background-image: url(../images/odrada_nl/navtop_back1.png);
	background-repeat: repeat-x;
	height: 29px;
	color: #FFFFFF;
}
.regent #header #navtop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
.regent #header #navtop li {
	margin: 0;
	display: inline;
	}	
.regent #header #navtop li a {
	height: 22px;
	float: left;
	display: block;
	background-image: url(../images/odrada_nl/navtop_backright.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #eaeaea;
	text-decoration: none;
	padding-right: 27px;
	padding-left: 27px;
	padding-top: 7px;
	font-size: 12px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}
.regent #header #navtop li a:hover, .regent #header #navtop li a:active, .regent #header #navtop li .active {
	background-image: url(../images/odrada_nl/navtop_backover.png);
	background-repeat: repeat-x;
	color: #000;
}
.regent #header .line {
	margin: 0;
	padding: 0;
	background-image: url(../images/odrada_nl/line.png);
	background-repeat: repeat-y;
	height: 1px;
}
/* end header */



/* begin sidebar1 (left) */
.regent #sidebar1 {
	float: left;
	width: 227px; 
	padding: 0;
	margin: 0;
}
.regent  #sidebar1 #zoekbox {
	width: 203px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-left: 24px;
	margin: 0;
	background-image: url(../images/odrada_nl/zoekbox_back1.png);
	background-repeat: repeat-y;
	background-position: 0px -3px;
}
.regent #sidebar1 #zoekbox h3 {
	font-size: 14px;
	padding-left: 20px;
	padding-bottom:8px;
	padding-top: 5px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
.regent  #sidebar1 .advanced {
	padding-left: 25px;
	margin: 0;
	display: block;
	height: 20px;
}
.regent  #sidebar1 .advanced a{
	color:#fff;
}
.regent  #sidebar1 #navcollection {
	width: 227px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 20px;
	margin: 0;
	background-image: url(../images/odrada_nl/collections_back1.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-color: #33546E;
}
.regent #sidebar1 #navcollection h3 {
	font-size: 14px;
	margin-left:24px;
	padding-left: 20px;
	padding-bottom:10px;
	padding-top: 3px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.regent  #sidebar1 #navcollection ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.regent  #sidebar1 #navcollection li {
	margin: 0;
    padding: 0;
}
.regent  #sidebar1 #navcollection li a{
	color: #fff;
	text-decoration: none;
	padding-left: 45px;
	padding-top: 3px;
	background-image: url(../images/odrada_nl/collections_backnormal.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 182px;
	display: block;
	background-position: 0px -2px;
	font-size: 12px;
}
.regent #sidebar1 #navcollection li a:hover, .regent #sidebar1 #navcollection li a:active, .regent #sidebar1 #navcollection li .active {
	background-image: url(../images/odrada_nl/collections_backover.png);
	background-position: 0px -2px;
	color: #000;
}
.regent #sidebar1 #navcollection .latest {
	background-image:url(../images/odrada_nl/collections_backnormallates.gif);
	background-position: 0px -2px;
}
.regent #sidebar1 #navcollection .bottom {
	background-image: url(../images/odrada_nl/collections_bottom.png);
	height:17px;
	display: block;
	margin-top:-5px;
}
.regent  #sidebar1 .blok1 {
	width: 227px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
	margin-top:20px;
}
.regent  #sidebar1 .blok1 h3 {
	font-size: 14px;
	padding-left: 20px;
	padding-bottom:10px;
	padding-top: 2px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
.regent #sidebar1 .blok1 .bloktitle{
	width: 203px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-left: 24px;
	padding-top:8px;
	background-image: url(../images/odrada_nl/lside_title.png);
	height: 30px; 
}
.regent #sidebar1 .blok1 .blokcontent{
	width: 221px;
	padding: 3px;
	background-image: url(../images/odrada_nl/lside_content.png);
	background-position: bottom;
        background-repeat: no-repeat;
}
.regent #sidebar1 .blok1 .blokcontent a{
        color: rgb(212, 85, 14);
}
.regent #sidebar1 .blok1 .blokcontent p{
        color: rgb(102, 102, 102);
}

.regent  #sidebar1 #sidebaricons {
	padding: 0;
	margin-top: 35px;
}
/* end sidebar1 (left) */



/* begin breadcrumb */
.regent #breadcrumb {
	margin: 0;
	width: 735px;
	height:20px;
	float: right;
	overflow:hidden;
	background-color: #f1f1ee;
	background-image: url(../images/odrada_nl/breadcrumb_back1.png);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	color: #666666;
} 
.regent #breadcrumb .dot {
	background-image: url(../images/odrada_nl/breadcrumb_dot1.png);
	background-repeat: no-repeat;
	margin-right: 10px;
}
/* end breadcrumb */



/* begin mainContent */
.regent #mainContent {
	padding: 0;
	margin: 0;
	width: 750px;
	float: right;
	overflow:hidden;
	background-image: url(../images/odrada_nl/maincontent_back1.png);
	background-repeat: repeat-x;
	color: #666666;
} 
.regent #mainContent a{
	color: #D4550E;
} 
.regent #mainContent li a{
	margin-left:5px;
} 
.regent #mainContent .blokcontent{
	width:100%;
	display:block;
} 
.regent #mainContent .multipage{
	width:100%;
	display:block;
	background-image: url(../images/odrada_nl/multipage.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-top:6px;
} 
.regent #mainContent .multipage .items{
	width:100px;
	margin-left:10px;
} 
.regent #mainContent .multipage .pages{
	width:200px;
	margin-left:150px;
} 
.regent #mainContent H2 {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/odrada_nl/h3_blok_orange.png);
	font-size: 15px;
	margin-bottom: 15px;
}
.regent #mainContent H3 {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/odrada_nl/h3_blok_orange.png);
	font-size: 15px;
	margin-bottom: 15px;
}
.regent #mainContent H5 {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/odrada_nl/h5_dot_orange.png);
	font-size: 13px;
	margin-bottom: 15px;
}
.regent #mainContent .right {
	float: right;
}
.regent #mainContent .left {
	float: left;
}
.regent #mainContent .prijsinfo {
	display: block;
	width:100%;
	margin-top:20px;
	padding-left:22px;
}
.regent #mainContent #mainContentWrap{
	padding-left: 15px;
	padding-right: 15px;
	width:720px;
		margin-top: 15px;
} 
.regent #mainContent #searchform{
margin-bottom:15px;
	height:53px;
}
.regent #mainContent #searchform .blok{
	height:45px;
	background-color: #F7F7F7;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.regent #mainContent #searchform .empty {
	height:45px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
}
.regent #mainContent #searchform .first {
	background-image: url(../images/odrada_nl/search_l.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:15px;
}
.regent #mainContent #searchform .latest {
	background-image: url(../images/odrada_nl/search_r.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right:20px;
		padding-left:20px;
		border-right-width: 0px;
	border-right-style: none;

}
.regent #mainContent .frblok{
	display: block;
	width: 302px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 15px;
	background-image: url(../images/odrada_nl/contentblok_frback1.jpg);
	background-repeat: no-repeat;
} 
.regent #mainContent .blok{
	display: block;
	margin-bottom: 15px;
}

.regent #mainContent .productomschrijving {
	display:block;
	background-image: url(../images/odrada_nl/productbeschrijving_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	width: 399px;
float:left;
	min-height:99px;

}
.regent #mainContent .productblok {
	display:block;
	width: 222px;
	float: left;
	min-height: 200px;
	margin-right:15px;
	margin-bottom:10px;
}
.regent #mainContent .productblok .productfoto {
	margin:0;
	background-image: url(../images/odrada_nl/productblok_foto.png);
	height: 140px;
	width: 221px;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.regent #mainContent .productblok .productinfo {
	margin:0;
	background-image: url(../images/odrada_nl/productblok_info.png);
	height: 40px;
	width: 200px;
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 21px;
}
.regent #mainContent .productprijs {
	display:block;
	background-image: url(../images/odrada_nl/productprijs_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	width: 225px;
	float:right;
	min-height:99px;
}
.regent #mainContent p {
margin-top:10px;
}
.regent #mainContent ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
.regent #mainContent li {
	list-style-position: inside;
	list-style-image: url(../images/odrada_nl/li.gif);
}
/* end mainContent */



/* begin footer */
#footer {
	background-color: #FFFFFF;
	text-align: center;
	width: 998px;
	height: 35px;
	background-image: url(../images/odrada_nl/footer_back1.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #CCCCCC;
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0 0 0 0px;
} 
#footer a {	color: #a5a3a3;}
#footer p {
	margin: 0px;
	padding-top: 10px;
}
/* end footer */



/*  begin miscellaneous */
.dotted
{	background: url(../images/odrada_nl/line2.png) repeat-x;
	width: 100%;
	height: 10px;
	border: 0;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.clearfloat { 
	clear:both;
}
/*  end miscellaneous */
.floatleft { float: left;}
.floatright { float: right;}
/*  begin buttons */
.button_nl_terug {
	background-image: url(../images/odrada_nl/button_terug.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:135px;
	height:35px;
	margin-left:-15px;
	margin-bottom:5px;
}
.button_nl_alleproducten {
	background-image: url(../images/odrada_nl/button_nl_toonalleproducten.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:135px;
	height:35px;
	margin-left:-15px;
	margin-bottom:5px;
}
.button_nl_ok {
	background-image: url(../images/odrada_nl/button_nl_ok.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:41px;
	height:20px;
	margin-left:5px;
	margin-bottom:5px;
}
.button_nl_details {
	background-image: url(../images/odrada_nl/button_nl_details.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:59px;
	height:21px;
	margin-left:5px;
	margin-bottom:5px;
}
.button_nl_zoek {
	background-image: url(../images/odrada_nl/button_nl_zoek.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:142px;
	height:48px;
	margin-left:5px;
	margin-bottom:5px;
}

.button_nl_verder {
	background-image: url(../images/odrada_nl/button_nl_verder.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 5000px;
	overflow: hidden;
	display:block;
	width:60px;
	height:22px;
	margin-left:5px;
	margin-bottom:5px;
}
/*  end buttons */
.forminput { width:200px;
margin-top:10px;}
.formarea { width:620px;}