/*  Consumenten classes 

	accentkleur: #E06718 ->(BD562D, #C0662A)
	donkerder kleur rood: BF072A
	grijze accentlijntjes: #AAAAAA
	hele lichte kleur creme : #FFFBF1
	donkerder creme: #FEE3B6
*/

html,body{height:100%;padding:0px;margin:0px;overflow:hidden}

/* Generieke classes, voor zowel consument als professional */
body, p, td, th, select, th, input, textarea {font:400 14px/1.2em 'Trebuchet MS'; color:#0000000}	
HR {color:#EEBC82;height:1px}

a,a:active,a:link,a:visited{text-decoration:none}
a:hover{text-decoration:underline}
.invul {font-size:11px;color:#000000;border:1px solid #000000;background-color:#FEEAC3}
.bordertable {border:1px solid #EEBC82}
LI { TEXT-INDENT: 0px}
UL { MARGIN-LEFT: 16px; padding-left:0px; MARGIN-TOP:0px;TEXT-INDENT:0px}
.small    {font-size:10px}
.small td {font-size:10px}
.required {color:#E06718;font-weight:500}
.sitemap_link:visited, .sitemap_link:active, .sitemap_link:link, .sitemap_link:link {color:#E06718;text-decoration:none}
.sitemap_link:hover {text-decoration:underline}

#icons { left: 50%; margin-left: 340px; position: absolute; top: 89px; z-index:10}
#tabs { position:absolute;top:58px;left:50%;margin-left:-390px;width:450px}
#tabs div { display:inline-block !important; display:inline; margin-right:8px; letter-spacing:1px; width:115px; position:relative; border-radius: 6px 6px 0 0; border-top:1px solid #BF072A; border-left:1px solid #BF072A; border-right:1px solid #BF072A; height:26px; padding-left:8px; padding-right:8px; padding-top:5px}
#tabs div a { color:#989792; font-size:12px }
#tabs div a:hover { color:#000000;text-decoration:none }
#tabs div.active { background-color:#E06718}
#tabs div.active a { color:#ffffff }

div.newsitem 	   {font-weight:400; border-radius: 6px 6px 6px 6px; border:1px solid #AAAAAA; margin-bottom:10px; padding:8px}
div.newsitem:hover {border:1px solid #E06718}
div.newsitem  a    {display:block; color:#000000; text-decoration:none; font-weight:400}
div.newsitem  a:hover {}

h1 { font:400 18px/20px 'Ubuntu'; color:#E06718; margin-top:0px; margin-bottom:4px; padding:0px; text-shadow: 1px 1px 1px rgba(16, 16, 16, 0.15); }
h2 { font:500 16px/18px 'Ubuntu'; color:#E06718; margin-top:0px; margin-bottom:4px; padding:0px;}
h3 { font:500 14px/18px 'Ubuntu'; color:#E06718; margin-top:0px; margin-bottom:4px; padding:0px;}
th { background-color:#E06718; height:22px; font-weight:500}

.box    { margin-bottom:10px; border:3px solid #FEE3B6; border-radius:8px 8px 8px 8px; box-shadow:3px 3px 3px rgba(128, 128, 128, 0.5); background-color:#FFFBF1; padding:12px; position:relative; behavior:url(PIE.htc)}
.box b  { color: #E06718}
.box ul { margin-bottom:0px;padding-bottom:0px }
.box ul a { color:#000000 }

.gradient,.newsitem:hover {	background-color:#FFF2DC;
				background: -moz-linear-gradient(center top , #FFFFFF, #FFF2DC); 
				background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFF2DC)); 
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFF2DC');}

.button {
	display: inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% 'Ubuntu';
	padding: .4em 1.5em .42em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color:#ffffff;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button {
	border: solid 1px #da7c0c;
	background: #E06718;
	background: -webkit-gradient(linear, left top, left bottom, from(#E06718), to(#BF072A));
	background: -moz-linear-gradient(top, #E06718, #BF072A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E06718', endColorstr='#BF072A');
}
.button:hover {
	background: #BF072A;
	background: -webkit-gradient(linear, left top, left bottom, from(#BF072A), to(#E06718));
	background: -moz-linear-gradient(top,  #BF072A,  #E06718);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF072A', endColorstr='#E06718');
}

.cons_body { background-image:url(images/interface/cons_bg_whiter.gif); background-repeat:repeat-x}
.cons_menutable { position:absolute; top:83px; left:50%; margin-left:-390px; height:26px; width:780px; border-left:1px solid #BF072A; border-right:1px solid #BF072A; background-color:#E06718; z-index:9}
.cons_menutable td.filler {width:99%; padding-left:8px; padding-top:3px}
.cons_menutable td.filler img {border:0px}
.cons_menutd { padding-left:7px; padding-right:7px; border-right:1px solid #BF072A; white-space: nowrap;}
.cons_hometitle { border:none; height:21px}
.cons_homefoto { border-top:1px solid #801C23; border-left:1px solid #801C23; border-bottom:none; border-right:none;height:183px; width:219px}
.cons_homenewstable{ background-color:#FFD07E;border-top:1px solid #801C23; border-left:1px solid #801C23; height:100%; width:218px}
.cons_hometext { height: 63px; width:220px; background-image: url(images/interface/hometext_bg.gif); background-repeat:no-repeat; padding:4 4 4 8 }
#cons_menubot {position:absolute;top:13px;left:50%;width:390px;text-align:right; font-size:11px}
#cons_menubot a:link, #cons_menubot a:active, #cons_menubot a:visited {text-decoration:none; color:#666666 }
#cons_menubot a:hover { text-decoration:underline; color:#BF072A }

.mainmenu, mainmenu_active {letter-spacing:0.5px;font-size:13px;font-weight:400;color:#000000;text-decoration:none}
.mainmenu:visited,.mainmenu:link,.mainmenu:active{color:#000000}
.mainmenu:hover{color:#FDFECC;text-decoration:none}
.mainmenu_active:visited,.mainmenu_active:link,.mainmenu_active:active{color:#ffffff}
.mainmenu_active:hover{color:#FDFECC; text-decoration:none}

.submenu_div       { position:absolute; top: -1px; left:1px; visibility:hidden;z-index:40; box-shadow:3px 3px 3px rgba(128, 128, 128, 0.5) }
.submenu_tabel     { background-color: #E06718; border:1px solid #BF072A }
.submenuitem       { height:22px;padding-left:8px;padding-right:8px;margin-right:8px}
.submenuitem_hover { height:22px;padding-left:8px;padding-right:8px;background-color:#FFD07E}
.submenulink:link, .submenulink:active, .submenulink:visited,.submenulink:hover {color:#ffffff;text-decoration:none}
.submenulink_active:link, .submenulink_active:active, .submenulink_active:visited, .submenulink_active:hover {color:black;text-decoration:none}

#receptenlijst table tr {vertical-align:top}
#receptenlijst div {width:352px; padding:8px; display:inline-block;border-width:1px !important; margin-right:12px; color:#000000; min-height: 136px; height: 136px; overflow:auto}
#receptenlijst img {margin-right:12px;margin-bottom:12px;border:1px solid #801C23; float:left}
.receptfoto_detail {margin-right:12px;border:1px solid #BF072A}
#receptenlijst a {text-decoration:none}
#receptenlijst a:hover div {
				background: -moz-linear-gradient(center top , #FFF2DC, #FFFFFF); 
				background: -webkit-gradient(linear, left top, left bottom, from(#FFF2DC), to(#FFFFFF)); 
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DC', endColorstr='#FFFFFF');}
}

.barlink:link, .barlink:visited, .barlink:active, .barlink:hover {color: #801C23}
.newslink_home:link, .newslink_home:visited, .newslink_home:active, .newslink_home:hover { color: #801C23}
.butlink, .butlink:link, .butlink:visited, .butlink:active, .butlink:hover {color: #ffffff}

#content {
  position: relative;
  height: 100%;
  width: 780px;
  overflow: auto;
  padding-right: 12px; 
  padding-left: 20px; 
  padding-top: 16px;
  background-color:#ffffff;
  border-left:1px solid #aaaaaa;
  border-right:1px solid #aaaaaa;
  border-bottom:1px solid #aaaaaa;
  border-top:0px;
  border-radius:0px 0px 8px 8px;
}

#container { height: 100%; padding-top:109px; padding-bottom: 20px}
body.etalage #container {padding-top:359px;}

#topcontent {
  position: absolute;
  top:0px;
  left:50%;
  margin-left:-390px;
  height: 109px;
  width: 780px;
  padding-top:8px;
  font-size: 22px; font-weight:400; font-family: 'Ubuntu'; letter-spacing:1px
}
#topcontent #jerezlogo {float:right}
#topcontent #sherry {color: #E06718;text-shadow: 1px 1px 1px rgba(16, 16, 16, 0.15);}
#topcontent #temperament {color: #BF072A; margin-left:8px; text-shadow: 1px 1px 1px rgba(16, 16, 16, 0.15);}
#topcontent #copas {position:absolute; top:3px; left:50%; margin-left:100px}

#middlecontainer {
  position: relative;
  overflow: auto;
  left: 50%;
  height: 100%;          
  margin-left: -390px;
  width: 780px;
}

#bottomcontent {
  position: absolute;
  top: 100%;
  margin-top: -40px;
  left: 50%;
  margin-left: -390px;
  height: 40px;
  width: 780px;
}
#bottomcontent #vinoslogo {margin-left:200px; padding-bottom: 12px;}
#bottomcontent img {border:0px}

.i {display:none}