﻿/*
Title:      	bocholt master styles for screen media
Author:     	fny, © 2008 anaXis nv.
Updated:        Jan 30 2009
*/
body {background:#686766;font-size: 87.5%; font-family:Arial, Tahoma, "Sans Serif";}
* { margin: 0; padding: 0;  }
* div[width] {width: 100% !important;} /*'## Improvising for now, hack for eyes cms */

/* ---- [ typography ] ------------ */
h1{ font-size:1.3em; margin-bottom:20px;}
h2{ font-size:1.2em; font-weight:bold; margin-bottom:10px;}
h3{  font-size:16px;}
a { font-weight:normal; font-size: 1em; color:#326ea7; text-decoration:none; cursor:pointer; border:none;}
a img{border:none;}
a:hover{text-decoration:underline;}
.seperator{margin :0px 10px;}
.sep{padding :0 10px 0 0;margin :0 10px 0 0;background:url("images/separator.gif") no-repeat right center;}

p { margin-bottom: 15px; overflow:hidden;}

li { font-size: 1em; list-style-type:square; margin-left: 15px; }
ul ul li{list-style-type:circle;}
ol li,ol ol li{list-style-type:decimal;}
table{width:auto;border-collapse:collapse;}
td p { margin-bottom: 2px; }
ul,ol { margin-left:20px;}
caption{font-weight:bold;}
ul ul,ol ol{ margin-left:40px;}
acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #000;}
.hr{height:1px;}



/*** RSS FEED ***/ 
#content table.eyeRssFeed{border:solid 1px #EDECE8 !important;margin-bottom:10px !important;}
#content table.eyeRssFeed tr p {margin-left:0px !important;}
#content table.eyeRssFeed tr td a.rssHeader{font-weight:bold;}
#content table.eyeRssFeed tr td{padding:3px 3px !important;}
#content table tr th{text-align:left !important;}

/*** 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
--------------------------------*/
#wrapper {width:1024px;margin:0 auto;}

/*	header
--------------------------------*/
#header {position:relative; background:#ffffff;float:left;width:979px;padding:0 0 0 45px;/**/}
#header-arch {z-index:1;position:absolute;bottom:0;right:0;width:180px;height:140px; background-color:Blue;  background:url("images/blue_slope.gif");background-position:left bottom;margin-bottom:-1px;}
#logo { float:left; width:267px; height:130px; padding-top:15px;}
#logo img{border:none;}
#logo h1, #logo h2 { display: none; } 
div.images { padding:0;margin:0; border-collapse:collapse;height:145px;border:none;}
/*.images img {max-width:150px; min-height :145px;width : expression(this.width > 150 ? 150:true);  height : expression(this.height < 145 ? 145:true);}*/
.images img {float:right;}

/*	wrapper-search
--------------------------------*/
#wrapper-search {background-color :#326ea7;padding : 0 0 0 50px;float:left;width:974px;margin:0; height:40px;color:#ffffff; font-size:0.7em;text-transform: lowercase;}
#inner-search{background :url("images/upperloop.jpg") no-repeat right bottom;height:32px;padding-top:8px;}
#wrapper-search a{color:#ffffff;}

#wrapper-search label {color:#ffffff;  margin-right:10px;text-transform:none;font-weight:700;}
#wrapper-search img {vertical-align:middle;padding-right:2px;}
#wrapper-search input {vertical-align:middle;}
#wrapper-search .txticons,
#wrapper-search .searchbtn{margin-right:20px; }

/*	menu-top
--------------------------------*/
#menu-top {text-align: left;border: 1px ;margin: 0 ;float:left;width:1024px;  height:43px;}
#menu-top a{color:#000000;}
#headerlinks{background-position:right top ; background-repeat:no-repeat;padding:10px 0 0px 50px;height:33px;font-size: 1em;  }
#headerlinks .selected {font-weight:bold;}

/* menu-left
--------------------------------*/
#menu_left {float:left;padding-top:30px;  width:170px;  }
.t-content { text-align:center;  width:160px;  padding-top:5px;border:none; margin-bottom:90px;}
.t-content p { margin:0px 5px 5px 0px;}
.t-content a { color:#000000;}

.link{padding:10px 0;}
.poll-link{margin:10px 0;}

.lvl2 li{padding:5px 0;font-size:0.9em;}
.lvl3 li{font-size:0.8em;font-style:italic;}

.link a{font-weight:bold; font-size: 0.8em; /*text-decoration:none;*/  border-bottom-width:0; }
#domRoot {float:left;}
#domRoot ul {padding: 0px 0px 0px 0px;list-style:none;margin-left:0;float:left; width:160px;}
#domRoot div {float:left; width:160px;}

#menu_left li {list-style-type:none;margin-left:0;}
#menu_left .link { border-bottom:2px;border-bottom-style:solid;}
#menu_left dl .link { border:none;}
#onder-menu  { margin:0;}

.btn_1 {height:32px;margin-bottom:3px;width:100px;} 
#subsites {float:left;}
.subsites {float:left;clear:both;margin-bottom:10px;border:outset 2px #B4B5AA;width:150px;height:18px;text-align:center;font-size:16px;font-weight:700;padding:5px 0;color:#000;}

.mainss{background-color:#c2bab2;}
.vri{background-color:#326ea7;}
.ocmw{background-color:#84b819;}
.toe{background-color:#f1e400;}

/* menu-right
--------------------------------*/
#menu-right {width:200px; float:right ;}

/* Calender 
--------------------------------*/
#menu-right div.calendar table.m-cal {border-collapse: collapse;  background: #f2efcc;margin-right:10px;   border: solid 1px #BDC81f; width:190px;  font-size: 11px;  text-align: center; color: #000000; }
#menu-right div.calendar table.m-cal td{border: 0; margin:0;  }
#menu-right table.m-cal td.selectorStyle,#menu-right table.m-cal th.dayHeaderStyle, #menu-right table.m-cal td.otherMonthStyle, #menu-right table.m-cal td.dayStyle,
        #menu-right table.m-cal td.todayDayStyle, #menu-right table.m-cal td.selectedCell { padding:5px 2px; }
#menu-right table.m-cal th.dayHeaderStyle{font-weight: bold;}
#menu-right table.m-cal td.selectorStyle{font-weight: bold;}
#menu-right table.m-cal td.selectorStyle a{color:#afaf7b;font-weight: bold;}
#menu-right table.m-cal td.otherMonthStyle{ color: #cec6a5;}
#menu-right table.m-cal td.selectedCell {background-color:#ffffff; }
#menu-right table.m-cal td.selectedCell a{ font-weight: bold; color: #000000; }
#menu-right table.m-cal td.todayDayStyle { background-color:#d1d30e; }
#menu-right table.m-cal td.dayStyle{ background-color:#ffffff; }
#menu-right div.calendar h3 { color: #000000;margin:25px 0; }
#menu-right table.titelStyle { border-collapse: collapse; width: 100%; border-bottom: solid 1px #BDC81F;background:#FFFFFF;  font-weight:bold;}
#menu-right table.titelStyle td{ padding:5px 0;}

#overzicht {width:190px; padding:5px 0 0 5px;text-align:center;}
#overzicht a{font-size:14px;font-weight:bold;}
#mnurightbottom {margin-top:100px;width:199px; z-index:1; overflow:hidden}/*------ie6 breaks down when a menu item is too long */
#mnurightbottom a {color:#000000;}
#mnurightbottom ul {list-style:none;}
#mnurightbottom ul li span { margin: 10px 10px 10px 0px;color:#0073AA;}
#mnurightbottom ul li { font-style:normal; font-size:0.9em ;margin: 10px 20px 10px 0px;list-style-type:none;}

/*	container
--------------------------------*/
#bread_crumb {margin :10px 0px 30px 0px; font-size:12px;width:560px;}
#bread_crumb a{font-size:12px;}
#bread_crumb span.verzenden{float:right;}
#bread_crumb span.verzenden a{color:#bd1016;}
#bread_crumb span.verzenden img{margin-right:5px;vertical-align:middle;}
#wrapper-content {background:no-repeat right top;float:left;padding:0 0 20px 45px; width:979px;}
#content {margin-bottom:30px; float:left;width:auto;padding: 0  25px 0 20px   ; }
#content-home{width:564px;  text-align:justify;}
#content-basic{width:764px;overflow:hidden;}
#content-basic ul,#content-basic ol {margin-bottom:10px;}
#content-basic table{clear:both;}

#content-basic fieldset{width:480px; border:solid 1px #326ea7; font-size:0.9em; padding:10px;margin:5px 0;}
#content-basic fieldset legend{background-color:#326ea7;padding: 7px ; color:#ffffff; font-size:0.8em; font-weight:bold;margin-bottom:10px;}
#content-basic fieldset .fieldlabel{width:150px;margin-right:10px;float:left;}
#content-basic fieldset .fieldelement{float:left;}
#content-basic fieldset .fieldrow,#content-basic fieldset .fieldrowinv{clear:both;margin-bottom:3px;}
#content-basic fieldset .fieldrow div input,#content-basic fieldset .fieldrow div select{width:155px;}
#content-basic fieldset .fieldbutton{margin-bottom:10px;}
#content-basic fieldset .fieldrow a{font-size:0.9em;}
#content-basic .form-results h2{font-size:1.1em;}
#content-basic .form-results b{font-weight:normal;}
#content-basic .form-container .resultrow{width:500px;}

/* POLL
--------------------------------*/
div.activepolls{margin-top:30px;}
table.radiobtn_list input {margin-right:10px;}
.stem{margin-bottom:20px;}

/* Search results
--------------------------------*/
#content-basic div.searchResult {margin-bottom:10px;}
#content-basic div.searchResult p a{font-size:1.2em; margin:0;}
#content-basic div.searchResult p{font-size:0.8em;}
#content-basic div.searchResult span.score{font-size:1em;display:block;}
#content-basic div.searchResult b{font-size:0.7em;margin-left:15px; display:block; font-weight:600;}
#content-basic div.searchResult a{font-size:0.9em;margin-left:15px;}
#content-basic  div.more {padding-left:5px;}
#content-basic div.more a{font-size:0.8em; font-weight:bold;  text-decoration:underline;/**/}
#content-basic div.searchModResults h2{font-size:1em; font-weight:bold; margin:10px 0;}
#content-basic #back a{font-size:0.8em; font-weight:bold;/*text-decoration:underline; */ }
#content-basic .fieldresultcount,.fieldnoresults{ font-size:0.7em;}
#content-basic .form-results a.title{ clear:both;display:block;}
#content-basic .form-results b{ font-weight:600;}
#content-basic .form-results h2{ font-size:0.9em;margin:10px 0 3px 0;}
#content-basic .form-results p{ font-size:0.9em;}

/* Sitemap
--------------------------------*/
#content-basic ul.sitemap{list-style-type:decimal;  font-size: 0.9em ; font-weight:normal; margin:0 0 0 20px;}
#content-basic ul.sitemap li { margin:20px 0 0 10px;}
#content-basic ul.sitemap li ul{margin:5px 0 0 20px;}
#content-basic ul.sitemap li ul li{margin:5px 0 0 20px; color:#babdb6;list-style-type:square;}
#content-basic ul.sitemap li ul li li{margin:5px 0 0 20px; list-style-type:none;}
#content-basic ul.sitemap li ul li a{color:#000000; }
#content-basic ul.sitemap li ul li a:hover{/*text-decoration:underline;*/ }



/*	footer
--------------------------------*/
#wrapper-footer  {background-color : #FFFFFF;text-align:center;float:left; width:1024px;}
#wrapper-footer ADDRESS {padding:10px 10px 10px 10px;width :1004px; font-style:normal; font-size: 0.8em;}
#createdby {background: url("images/stripe.png") repeat-x ; background-position:bottom left; padding-bottom:10px;float:left;}
#createdby IMG {BORDER-TOP-WIDTH: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	BACKGROUND-COLOR: white;	BORDER-RIGHT-WIDTH: 0px; color:Black;}
#createdby p a{}

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu { z-index: 1;}
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }