body{ background : url('../img/bg.jpg'); font-family : 'Trebuchet MS'; font-size : 12px; margin :0; }
body.red{ background : url('../img/bg_red.jpg'); }
body a{ color : #B2BF29; }
body.red a{ color : #8E3A02; }
body.red .text a:hover,body a:hover{ text-decoration : none; }
p{ margin : 0 !important; padding : 10px 0 !important; }
h1{ margin : 0; font-size : 18pt; }
h1#h1{ display : none; }
h1 b{ display : inline; background : url('../img/h1.gif') no-repeat right; padding : 10px 80px 25px 80px; font-weight : normal; }
h1.red b{ color : #DF3737; display : inline; background : url('../img/h1red.gif') no-repeat right; padding : 10px 80px 25px 80px; font-weight : normal; }
.inhoud h1,.inhoudred h1{ padding : 20px 10px 30px 10px; font-weight : normal; text-align : center; color : #B2BF29; }
h2{ font-size : 15px; }
h3{ font-size : 13px; color : #8E984E; margin : 10px 0; }
.inhoudred h3{ color : #DF3737; }
.clearer{ clear : both; }
.filler{ height : 1px; }
.line{ color : #abc027; }
body.red .line{ color : #8E3A02; }
fieldset{ margin : 0 0 10px 0; padding : 10px; background : #f7f9ec; border : 1px dashed #CFDD91; }
fieldset hr{ clear : both; border-bottom : 1px dashed #CFDD91; background : none; border-top : 0; border-left : 0; border-right : 0; height : 1px; margin : 10px 0; }
fieldset label{ width : 200px; float : left; font-weight : bold; }
fieldset input{ padding : 2px; color : #666; width : 150px; font-family : 'Trebuchet MS'; font-size : 12px; float : left; background : #fff; border : 1px solid #ccc; margin : 0 0 10px 0; }
fieldset input#last{ margin : 0 !important; }
.formerror{ color : #8E3A02; font-size : 10px; margin : 0 0 0 10px; }

fieldset div{ clear : both; padding : 5px 0; }

#logo{ background : url('../img/logo_wilgenbroek.gif'); width : 460px; height : 131px; margin : 90px auto 0 auto;  }
.header{ text-align : center; margin : 10px 0 0 0; }
.header a{ color : #abc027; }
.header a:hover{ text-decoration : none; }
.color{ color : #B2BF29; }
#container{ width : 932px; margin : 0 auto; }

#footer{ font-size : 11px; font-style : italic; color : #666; margin : 10px 0; text-align : center; }
#footer a{ font-weight : bold !important; text-decoration : none; color : #000; }

/* RANDOM */

#start_images{ margin : 90px auto 0 auto; text-align : center; padding : 0 286px; }

#random1{ background : url('../img/1.png') no-repeat; margin : 0 10px; height : 80px; width : 100px; border : 0; float : left; }
#random2{ background : url('../img/2.png') no-repeat; margin : 0 10px; height : 80px; width : 100px; border : 0; float : left; }
#random3{ background : url('../img/3.png') no-repeat; margin : 0 10px; height : 80px; width : 100px; border : 0; float : left; }

#start_language_choice{ list-style : none; margin : 40px 0 0 0; padding : 0 421px; text-align : center; } 
#start_language_choice li{ float : left; color : #666; font-size : 18px; width : 30px; text-align : center; }
#start_language_choice a{ color : #666; text-decoration : none; }
#start_language_choice a:hover{ color : #abc027; }

/* MAIN */

#top{ margin : 20px 10px; }
#small_logo{ background : url('../img/logo_small.gif') no-repeat; width : 188px; height : 54px; float : left; margin : 15px 10px 10px 0; }
body.red #small_logo{ background : url('../img/logo_small_red.gif') no-repeat 0 -1px; width : 188px; height : 70px; float : left; margin : 15px 10px 10px 0; }
#banner{ overflow : hidden; position : relative; width : 700px; height : 95px; float : left; z-index : 2; margin : 0 0 0 12px; }
#inner_images{ position : absolute; z-index : 1; }

#banner_img{ position : absolute; top : 0; left : 0; z-index : 9999; }

#content{ margin : 0 10px; }
#left{ float : left; width : 200px; text-align : right; }
#right{ float : left; width : 700px; margin : 0 0 0 10px; }

#left ul{ margin : 0; padding : 0; list-style : none; width : 190px; }
#left ul li{ background : url('../img/menu_li.gif') no-repeat right top; padding : 8px 15px; text-align : right;}
#left ul li a{ color : #445127; text-decoration : none; }
#left ul li a:hover{ text-decoration : underline; }
#left ul li.active_menu1{ background : url('../img/menu_li_active.gif') no-repeat 34px top; }
#left ul li.active_menu1 a{ color : #fff; font-weight : bold; }
#left ul#hoofdmenu2{ background : #daddb0; width : 146px; margin : 10px 0 10px 40px; _margin : 10px 0 0 25px; -moz-opacity : 0.5; opacity : 0.5; filter:alpha(opacity=50); text-align : right; }
#left ul#hoofdmenu2 li{ background : none; padding : 5px; position : relative; }
#left ul#hoofdmenu2 li a{ font-weight : normal; color : #333; font-size : 11px; }
#left ul#hoofdmenu2 li.active_menu2 a{ color : #191F08; font-weight : bold; }
#left ul#logies{ margin : 40px 0 0 0; }
#left ul#logies li{ background : url('../img/menu_li_red.gif') no-repeat right; padding : 8px 15px; text-align : right; }
#left ul#logies li a{ color : #8E3A02; }
#left ul#logies li.active{ background : url('../img/menu_li_active_red.gif') no-repeat 34px; }
#left ul#logies li.active a{ color : #fff; font-weight : bold; }

.breadcrumb a{ color : #B2BF29; font-size : 10px; }
.breadcrumb a:hover{ text-decoration : none; }
#small{ width : 500px; }

.inhoud,.inhoudred{ margin : 10px 0 0 0; float : left; color : #5D605B; padding : 10px 0; width : 700px; }
#text_images,#text_imagesred{ float : right; margin : 20px 0 0 10px; width : 180px; text-align : center; }
#text_images p,#text_imagesred p{ margin : 0; padding : 2px 0 !important; font-weight : bold; font-size : 11px; }
#text_images img{ padding : 5px; background : #f7f9ec; border : 1px dashed #CFDD91; margin : 5px 0 0 0 !important; }
#text_imagesred img{ padding : 5px; background : #FAD9D9; border : 1px dashed #DF3737; margin : 5px 0 0 0 !important; }

/* PRODUCTEN */

ul#producten{ list-style : none; margin : 0 auto; padding : 0;  }
ul#producten li{height : 170px; width : 115px; text-align center; float : left; margin : 0 10px; position : relative; }
ul#producten li a{ display : block; text-align : center; color : #B2BF29; font-weight : bold; text-decoration : none; padding : 10px 0 30px 0; _padding : 20px 0 30px 0; width : 120px;  }
ul#producten li a:hover{ text-decoration : underline; background : url('../img/product_hover.gif') no-repeat right 10px; }
ul#producten img{ display : block; padding : 5px; background : #f7f9ec; border : 1px dashed #CFDD91; margin : 10px 0 5px 0; }
#zoeken{ background : url('../img/ico_search.jpg') no-repeat 5px ; border : 1px solid #ccc; padding : 5px 15px 5px 25px; color : #B2BF29; text-transform : uppercase; }
#zoeken:hover{ border : 1px solid #B2BF29; color : #666; }
#div_zoeken{ margin : 20px 0; }

/* PLANTENSOORTEN */

table{ font-size : 12px; margin : 10px 0 0 0; }
table #table_header td{ text-transform : uppercase; color : #B2BF29; font-style : italic; font-weight : bold; padding : 10px; border-bottom : 1px dashed #B2BF29; }
table td{ padding : 5px 10px; border-left : 1px dashed #B2BF29; }
.inhoudred table td{ padding : 5px 10px; border-left : 1px dashed red; }
table td a{ color : #666; text-decoration : none; }
table tr.uneven td{ background : #f7f9ec; }
table tr td a:hover{ color : #B2BF29; text-decoration : none; }
table tr td a{ text-decoration : underline; }
.active_page{ text-decoration : underline !important; color : #B2BF29 !important; }
.page_nav{ padding : 10px; background : #f7f9ec; border : 1px dashed #CFDD91; margin : 10px 0 0 0; }
.nav{ float : left; }
.page{ float : right; }
.page_nav a{ color : #666; }
.page_nav a:hover{ text-decoration : none; } 

/* PLANT DETAIL */

.d{ width: 100px; height: 80px; margin : 10px 20px 10px 0; float : left; }
.legende{ margin : 0 0 0 10px; float : left; }
.legende div.img_ico{ padding : 5px 0; width : 30px; text-align : center; float : left; }
.legende div.img_descr{ padding : 7px 0; float : left; font-size : 11px; color : #B2BF29; font-weight : bold; }
#descr{ background : none !important; padding : 0; margin : 0; border : 1px dashed #B2BF29; }
#descr td{ border : 0 !important; }
#descr .td_text{ background : #f7f9ec; color : #666; text-transform : none; font-weight : normal; font-style : normal; }
#descr .td_title{ text-transform : uppercase; color : #B2BF29; font-style : italic; font-weight : bold;  background : #f7f9ec;  }
#fiche .uneven{ background : #f7f9ec; }
#detailimage img{ float : right; margin : 0 90px 0 0; padding : 5px; background : #f7f9ec; border : 1px dashed #CFDD91 !important; }
#standplaats{ position : absolute; left : 490px; top : 210px; width : 110px; text-align : center; } 
#standplaats div{ line-height : 23px; font-weight : bold; display : inline; }


/* LIGGING */

#map{ width : 350px; float : right; height : 300px; border : 1px solid #ccc; }

/* HOME */

#loggedin{ padding : 0 20px 0 0; margin : 10px 0 0 0; color : #666; line-height : 2; }
#loggedin a{ color : #000; text-decoration : none; font-weight : bold; }
#loggedin a:hover{ text-decoration : underline; }


/* LINKS */

.text ul{ padding : 5px; margin : 10px; }
ul#links div{ font-weight : bold; padding : 0 0 5px 0; }
ul#links li{ padding : 5px 0; }

/* MILKBOX */

#mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; z-index:100; cursor: pointer; }
#mbCenter { position: absolute; z-index:101; overflow:hidden; left: 50%; top:10%; background-color: #fff; border: 5px solid #fff;	margin:0; padding:5px; }
.mbLoading{ background: #fff url(loading.gif) no-repeat center; }
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
#mbBottom { font-family: 'Trebuchet MS'; font-size: 11px; color: #666; line-height: 1.4em; text-align: left; padding-top:8px; margin:0; }
#mbNavigation{ float:right; width:27px;	padding-top:3px; border-left:1px solid #9c9c9c; }
#mbCount{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:11px; }
#mbCloseLink, #mbPrevLink, #mbNextLink{ outline:none; display:block; float:right; height:20px; cursor: pointer; }
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url('../img/prev.gif') no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url('../img/next.gif') no-repeat; }/* IMAGE: next */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }
#mbCloseLink { width:20px; background: transparent url('../img/close.gif') no-repeat; }
#mbDescription{	margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; }

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}

.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 
.xboxcontent{ background : #fff; padding : 0 10px; position : relative; }