/* CSS Document */
html, body, img, table, tr, td, th, ul, li, p, h1, h2, h3, form, fieldset {margin:0; padding:0; border:0;}

html								{font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) center repeat-y #190f0f; font-size:12px; color:#7c8080; line-height:18px;}
body								{}
h1									{font-size:12px;}
h2									{font-size:12px;}
h3									{font-size:12px; color:#a01316; font-style:italic;}
p									{}
a									{text-decoration:none; color:#a01316; font-style:italic;}
ul									{list-style-type:none;}
li									{margin:0 0 0 20px;}
img.image							{float:left;}
table								{border-collapse:collapse;}
td									{text-align:left; vertical-align:top;}
div.cleardiv						{clear:both;}
.floatLeft							{float:left;}


div#outer							{background:url(../images/content_bg.jpg) repeat-y center; min-width:850px;}
div#inner 							{background:url(../images/bg_top.jpg) top center no-repeat; min-height:739px;}
div#footer							{background:url(../images/footer.jpg) no-repeat center; height:23px; width:100%; }
div#footer p						{width:850px; height:23px; line-height:23px; display:block; text-align:left; margin:0 auto 0 auto;}
div#footer p a						{color:#7c8080; font-style:normal;}
div#footer p a:hover				{text-decoration:underline;} 

div#container						{width:850px; margin:0 auto 0 auto; position: relative;}

div#winebar							{position: absolute; width: 850px; height: 650px; background-color:#000000; left: -8px; top: 120px}


div#menu							{float:left; width:850px; height:150px;}
div#menu ul							{float:left; margin:43px 0 0 345px; width:334px; height:60px;}
div#menu ul li						{float:left; width:166px; height:18px; margin:0 1px 1px 0;}
div#menu ul li a					{display:block; width:166px; height:18px;}

div#menu ul li#menu1 a				{background:url(../images/home.jpg) no-repeat;}
div#menu ul li#menu1 a:hover		{background:url(../images/home_.jpg) no-repeat;}
div#menu ul li#menu1_act			{background:url(../images/home_.jpg) no-repeat;}

div#menu ul li#menu2 a				{background:url(../images/mediagallery.jpg) no-repeat;}
div#menu ul li#menu2 a:hover		{background:url(../images/mediagallery_.jpg) no-repeat;}
div#menu ul li#menu2_act			{background:url(../images/mediagallery_.jpg) no-repeat;}

div#menu ul li#menu3 a				{background:url(../images/menu1.jpg) no-repeat;}
div#menu ul li#menu3 a:hover		{background:url(../images/menu1_.jpg) no-repeat;}
div#menu ul li#menu3 a.act			{background:url(../images/menu1_.jpg) no-repeat;}

div#menu ul li#menu4 a				{background:url(../images/menu2.jpg) no-repeat;}
div#menu ul li#menu4 a:hover		{background:url(../images/menu2_.jpg) no-repeat;}
div#menu ul li#menu4 a.act			{background:url(../images/menu2_.jpg) no-repeat;}

div#menu ul li#menu5 a				{background:url(../images/menu3.jpg) no-repeat;}
div#menu ul li#menu5 a:hover		{background:url(../images/menu3_.jpg) no-repeat;}
div#menu ul li#menu5 a.act			{background:url(../images/menu3_.jpg) no-repeat;}

div#menu ul li#menu6 a				{background:url(../images/menu4.jpg) no-repeat;}
div#menu ul li#menu6 a:hover		{background:url(../images/menu4_.jpg) no-repeat;}
div#menu ul li#menu6 a.act			{background:url(../images/menu4_.jpg) no-repeat;}

div#menu ul li#menu7 a				{background:url(../images/menu5.jpg) no-repeat;}
div#menu ul li#menu7 a:hover		{background:url(../images/menu5_.jpg) no-repeat;}
div#menu ul li#menu7 a.act			{background:url(../images/menu5_.jpg) no-repeat;}

div#menu ul li#menu8 a				{background:url(../images/menu6.jpg) no-repeat;}
div#menu ul li#menu8 a:hover		{background:url(../images/menu6_.jpg) no-repeat;}
div#menu ul li#menu8 a.act			{background:url(../images/menu6_.jpg) no-repeat;}

div#menu a#wijnkast					{float:left; width:148px; height:46px; margin:48px 0 0 8px;}

div#column_left						{float:left; width:249px; margin:0 0px 0 28px; border-right:2px solid #262828; min-height:609px;}
div#column_right					{float:left; width:525px; font-size:12px;}

div#column_left h1					{float:left; width:233px; padding:0 8px 0 8px; min-height:20px; background:url(../images/titel_gradient.jpg) top center repeat-x #282626; color:white; line-height:20px;}
div#column_left h1 a				{font-size:11px; font-style:italic; color:white; font-weight:normal;}
div#column_left div.item			{float:left; width:233px; padding:3px 8px 3px 8px; min-height:20px; border-bottom:1px solid #262828; background:url(../images/item_gradient.jpg) repeat-y; color:#7c8080; line-height:18px; margin:0 0 10px 0;}
div#column_left h2					{color:#a01316; font-style:italic; margin-top:3px;}
div#column_left h2 span				{color:white; margin-left:7px;}
div#column_left p					{margin-bottom:3px;}
div#column_left p a					{color:white;}

div#column_left ul					{float:left; width:249px;}
div#column_left ul li				{width:229px; padding:3px 10px 3px 10px; border-bottom:1px solid #3c3a3a; margin:0;}
div#column_left ul li.active a		{color:#a01316;}
div#column_left ul li a				{color:white; font-style:normal;}
div#column_left ul li a:hover		{font-weight:bold;}




div#column_right table.fotoblok		{float:left; background:#282626; width:524px; border-bottom:1px solid #3c3a3a;}
div#column_right table.fotoblok img	{float:left;}
div#column_right table.fotoblok td.metlijn	{border-bottom:1px solid #3c3a3a; vertical-align:top; padding:3px 8px;}
div#column_right table.fotoblok h1	{font-size:15px; line-height:28px; padding:0 0 0 5px; border-bottom:1px solid #3c3a3a; margin-bottom:4px;}
div#column_right table.fotoblok p	{padding:0 5px 0 5px;}

div#column_right h1					{color:white; width:auto; padding:20px 0 5px 20px; border-bottom:1px solid #3c3a3a; clear:both; font-size: 12px;}
div#column_right p					{padding:8px 20px 8px 20px;}

div#contactinfo						{float:left; width:141px; padding:8px 0 0 14px;}
div#contactinfo img					{border:1px solid #3c3a3a; margin:5px 0 0 0;}

div#drankkaart						{width:490px; margin:8px 0 0 15px; min-height:300px; background:url(../images/drankkaart_gradient.jpg) top center repeat-x #282626; border:1px solid #3c3a3a;}
div#drankkaart ul.top				{width:490px; height:77px;}
div#drankkaart ul.top li			{float:left; margin:5px 2px 0 6px; height:72px;}
div#drankkaart ul.top li.active		{background:url(../images/drankkaart_driehoekje.jpg) 50% 47px no-repeat;}
div#drankkaart ul.top li a			{display:block; height:40px; width:151px; border:1px solid #3c3a3a;}
div#drankkaart h2					{color:white; font-size:12px; padding:0 8px 0 8px;}
div#drankkaart ul.wijnlijst			{width:460px; margin:0 0 0 16px; padding:0; list-style-type:none;}
div#drankkaart ul.wijnlijst li		{width:180px; height:18px; line-height:18px; float:left; color:#bcbcbc; margin:0 0 0 15px;}

div.toelichting						{font-style:italic; background:url(../images/foto_gradient.jpg) repeat-x; margin:0 15px 15px 15px; padding:4px 7px 4px 7px;}
a.toelichting2						{display:block; font-style:italic; background:url(../images/foto_gradient.jpg) repeat-x; margin:0 15px 0px 15px; padding:2px 7px 2px 80px; color:#a01316; clear:both; }
a.toelichting2 span					{color:white; padding-left:4px;}
ul.fotooverzicht					{list-style-type:none; margin:0 0px 0 0px;}
ul.fotooverzicht li					{float:left; margin:0 15px 10px 17px; padding:0;}
ul.fotooverzicht li img				{border:1px solid #3c3a3a;}
a.toelichting3						{float:left; width:475px; font-style:italic; background:url(../images/foto_gradient.jpg) repeat-x; margin:0 15px 0px 15px; padding:2px 7px 2px 7px; color:#a01316; clear:both; }
a.toelichting3 span					{color:white; padding-left:4px;}
a.toelichting4						{float:left; width:325px; font-style:italic; background:url(../images/foto_gradient.jpg) repeat-x; margin:0 0px 10px 15px; padding:2px 0px 2px 7px; color:#a01316; clear:left; }
a.toelichting4 span					{color:white; padding-left:4px;}
a.floatRight						{float:right; width:156px; font-style:italic; background:url(../images/foto_gradient.jpg) repeat-x; margin:0 15px 10px 0px; padding:2px 7px 2px 0px; clear:right; color:white;}

img.bigpicture						{margin:10px 0 0 20px; border:1px solid #3c3a3a;}
img.overzichtsfoto					{margin:0 10px 10px 15px; float:left;}
img.overzichtsfoto2					{padding:10px 10px 10px 15px; float:left;}
span.uitleg							{padding:3px 0px 0 0; float:left; width:410px;}

div.link							{background:url(../images/link_header.jpg) #282626 top left repeat-x; min-height:80px; width:228px; padding:0px 5px; border:1px solid #3c3a3a; margin:8px 0 0 15px; float:left; font-style:italic;}
div.link a							{display:block; margin-bottom:3px;}
div.link a:hover					{text-decoration:underline;}

a#vorige							{float:left; background:url(../images/btn.jpg) no-repeat; width:105px; height:30px; text-align:center; margin:5px 0 0 20px; line-height:20px;}
a#play								{float:left; background:url(../images/btn_play.jpg) center right no-repeat; height:30px; width:100px; text-align:left; margin:5px 0 0 72px; line-height:30px;}
a#pauze								{float:left; background:url(../images/btn_pauze.jpg) 50% 50% no-repeat; height:30px; width:24px; text-align:left; margin:5px 0 0 2px; line-height:30px;}
a#volgende							{float:left; background:url(../images/btn.jpg) no-repeat; width:105px; height:30px; text-align:center; margin:5px 0 0 72px; line-height:20px;}


div.nieuwsitem a					{font-weight:bold;}
div.nieuwsitem a span				{font-weight:normal;}
div.nieuwsitem p					{line-height:16px; margin:0 0 0 0; padding:0;}
div.nieuwsitem p a					{color:white; font-weight:normal;}
div.nieuwsitem img					{margin:0px 10px 10px 20px; float:left;}
div.lijntje							{width:100%; height:1px; background:#3c3a3a;}


div#flashcontainer					{width:850px; height:620px; background:yellow; margin:0 auto 0 auto; position:absolute;}


a#terug								{float:left; width:120px; margin:5px 0 0 20px;}
a#verder							{float:right; width:120px; margin:5px 15px 0 0;}

div#column_left div.item form.stdform fieldset input.text {width:225px;}
div#column_left div.item form.stdform fieldset input.submit {float:right; margin-bottom:8px; clear:none;}

/* ie 6 blaat */
* html div#inner	 				{height:739px;}  
* html div#column_left div.item		{height:20px;}
* html div#column_left h1			{height:20px;}
* html div#drankkaart				{height:300px;} 
* html div.link						{height:80px;}


/* form elementen */
form.stdform 						{}
form.stdform fieldset 				{border:none;}
form.stdform fieldset legend 		{display:none;}
form.stdform fieldset label 		{float:left; width:150px; height:26px; clear:left;}
form.stdform fieldset input.text 	{float:left; width:210px; background:#282626; border:1px solid #3c3a3a; color:#7c8080; padding:3px; font-size:11px; margin:0 0 10px 0;}
form.stdform fieldset textarea		{float:left; width:210px; height:120px; background:#282626; border:1px solid #3c3a3a; padding:3px; color:#7c8080; overflow:auto;}
form.stdform fieldset input.submit 	{float:left; background:url(../images/btn.jpg) no-repeat; width:105px; height:20px; line-height:20px; padding:0 5px 0 5px; border:none; color:#a01316; font-style:italic; font-size:11px; font-weight:bold; clear:left;}
form.stdform fieldset select 		{float:left; width:200px;}

form#frmcontact						{float:left; width:330px; margin:8px 0 0 20px;}
form#frmcontact fieldset label		{width:110px;}
form#frmcontact fieldset input.submit{margin:6px 0 0 222px;}


/* searchresults */
#content table.resultsnav {border-collapse: collapse; margin-bottom: 0px; border: none}
#content table.resultsnav tr td{padding: 0px}
#content table.resultsnav td ul{margin-left: 0px; padding-left: 0px; margin-bottom: 0px}
#content table.resultsnav tr td.resultsnavPrevious{text-align: left; width: 15%; padding-left: 90px;}
#content table.resultsnav tr td.resultsnavNext{text-align: right; width: 15%; padding-right: 90px}
#content table.resultsnav tr td.resultsnavPagenr{text-align: center;}
#content table.resultsnav tr td.resultsnavPrevious a{font-weight: bold; padding-left: 8px}
#content table.resultsnav tr td.resultsnavNext a{font-weight: bold; padding-right: 8px}
#content table.resultsnav tr td.resultsnavPagenr a{font-weight: bold}
#content table.resultsnav td ul li {display: inline;list-style-type: none;margin-right: 5px;}


/* nieuwsmodule */
div.newsItem						{border:1px solid #b5b5bb; padding:3px;}
div.newsItem p.newsDate 			{margin:0; float:right;}
div.newsItem h3.newsHeader			{margin:0 0 10px 0; font-size:16px; float:left;}
div.newsItem p.newsBody				{margin:0; float:none; clear:both;}
div.newsItem a.action				{text-decoration:none; font-style:italic;}

/* floatklassen voor plaatjes uit editor e.d. */
.floatLeft 			{float:left; display:inline;}
.floatRight 		{float:right; display:inline;}
img.floatright		{display: block; float: right; margin: 10px 0px 10px 20px; padding: 3px; display: inline; clear: right;}
img.floatleft		{display: block;float: left;margin: 10px 20px 10px 0px; padding: 3px; display: inline}
img.floatrightTop	{display: block; float: right; margin: 0px 0px 10px 20px; padding: 3px; display: inline}
img.floatleftTop	{display: block;float: left;margin: 0px 10px 10px 0px; padding: 3px; display: inline}




/* ------------------------------------ IE hacks ------------------------------------------ */

