/*
Title:      	Tafelen in Vlaanderen master styles for screen media
Author:     	jvd, © 2008 anaXis nv.
Updated:        April 01 2008
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */

/* ---- [ typography ] ------------ */
a { font-size: 1em; text-decoration: none; }
a:hover {  }
address { color: #B0B0B2; font-size: 1.1em; font-style: normal;}
address a { color: #B0B0B2; font-size: 1em; }
h1 { color: #A1B700; font-size: 2.2em; margin: 15px 0 10px 0; font-weight: normal; }
h1 a { color: #A1B700; font-size: 1em; }
h2 { color: #E3AB00; font-size: 1.4em; margin: 10px 0 10px 0; }
h2 a { font-size: 1em; color: #E3AB00; }
h3 { font-size: 1.2em; margin: 5px 15px 10px 25px; }
input { font-size: 1.1em; }
legend { font-size: 1.1em; color: #6E6E6E; padding: 0 5px 0 5px; }
li { color: #6E6E6E; font-size: 1.2em; }
li li { color: #6E6E6E; font-size: 1.1em !important; }
li a { font-size: 1em; color: #F79236; }
select { font-size: 1.1em; }
p , #content caption{ font-size: 1.2em; color: #6E6E6E; margin: 5px 0 10px 0; }
p a { font-size: 1em; color: #F79236; }
acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #043965;}

/*** IMAGES ***/ 

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	wrapper
--------------------------------*/
body { background-color: #FF9A41; font: 62.5%/1.8em Arial, Verdana, sans-serif; }
body.horecahomepage { background-color: #B8C553; }
body.horecahomepage #content { width: 400px; }
body.horecadetailpage { background-color: #B8C553; }
body.horecadetailpage #content { width: 567px; padding-right: 70px;}
body.homepage { background-color: #FF9A41; }
body.homepage #content { width: 400px; }
body.detailpage { background-color: #FF9A41; }
body.detailpage #content { width: 567px; padding-right: 70px; }

/* Leven In De Brouwerij */
body.LevenInDeBrouwerijHomepage,
body.LevenInDeBrouwerijOverviewpage { background-color: #FF9A41; }
body.LevenInDeBrouwerijDetailpage { background-color: #FF9A41; }
body.LevenInDeBrouwerijDetailpage #content { width: 600px; }

#wrapper { background-color: #fff; border: solid 2px #4B494A; clear: both; margin: 0 auto; overflow: hidden; /* position: relative; */ width: 960px; background-repeat: no-repeat; }
span.seperator { padding: 0 5px; }

#wrapleft { float: left; width: 300px; padding-bottom: 60px; }
#wrapright { float: left; width: 660px; _overflow:hidden; }

/*
	Blogbanner
*/
div.blogbanner { float: left; width: 215px; margin-top: 40px; margin-left: 10px; font-weight: bold; }
div.blogbanner img { border: 0; }

/*	header
--------------------------------*/
#headertopleft { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background-color: #000; height: 30px; }
#headertopleftnav { height: 20px; left: 0; padding-left: 10px; padding-top: 8px; position: relative; top: -30px; z-index: 5000;  }
#headertopleftnav * { color: #fff; float: left; font-size: 12px; line-height: 12px; }

#lang { float: left; height: 28px; width: 50px; }
#lang li { list-style-type: none; float: left; }
#lang li * { color: #fff; font-size: 1.1em; }
#logo { background-color: Transparent; padding: 10px 0 30px 30px; height: 105px; }
#headernavbotleft { background-color: #000; float: left; margin-top: 60px; width: 29px; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background-color: #000; height: 30px; }

#navtop { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background-color: #000; height: 30px; }
#navtopmenu { position: relative; top: -32px; left: 0; z-index: 5000; height: 30px; padding-right: 10px; }
#navtopmenu div.navigation { float: right; height: 30px; text-align: right; width: 400px; line-height: 30px; }
#navtopmenu div.navigation * {  font-size: 12px; color: #fff; }
#space { height: 180px; }
#canvas { background-color: #000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background-color: #000; height: 30px; }
#canvasnav { position: relative; top: 27px; left: 0; z-index: 5000; height: 25px; }
#canvasnav div.navigation { float: left; height: 25px; width: 450px; line-height: 25px; padding-left: 20px; }
#canvasnav div.navigation * { font-size: 12px; color: #fff; font-weight: bold; }

#search { border: 0; float: right; height: 20px; width: 185px; padding-top: 2px; line-height: 12px;  }
#search label { display: none; }
#search input { vertical-align: middle; padding-left: 5px; font-size: 12px; }

/*	container
--------------------------------*/
#treediv { background: url('images/treetop.png') no-repeat right top; 
float: right; width: 271px; }
#treecontent { background-color: #FDFDFB; border-left: solid 1px #7F7F7F; border-right: solid 1px #7F7F7F; margin-top: 15px; width: 269px;  }
#treecontent div.intro { position: relative; top: 0; left: 0; z-index: 1000; text-align: justify; }
#treebottom { background: url('images/treebottom.png') no-repeat left bottom; 
height: 19px; }
#flower { background: url('images/flower.png') no-repeat left top; 
height: 119px; margin: 105px 0 0 -85px; position: absolute; width: 151px; }
#treediv div.intro { margin: 5px 10px 5px 10px; }
#treediv div.thema div { background: #EBE3CE url(images/ThemaRound.jpg) top right no-repeat; height: 60px; margin: 10px 10px 0 10px; }
#treediv div.thema div p { float: right; font-size: 13px; line-height: 17px; margin: 0; width: 170px; }
#treediv div.thema div h2, #tree div.thema div h2 a { color: #666662; float: right; font-size: 13px; line-height: 18px;  margin: 2px 0 0 0; text-transform: uppercase; width: 170px; }
#treediv div.thema div img { float: left; display: block; }

#Tree { background-color: #FDFDFB; }
#Tree ul { margin: 0 10px 0 10px; }
#Tree li { background-color: #EBE3CE; clear: both; display: block; list-style-type: none; border-bottom: solid 3px #FDFDFB; overflow: hidden; padding-left: 10px; }
#Tree li * { color: #70676A; float: left; }
#Tree li a { color: #70676A; display: block; }
#Tree li a:active, #tree li a:hover { color: #fff; }
#Tree div.lvl1 a { font-weight: bold; padding-right: 3px; }
#Tree div.lvl1 ul li { line-height: 19px; background: transparent url(images/treeListBg.jpg) top left; }
#Tree div.lvl2 ul li { background-color: Transparent; border-bottom: dotted 1px #8D8D8B;}
#Tree div.lvl2 a { font-weight: bold; padding: 0 3px 0 0; }
#Tree div.lvl3 a { padding: 0 3px 0 15px; width: 190px; }
#Tree div.lvl4 a { padding-left: 20px; }
#Tree .act1 a, #Tree .act2 a, #Tree .act3 a, #Tree .act4 a {color: #70676A;}

.newsletter { background-color: Transparent; border-top: dotted 1px #B6B6B6; height: 80px; left: 0; margin: 15px 15px 0 15px; position: relative; top: 0; z-index: 1000; }
.newsletter  h2 { font-size: 17px; margin-top: 10px !important; }
.newsletter dt { clear: left; color: #6E6E6E; float: left; font-size: 12px; height: 20px; line-height: 15px; padding-top: 10px; width: 50px; }
.newsletter dd { clear: right; float: right; height: 20px; padding-top: 10px; width: 175px; }
.newsletter dd input.txtEmail { font-size: 13px; width: 150px; }
.newsbottom { background: url('images/treebottom.png') no-repeat left bottom; 
height: 19px; }
.newsletter h2 { margin: 0; color: #A1B700; }
.newsletter label { float: left; }
.newsletter input { float: right; margin-bottom: 5px; }

#container { background-color: #fff; float: left; }
#content { float: left; padding: 5px 15px 30px 20px; }
#content a { font-size: 1.2em; color: #F79236; }
#content p { padding-bottom: 10px; text-align: justify; overflow: hidden; }
#content caption {text-align: center; }
/* #content img { margin-left: 20px; } */
#content ul ,#content ol { padding: 0 0 30px 20px; }
#content ul.sitemap ul { padding-bottom: 0; }
#content ul.sitemap ul * { font-size: 14px; font-weight: normal; }

#content div.newslist { float: right; }

#content table td ,#content table th ,#content table.eyeRssFeed tr.rssHeader td ,#content table.eyeRssFeed th{ vertical-align: top; border: solid 1px #6E6E6E; padding:0 5px ; }
#content table.sessions { margin: 7px 7px 15px 10px; width: 500px; }
#content table.sessions th { background-color: #A1B700; text-align: center; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; border: none; padding-left: 0; }
#content table.sessions tr.alt0 { background-color: #F4F8AB; }
#content table.sessions tr.alt1 { background-color: #EBEF99; }
#content table.sessions td.date { width: 280px; }

#contentnewsteaser { border-top: dotted 1px #B6B6B6; border-bottom: dotted 1px #B6B6B6; }
#contentnewsteaser h1, #contentnewsteaser h2 { margin-left: 0; }
#contentnewsteaser div { overflow: hidden; padding-bottom: 10px; }
#contentnewsteaser p { margin-left: 0; }

#breadcrumb { clear: both; overflow: hidden; width: 100%; }
#breadcrumb a, #breadcrumb * { color: #B6B6B6; }
#eventsteaser div { padding-left: 10px; }
#eventsteaser { float: left; width: 210px; /* margin-top: 15px; */ padding: 5px; background: url(images/eventsteaserbg.jpg) no-repeat top left; }
#eventsteaser div h1 { color: #E3AB00; margin-left: 0; }
#eventsteaser div h1 a { color: #E3AB00; font-weight: normal; margin-left: 0; }
#eventsteaser div h2, #eventsteaser h2 a { color: #A1B700;  margin: 0 0 0 0px; }
#eventsteaser div p { margin: 0 0 5px 0px; padding-bottom: 5px; border-bottom: dotted 1px #B6B6B6; }
#eventsteaser a { color: #E3AB00; font-weight: bold; margin: 5px 0 0 20px; }

/*	Calendar
--------------------------------*/
.calendar { float: left; width:269px; background-color:#FDFDFB; border:1px solid #7F7F7F;
            margin-top:15px; margin-left:29px; _margin-left:14px; }
.calendar div.corners { background: #D4B54B; }
.calendar h3 { color:#A1B700; margin:0; font-size:17px; margin-top:15px; margin-left: 15px; }
.calendar table.m-cal { width: 60%; border-collapse: collapse; margin: 10px auto 5px auto; height: 140px; }
.calendar table.m-cal * { font-size: 11px; text-align: center; color: #6E6E6E; }
.calendar table.titelStyle { border-collapse: collapse; width: 100%; font-weight: bold; }
.calendar table.titelStyle a {  color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; } 
.calendar table.titelStyle td { color: #000000; font-size: 11px; font-weight: bold; }
.calendar td.otherMonthStyle { color: #333333; }
.calendar th.dayHeaderStyle { color: #999999; font-weight: normal; }
.calendar td.selectedCell { color: #EAA900; font-weight:bold; }
.calendar td.todayDayStyle, .calendar td.todayDayStyle a { color: #FFFFFF !important; font-size:12px; font-weight: bold; background-color: #EAA900; }
.calendar p.block { color:#E3AB00; margin:0; font-size:17px; font-weight: bold; margin: 5px 0 20px 15px; }

/*----------------------
   Leven In De Brouwerij
-----------------------*/

/* Homepage */
.portal { float: left; }
.portal ul { padding: 0 0 8px 12px !important; }
.portal ul li { list-style-image: url('images/disc.jpg'); list-style-type: none; font-size: 1.146em; }
.portal .sixblocks { float:left; padding: 10px 0 20px 0; clear:right; position: relative; }
.portal .sixblocks .top,
.portal .sixblocks .bottom { clear:both; }
.portal .sixblocks .topleft, .portal .sixblocks .topcenter, .portal .sixblocks .topright,
.portal .sixblocks .bottomleft, .portal .sixblocks .bottomcenter, .portal .sixblocks .bottomright
	{ width:188px; float:left; margin:8px; _margin:4px; padding-bottom: 20px; background: #EBE3CD url('images/roundedcorners.jpg') no-repeat center bottom; }
.portal .sixblocks h2 { color:#A3B601; font-size: 1.883em; font-weight:bold; padding:40px 0 10px 8px; margin:0px;
                        background: #EBE3CD url('images/roundedcorners_button.jpg') no-repeat center top; }
.portal .sixblocks h2 a { padding:40px 0 10px 8px; margin:0px; margin-top:-40px; display:block !important; color:#A3B601 !important; }
.portal .sixblocks p { color:#5D5D5D; font-size: 1.146em; padding: 0 8px 0 8px !important; margin:0; }
.portal .sixblocks a { color:#D38202 !important; font-size: 0.946em !important; }
.portal .sixblocks img { width:188px; _width:172px; height:126px; padding: 0 0 18px 0 !important; margin:0 !important; position:relative; left:-8px; _left:0px; clear: right;
						background: #A3B601 url('images/oranjebalk.png') no-repeat center 126px; }
.portal .bottomblock { float:left; margin: 0 32px 0 8px; border-bottom: dotted 1px #5D5D5D; }
.portal .bottomblock h1 { color:#EAA900; font-weight:bold; font-size:1.667em; }
.portal .bottomblock h3 { color:#A3B601; font-weight: bold; font-size: 1.367em; margin-left:0; }
.portal .bottomblock p { color:#000000; font-size: 1.146em; }

.newsTeaserLidBstyle { float: left; width:269px; background-color:#FDFDFB; border:1px solid #7F7F7F;
						margin-top:15px; margin-left:29px; _margin-left:14px; }
.teaserLidB { margin: 0 12px 20px 12px; }
.teaserLidB h1 { color:#A1B700; font-size:17px; font-weight: bold; }
.teaserLidB h2 { margin-bottom:0px!important; }
.teaserLidB p { margin-top: 0px!important; }

/* Overview page */
.overview { float: left; }
.overview .introtext { clear:right; float:left; padding: 10px 0 20px 0; }
.overview .threecolumns { float:left; }
.overview table td { border:0 !important; }
.overview ul { padding: 0 0 8px 12px !important; margin-left: 8px; #margin-left: 16px; _margin-left: 16px; }
.overview ul li { list-style-image: url('images/disc.jpg'); list-style-type: none; font-size: 1.146em; }

.overview .introtext h1 { color:#A3B601; font-size: 2.4em; font-weight: bold; }
.overview .introtext h2 { color:#EAA900; font-size: 1.667em; }
.overview .introtext table p { border-bottom: none; margin:0; }
.overview .introtext p { color:#000000; font-size: 1.146em; margin-bottom: 8px !important; _margin-bottom: 16px !important; border-bottom: dotted 1px #5D5D5D; }
.overview .introtext a { color:#E88919 !important; font-size: 0.946em !important; }
.overview .threecolumns h2 { color:#A3B601; font-size: 1.667em; padding:20px 0 10px 8px; margin:0px;
                             background: #EBE3CD url('images/roundedcorners_top.jpg') no-repeat center top; }
.overview .threecolumns h3 { color:#EAA900; font-size:1.367em; padding:0px 0 10px 8px; margin:0px; }
.overview .threecolumns p { color:#5D5D5D; font-size: 1.146em; padding: 0 8px 8px 8px !important; margin:0; }
.overview .threecolumns img { position:relative; left:-8px; }
.overview .threecolumns a { color:#D38202 !important; font-size:1.1em !important; }
.overview .threecolumns .left,
.overview .threecolumns .center,
.overview .threecolumns .right { width:187px; float:left; margin:8px; padding-bottom: 20px;
                                 background: #EBE3CD url('images/roundedcorners.jpg') no-repeat center bottom; }

/* Tell-a-friend
--------------------------------*/
.btnTellAFriend { float: right; font-size:1.4em !important; margin-right: -30px; margin-top:-20px; font-weight: bold; color:#A1B700!important;
                  padding-left:12px; background-image: url('images/PrintBorderLeft.jpg'); background-repeat:no-repeat; background-position: left top; }
.bodyTellAFriend { background-color: #FF9A41; }
div#wrapperfrnd { padding:6px; margin-top:30px!important; margin-right:auto; margin-bottom:0; margin-left:auto; width:271px; height:570px; background-color:#FFFFFF; border:2px solid #4B494A; }
#sidebarlogo { margin-bottom:30px; }
#wrappermenu {float:left;height:20px;}
#backheader { float:left; border:none; clear:both; }
#backheader h1 { font-size:2.2em; line-height: 2.2em; color: #A1B700;
                 margin-bottom: 0em!important; padding-left:6px!important; background-image:none!important; text-transform:none!important; }
#contactfriend { padding-bottom:1em; background: #FFFFFF url("images/bgcolor.jpg") repeat-x bottom; border: solid 1px #FFFFFF; border-top-width:0px!important; clear:both; }
.contactfriendFormulier { border:none;padding:20px 0 0 5px;overflow:visible; margin:10px;}
.contactfriendFormulier .fieldrow {padding-left:5px; display:block; overflow:visible; clear:both;}
.contactfriendFormulier label {float:left;}
.contactfriendFormulier span {margin-left:3px;}
.contactfriendFormulier .fieldBox {height:19px; font-size:9pt; width:200px;float:left;}
.contactfriendFormulier .fieldMsgBox {font-size:9pt; width:200px;float:left;}
.contactfriendFormulier input, fieldset select {float:left; margin-top:5px; margin-bottom:5px; }
.contactfriendFormulier .btn { margin-top:12px; padding: 1px 5px; background-color:#A1B700; color:#FFFFFF; border:solid 1px #585954; }
#contactfriend #error, #contactfriend #btnclose { margin-left:1em; }

#btnclose { color:#333; text-decoration:underline; margin-left:1em; padding-top:10px; }

/*	News
--------------------------------*/
#NewsSearch { width: 210px; float: right; margin-top: -10px; }
#content a.rssNews img { margin-left: 10px; margin-top: 10px; }
#NewsResults { width: 410px; float: left; }
#NewsResults div.form-results h2 a { margin-left: 10px; }
#NewsResults p { text-align: justify; }

/*	Events
--------------------------------*/
#content a.rssEvents img { margin-left: 10px; margin-top: 10px; }
#EventSearch { width: 210px; float: right; margin-top: -10px; }
#EventResults { width: 357px; float: left; }
#EventResults p { text-align: justify; }

/*	footer
--------------------------------*/
#footer { margin: 0 auto; text-align: center; width: 960px; }
#footer address { float: right; margin-top: 5px; width: 660px; }
#footer address * { color: #424345; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
/* #eyeEditMenu #content table { margin: 0 !important; padding: 0 !important;  } */
#eyeEditMenu table td { border: 0 !important; }
#eyeEditMenu a { cursor: pointer; }

/* -----[ CSS tree ] ----------------	*/
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree li ul { display: none; }
ul.myEyesTree li ul.open { display: block; }

ul.myEyesTree li { list-style: none; }
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree ul { padding-left: 20px; }

ul.myEyesTree li.open a {
    background: url(minus.gif) center left no-repeat;
}
ul.myEyesTree li a {
    background: url(plus.gif) center left no-repeat;
}
ul.myEyesTree li.bullet a {
    background: url(bullet.gif) center left no-repeat;
}