/*
Title:      	Stekene master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 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 */
a img { border: 0; }

body { font: normal 62.5% Times New Roman, Verdana, sans-serif;background-color:#f8eadd;  }
body.blue{background:#e4e9ed url(images/headerbg.jpg) repeat-x left top;}
body.pink{background:#f8eadd;}

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; text-decoration:none;color: #915e5e;}
address { color: #fff; font-size: 1.1em; font-style: normal; }
h1 {
    font-size: 2.9em; font-weight:normal; color: #90726d;
   }
h2 {
    font-size: 2.1em; font-weight:normal;color: #919090; 
    }
h3 { font-size: 1.9em;font-weight:normal;color: #919090; }
ul{list-style-type: none;}

p { font-size: 1.4em; color: #878787; }
p a { font-size: 1em;}

/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto; width:100%; background:url(images/headerbg.jpg) repeat-x left top; }


/*	geheel
--------------------------------*/
#geheel {background:#ffffff url(images/treebackground.jpg) repeat-y top left; width: 960px;clear:both;margin: 0 auto; overflow:hidden;border:solid 3px #ffffff;border-top:0;}
.blue #geheel{background:#ffffff url(images/treebackgroundblue.jpg) repeat-y top left;}

/*	left
--------------------------------*/
#left {float:left; width: 232px; border-right:solid 4px #ffffff;}

/*	lefttop (exactally height =  height + border)
--------------------------------*/
#lefttop {float:left;height:23px; width: 232px; background-color:#e8dad7;border-bottom:solid 3px #ffffff;}
.blue #lefttop{background-color:#d9d9d9}

/*	menutools
--------------------------------*/
#menutools{padding:0px 6px 0px 6px; font-size: 1.0em;  }
#menutools li {float:left;padding:4px 8px 4px 8px;}
#menutools li.switcher{padding:4px 8px 0 8px;}
#menutools li a{font-size:1.1em; color:#90726d; font-weight:700;}
.blue #menutools li a{color:#717b74;}
#menutools li .separator{font-size:1.1em; color:#90726d;}
.blue #menutools li .separator{color:#717b74;}
#menutools li ul{padding:0;}
#menutools li ul li{padding:0;}

#menutools .lang li{padding:0px 3px 0px 3px;}
#menutools a.default {   padding-right: 4px;  }
#menutools img.arrow {padding:0;border:0;margin:0;display: inline; }
#menutools a.bigger { width: 6px; padding-left: 2px; }


/*	leftbottom
--------------------------------*/
#leftbottom {float:left;}

/*	sidebar
--------------------------------*/
#sidebarbox{display: table; #position:relative; font-style:italic; float:left;height:124px; width: 232px; background-color: #8f726c;overflow:hidden;}
.blue #sidebarbox{background-color: #a3a9a5;}
.blue #sidebarbox p{color:#261b21; }
#sidebarbox p{color:#000000;font-size:1.1em;#position: relative; #top: -50%; text-align:justify;padding:0 15px;}
#sidebarbox h3{color:#000000;font-size:1.1em;#position: relative; #top: -50%; text-align:justify;padding:0 15px;}
.blue #sidebarbox h3{color:#000000;font-size:1.1em;#position: relative; #top: -50%; text-align:justify;padding:0 15px;}
#sidebarbox div{#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}

/*	subtree
--------------------------------*/
#subtree{float:left;width:232px;/*border-right:solid 3px #ffffff;*/}
#subtree .tree{padding:0px 0px 15px 10px;}
#subtree .tree ul { display: none; }
#subtree .tree ul.open { display: block; }
#subtree li.treetitel span{text-transform:uppercase;color:#f3f3f3;font-size:1.3em;font-weight:700; padding:5px 0px;}
#subtree li.lvl1 a{color:#f3f3f3;font-size:1.3em;font-weight:700;padding:0px 0px 0px 10px}
#subtree li.lvl1.current a{color:#24191f;}
#subtree li.lvl1 ul.open{padding-bottom:7px;}
#subtree li.lvl1 li.lvl2 a{color:#f3f3f3;font-size:1.3em;font-weight:700;padding:0px 0px  0px 18px}
#subtree li.lvl1 li.lvl2.current a{color:#24191f;}


/*.blue #subtree{background-color:#a3a9a5;}*/


/*	right
--------------------------------*/
#right {float:right;width: 724px; background-color:  #ffffff;}

/*	header
--------------------------------*/
#header{height:115px;width: 724px;}

/*	logo
--------------------------------*/
#logo{float:left;width:724px}
.logo{float:right;}

/*	menu
--------------------------------*/
#menu{clear:both;background-color:#cac2af; float:left;overflow:hidden; height:35px;width:724px;}
#menu ul{float:left;padding:10px 0 11px 12px;}
#menu ul li{font-weight:700; display: inline;padding: 3px 8px 3px 5px;  }
#menu ul li.first { padding: 3px 8px 3px 0px;  }
#menu ul li a {font-size:1.2em; color:#21233a;}
#menu ul li .separator{font-size:1.2em;color:#90726d;}
#menu ul li.current a{color:#ffffff;}
#menu ul li a:hover { }

/*	tools added display: none --> customer added to many items in the menu
-------------------------------------------------------------------------------*/
#tools{float:right;background-color:#cbb4ae;height:35px;width:201px;border-left:solid 2px #ffffff; display: none;}
.blue #tools{background-color:#a3a9a5;}

/*	search
--------------------------------*/
FIELDSET#search{ padding-left:10px; border:0; height:35px;}

FIELDSET#search input.text{ font-size:1.05em; color:#6f6f6f; margin:6px 0px 0px 0px; padding:1px 0px 5px 0px; width:160px; /*height:35px;*/ line-height:12.3pt;border:0;}
FIELDSET#search input.button{ position:relative; top:7px; left:1px;}

/*	container
--------------------------------*/
#container{float:left;width:724px;}

#submenu{clear:both;border-bottom:dotted 1px #000000;float:left; overflow:hidden;width:724px;}
#submenu .current a{color:#000000;}

ul.SubMenuNavigation{float:left;padding: 4px 0 8px 12px;width:509px; }
ul.SubMenuNavigation li{float:left;font-weight:700; display: inline;padding: 0px 8px 3px 5px;}
ul.SubMenuNavigation li.first { padding: 0px 8px 3px 0px;}
ul.SubMenuNavigation li a {font-size:1.2em; color:#90726d;}
ul.SubMenuNavigation li .separator{font-size:1.2em;color:#90726d;}
ul.SubMenuNavigation li.current a{color:#ffffff;}
/*.SubMenuNavigation ul{float:left;padding:10px 0 11px 12px;}*/
 
#functions {float:right; width: 135px; /*width:203px;*/}
#functions li{float:left;display: inline;padding: 5px 0px 3px 10px;} 
#functions .firstseparator{padding: 5px 0px 3px 0px;}
#functions li a{font-size:1.1em;color:#7b7b7b;}
/*hide facebook*/
#functions li:nth-last-child(1) { display: none; }
#ctl00_facebooklink { display: none; }


/*	breadcrumb
--------------------------------*/
#breadcrumb{font-size:1.1em;float:left;width:717px;padding:5px 0 0 7px;} 
#breadcrumb span{font-size:1.1em;color:#a8a7a7;}
#breadcrumb span a{font-size:1.1em;color:#a8a7a7;}
#breadcrumb a{font-size:1.1em;color:#a8a7a7;}

/*	canvas
--------------------------------*/


/*	content
--------------------------------*/
#content{float:left; width:682px;padding:10px 25px 25px 17px;min-height:326px;}
.home #content{height:330px; }
#content h1{padding:5px 0px 10px 0px;}
#content h2{padding:5px 0px 5px 0px;}
#content p{line-height:1.2em; margin-bottom: 20px; }
#content a.link:hover { text-decoration: underline; }
#content ul {color:#878787; padding-left: 20px;padding-bottom:20px;  }
#content li { font-size: 1.4em;  list-style-position: outside; list-style-type: disc; }
#content li li{list-style-position: outside; list-style-type: circle;font-size: 1.0em;}
#content li a { color: #595959; text-decoration: none; font-size: 1em; }
#content li a:hover { text-decoration: underline; }

/*	news
--------------------------------*/
#news_content{float:left; width:497px;border-right:solid 3px #ffffff;background-color:#eae6db;height:184px;padding:0 0 0 17px;}
#news_content h1{font-size:1.9em;font-weight:700;  color:#795853; margin:10px 0px 0px 0px;}
#news_content h1 a{font-size:1.0em;font-weight:700; color:#795853; margin:10px 0px 0px 0px;}
#news_content h2{font-size:1.4em;font-weight:700; color:#7b7a7a;margin:5px 0px 0px 0px;}
#news_content h2 a{font-size:1.0em;font-weight:700;  color:#7b7a7a;margin:5px 0px 0px 0px;}
#news_content p{font-size:1.4em;}
#news_content .footer{margin:5px 0 0 0;}
#news_content .footer a{font-size:1.2em;color:#915e5e;}


/*	events
--------------------------------*/
#events_content{float:left; width:190px;background-color:#e8dad7;height:184px;padding:0 0 0 17px;}
#events_content h1{font-size:1.9em;font-weight:700; color:#795853; margin:10px 0px 0px 0px;}
#events_content h1 a{font-size:1.0em;font-weight:700; color:#795853; margin:10px 0px 0px 0px;}
#events_content dt{font-size:1.4em;font-weight:700; color:#7b7a7a;margin:5px 0px 0px 0px;}
#events_content dt a{font-size:1.0em;font-weight:700; color:#7b7a7a;margin:5px 0px 0px 0px;}
#events_content dd{font-size:1.3em;color:#7b7a7a;}
#events_content .footer{margin:5px 0 0 0;}
#events_content .footer a{font-size:1.2em;color:#915e5e;}

/* sitemap
--------------------------------*/

.sitemapPage {/* margin-top: 24px; margin-left: 26px; margin-right: 22px;*/padding:10px 25px 25px 17px;width:678px;float:left; }
.sitemap h1{padding:5px 0px 10px 0px;}
.sitemap { padding-left: 17px;  }
.sitemapPage .sitemap a { text-decoration: none; }
.sitemapPage .sitemap li { list-style-type: disc; font-size: 1.2em; line-height: 1.6em; }
.sitemapPage .sitemap ul li { list-style-type: square; margin-left: 10px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul li { list-style-type: circle; margin-left: 20px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul li { list-style-type: circle; margin-left: 30px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul li { list-style-type: circle; margin-left: 40px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul li { list-style-type: circle; margin-left: 50px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul ul li { list-style-type: circle; margin-left: 60px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul ul ul li { list-style-type: circle; margin-left: 70px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul ul ul ul li { list-style-type: circle; margin-left: 80px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul ul ul ul ul li { list-style-type: circle; margin-left: 90px; font-size: 1.0em; }
.sitemapPage .sitemap ul ul ul ul ul ul ul ul ul ul li { list-style-type: circle; margin-left: 100px; font-size: 1.0em; }


/*bottom
--------------------------------*/
#bottom{float:left; width:502px;border-right:solid 3px #ffffff;background-color:#ece8df;height:184px;padding:0 0 0 17px;}
#bottom h1{font-size:1.9em; color:#717b74; margin:10px 0px 0px 0px;}
#bottom h1 a{font-size:1.0em; color:#717b74; margin:10px 0px 0px 0px;}
#bottom h2{font-size:1.4em;font-weight:700; color:#717b74;margin:5px 0px 0px 0px;}
#bottom h2 a{font-size:1.0em;font-weight:700;  color:#717b74;margin:5px 0px 0px 0px;}
#bottom p{font-size:1.4em;color:#717b74;}

/*bottomfoto
--------------------------------*/

#bottomfoto{float:left; width:202px;background-color:#e8dad7;height:184px;}


/*	footer
--------------------------------*/
#footer {width: 760px;clear:both;margin: 10px auto 10px auto; overflow:hidden; border-bottom:dotted 1px #8b8787;padding:0 0 15px 0;}
#footer address{text-align:center; padding:0 0 2px 0;}
#footer address span{color:#8b8787;font-size:1.2em;}
#footer span { padding: 0 5px; }

#footer #menu_bottom{padding:0 0 5px 0;text-align:center;}
#footer #menu_bottom a{color:#8b8787;font-size:1.2em;padding:0 5px;}
#footer #menu_bottom span{color:#8b8787;font-size:1.2em;}


#partners{text-align:center; width: 960px;clear:both;margin: 5px auto; overflow:hidden;}
#partners a{vertical-align:middle; padding:0 15px 0 15px;}


.login{float:left; width:682px;padding:10px 25px 25px 17px;}
.login h1.aanmelden{margin-bottom:20px;}
.login p.aanmelden{margin-bottom:5px;}
.login .aanmelden a{font-size:1.4em;}
.search{float:left; width:682px;padding:10px 25px 25px 17px;}
.newslist{float:left; width:682px;padding:10px 25px 25px 17px;}
.newslist #ctl00_ContentRoot_Search_btnArchive{display:none;visibility:hidden;}
.eventslist{float:left; width:682px;padding:10px 25px 25px 17px;}
#content table{margin:25px 0 0 0; text-align:center;}
#content table.sessions{width:500px;}
#content table th{background-color:#cac2af;font-size:1.3em; }
#content table td{background-color:#ece8df; font-size:1.2em;}

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }
div.wysiwyg_menu { height:76px!important; }
.mceEditor { position:relative; }
.mceButtonNormal, .mceButtonDisabled { width:20px!important; }
.mceToolbarTop  * { float:left!important; text-align:left!important; clear:none!important; }