/* =MAIN ELEMENTS */
html{ height:100%; overflow: -moz-scrollbars-vertical; font-smooth:true; margin:0px; padding:0px; }
body { background: url('../images/background.jpg') repeat top left; background-color: #726a61; font-family: Verdana, sans-serif; font-size:12px; color:#000; min-height:100%;   text-align:left; margin:0px; padding:0px; background-color:#f5f5f5;}
h1 { font-size:14px; font-weight:bold; line-height:15px; color:#000; text-align:left; margin:0px; padding:0px; margin-bottom:10px; font-style:none; font-family: Verdana, sans-serif; }
h2 { font-weight:normal; font-size:16px;  color:#000; text-align:left; margin:0px; padding:0px; margin-bottom:8px;}
h3 { font-weight:bold; font-size:14px; color:#333333; text-align:left; margin:0px; padding:0px; margin-bottom:6px; }
input { padding-top:3px; padding-bottom:3px; padding-left:3px; background-color:#dddddd; }
.button, .buton {width:100px; text-align:center;cursor:hand; border:0; background-color:black; color:#FFFFFF; border:1px solid white; text-transform:uppercase; font-size:11px; *font-size:12px; cursor:hand; cursor:pointer; padding:5px 9px 4px 9px; line-height:15px; font-weight:bold; zoom:1; }
.button:hover, .buton:hover { text-decoration:none; progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 	filter: alpha(opacity=80); zoom:1; }
hr { border:0; color:#404040;; background-color:#d0c8b5; height:1px; line-height:0px; margin:0px 0 10px 0; }
.contentblock {	padding-bottom:27px; line-height:15px;}
.listBlock { list-style:none; }
.mceNoEditor{ font-family:Arial; font-size:12px; padding:3px; }
textarea, select{ background-color:#dddddd; }

*, a img, ul { padding:0; margin:0;  border:0}
a { text-decoration:none; color:#000; font-weight:normal;}
a:hover{ text-decoration:underline; }
a:active {
  outline:none; -moz-outline-style:none;

}

div#dialog {
	width: 960px;
	height: auto;
	display: table;
	margin: 0 auto;
	padding: 0;
}

ul { padding:0;  }
.clear { clear:both; }
.floatRight { float:right; }
.hide { display:none; }
center { height:100%; }

.wrapper{ width:960px;   margin:0; text-align:left; }

.link_arrow{ width:3px; height: 7px; background: url('../images/link_arrow.gif') no-repeat top left; float: left; margin-left: 5px;}

/* ---- ALPHA HOVER ----*/
.newsletter-button:hover, .rssIco:hover, .subsubmenu-bottom:hover
{ text-decoration:none; progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: 0.7; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 	filter: alpha(opacity=70); zoom:1;  }




/* ----- TOP MENU --------- */
.topmenu{width:775px; background-color:#675c53; margin-top: 30px; height:30px; /* border-left: 1px solid #938c86; border-right: 1px solid #938c86; */border-top: 1px solid #363638; }
.topmenu ul{ float:left; margin-left:13px; height:100%; list-style: none;}
.topmenu li{ float:left; height:100%;}
.topmenu li a{ text-decoration:none; color:#fff; display:inline-block; font-weight: normal; height:22px; padding-top: 8px; padding-left: 15px; padding-right: 15px; margin-left: 10px;}

/* .topmenu li a:hover{ background-color: #eaeaea;  } */
.topmenu li .active { color:#d1a12c;}
.topmenu li .active:hover { color:#d1a12c; }
.topmenu li a:hover { color:#d1a12c; }


.logo{ float:left; margin-top:3px; }

.breadcrums{ float: left; margin-top: 5px; font-size: 11px; color:#737272; }


/* ----- HOME --------- */
.home_content{ width: 775px; background-color:#c9c4ba; border-left: 1px solid #908983; border-right: 1px solid #908983; text-align:left; *height:465px;}
.home_left { width: 325px; float:left; padding: 15px 35px; min-height: 430px; *min-height:436px;}
.home_right { width: 380px; float:left; }

.newsitem{ width: 270px; border-bottom: 1px solid #c8c8c8; padding-bottom: 12px; display: block; padding-top: 12px; background: url('../images/newsico.jpg') no-repeat 12px left; }
.newsitem div{ padding-left: 26px;  }
.newsitem:hover { background-color: #eceaea; text-decoration: none;  }

.newsdatum{
	color:#000000;
	position:relative;
	z-index:999;
	
}

.newsdescription{
	color:#737272;
	
}

.newsdescription a{
	color:#737272;
	text-decoration:underline;
}

.rssIco{ float: left; margin-left: 10px; background: url('../images/rssico.jpg') no-repeat top left; display: block; width: 14px; height: 14px; }


/* ----- FOOTER --------- */
.footer{ width: 775px; background-color:#675c53; height: 200px; border-bottom: 1px solid #363638; margin-bottom: 5px; /* border-left: 1px solid #938c86; border-right: 1px solid #938c86; border-bottom: 1px solid #938c86; */}
.footer_left { width: 520px; float:left; margin-top: 2px;}
.footer_right { width: 240px; float:left; }
.footer_logo { margin-top: 90px; margin-left:-70px;}
.footer_wrap{ text-align:left;line-height: 18px; padding-top:20px;  font-size:12px; }
.footer a{ color:#9e9e9e; font-weight:normal; padding-left:2px; padding-right:2px; float: left; }
.footer a:hover{ text-decoration:underline; }



/* ----- BEL -------- */
/* .bel { margin-right: 130px; margin-top:-45px; margin-bottom: -100px; } */
.bel { display:none;position: relative; top: -270px; left: -130px;}
.belimg {  float:right; height:159px; width:66px; }
.belimg a{ display: block; height:159px; width:66px; background: url('../images/bel.png') no-repeat top left; text-decoration: none;}
.belimg a:hover { background: url('../images/bel.png') no-repeat top right; text-decoration: none;}
.beltxt { float:right; margin-top: 60px; }
.beltxt_top { font-family: Verdana, sans-serif; font-size:9px; font-weight:bold; color: #dbd6cc; text-transform: uppercase; }
.beltxt_bottom { font-family: Verdana, sans-serif; font-size:13px; font-weight:bold; color: #dbd6cc; text-transform: uppercase; }


/* ----- CONTENT PAGES --------- */
.content{ width: 775px; background-color:#c9c4ba; border-left: 1px solid #908983; border-right: 1px solid #908983; text-align:left;}
.content_left { width: 325px; float:left; padding: 15px 35px;}
.content_right { width: 380px; float:left; }
.content_app { padding: 20px; }
.contentblock {color:#404040; }
.contentblock h1 {color:#404040; }

/* ----- MEDEWERKERS IMAGE ------- */
.medewerkers { width:560px; height:164px; margin-left: 35px; *margin-bottom:3px;}
.medewerkers .jeroen { position:relative; left: -15px; z-index:10;} /* top: 73px; *top: 82px; */
.medewerkers .hilde { position:relative; left: -35px; z-index:8;}
.medewerkers .katrien { position:relative; left: -55px; z-index:6;}
.medewerkers .karolien { position:relative; left: -45px; z-index:4;}
.medewerkers .isabelle { position:relative; left: -70px; z-index:2;}

/*

.content{ width:100%; color:#261911; font-size:12px; line-height:18px; background-image:url('../images/content-curl.jpg'); background-repeat:no-repeat; background-position:top right; }
.content_align{ padding:15px; padding-right: 30px; padding-left: 0px; color: #737272;  }
.contentblock ul{ list-style:square; padding-left: 25px; }

*/

.subsubmenu_wrap{
	float:left;	
	width:200px;
}

.content-left{ width:750px;  }

.contentimage{
	
}

table .row_head{ color: #000; background-color: #cbf634; font-weight: bold; height: 35px; }
table .row_color{ background-color: #383838; }
table .label{ font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #fff;  }

/* -----SUBMENU --------- */

.submenu{  display:block;  float:right; margin-top: -8px;    }

.submenu-arrow{float:left; margin-top:4px; *margin-top:5px; margin-right:10px; margin-left:6px;}
.submenu-arrow-active{float:left; margin-top:4px; *margin-top:5px; margin-right:10px;}
.headtitle{ color:#160a03; font-weight:bold; font-size:16px; margin:10px; padding-top:20px; padding-bottom:10px;}


.submenu li{ list-style:none;  padding:0;  float:left; margin-right:10px; margin-left:10px;}
.submenu li a{ color:#707070;  font-weight:bold; margin-right:0px; padding-left:10px; padding-right:10px;  font-size:14px; display:block; padding-top:10px; height:25px;}
.submenu li a:hover{ text-decoration:none; background-color:#e6e6e6; }
.submenu_non_active_li:hover{ text-decoration:none; }

.submenu_active_li, .submenu li  .active { background-color: #80a02f; color: #fff;    }
.submenu_active_li:hover, .submenu li  .active:hover{  text-decoration:none; background-color: #80a02f;color: #fff;}



/* ----- SUBSUBMENU ------- */

.subsubmenu{ width:183px; display:block; margin-top: 35px;   }

.submenu-arrow{float:left; margin-top:4px; *margin-top:5px; margin-right:10px; margin-left:6px;}
.submenu-arrow-active{float:left; margin-top:4px; *margin-top:5px; margin-right:10px;}
.headtitle{ margin-top:5px;}


.subsubmenu li{ list-style:none;  padding:0; margin-top:5px; text-align: left;  }
.subsubmenu li a{  color:#707070;  font-weight:bold; margin-right:0px; padding-left:20px; padding-right:10px;  font-size:11px; display:block; padding-top:6px; height:24px;  }
.subsubmenu li a:hover{ text-decoration:none; background-color:#e6e6e6;}
.subsubmenu_non_active_li:hover, .submenu li a:hover{ text-decoration:none; }
.subsubmenu li  .active{  margin-top:0px;  color:#000000; background-color: #d7d7d7; }
.subsubmenu_active_li, .submenu li  .active { height:30px; }
.subsubmenu_active_li:hover{ }



/* ----- SUBSUBSUBMENU ------- */
.subsubsubmenu li  a{  background-image:none;  color:#321c0e;}
.subsubsubmenu li  .active{  margin-top:0px;  color:#b52b28; background-image:none; text-decoration:underline;}
.subsubsubsubmenu li  a{  margin-top:0px;  color:#8d876e; background-image:none;}
.subsubsubsubmenu li  .active{  margin-top:0px;  text-decoration:underline; color:#8d876e; background-image:none;}



/* admin */

.admin_options{
	background-color:#333333;	
	height:30px;
	background-image:url('../images/admin/adminnavbg.gif');
	background-repeat:repeat-x;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	z-index: 999;	
	
}


.admin_option{
	float:left;
	padding-left:15px;
	padding-right:15px;	
	padding-top:6px;
	/*height:100%;
	padding-bottom:5px;*/
	border-left:1px solid #666666;
	color:white;
	display:block;
	cursor:hand;
	cursor : pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;
}

.admin_option:hover{	
	background-color:#000000;	
	text-decoration:none;
	color:#CCCCCC;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: 0.7;
}

.admin_titel
{
	font-size:13px;
	margin-bottom:10px;
	font-weight:bold;
}

.admin_block_img
{
	float:left; margin: 0px 5px 8px 0px;
	cursor:hand;
	cursor:pointer;
	border: 3px solid black;
}
.admin_block_img:hover
{
	border: 3px solid #CC6600;
}

.handle{
	cursor:move;	
}

.newsletter-form{
	margin-left:50px;
	color:#715b49;
	font-weight:bold;
}

.newsletter-form input{
	background-color:#f4efdb;
	width:120px;
	margin-left:5px;
}

.newsleter-button{
	margin-right:20px;
}


.newsletter-form .field{
	border-bottom:1px solid #ddd2a8;
	padding-bottom:10px;
	width:190px;
}

.savebutton{
	cursor:hand;
	cursor:pointer;
	display:none;
	padding:5px;
	background-color:#f0f0f0;
	float:left;
	margin-left:0px;
	margin-top:-25px;
	border:1px solid #dedede;
	width:77px;
	height:29px;
	background-image:url('../images/admin/savebtn.gif');
}

.savebutton:hover{
	border:1px solid #509010;
}
.photobook_picture{
	float:left;
	
	margin-right:10px;
/*	border:1px solid #df6d15;
*/}


.photobook_picture:hover{
	/*border:1px solid #333;	*/
}
.languages{
	float:right;
	margin:10px;
}

.lang{
	color:orange;
}

.defaultlang{
	color:black;
}

.sitemap li{ list-style:none;  width:100%; padding:3px;}
.sitemap li a{  }
.contact_text{
	width:347px;
}
.contact_select{
	width:347px;
}
.error{
	color:red;
}

.message{
	color:black;
}
#content{
	width:960px;
	height:375px;
}
.contact_group_label{
	background-color:#2372ae;
	width:530px;
	color:white;
	padding:5px;
	margin-top:5px;
	cursor:hand;
	cursor:pointer;
	background-image:url('../images/contact_group_pijl.gif');
	background-repeat:no-repeat;
	background-position:523px center;
	
}

.contact_group_label:hover{
	background-color:#198cff;
}

.contact_group{
	width:540px;
	color:black;
	padding:5px;
	margin-bottom:15px;
	padding-left:5px;
	background-color:#c8d8ed;
	margin-top:-10px;
	
}

.contact_group tr { }
.contact_group td { font-weight:bold; padding-bottom:3px; }

.contact_group input, select{
	background-color:white; border:0;
}

.home-bottles{
	margin-bottom:15px;
}

.home-button1{
	float:left;
	margin-right:15px;
	border:0px;
}

.home-button2{
	border:0px;
}

.dop{
	float:left; 
	/*margin-top:-143px; 	
	*margin-top:-150px; */
	_position:relative;	
	margin-top:-78px;
	margin-left:-230px;
	_margin-top:-72px;
	/*_position:absolute;
	_margin-top:-172px;*/
	
}


.product{
	border:1px solid #dddddd;
	width:163px;
	height:200px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;	
	background-color:#dddddd;
	color:#494948;	
	display:block;
}

.product:hover{
	border:1px solid #313131;
	background-color:#2f2f2f;
	color:white;
	text-decoration:none;	
}


.product_label{
	text-decoration:none;
	padding-top:10px;
	padding-bottom:6px;
}

.product_price{
	color:#004daa;
	font-weight:bold;
}

.product_image_container{
	background-color:white;
	height:143px;

}

.talen{
	float:right;
	margin-right:20px;
	margin-top:5px;	
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

.taalactive{
	background-image:url('../images/language-active.jpg');	
	width:25px;
	height:25px;
	padding:5px;
	color:black;
	text-decoration:none;	
	background-repeat:no-repeat;
	display:block;
	float:left;
	
}

.taal:hover{
	text-decoration:none;
	background-image:url('../images/language-hover.jpg');		
}

.taalactive:hover{
	text-decoration:none;
}


.taal, .taallang{
	background-image:url('../images/language.jpg');	
	width:25px;
	height:25px;
	padding:5px;
	color:white;
	text-decoration:none;
	background-repeat:no-repeat;
	display:block;	
	float:left;	
	
}

.submenu_li_container{
	list-style:none;
	border:0px;
}


.subsubmenu_li_container{
	list-style:none;
	border-bottom:0px;
}

.subsubmenu-bottom{
	
}


.img_alt{
	color:#888888;
	font-size:11px;
	font-style:italic;
}

.upup
{
   *margin-top: -12px;
   /*clear:both;*/
}

.upup2{
	*margin-top: -12px;*
}


/* --------- POP UP FLASH ------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background: url('../images/background.jpg') repeat top left;
  display:none;
}
  

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
#boxes #dialog {
  width:980px; 
  height:670px;
  padding:10px;
}