/*
	Rood : #CE0307
	Zachtgeel: #FCB722 (begin gradients)
	Oranje: #F47A20 #FCB722
*/ 

body,p,td,th,a {font-weight:normal; font-size:12px; color:#000000; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none}
body.popup {background-image:none; background-color:#ffffff;  margin: 12px 12px 0px 12px; height:auto !important}
form {margin:0px}
input,select,textarea {font-size:12px;color:#000000;font-style:normal;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
select {border:1px solid #cecece}
input[type=radio], input.noborder {border:0px}
table.smaller td input,table.smaller td select {font-size:10px}
.required {color:red}
.sm,.small {font-size:10px;line-height: 14px;}
.smallTD {color:#7f7b72;font-size:10px}
table {font-weight:normal;font-size:11px;color:black;font-style:normal;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
H1 {font-weight:normal;padding:0px;margin-top:0px;MARGIN-BOTTOM:8px;font-size:18px;color:#CE0307;font-style:normal;font-family:Georgia, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #dddddd;}
H2 {font-weight:normal;padding:0px;margin-top:0px;MARGIN-BOTTOM:8px;font-size:15px;color:#CE0307;font-style:normal;font-family:Georgia, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #dddddd;}

UL {margin-top:0px;margin-bottom:0px;padding-left:24px}
LI {margin-left:0px}
A:link,A:visited,A:active {color:blue; text-decoration: none}
A:hover {color:#CE0307; text-decoration: underline}
a:active{outline:0px}
a.pdf {background-image:url(library/images/ext/ext_pdf.gif);background-repeat:no-repeat;padding-left:20px}
.inleiding {line-height:18px;font-weight:bold}
.i {display:none}
.titlelink,.titlelink:link,.titlelink:hover,.titlelink:active,.titlelink:visited  { font-weight:bold; text-decoration:none; color:#222222 }
img.do_info {height:14px;width:14px;margin-left:4px;border:0px}

div.do_inforechts {float: right; margin-left: 10px; margin-bottom:10px; color:#666666}
div.do_inforechts img {margin-bottom:16px}
div.do_inforechts a { color:#000000}
div.do_inforechts a img, div.do_inforechts a:link img, div.do_inforechts a:visited img,div.do_inforechts a:active img { border:1px solid #CE0307}
div.do_inforechts a:hover img { border:1px solid #333333}
div.do_inforechts a:hover { color:#CE0307}

div.laatst_gewijzigd {color:#999999}

TH {background-color:cCE0307; height:26px; color:#ffffff; padding-left:8px; padding-right:12px}
TH A,TH A:link,TH A:visited,TH A:active {color:#ffffff; text-decoration: none}
TH A:hover {color:#FCB722; text-decoration: none}
TH.title {padding-left:10px;text-align:left;font-weight:bold;	
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB722), to(#f47a20));
	background: -moz-linear-gradient(top,  #FCB722,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB722', endColorstr='#f47a20');}
tr#small_header td	{font-size:10px;vertical-align:bottom}
tr#sample td	{font-size:10px;vertical-align:bottom; font-style:italic}

a.tt {color:#CE0307; border-bottom:1px dotted #CE0307}
a.tt span.tooltip {font-weight:normal !important} 
a.tt img {border:0px} 
		
.glossary {height:23px}
.glossary td {width:36px;text-align:center}
.gloss_active   { width:3%; color:#000000; padding-left:4px; text-align:center; border-top:1px solid #CE0307; border-bottom:1px solid beige; border-left:1px solid #CE0307 ; border-right:1px solid #CE0307}
.gloss_active A, .gloss_active A:active, .gloss_active A:link, .gloss_active A:visited, .gloss_active A:hover { color:#000000; font-weight:bold }
.gloss_disabled { width:3%; color:#DDDDDD; padding-left:4px; font-weight:normal; text-align:center; border-bottom:1px solid #CE0307 }
.gloss_inactive { width:3%; color:#222222; padding-left:4px; font-weight:bold  ; text-align:center; border-bottom:1px solid #CE0307 }
.gloss_inactive a:link, .gloss_inactive a:active {color:#000000}

/* Class in wijnbibliotheek voor subtitels */
table.alternate td a, table.alternate td a:visited, table.alternate td a:active, table.alternate td a:link, table.alternate td a:visited {color:black}
table.alternate td { height: 24px }
table.alternate td.dark { font-weight:bold; color:#CE0307; padding-left:14px}
table.alternate tr.td0  { background-color: #fffbf0 }
table.alternate tr.td1  { background-color: #fff3db }
    
table.sitemap_table td { height : 24px }

TD.news_content div.news_title   {font-weight:bold; color:#000000; text-decoration:none}

/* background-image:url(images/interface/table_news_bg.jpg);background-color:#f4e8d0;background-repeat:repeat-x; */
TD.news_content {border:1px dotted #cccccc; width:100%; line-height:17px; color:#333333; cursor:pointer}
TD.news_content div {padding:6px; cursor:pointer}
TD.news_content a div, TD.news_content a:hover div, TD.news_content a:hover {color:#333333;text-decoration:none !important}
TD.news_content a:hover div {background-color:#eeeeee}
TD.news_content a div img {margin-right:6px;border:0px; float:left; width:100px; height:75px}
TD.news_footer  {color:#7f7b72;font-size:10px;border-left:1px dotted #cccccc;border-bottom:1px dotted #cccccc;padding-left:6px;padding-right:6px;padding-top:4px;padding-bottom:4px}
TD.news_date      {border-left:0px !important}
TD.dotted       	{border-bottom:1px dotted #cccccc}

div#poll {border:1px dotted #cccccc; width:240px; padding:8px; margin-left:12px;background-image:url(images/interface/poll_bg.png); background-position:right bottom; background-repeat:no-repeat}
div#poll td.vraag {padding-bottom:6px}
div#poll td.antwoord { }
div#poll td.antwoord a { color:#000000 }
div#poll a { color:#000000 }

/*background-image:url(images/interface/agenda_bg.png); */
div#homepage_agenda {border:1px dotted #cccccc; width:240px; padding:8px; padding-right:8px; margin-left:12px; background-position:right bottom; background-repeat:no-repeat}
div#homepage_agenda a {color:#000000}
div#homepage_agenda ul {padding-left:16px}
div#homepage_agenda .full {margin-top:4px}

#calendar {display:block}
#calendar_print {display:none}

#login_table {margin-top:16px;width:400px} 
.bordertable    {border-radius: 8px 8px 8px 8px;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);border:1px solid #dddddd}
.bordertable TD, .bordertable TH, .bordertable TH.title {padding:5px; border-radius: 5px 5px 0 0;}
.bordertable tfoot td {padding:6px; text-align:right}

form {margin:0px }

.sitemap_link:visited, .sitemap_link:active, .sitemap_link:link, .sitemap_link:link {text-decoration:none}
.sitemap_link:hover {text-decoration:underline}
.receptfoto_lijst { margin-right:8px; margin-bottom:8px; border:0px }
.receptfoto_detail { margin-right:8px }

#receptenlijst table tr {vertical-align:top}
#receptenlijst div {width:410px; padding:8px; display:inline-block;border:1px dotted #cccccc; margin-right:12px; margin-bottom:4px; color:#000000; min-height: 256px; height: 256px; overflow:auto}
#receptenlijst img {margin-right:12px;margin-bottom:12px;border:1px solid #801C23; float:left}
#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');}
}


#login_aanvragen {margin-top:12px}

.cijfer {font-weight:bold;color:#ffffff}
.stemlink, .stemlink:active, .stemlink:link, .stemlink:visited, .stemlink:hover {text-decoration:none;font-weight:bold; color:#c47c32}

span.pagebutton { -moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 4px 4px 0px 0px; padding-top:1px; background-color: #ffffff; border:1px solid #CE0307; border-bottom:0px; width:22px; height:21px; margin-right:4px; display:inline-block;  text-align:center; color:#000000}
span.pagebutton_active { -moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; padding-top:2px; background-color:#CE0307; border: 1px solid #CE0307; border-bottom:0px; width:22px; height:22px; margin-right:4px; display:inline-block; text-align:center; color:#ffffff}
span.pagebutton a { color:#cccccc; font-weight:bold; text-decoration: none} 
span.pagebutton_active a { color:#ffffff; font-weight:bold; text-decoration: none}

.kadertje {height:90px; width:120px;border:1px solid #BDBDBD; margin-bottom:12px; margin-top:70px; padding:4px}

.kopje{font-family: Verdana;color:#FFFFFF; letter-spacing:1px; font-size:13px; font-weight:bold; line-height:22px}
.gallerij_tabel{border:1px solid #c47c32; height:400px;}
.gallerij_nr1{border:1px solid #c47c32; width:120px;}
.gallerij_item {width:120px; height:120px; text-align:center; vertical-align:top}
.gallerij_item  a img { margin-top:12px; border:1px solid #aaaaaa }
.gallerij_item  a { color:#333333; font-size:10px }
.kaart{border:1px solid #c47c32}
.kaarttext{color:#000;font-size:16px;font-weight:bold}
.kaarttextje{color:#000;font-size:11px;font-weight:800}
.postcard{text-align:center;border:2px solid #c47c32;background-color:#f1d8a2;padding:5px;spacing:5px}

.postit{background: transparent url(images/interface/postit.png) no-repeat 0 0}
.dim {width:178px;height:178px}
.padding{padding-left:16px;padding-right:16px;padding-top:42px}

.fototips { width:340px; height:auto; float:right; margin-right:24px; margin-left:16px; border:1px solid #CE0307; border-radius: 5px 5px 5px 5px; padding:8px}
.fototips .icon { position: relative; top:-32px; margin-right:-32px; float:right}

.tooltip_postit {width:178px; height:160px; padding-left:16px; padding-right:16px; padding-top:32px; background: transparent url(images/interface/tooltip_bg.png) no-repeat 0 0}

body.wijnkelder #sd_bottom { background-color:#ffffff}
body.wijnkelder #sd_middle_none h1{color:#faad1f;font-size:15px;padding-top:9px}
body.wijnkelder #sd_middle_none h1.large { font-size: 19px;   text-transform: none; font-weight:normal; letter-spacing:0px; padding-top:4px;padding-bottom:0px;margin-bottom:2px}
body.wijnkelder #sd_middle_none h2{color:#faad1f;font-size:12px;font-weight:bold;padding-top:0px;padding-bottom:4px}
body.wijnkelder div.zoekbox {background-color:#fbfbfb; border:1px solid #bebebe; width:174px; margin-right:12px; padding:0 10px 10px;	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);}
body.wijnkelder div.zoekbox tr {vertical-align:top}
body.wijnkelder div.zoekbox select {width:152px; font-size:11px}
body.wijnkelder div.zoekbox td select {width:72px; font-size:11px}
body.wijnkelder strong {color:#faad1f; font-weight:normal; font-size:12px}
body.wijnkelder table#searchresults {width:100%}
body.wijnkelder table#searchresults span.naam {display:inline-block;width:320px}
body.wijnkelder table#searchresults span.jaar {display:inline-block;width:70px}
body.wijnkelder table#searchresults span.prijs {display:inline-block;width:110px}
body.wijnkelder table#searchresults span.wenslijst {display:inline-block;width:32px;text-align:right}
body.wijnkelder table#searchresults div.beschrijving {width:100%;margin-top:12px;min-height: 20px;}
body.wijnkelder table#searchresults div.row  	  {padding:4px;color:#000000;-moz-border-radius: 5px 5px 5px 5px;}
body.wijnkelder table#searchresults div.row a  	  {color:#000000;text-decoration:none}
body.wijnkelder table#searchresults div.row:hover  {background-color:#e5e5e5}
body.wijnkelder table#searchresults div.selected   {background-color:#f2f2f2}
body.wijnkelder #company_image {width:174px; border:1px solid #efefef}
body.wijnkelder #company_details {width:100%; padding-top:12px; line-height:16px }
body.wijnkelder #sd_middle_none #company_details h1.large {padding-bottom:12px}
body.wijnkelder #company_address {line-height:19px; padding-bottom:18px;max-width:174px; overflow:hidden }
body.wijnkelder #fact_sheet {float:right; background-color:#fbfbfb;padding:6px;border:1px solid #bebebe;line-height:16px;font-size:11px;	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);margin-left:8px;margin-bottom:8px;margin-right:8px}	
body.wijnkelder #wijnlijstje {border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8;min-height:20px; max-height:235px; overflow-y:scroll; overflow-x:hidden; width: 583px;}
body.wijnkelder #reacties_header {width: 100%}
body.wijnkelder #reacties {width: 100%}
body.wijnkelder .paging-normal   { color: #666666; font-weight: normal ;text-decoration: none; cursor: pointer}
body.wijnkelder .paging-selected { color: #faad1f; font-weight: bold   ;text-decoration: none; cursor: pointer}
body.wijnkelder #pg_previous {visibility: hidden}

/* New button class */
a.button {color:#ffffff}
div#alertBox div.buttonbar a.button, .button {
	background-image:none;
	color:#ffffff;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	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);
	height:28px;
	
	color: #ffffff;
	border: 1px solid #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB722), to(#f47a20));
	background: -moz-linear-gradient(top,  #FCB722,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB722', endColorstr='#f47a20');
}
div#alertBox div.buttonbar a.button DIV {color: #ffffff;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
div#alertBox div.buttonbar a.button:hover, .button:hover {
	background-image:none;
	text-decoration: none;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active {
	position: relative;
	top: 1px;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#FCB722));
	background: -moz-linear-gradient(top,  #f47a20,  #FCB722);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#FCB722');
}

.smallbutton, input.smallbutton {
	font-size: 12px !important;
	padding: .25em 1em .275em !important;
	height:20px !important;
}

.fixed_width {width:190px}

input.button {padding-top:4px}