/*
Title:      	Berlare master styles for screen media
Author:     	jvd, © 2008 anaXis nv.
Updated:        July 02 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn't understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */

body { font: normal 62.5%/1.5em Tahoma, Arial, Verdana; }

/*** 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;}

/* ---- [ typography ] ------------ */

h1 { color: #BD9D26; font-size: 1.7em; margin-top: 10px; width: 580px; line-height: 1.5em; }
h2, h2 a { color: #6D5A18; font-size: 1.4em; font-weight: bold; margin-top: 15px; margin-bottom:5px;}
h3 { color: #725D0C; padding-top: 5px; /* text-align: center; */  }
p{ font-size: 1.2em; color: #6A5B1A; margin-bottom:5px; }
p a { font-size: 1em; }
a {  color: #6A5B1A; text-decoration: underline; }
.aanmelden a{font-size:1.1em !important;}
a:hover{color: #BD9D26;}
a.rssEvents,a.rssEvents img{ font-size: 11px; color: #FFFFFF; text-decoration: none; }
a img {border: solid 1px #fff; }
acronym, abbr, cite, dfn {border-bottom: dotted 1px #94b22c;}
span.error { padding-left: 5px; color: #c00;font-size: 1.1em; }
span.titel_left{font-size:12px;color:#94B22C;padding:3px 0 3px 16px;font-weight:bold;}

#content table.eyeRssFeed tr td { padding:5px; vertical-align:top;border:0px solid #fff !important;}
#content table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#content th {border-bottom:1px solid #E0EBC3 !important;padding:5px 15px 5px 5px;text-align: left; border-right: 1px solid #6a5b1a !important;}
#content tr.headerrow th {text-align: center; border-right: none !important; border-bottom:1px solid #6a5b1a !important;border-top:1px solid #E0EBC3 !important;padding:5px 15px 5px 5px;width:auto !important;}
#content tr.headerrow th.row-and-col-header { border-right: 1px solid #6a5b1a !important; }
#content td {border-bottom:1px solid #E0EBC3 !important;padding:5px 15px 5px 5px;}
#container table.eyeRssFeed  {border:1px solid #E0EBC3;padding:5px 15px 5px 5px;color: #bd9d26;}
#content table.eyeRssFeed tr.rssHeader td,#content table.eyeRssFeed tr.rssItem td , #content table.eyeRssFeed tr.rssAlternatingItem td{font-size:1.2em;}
#content table.eyeRssFeed tr.rssHeader td{border-bottom:1px solid #6a5b1a !important;}
#content table tr td { padding:5px;}
#content div.block #formTable tr td{padding:0 !important;}
#content caption{float:left; color:#304c68;font-size: 1.3em;}
#container table tr.rssItem a, #container  table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important}
#container table tr.rssHeader, #container table tr.rssHeader a{font-weight:bold !important;color:#6d5a18 !important; }
#container table tr.rssHeader a {text-decoration:underline !important;font-size: 1.1em;}

/*	wrapper
--------------------------------*/
#wrapper { clear: both; margin: 0pt auto; overflow: hidden; width: 985px; }
span.seperator { padding: 0 5px; }

/*	header
--------------------------------*/
#header { background: #D0D5BF url(images/headerbg.gif) no-repeat left top; height: 139px; }
#centerheaderimages { clear: both; margin: 0pt auto; overflow: hidden; width: 985px; height: 92px; }
#centerheaderimages a.leftimage { float: left; text-align: center; background-color: #fff; color: #454545; text-transform: uppercase; width: 199px; 
                                  font-family: Trebuchet MS, Arial Narrow, Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 3.6em; line-height: 3em;
                                  text-decoration: none; height: 92px; }
#centerheaderimages a.leftimage:hover { color: #000; text-decoration: none; }
#centerheaderimages .rightimage img{ float: right;height:92px !important; width:200px !important;overflow:hidden; }
#headerimages {  height: 92px; }

#topnavigation { background-color: #94B22C; height: 25px;overflow:hidden; }
#centertopnavigation { clear: both; margin: 0pt auto; overflow: hidden; width: 985px; }
#centertopnavigation ul { height: 25px; float: left; list-style-type: none;width:780px;}
#centertopnavigation ul li {float: left; padding: 0; height: 25px; background: transparent url("images/seperator_top.jpg") no-repeat top left; }
#centertopnavigation ul li.first { background: none; }
#centertopnavigation ul li a { display: block; font-size: 14px; color: #fff; text-decoration: none; line-height: 15px; padding: 4px 8px 10px 8px; }
#centertopnavigation ul li a:hover {  }
#centertopnavigation ul li a span {}

/*	canvas: =sitemap
--------------------------------*/

#content ul.sitemap li { color: #616161; margin: 5px 0 5px 0; font-size: 12px !important; list-style-type: disc }
#content ul.sitemap li a { color: #616161; font-size: 12px !important; }
#content ul.sitemap ul { padding-left: 35px; }
#content ul.sitemap ul li { list-style-type: square }
#content ul.sitemap ul ul li { list-style-type: circle }
#content ul.sitemap ul ul ul li { list-style-image: url(../Images/ListBullet.gif)}
#content ul.sitemap ul ul ul li li { list-style-image: none; list-style-type: none; }


#search { float: right; height: 25px; width:196px;}
#search fieldset { clear: none; margin: 0; overflow: auto; padding: 0; border: 0; }
#search fieldset input { float: left; }
#search fieldset input.searchbox { color: #98A56D; height: 15px; margin: 2px 0 0 5px; padding: 1px 0 2px 5px; width: 160px; }

#middlenavigation { background-color: #fff; border-bottom: solid 1px #E0EBC3; height: 22px; }
#centermiddlenavigation { clear: both; margin: 0pt auto; overflow: hidden; width: 985px; height: 22px; }
#centermiddlenavigation ul { float: right; list-style-type: none;}
#centermiddlenavigation ul li {float: left; padding: 0; height: 22px; background: transparent url("images/seperator_middle.jpg") no-repeat top left; }
#centermiddlenavigation ul li.first { background: none; }
#centermiddlenavigation ul li.first #logof{float:left;color:#909F5E;font-size:11px}

#centermiddlenavigation ul li a { /*display: block;*/ font-size: 12px; font-weight: bold; color: #909F5E; text-decoration: none; line-height: 18px; padding: 3px 8px 4px 8px; }
#centermiddlenavigation ul li a:hover {  }
#centermiddlenavigation ul li a span {}



#breadcrumb { float: left; height: 20px; padding: 2px 0 0 10px; vertical-align: top; }
#breadcrumb span.trail { margin-right: 5px; }
#breadcrumb * { color: #B7B7B7; font-size: 11px; line-height: 12px;}

/*	homepage
--------------------------------*/
body.home #content { width: /*562px*/561px; }
body.home  #header #topnavigation #centertopnavigation ul{display:none !important;}
body.home #homeTree { float: left; padding:2px 0 20px 120px; /*width: 452px; */}
body.home #homeTree table.homeimage {width: 288px;  border-collapse: collapse; float: left; margin: 4px 0 0 5px;}
body.home #homeTree div.canvasimages { width:289px; height:176px; overflow:hidden;float: right; background: none; }
body.home #homeTree div.canvasimages img{width:289px !important;height:176px !important;}
body.home #homeTree div.firsthomebutton {  padding-top:40px;}

body.home #homeTree div { background: transparent url(images/homebutton.jpg) no-repeat right bottom; float: right; height: 68px; padding: 5px 0 0 5px; text-align: right; width: 142px; }
* html body.home #homeTree div.lasthomebutton {margin: 5px 148px 0 5px;  background: transparent url(images/homebutton.jpg) no-repeat right bottom; float: none;/**/clear:both; height: 68px; margin: 5px 5px 0 151px ; text-align: right; width: 142px; }
body.home #homeTree div.lasthomebutton { background: transparent url(images/homebutton.jpg) no-repeat right bottom; float: right;/**/clear:both; height: 68px; padding: 5px 148px 0 5px ; text-align: right; width: 142px; }

body.home #homeTree div a { height: 58px; display: block; padding: 5px 10px; text-decoration: none; }
body.home #homeTree div * { color: #fff; font-size: 14px; font-weight: bold; }
body #hometeasers { float: right; width:/*0;*/ 196px;/*149px;*/padding-left:5px; }
body #eventsteaser { background-color: #C09D25; margin-top: 5px; float: left; width: 196px; padding-top:13px;overflow:hidden; }
body #eventsteaser .widgets_formfield_search_text { width: 186px; }
body #eventsteaser .widgets_powered { color: #FFFFFF; }
body #eventsteaser .widgets_search_vert { margin-bottom: 0px; }
body.home #newsteaser { background-color: #BEB625; margin-top: 5px; float: left; width: 196px; padding-top:13px; }
body #eventsteaser span.teaserTitles{display:block;font-size:18px; font-weight:bold; color:#745D0D; margin:16px !important;margin-top:0px !important;}
body.home #newsteaser span.teaserTitles  {display:block;font-size:18px; font-weight:bold; color:#6d6810; margin:16px !important;margin-top:0px !important;}

body #eventsteaser h3, body.home #newsteaser h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
body #eventsteaser .eventslist{ /*float: left;*/ padding: 10px 15px; width: 166px; height:75px; overflow:hidden;}
body.home #newsteaser .newslist { /*float: left;*/ padding: 10px 15px; width: 166px; }
body #eventsteaser .eventslist h1, body.home #newsteaser .newslist h1{display:none;}
body #eventsteaser .moreevents { /*float: left;*/ background-color: #AE8F1B; padding: 7px 8px 4px 8px; height:28px; width: 180px; margin-top: 10px; }
body.home #newsteaser .morenews { /*float: left;*/ background-color: #989012; padding: 7px 8px 4px 8px; height:56px; width: 181px; margin-top: 15px; }
body #eventsteaser .moreevents img, body.home #newsteaser .morenews img { float: left; }
body #eventsteaser .moreevents span a, body.home #newsteaser .morenews span a {font-family:tahoma; float: left; font-size: 15px; color: #E9E2C5; padding-left: 10px; padding-top: 3px; }
body #eventsteaser dl dt, body.home #newsteaser ul li { border-bottom: dotted 1px #fff;  margin: 0 9px 0 0; padding-bottom: 3px; }
body.home #newsteaser ul.teaserlinks li{border-bottom: none !important;list-style:none outside none; }
body.home #newsteaser div.newslist ul.teaserlinks{margin-top:9px;}
body.home #newsteaser ul {padding-left:0px !important;list-style:none outside none;}
body #eventsteaser dl dt a, body.home #newsteaser ul li a {font-family:arial; color: #fff; font-size: 13px; font-weight: bold;}
body #eventsteaser div.overview { margin-top: 20px; }
body.home #newsteaser span.extralinkx {float:left;margin-top:3px;}

#widgets_output { width: 549px; }

/*	container
--------------------------------*/
#leftnavigation { float: left; width: 199px; }
#container { float: left; width: 786px; }
#content { float: left; padding-left: 20px;/* width: 776px;*/}
#content h3 { font-size: 15px; line-height: 17px; }
#content ul { padding-left: 15px; list-style-type: none; margin-bottom: 5px; }
#content ol { padding-left: 25px; list-style-type: decimal; margin-bottom: 5px; }
#content ul li { clear: both; }
#content table.sessions { float: left; margin: 7px 7px 15px 40px; width: 500px; }
#content table.sessions th { background-color: #A4C530; color: #fff; text-align: center; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em;}
#content table.sessions tr.alt0 { background-color: #D0D5BF; }
#content table.sessions tr.alt1 { background-color: #FFFFFF; }
#content table.sessions td.date { width: 280px;}

#content a { font-size: inherit; }

#content div.maincontent { float: left; width: 540px; padding: 0 10px 0 0; overflow: hidden; }
#content div.maincontent div { background: transparent url(images/dashedline.jpg) no-repeat left bottom; padding-bottom: 15px; }
#content div #main_container{width:550px !important; float:left;padding-right:10px; overflow:hidden;}
#content div #right_content{width:196px !important; float:left;margin-top:27px;overflow:hidden;}
#content div.rightcontent { float: right; width: 196px; }
#content div.rightcontent h3 { padding: 0; margin-bottom: 10px; }
#content div.rightcontent img {width:200px !important;}
#content div.rightcontent div {padding:15px;background: #C09D25 url("images/roundcontent.jpg") no-repeat bottom left; }
#content div.rightcontent div div { padding: 15px; background: none; }
#content div.rightcontent { margin-top: 5px;  width: 200px !important; } 
#content div.rightcontent p { border-bottom: dotted 1px #fff; color: #fff; margin: 0 9px 5px 0; padding-bottom: 3px; font-size: 12px; line-height: 13px;}

#printbar { width: 549px; clear: both; text-align: right; padding-top: 20px; }

div.webtree { background-color: #F3F4EC; border-top: solid 1px #94B22C; border-bottom: solid 1px #94B22C; float: left; padding: 10px 9px 20px 0; width: 190px; }

/* Lists */

#content div.maincontent ul li {list-style:none outside url("images/list_arrow_orange.jpg"); color: #6A5B1A; font-size: 12px !important;}
#content div.maincontent ul li a { font-size: 12px !important; }
#content div.maincontent ul ul { padding-left: 35px; }
#content div.maincontent ul ul li { list-style:none outside url("images/list_arrow_orange.jpg");}
#content div.maincontent ul ul ul li {list-style:none outside url("images/list_arrow_orange.jpg");}
#content div.maincontent ul ul ul ul li { list-style:none outside url("images/list_arrow_orange.jpg");}
#content div.maincontent ul ul ul ul li li { list-style:none outside url("images/list_arrow_orange.jpg"); }

/* Ordered Lists */

#content div.maincontent ol li {color: #6A5B1A; font-size: 12px !important;}
#content div.maincontent ol li a { font-size: 12px !important; }
#content div.maincontent ol ol { padding-left: 35px; }

/* Tables */

#content div.maincontent table {margin-bottom:10px; }
#content div.maincontent table th {border-bottom: 1px solid #6A5B1A;}
#content div.maincontent table tr td {padding:5px;vertical-align:top;}

/* KMO Tables */

body.kmo #content table {margin-bottom:5px; }
body.kmo #content table th, body.kmo #content table td {border-bottom: none !important;}
body.kmo #content table tr td {padding:2px;vertical-align:top;}


#extraitems { float: left; width: 199px; }
#extraitems ul { /* margin-top: 10px; */} 
#extraitems ul li { background: transparent url(images/btnextraitem.jpg) no-repeat top left; height: 25px; line-height: 25px; margin-top: 10px; padding-left: 10px; width: 189px; }
#extraitems ul li a { display: block; color: #fff; font-weight: bold; text-decoration: none; }
#extraitems ul li a:hover { text-decoration: none; }

/*	canvas: =sitemap
--------------------------------*/
#content div.corners ul.sitemap li { color: #6A5B1A; margin: 5px 0 5px 0; font-size: 12px !important; list-style-type: disc }
#content div.corners ul.sitemap li a { color: #6A5B1A; font-size: 12px !important; }
#content div.corners ul.sitemap ul { padding-left: 35px; }
#content div.corners ul.sitemap ul li { list-style-type: square }
#content div.corners ul.sitemap ul ul li { list-style-type: circle }
#content div.corners ul.sitemap ul ul ul li { list-style-image: url(../Images/ListBullet.gif)}
#content div.corners ul.sitemap ul ul ul li li { list-style-image: none; list-style-type: none; }

/*	canvas: =search results
--------------------------------*/
dd a { padding: 0 2px; }

/*	footer
--------------------------------*/
#bottomline { border-bottom: solid 3px #9BB73C; clear: both; margin-top: 20px; }
#footer { margin: 0pt auto; text-align: center; width: 985px; margin-bottom: 50px; }
#footer address { display: inline-block; padding: 20px 20px 20px 80px; background:url(images/logo_klein.jpg) no-repeat left center;}
#footer address span { color: #575757; font-style: normal; font-size: 11px;}
#footer address a { color: #575757; font-style: normal; font-size: 11px;}
#footer address a:hover { color: #BD9D26; }


/*	News + Events
--------------------------------*/
div.newsform { float: right; width: 210px; margin-top: -25px;}
div.newsform div.form-container fieldset { float: right; padding-right: 0; width: 180px; }
div.newsform div.form-container fieldset div { float: none; }
div.newsform div.form-container fieldset div.fieldrow { width: auto; }
div.newsresult { float: left; width: 565px; }
#sessionevent { width: 185px; float: right; padding: 5px 0 0 10px;}
#sessionevent h2 { margin-top: 0; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.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;
}

/* WYSIWYG */

.login #content div.maincontent div, .login #content div.maincontent div.editmenu, 
.login #content div.maincontent div.editmenu div { background: none; padding: 0; margin: 0; }
.login #content div.maincontent div.editmenu a img { border: 0; }

.login #content div.rightcontent { float: left; width: 555px !important; }
.login #content div.rightcontent div div { padding: 0; }
.login #content div.rightcontent div.editmenu img, .login #content div.rightcontent #mceEditor img { width: auto !important; }