/**************************************************/
/*              Use and abuse, but                */
/*              don't steal                       */
/*              It's bad karma...                 */
/*              Geoffroy Gomet                    */
/*              http://www.WebApart.be            */
/**************************************************/
/* ___            _____           _____           */
/* \++\          ++++++\         ++++++\          */
/*  \++\        ++++ \++\        ++++ \++\        */
/*   \++\      ++++   \++\      ++++   \++\       */
/*    \++\    ++++     \++\    +++++++++\++\      */
/*     \++\__++++       \++\__+++++++++++\++\     */
/*      \+++++++         \+++++++         \++\    */
/*       \+++++           \+++++           \++\   */
/*                                                */
/**************************************************/

/********************************************************__GENERAL__******************************************************/

*, html{
	margin:0;
	padding:0;
}
body{
	background:#fcfbf8 url(/images/body_bg.jpg) repeat-x top left;
	text-align:center;
	margin:0;
	padding:0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   13px;
	line-height: 18px;
	color: #3F3B38;
}
#main{
	width:980px;
	margin:0 auto;
	padding:0;
	display:block;
}
#header{
	background:url(/images/header_bg.jpg) no-repeat top center;
	height:230px;
	display:block;
	margin:0;
	padding:0;
}
#admin_signal {
  width: 852px;
  border: 2px solid #C90000;
  color:#FB677F;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;  text-align:center;
}
.clearer{width:852px; display:block; clear:both; height:1px}
.clearer_big{width:650px; display:block; clear:both; height:1px}
.clearer_med{width:370px; display:block; clear:both; height:1px}
.clearer_small{width:270px; display:block; clear:both; height:1px}
.attention, .notice{margin:5px 0;display:block; color:#3F3B38;background:#D3E4AE;border: 1px solid #3F3B38; font-weight:bold;padding:10px;clear:left;}
.warning{margin:5px 0;display:block; color:#C90000;background:#FFF876;border: 1px solid #C90000; font-weight:bold;padding:10px;}
/********************************************************__CONTENT__******************************************************/
#content{
	margin:10px 55px;
	padding:10px 0;
	text-align:left;

}
#content h1{
	border-bottom:2px solid #3F3B38;
	font-weight:normal;
	padding:10px 20px;
	font-size:2em;
}
#content h2{
	border-bottom:1px solid #3F3B38;
	font-weight:normal;
	padding:10px 20px;
	font-style:italic;
	font-size:1.8em;
}
#content h3{
	border-bottom:1px dashed #3F3B38;
	font-weight:normal;
	padding:10px 20px;
	font-size:1.6em;
}
a{
	background:#D2D4D2;
	border-bottom:1px solid #9FA18C;
	color:#3F3B38;
	text-decoration:none;
	padding:3px 5px;
	outline:none;
}
a:hover{
	background:#EBE8C1;
	outline:none
}
a:active{
	outline:none
}
#content p{
	margin:10px 10px 10px 0;
}
#content img.intro_pic{
	border:1px solid #3F3B38;
	float:left;
	margin:10px 10px 10px 0;
	padding:3px;
	background:#FFF;
}
#content .admin ul{
	margin-left:30px;
	border-bottom:1px solid #CCC;
} 
#content .admin ul ul{
	margin-left:40px;
	border-bottom:none;
} 
#content .admin ul ul ul{
	margin-left:50px;
} 
#content .admin li{
	padding:10px 0;
} 
.promos{
	background: url(/images/promo.jpg) no-repeat right center;
}
/********************************************************__MENU__******************************************************/

/********************************************************__TOP_MENU__******************************************************/
#menu{
	color:#FFF;
}
#menu ul{
	list-style:none;
	float:right;
}
#menu li{
	float:left;
}
#menu a{
	color:#FFF;
	height:97px;
	font-weight:bold;
	font-size:20px;
	display:block;
	text-decoration:none;
	padding:0 15px;
	border:none;
}
#menu a#home{
	background:url(/images/home.jpg) no-repeat center -217px;
	width:25px;
}
#menu a#home:hover{
	background:url(/images/home.jpg) no-repeat center -112px;
}
#menu li.selected a#home, #menu li.selected a#home:hover {
	background:url(/images/home.jpg) no-repeat center -7px;
}
#menu a#product{
	background:url(/images/product.jpg) no-repeat center -217px;
	width:55px;
}
#menu a#product:hover{
	background:url(/images/product.jpg) no-repeat center -112px;
}
#menu li.selected a#product, #menu li.selected a#product:hover {
	background:url(/images/product.jpg) no-repeat center -7px;
}
#menu a#contact{
	background:url(/images/contact.jpg) no-repeat center -217px;
	width:40px;
}
#menu a#contact:hover{
	background:url(/images/contact.jpg) no-repeat center -112px;
}
#menu li.selected a#contact, #menu li.selected a#contact:hover {
	background:url(/images/contact.jpg) no-repeat center -7px;
}
#menu a#route{
	background:url(/images/route.jpg) no-repeat center -217px;
	width:80px;
}
#menu a#route:hover{
	background:url(/images/route.jpg) no-repeat center -112px;
}
#menu li.selected a#route, #menu li.selected a#route:hover {
	background:url(/images/route.jpg) no-repeat center -7px;
}
#menu a#promo{
	background:url(/images/promos.jpg) no-repeat center -217px;
	width:50px;
}
#menu a#promo:hover{
	background:url(/images/promos.jpg) no-repeat center -112px;
}
#menu li.selected a#promo, #menu li.selected a#promo:hover {
	background:url(/images/promos.jpg) no-repeat center -7px;
}
#menu a#offerte{
	background:url(/images/offerte.jpg) no-repeat center -217px;
	width:45px;
}
#menu a#offerte:hover{
	background:url(/images/offerte.jpg) no-repeat center -112px;
}
#menu li.selected a#offerte, #menu li.selected a#offerte:hover {
	background:url(/images/offerte.jpg) no-repeat center -7px;
}
#menu a#wie{
	background:url(/images/wie.jpg) no-repeat center -217px;
	width:65px;
}
#menu a#wie:hover{
	background:url(/images/wie.jpg) no-repeat center -112px;
}
#menu li.selected a#wie, #menu li.selected a#wie:hover {
	background:url(/images/wie.jpg) no-repeat center -7px;
}
#menu a#treeview{
	background:url(/images/menu.jpg) no-repeat center -217px;
	width:85px;
}
#menu a#treeview:hover{
	background:url(/images/menu.jpg) no-repeat center -112px;
}
#menu li.selected a#treeview, #menu li.selected a#treeview:hover {
	background:url(/images/menu.jpg) no-repeat center -7px;
}

#menu a#login{
	background:url(/images/login.jpg) no-repeat center -217px;
	width:55px;
}
#menu a#login:hover{
	background:url(/images/login.jpg) no-repeat center -112px;
}
#menu li.selected a#login, #menu li.selected a#login:hover {
	background:url(/images/login.jpg) no-repeat center -7px;
}
#menu a#logout{
	background:url(/images/logout.jpg) no-repeat center -217px;
	width:55px;
}
#menu a#logout:hover{
	background:url(/images/logout.jpg) no-repeat center -112px;
}
#menu li.selected a#logout, #menu li.selected a#logout:hover {
	background:url(/images/logout.jpg) no-repeat center -7px;
}
#menu a#datas{
	background:url(/images/datas.jpg) no-repeat center -217px;
	width:65px;
}
#menu a#datas:hover{
	background:url(/images/datas.jpg) no-repeat center -112px;
}
#menu li.selected a#datas, #menu li.selected a#datas:hover {
	background:url(/images/datas.jpg) no-repeat center -7px;
}
/********************************************************__LEFT_MENU__******************************************************/
#submenu{
	width:240px;
	float:left;
	display:block;
	margin:10px 8px 10px 0 !important;
	margin:10px 3px 10px 0;
	font-size:1em;
}
#submenu ul{
	list-style:none;
	margin-bottom:20px;
	background:#F1EED4;
	
}
#submenu ul li ul{
	margin-bottom:0;
	border-right:none;
}
#submenu ul li a{
	display:block;
	width:220px;
	background:transparent url(/images/posted.gif) no-repeat 2px center;
	margin:0;
	padding:5px 0 5px 20px;
	font-weight:bold;
	border-bottom:none;
	border-right:2px solid #9EB5AE;
}
#submenu ul li ul li a{
	display:block;
	width:210px;
	background:transparent url(/images/posted_sub.gif) no-repeat 12px center;
	padding: 3px 0 3px 30px;
	margin:0;
	font-size:.9em;
	font-weight:normal;
}
#submenu ul li ul li ul li a{
	display:block;
	width:200px;
	background:transparent url(/images/posted_sub_sub.gif) no-repeat 22px center;
	padding: 3px 0 3px 40px;
	margin:0;
	font-size:.9em;
}
#submenu a:hover{
	background:#9EB5AE url(/images/posted.gif) no-repeat 2px center;
	border-right:2px solid #3F3B38;
	width:220px;
}
#submenu li li a:hover{
	background:#D2D4B9 url(/images/posted_sub.gif) no-repeat 12px center;
	width:210px;
}
#submenu li li li a:hover{
	background:#D2D4B9 url(/images/posted_sub_sub.gif) no-repeat 22px center;
	width:200px;
}
#submenu ul li a.selected{
	background:#D3E4AE url(/images/posted.gif) no-repeat 2px center;
	border-right:2px solid #3F3B38;
	width:220px;
}
#submenu ul li ul li a.selected{
	background:#D3E4AE url(/images/posted_sub.gif) no-repeat 12px center;
	width:210px;
}
#submenu ul li ul li ul li a.selected{
	background:#D3E4AE url(/images/posted_sub_sub.gif) no-repeat 22px center;
	width:200px;
}
/********************************************************__MAIN_CONTENT__******************************************************/
#main_content{
	width:620px;
	float:left;
	margin:10px 0;
}
#main_content ul{
	margin-left:30px !important;
	margin-left:1px;
}
/********************************************************__CAROUSEL__******************************************************/
#horizontal_carousel {
  float: left;
  width: 880px;
  height: 210px;
  margin:0 auto 0px auto;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 780px;
  height: 205px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin:0;
  padding:0;
  width: 100000px;
  position: relative;
  background:url(/images/carousel_bg.jpg) center center repeat-x;
  top: 0;
  left: 0;
  height: 205px;
}                      

#horizontal_carousel ul li {
  width: 140px;
  margin:0 3px;
  height: 205px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 42px;
  height: 205px;
  background: url(/images/left_carousel.jpg) no-repeat center center;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(/images/left_carousel.jpg) no-repeat center bottom;
}

#horizontal_carousel .previous_button_disabled {
  background: url(/images/left_carousel.jpg) no-repeat center top;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 42px;
  height: 205px;
  background: url(/images/right_carousel.jpg) no-repeat center center;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(/images/right_carousel.jpg) no-repeat center bottom;
}

#horizontal_carousel .next_button_disabled {
  background: url(/images/right_carousel.jpg) no-repeat center top;
  cursor: default;
}

#horizontal_carousel div.cat_cont {
	margin:16px 0;
	background: url(/images/carousel_content.jpg) no-repeat center center;
	height:166px;
}
#horizontal_carousel div.cat_cont img {
}

#horizontal_carousel div.cat_cont a{
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
#horizontal_carousel div.cat_cont a img{
	border:none;
}
/********************************************************__CONTENT_BODY__******************************************************/
div.subcat{
	float:left;
	text-align:center;
	margin:0 auto;
	font-size:1em;
	text-decoration:underline;
}
div.subcat_container{
	float:left;
	text-align:center;
}
div.subcat_cont{
	margin:1px 5px !important;
	margin:1px;
/*	border:1px solid #F00;*/
	background: url(/images/thumb_bg.jpg) no-repeat center center;
	height:170px;
	min-width:140px;
	width:auto !important;
	width:140px;
	float:left;
	text-align:center;
}
div.subcat_cont a{
	background:transparent;
	padding:0;
	margin:0 auto !important;
	border:none;
}
div.subcat_cont a:hover{
	background:transparent;
	padding:0;
	margin:0 auto;
}
div.subcat_cont a img{
	border:none;
}
div.description{
	margin:10px 0;
}
div.description li{margin-left:25px}
/********************************************************__FORM__******************************************************/
#content form{
	background:#3F3B38;
	padding:10px;
	color:#FFF;
	margin:5px 0;
}
#content form h3{
	padding:0;
	margin:5px 0;
	font-weight:bold;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
#content form label.small{
	width:100px;
	display:block;
} 
.login{background:#3F3B38;display:block;}

form input{border:1px solid #DFD9BE}
form textarea{border:1px solid #DFD9BE}
form label{margin-right:6px; padding-right:10px; width:150px; display:block; float:left; text-align:right; position:relative;}
form label.small{width:100px}
form label.mid{width:145px}
form label.extra{display:block; width:100%; text-align:left}
form input.form_but{padding:2px 4px; margin:0 0 0 3px; border:1px solid #FFF; vertical-align:bottom; background:#8C7B6E;color:#FFF;font-weight:bold;}
.semi{float:left; width:430px;}
.right{border-left:1px solid #FFF;}
/********************************************************__FOOTER__******************************************************/
#footer{	
	margin:10px 55px;
	padding:10px 0;
	border-top:2px solid #3F3B38;
	text-align:right;
}
#footer a{
/*	background:#B8C7BA;
	color:#3F3B38;
	text-decoration:none;
	padding:3px 5px;*/
}
#footer a:hover{
/*	background:#D0C0BB;*/
}

/********************************************************************************************************************************/
/********************************************************__ADMIN_SPECIFIC__******************************************************/
/********************************************************************************************************************************/
ul.admin_list li{
	list-style:none;
	border-bottom:1px solid #3F3B38;
}
ul.admin_list li.odd{

}
ul.admin_list li.even{
	background: #E5E2CE;
}
ul.admin_list li.even div.subcat_cont{
	background: url(/images/thumb_bg_dark.jpg) no-repeat center center;
}
ul.admin_list li h2{
	border-top:1px solid #3F3B38;
}
ul.admin_list li ul{
	margin-left:50px;
}
.cat_top{
	 background:#E5E2CE;
	 padding:10px;
}
.cat_top .subcat_cont{
	background: url(/images/thumb_bg_dark.jpg) no-repeat center center;
}
/********************************************************__LEFT_MENU__******************************************************/
#maand{
	color:#3F3B38;
	background:#C1CA88;
	border-top:2px solid #3F3B38;
	border-bottom:2px solid #3F3B38;
	padding:2px;
}
#maand div.first_col{
	width:750px;
	display:block;
	float:left;
	font-weight:bold;
}
#maand div.odd{
	background:#D0FFBF;
	display:block;
	padding:5px 10px;
	float:left;
	clear:left;
	margin:0;
	width:850px;
}
#maand div.even{
	background:#C2E8A7;
	display:block;
	padding:5px 10px;
	float:left;
	clear:left;
	margin:0;
	width:850px;
}
#maand h2{
	color:#3F3B38;
	font-size:1.3em;
	background:url(/images/cart.gif) no-repeat 3px center;
}
#maand a{
	text-align:center;
	font-weight:bold;
	background:#FFF;
	border:1px solid #3F3B38;
	}
#maand a.small{
		display:block;
}
#maand a:hover{
	width:auto;
	border:1px solid #3F3B38;
	color:#FFF;
	background:#98948B;
}
#maand form{
	width:830px;
	margin:0;
	padding:10px;
}
#old_offertes div.odd{
	background:#C2E8A7;
	padding:0 10px 5px 10px;
}
#old_offertes div.even{
	padding:0 10px 5px 10px;
}
#old_offertes ul{
	list-style-position:inside;
	margin:0 0 20px 20px;
}
#old_offertes ul li{
	font-weight:bold;
}
#old_offertes h3{
	margin:5px 0 5px 0 ;
	font-size:1.3em;
}
table.uur {margin:10px 30px;width:500px; font-size:1.1em; font-weight:bold;}
table.uur tr td{border-bottom:1px dotted #847B73;padding:7px}