/*
Title:      	Baseproject master styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* a way around eyes cms */
a img{border-width:0;}
body {font:normal 68.75% Arial,Verdana,sans-sarif;background-color:#fff;}
/* ---- [ typography ] ------------ */

a {color:#1B1B1B;font-weight:bold;text-decoration:none;}
a:hover {text-decoration: underline;}
h1{font-size:1.9em;}
h2 {font-size:1.4em;margin-top:4px}
p {margin:8px 0 8px 0;}

#contentmain div.paragragh{margin:0 !important;}
#contentmain #eyeEditMenu *, 
#contentmain #eyeEditMenu  table { margin: 0 !important;border:none !important; width:auto !important;}
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
.editmenu{ margin-top: 20px !important; }
.editmenu img{ margin: 0px; }

acronym, abbr, cite, q, dfn {border-bottom: dashed 1px #B57B18;}
caption {font-weight:bold !important;color:#000 !important;}
#contentmain table.eyeRssFeed tr td { padding:5px; border:0px;vertical-align:top;}
#contentmain table {border-bottom:1px solid #F0F0F0; width:100% !important;}
#contentmain table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#contentmain th {border-bottom:1px solid #787878;padding:5px 15px 5px 5px;width:auto !important;text-align:left;}
#contentmain  table.eyeRssFeed  {border:0px solid #fff;padding:5px 15px 5px 5px;width:auto !important;color: #616161;clear:both;}
#contentmain table.eyeRssFeed tr.rssHeader td {border-bottom:1px solid #F0F0F0;}
#contentmain table.eyeRssFeed tr.rssHeader td,#content #inhoud table.eyeRssFeed tr.rssItem td , #content #inhoud table.eyeRssFeed tr.rssAlternatingItem td{font-size:1.1em;}
#contentmain table tr td { padding:5px;}
#contentmain   caption{float:left; color:#304c68;font-size: 1.3em;}
#contentmain  table tr.rssItem a, #container #inhoud table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important}
#contentmain  table tr.rssHeader, #container table tr.rssHeader a{font-weight:bold !important;color:#304c68 !important; }
#contentmain  fieldset table{border:0 !important;margin-top:10px;}

/*	wrapper
--------------------------------*/
#wrapper{
		
	WIDTH: 980px;margin:15px auto auto;background-color:#FFFFFF;
}

/*	header
--------------------------------*/
#top
{
	float:left;height:214px;width:980px;
}
#header
{
	float:left;width:720px;height:212px;
}
#topnav
{
	width:720px;float:left;height:90px;background-color:#FFFFFF;float:left;background-color:#65708C;
}
#placeholder
{
    width:720px;height:70px;float:left;font:bold 1.9em arial,verdana,trebuchet;color:#FFFFFF;padding-top:0px ;
}
#placeholder_text
{
	width:154px;height:41px;margin-top:17px;font: bold 2.3em Tw Cen MT,arial narrow,sans-serif;background: url('../images/title.jpg') no-repeat; 
}
#headerlinks
{
	width:710px;height:20px;float:left;background-color: #464A56;
}

.navigation { line-height: 13px; padding-top:2px; }
.navigation a { font: 11px verdana,trebuchet,arial; color:#FFFFFF; padding-left: 5px; padding-right: 0px; /*padding-top:2px;*/}
.navigation span { font: 11px verdana,trebuchet,arial; color:#FFFFFF; padding:0px; margin: 0 0 0 5px;}

#headerlinks .selected 
{
	color:#CC9D4B;
}
#margin{
	width:12px;
	height:70px;float:left;background-color:#65708C;border-bottom: solid 20px #464A56;
}

#logo
{
	float:left;width:257px;background-color:#FFFFFF;height:212px;margin-right: 2px;
}

#logofoto
{
	float:right;width:243px;height:144px;
}
#logolinks
{
	position:relative; float:right; background: url('../images/logo_links_background.jpg') repeat-x bottom left ;height:68px;width:243px; 
}

.logo_links dl, .logo_links dd , .logo_links dt{ display: inline; margin-left: 2px;}

.logo_links
{
	position: absolute; bottom: 0; width:220px; padding: 10px; text-align: left; font-size: 11px;
}
.logo_links_span, div.logo_links_span a
{
	color:#464958;margin-left:3px; font: bold 1.1em arial,verdana,trebuchet;
}

#headerfoto
{
	height:122px;width:710px;
	float:left;
	overflow:hidden;
}


/*	container
--------------------------------*/

#c-wrap
{
	width:978px;margin-top:1px;
}

/*content
---------------*/
#content
{
	width:700px;float:left;padding-left:10px; font-size:1.1em;background: url('../images/content_background.jpg') repeat-x; overflow: hidden;
}

#backleft{height : 25px;width:318px;float:left;padding:5px 0px 1px 15px;text-decoration:bold;}
#backleft h1 {height : 25px;font :17px Arial Rounded MT Bold ;color:White;}

#contentmain div{margin:8px 0 8px 0;/*padding-left:1px;*/}
#contentmain div.paragraph{/*margin:0px 0 0px 0 !important;padding-left:1px;*/float:left !important;clear:both;width:400px !important;}
#contentmain ul {padding-left:15px;}
#contentmain ul.navigation li{padding-left:7px;list-style:none;}
div.form-container span.timeSelectLabel {clear:left;
display:block;
float:left;
margin-right:11px;
padding-right:15px;
padding-top:5px;
width:119px;
}
.spancolor,.t-content  a
{
	color:#B57B18;
}
#breadcrumb
{
	background-color:#F9F9F9;color:#797876;float:left;width:675px;height:30px;margin-top:23px;border-color:#F0F0F0;border-style:solid;border-width:thin;padding:3px 10px 3px 10px;font-size: 11px;
}

#breadcrumb a{font-weight:normal;}

#flagmast
{
	float:right;font: 1.1em Arial Narrow, Arial, Verdana, Sans-Serif;color:#65708C;
}
.separator{font-size:10px;line-height:11px;padding:0px 2px 0px 2px;vertical-align:top;}
#sitenav
{
	float:left;margin-top:5px;
}

/*
#title
{
	margin-top:20px;float:left;width:670px;
}*/

#contentmain h1
{
	border-bottom:solid thin #C0C0C0;width:690px;
}
#contentmain .date
{
	font-size:0.9em;color:#919191;
}
#contentmain
{
	float:left;border-bottom: dashed thin #CDCDCD;margin-top:18px;margin-left: 10px; padding-right:15px;width:675px;
}
#contentmain a {color:#B57B18;font-weight:normal;}

#contentmain ul.navigation{margin-top: 10px; padding-left:0;}
#contentmain ul.navigation li{margin-top: 10px; padding-left:15px;  background: url(../images/select-submenu-bg.jpg) no-repeat  4px 3px;}
#contentmain ul.navigation a { font-size: 1.1em;}



#image
{
	float:right;padding-right:7px;padding-bottom:7px;margin:0 0 0 0;
}
#contentmail
{
	float:left;margin-top:14px;margin-left: 20px;
}
.mail_btn
{
	background-color:#988D7B;width:60px;height:20px;border:solid 0px;margin-left:10px;color:#fff;padding:3px 15px 1px;font: 1.1em Arial, Arial Black, Sans-Serif;
}
#background
{
	width:875px;height:10px;
}
#print
{
	float:right;margin:20px 0px 10px 0px; margin-bottom: 0px; padding-bottom: 0px;
}

/*teaser
---------------*/
#teaser{
	width:243px;margin-top:0; margin-right: 2px; background:tranparent;float:left;background:url('../images/teaser_background.jpg') repeat-x; overflow:hidden;
}
#c-wrap-placeholder
{
	height:20px;width:14px;float:left;
}
#teasercontainer
{
	float:left;width:243px;
}
.t-content
{
	width:223px;background-color:#F9F9F9;padding:5px 0px 10px 10px;border-color:#F0F0F0;border-style:solid;border-width:thin;border-top:none;
}
.t-content p
{
	margin:0px 5px 5px 0px;
}
.t-content a { font-weight:normal; font-size: 1.1em;  }

#search
{
	width:235px;height:37px;background-color:#F9F9F9;margin-top:23px;border-color:#F0F0F0;border-style: solid;border-width:thin;margin-right:5px;
}
.textbox 
	{
		margin:0px 0px 5px 18px;width:130px;height:17px;border:solid 1px #AAAAAA ;color:#9A9A9A ;font:bold 13px calibri,arial black,sens serif;color:#BCBCBC;padding:2px 0px 0 6px;
	}
#search a img 
{
	margin:5px 0px 0px 7px;
}
#spansearch
{
	font:arial black;font-weight:bold;
}
.teaser_title
{
	float:left;margin:20px 0px 20 0px;padding-right:3px;
}
.calander_title
{
	width:240px;height:30px;
}
#cal-wrap
{
	width:190px;margin:12px 0px 5px 18px;
}

.teaser_header_edge_right
{
	height:15px;width:8px;float:left;margin-top:14px;background-color:#F9F9F9;border:solid thin #F0F0F0;border-right:none;border-bottom:none; 
}
.teaser_header_edge_left
{
	height:15px;width:8px;float:left;margin-top:14px;background-color:#F9F9F9;border:solid thin #F0F0F0;border-left:none;border-bottom:none; 
}
#teaser_header_news
{
	width:217px;height:18px;float:left;background-color:#CECBC6;border-bottom:solid 5px #F9F9F9;padding:4px 0px 0px 0px;margin-top:5px;
}
#teaser_header_calander, #teaser_header_calanderhome 
{
	width:217px;height:18px;float:left;background-color:#988D7B;border-bottom:solid 5px #F9F9F9;
	padding:2px 0px 0px 0px;line-height: 17px;
}
.teaser_header_content
{
	color:#FFFFFF; font: bold 1.1em arial,verdana; margin:2px 0px 0px 5px; height:20px; line-height: 17px;
}


/*calendar
----------------------------------*/
#teaser .m-calendar { float: left; width: 190px;  }
#teaser .m-calendar h1 { margin-left: 0;}
#teaser table.m-cal { border-collapse: collapse; width: 170px; margin-right: 10px; }
#teaser table.m-cal * { text-align: center; font-size: 11px; line-height: 13px; font-weight: bold;}
#teaser .titelStyle { width: 100%;background-color:#D9DDE8; }
#teaser .titelStyle a{width:13px;color:#939DB8;}
#teaser .titelStyle td { color: #3D3533; font-weight: bold; font-size: 11px; }
#teaser .dayHeaderStyle {border-bottom:solid 1px #98C6FA;}
#teaser .dayStyle, 
#teaser .selectedDayStyle,
#teaser .selectedCell { color: #3D3533; }
#teaser .selectedCell a { font-weight: bold; color: #FEBA33; }
#teaser .selectorStyle { }
#teaser .todayDayStyle { background-color: #464A56; color: #fff; }
#teaser .todayDayStyle a { color: #fff;}
#teaser .otherMonthStyle { color: #CBB3C3; }

/* tree
--------------*/
#domRoot ul {
	padding: 0px 4px 0px 0px; 
	width: 220px;list-style:none;
	}
	div.lvl1 ul li {
	background: #F9F9F9 url(../images/sub-menu-bg.jpg) no-repeat 4px 3px; 
	margin: 2px 0px 2px 0px;
	padding:0px 0px 0px 15px;
	display: block;
	border: 0px solid #fff;
	font: bold 1.2em arial,verdana;
	
	}

#domRoot div.act1 ul li {display: block;
	margin: 2px 0px 2px 0px;
	padding:0px 0px 0px 15px;
	width: 150px;
	background:  url(../images/select-submenu-bg.jpg) no-repeat  4px 3px;}
#domRoot div.act1 ul li a{color:#B57B1A;}
#domRoot div.act2 ul li 
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 28px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/selected-sub-menu-li-bg.jpg) no-repeat  18px 4px;}
#domRoot div.act2 a,#domRoot div.act3 a,#domRoot div.act4 a{color:#D2BB99;}
div.lvl1 ul li a{color:#9B8B7C;}
div.lvl2 ul li 
{
	line-height: 0px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 28px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/sub-menu-li-bg.jpg) no-repeat  18px 4px;}
div.lvl2 ul li a,div.lvl3 ul li a {color:#B98428; line-height: 1.1em;}
div.lvl3 ul li 
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 38px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/sub-menu-li-bg.jpg) no-repeat  28px 4px;}
	div.lvl4 ul li a {color:#B98428;}	
	
div.lvl4 ul li 
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 48px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/sub-menu-li-bg.jpg) no-repeat  38px 4px;}
	
#domRoot div.act3 ul li 
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 38px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/selected-sub-menu-li-bg.jpg) no-repeat  28px 4px;}
	
#domRoot div.act4 ul li 
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 48px;
	width: 150px;
	/*border: 0px solid orange;*/
	background:  url(../images/selected-sub-menu-li-bg.jpg) no-repeat  38px 4px;}
	
/*	footer
--------------------------------*/
#footer
{
	height:50px;background-color:#464A56;float:left;margin:20px 0 0 0px;width:980px;
}

#footerlinks
{
	color:#FFFFFF;font-family:Arial, Arial Black, Sans-Serif;float:right;margin-left:0px;width:718px;padding-top:10px; font-size: 11px;
}
#createdby{width:200px;float:left;color:#fff;margin-left:20px;}
#createdby a img {margin:13px 0 0 0px;}
#footer a {color:#fff;font-weight:normal;}
 .seperator
{
	padding:0px 5px 0px 5px;
}
#f-span{display:none;}

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