/*
Title:      	Baseproject master styles for screen media
Author:     	fny, © 2008 anaXis nv.
Updated:        April 03 2009
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
body {background:#48434a url("images/background.jpg") repeat-x;font-family:Arial; }

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

dfn, abbr, acronym, q { border-bottom: dotted 1px #000; }

/* typography
--------------------------------- */
h1 {font-size:1.1em;color:#bb1016;font-weight:500;margin-bottom:15px;}
h2 {font-size:0.8em; font-weight:bold; margin-bottom:10px;}
a {color:#796a81; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 15px; overflow:hidden;}
#right p a,#bottom p a { font-size: 1em;}

#right ul, #right ol { font-size: 0.8em; padding-left: 20px; margin-bottom: 10px; }
#right ol { padding-left: 25px; }
#right ul ul, #right ul ol, #right ol ol, #right ol ul { font-size: 1em; margin-bottom: 0; }
#right li { font-size: 1em; }
#right ul li { list-style-type: square; }
#right ol li { list-style-type: decimal; }

#bottom li {background:url("images/arrow_light.gif") no-repeat left 4px ; padding-left:18px; font-size: 1em; list-style-type:none; margin-left: 0px; }
#bottom ul ul li{list-style-type:circle;}
#bottom ul { font-size: 0.8em; margin:0 0 10px 0px;}
#bottom ul ul{ margin-left:40px;font-size: 1em}

#right table,#bottom table{width:auto;}
#right table td,#bottom table td{vertical-align:top;}

#right table { border-collapse: collapse; border: 1px solid #000000; margin-bottom: 10px; }
#right table th, #right table td { padding: 5px; border: 1px solid #000000; }
#right table tr.headerrow th { background-color: #7A6A84; color: #ffffff; }
#right table tr.headerrow th a { color: #ffffff; }

#right #eyeEditMenu table { border: 0; }
#right #eyeEditMenu table * { border: 0; }

/*	wrapper
--------------------------------*/
#top,#wrapper-spacer,#spacer,#wrapper-menu{width:950px; }
#wrapper {background: transparent url("images/bg_full.jpg")  no-repeat center top; width:100%; margin:0px auto; text-align:center;}
div.wrappercontent-basic {padding:15px 5px 0 5px;overflow:hidden; width:951px;margin:0px auto;background:#fff ;text-align:left;}
div.wrappercontent-home {padding:15px 5px 0 5px;overflow:hidden; width:951px;margin:0px auto;background:#fff url("images/family.png") no-repeat right bottom;text-align:left;}

/*	header
--------------------------------*/
#wrapper-top { width:950px;background-color:#fff;padding:0 ;margin :0;}
#topblock { width:950px; height:89px; padding:0; margin :0;}
#logo {width:190px; height:90px; margin:0;float:left;}
#logo h1, #logo h2 { display: none; } 
#logo img{border:none;}
#slogan {padding-top:30px;width:720px;height:30px;float:left;font: normal 20px/20px Arial;color: #836693;background:url("images/heide_bg.jpg") no-repeat right bottom;}
#slogan .sloganlabel{margin-right:177px;float:right;}
#addressstripe{width:760px;height:25px;float:left;}

#addresstop { margin: 0; float:left; width:728px; height:20px; padding:5px 0 0 25px;background:#3b3c3e url("images/adressleft_bg.jpg") no-repeat left top;}
#addresstop address { float :left; font-size:0.9em;color:#fff;width:640px;height:20px;overflow:hidden;}
#addresstop address a {color:#fff;}
#addresstop span {float :left; font-style:normal;font-size:0.9em;}
#addresstop span.seperator {padding:0 9px 0px 0; margin-right:5px; background: url("images/spacer.gif") no-repeat right; }

#wrapper-resizer {float:right; color:#fff;  margin:0 10px 0 0;width:60px;}
#wrapper-resizer a,#wrapper-resizer input{vertical-align:middle;margin-right:10px;}
#wrapper-resizer a img{ border: 0;}
#wrapper-resizer .hidden {display: none; }
#addressright{float:right; width:7px;height:28px;background:url("images/adressright_bg.jpg") no-repeat right top;}


#menutop { width:950px;height:50px; background-color:#7a6a84;padding:0 ;margin :0;}
#navigation { width:700px ;margin :0; padding :13px 12px 12px; font-size:16px;}
#navigation .seperator { padding:0  12px 5px 0;margin-right:12px; background: url("images/seperator.gif") no-repeat right;display:block;float:left;}
#navigation a {color:#fff; float:left ;margin-top:3px;}
#navigation dl {float:left;}
#navigation dl dt {position:absolute;top:-95px;left:750px; z-index:2;font-size:10px;}
#navigation dl dd {position:absolute;top:-95px;left:790px; z-index:2;font-size:10px;}
#navigation dl dd.link {position:static;font-size:16px;}

/*	search
--------------------------------*/
#wrapper-search {margin:0; width:200px; position:absolute;left:750px; top:34px; height:34px; background:#fff url(images/search_bg.gif) no-repeat;}
#search {margin:0;  padding: 3px 0 2px 4px;width:193px;  height:33px; }
#searchtext  {width:160px;padding:0;margin-top :5px; float:left; border-width:0;}
#searchtext  input{margin-left :4px; }
#searchtext * {width:160px;padding:0;margin :0; float:left; border-width:0;}
#searchbutton {float:right;  margin:auto 0px auto 0;}
#searchbutton  input { margin:0;width:27px;height:26px;}

/*	container
--------------------------------*/
/*breadcrumb*/
#breadcrumb {float:left;height:15px;  width:930px;margin-top:8px; padding: 0px 10px;font-size:0.7em; }
.currentlocation {color:#989898; }

/*maincontent*/
#maincontent {float:left; width:950px; padding :20px 0 0 0px; overflow:hidden}

/*leftcol*/
#left {float:left; }
#leftcol {width:413px;}
.shortmenu {display:block; float:left;display:inline; font-weight:bold; color:#fff; text-align:center;} 
.big {background:url(images/big_menu.gif) no-repeat;width:29px;height:22px; margin:0 5px 0 0;_margin:0 2.5px 0 0; padding:4px 0 3px 0;     float:left;display:inline; font-family:Arial Narrow;font-weight:bold; color:#fff; text-align:center;}
.small{background: url(images/small-menu.gif) no-repeat;width:22px;height:20px; margin:0 5px 0 0; padding:2px 0 0 0;text-align:center; float:left;display:inline;font-family:Arial Narrow; font-weight:bold; color:#fff; font-size:14px;}
.fullmenu {margin: 5px 0 0 0;font-size:1.1em;width:160px;overflow:visible;color:#3b3c3e;display:block;float:left;}

#leftcol ul.dropdownmenu { display:block; list-style:none; font-family:Arial;font-size:15px;padding :0;font-weight:normal;}
#leftcol ul.dropdownmenu li.toplevel {float:left;width:202px;background:#eaeaea; height:122px; margin: 0;  border:solid 2px #fff;  display:block; font-weight:bold;}
#leftcol ul.dropdownmenu li ul{margin-top:11px;display:block;clear:both;float:left;}
#leftcol ul.dropdownmenu li ul li {width:202px;float:left;line-height:1.3;display:list-item; background: url("images/arrow.gif") no-repeat 5px 3px ;font-weight:normal;list-style-type:none;}
#leftcol ul.dropdownmenu li ul li a{margin: 0  0 0 25px; color:#000000;font-size:0.8em;float:left;}

#wrapper-left {width:413px; float:left;}
#left_inner{width:254px; float:left;}
#menu_left_top {width:254px;height:6px;background-color:#eaeaea;float:left;clear:both;}
#menu_left_bottom {width:254px;height:6px;background-color:#dadada;float:left;clear:both;}
#menu_left_bottom div {border-color:White!important;} /*overwrite borders of alpha corners in google chrome*/
.mnucollapsed #menu_left_bottom  {background-color:#eaeaea;}
#menu-left{width:254px;background-color:#dadada;float:left;clear:both;}
.mnucollapsed #menu-left{background-color:#eaeaea ;}
#menu-left #menu-header {width:254px;float:left;}
#menu-left #menu-header li{margin-left:0;list-style-type:none;  }
#menu-left ul{ list-style-type:none;  clear:both; }
#menu-left ul li {display:block; }
#menu-left ul li span,#menu-left ul li a{float:left; }
#menu-left #expandcollapse{width:56px;position:relative;  background:url("images/toggle.gif") no-repeat 0px 0px; height:30px; cursor:pointer; right:0px;top:-6px; z-index:100;float:right;}
.mnucollapsed #menu-left #expandcollapse{background-position:-56px 0px !important;}
#menu-left div{width:254px;float:left; }
#menu-left div.expands{background-position:-56px 0px !important;}
#menu-left div.collapses{background-position:0px 0px !important;}
#menu-left #othermenu {width:254px;float:left; margin-bottom:20px;}
#menu-left #othermenu ul li{margin-bottom:2px;padding-left:4px;clear:both;overflow:hidden;}
#menu-left #other{display:none;}
#nocat #other{display:block;}
 #other a{font-weight:bold;color:#3b3c3e;}

/*.menu-tree - actual menu - maintain order*/
.menu-tree{width:254px;float:left;font-size:0.8em;}
.menu-tree li{clear:both;float:left;margin-bottom:2px;background: url("images/arrow_solid.gif") no-repeat 5px 5px;width:100%}
.menu-tree li a{margin: 0  0 0 25px; color:#000000;}
.menu-tree li ul li ul li{background:none;}
.menu-tree li ul{display:none;margin-left:20px;}
.menu-tree li ul li ul{font-style:italic;}
.menu-tree li ul li ul li ul{font-style:normal;}

.menu-tree li ul.open{display:block;}
.mnucollapsed .menu-tree li{background: url("images/arrow.gif") no-repeat   5px 5px; }
.mnucollapsed .menu-tree li ul li{background: url("images/dash.gif") no-repeat  5px 8px; }
.menu-tree li.current{background: url("images/arrow_cur_solid.gif") no-repeat  5px 5px;}
.mnucollapsed .menu-tree li.current{background: url("images/arrow_cur.gif") no-repeat  5px 5px;}
.mnucollapsed .menu-tree li ul li.current{background: url("images/dash_solid.gif") no-repeat  5px 8px;}
.menu-tree li ul li {background: url("images/dash.gif") no-repeat 5px 8px;}
.menu-tree li ul li.current {margin-bottom:0px;background: url("images/dash_solid.gif") no-repeat 5px 8px;}
.menu-tree li.current ul li{background: url("images/dash.gif") no-repeat 5px 8px;}
.menu-tree  li ul li.current ul li{background:none;}
.menu-tree li.current a{color:red;}
.menu-tree li.current ul.open a{color:#000;}
#right_content{padding-left:22px; float:left;min-height:680px;height:680px; width:674px;}
html>body #right_content {height:auto;} /*-setting minimum height*/
#content_right{padding-bottom:160px;float:left;}

span.date{font-size:0.6em;color:#888888 ; margin-bottom:10px;display:block;}
#contactperson{width:190px; padding:4px; background-color:#e9e7ec;float:right;margin-bottom:160px;}
#contactperson div {border-color:White!important;} /*overwrite borders of alpha corners in google chrome*/
#contact-inner{width:170px; padding:18px 10px;  background-color:#fff;}
#contactperson table.mceEditor{position:relative; margin-left:-240px; z-index:100; }/*fix for wysiwyg*/
#content{ float:left;width:448px;padding-right:26px;overflow:hidden;}
#content h1{margin-bottom:0px;}/*for content pages there is a date so no need for margin*/

#wrapper-right {width:530px; float:left;padding-left:7px;}/*padding left to increase space between cols*/

/*rightcol*/
#right {float:left;}
#rightcol {float:left;width:522px; background-color:#fff ; border-left:solid 4px #e9e7ec; border-right:solid 4px #e9e7ec;}
#righttop{float:left;width:530px; height:7px; background:#e9e7ec url("images/bg_topright.jpg") no-repeat bottom left;font-size:7px;line-height:7px;}
#rightbottom{float:left;width:530px; height:7px; background:#e9e7ec url("images/bg_bottomright.jpg") no-repeat top left;font-size:7px;line-height:7px;}

/*#right-inner {overflow:hidden;}*/

#wrapper-news {float:left; width:307px; border:none;padding:0 9px 0 10px;overflow:hidden;}
#news {margin-bottom:30px; float:left; width:307px;}
#news p { margin-bottom:0; }
#news dt span{ display:block; margin-top:20px; text-align:justify; font-size:0.6em; color:#888 ;}
#news dt a{ font-weight:bold; font-size: 0.8em;}
#news h3 a{color:#000; margin-right: 10px;}
#news h3 a img { border: 0;}
#news span.newsdat { clear:both; line-height:1em;}
#news ul.quicklinks {margin:10px 0 10px 0;clear:both;}
#news ul.quicklinks li{background:url("images/arrow_light.gif") no-repeat left 50% ;list-style-type:none;margin-left:0;padding-left:15px;}
#homepic {float:left; width:307px;}
#homepic br { clear: both; overflow: hidden; }
#right-links  {margin-top:25px;color:#3c3c3c;overflow:hidden;width:300px;clear:both;}
#right-links  img { border: 0; vertical-align: middle;}

#right-links  a{color:#3c3c3c;font-size:0.7em;}

#print {float:left;margin-right:15px;}
#print img {margin-right:3px;width:18px;height:13px;}

#verzenden {float:left;}
#verzenden img {width:26px;height:11px;}

#wrapper-events {float:left; width:196px; border:none; overflow:hidden;}

/*Kalendar sessions
---------------------------------*/
#right_content table.sessions { margin: 7px 0 15px 0; width: 470px; font-size: 0.7em;clear:both }
#right_content table.sessions th { background-color: #7a6a84; text-align: center; color: #fff; }
#right_content table.sessions td { text-align: center; line-height: 14px; font-size: 1em; }
#right_content table.sessions tr.alt0 { background-color: #dadada; font-weight:bold; }
#right_content table.sessions tr.alt1 { background-color: #eaeaea; font-weight:bold;}
#right_content table.sessions td.date { width: 120px;}
#right_content td { vertical-align: top; }

/* Sitemap
--------------------------------*/
#right ul.sitemap{list-style-type:disc; margin:15px 0 0 20px;}
#right ul.sitemap li { margin:20px 0 0 10px;font-weight:700;font-size:1em;}
#right ul.sitemap li ul{margin:0 0 0 20px;font-size:1em;}
#right ul.sitemap li ul li{margin:0 0 0 20px; font-weight:normal;}
#right ul.sitemap li ul li li{margin:0 0 0 20px; list-style-type:none;}
#right ul.sitemap li ul li a{color:#000000; }

/* A-Z
--------------------------------*/
#right ul.anchorlist{display:block;clear:both;margin-bottom:20px;overflow:hidden;width:450px;}
#right ul.anchorlist li{list-style-type:none;margin:0 5px 2px 0;padding-left:15px;float:left;}
#right ul.anchorlist li a{font-size:0.9em;font-weight:bold;}
#right ul.atoz{display:block;clear:both;}


/*calendar*/
#calender {float:left; width:181px; background-color:#e9e7ec; border:none; padding:0  0 10px 15px;}
#calender h3 span { margin-right: 10px; }
#calender .m-cal{width:160px; text-align:center;font-size:9pt; border: 0; }
#right #calender .m-cal td, #right #calender .m-cal th { padding: 0; }
#right #calender * { border: 0; }
#calender .titelStyle{font-weight:bold;width:100%;font-size:10pt;}
#calender .dayHeaderStyle{font-weight:normal;color:#3b3b3d;}
#calender .otherMonthStyle{color:#988aa3;}
#calender .selectedCell a{color:#cc0000;font-weight:700;}
#calender .dayStyle{color:#494351;}
#calender .todayDayStyle{color:#fff; background-color:#cc0000}
#calender .todayDayStyle a{color:#fff;font-weight:700;}
#requestevent {padding:5px 0 10px 10px;}
#calender .reqeventlink{font-size:14px;background:url("images/arrow_light.gif") no-repeat left 50% ;padding-left:15px;}

#calendar-bottom {font-size:16px; background:url("images/kalender_arrow.gif") no-repeat left ;color:#5d4a66; padding:5px 0 5px 27px; }
#events {float:left; width:176px; border:none; margin-top:25px; padding-left:20px;font-size:0.8em;}
#events dl { width:157px;}
#events dl dd { background:url("images/underline.gif") repeat-x left bottom;  padding-bottom:10px;}
#events dl dd .eventdat{clear:both;display:block;font-size:0.8em;color:#888888 ;margin:5px 0 0 0;}

/*bottom*/
#bottom {float:left; width:740px; padding-top:12px;}
#contentcol {width:398px;padding:5px; float:left; background-color:#e9e7ec;  }
#contentcol div {border-color:#ffffff!important;} /*overwrite borders of alpha corners in google chrome*/
#contentcol-inner {width:386px;padding:6px; background-color:#fff;overflow:hidden; }
/*#contentcol-inner div{clear:both; overflow:hidden;}*/
#contentcol-inner p{margin-bottom:10px;overflow:hidden;}
#nuttigelinks{width:310px; float:left;padding-left: 20px;display:block;overflow:visible;}

#bottomspacer {float:left; display:block;width:1px;height:160px;}
/*	footer
--------------------------------*/
#footer {padding:27px 0 10px 0; width:950px;text-align:center;float:left;font-size:0.8em;}
#footer address{font-style:normal;display:inline;}
#footer a{color:#000;}
#footer .seperator{margin:0 8px ;}
#footer dl,
#footer dl dd.link, #footer dl dt, #footer dl dd {display:inline;}
#footer dl dd.link { margin-left: 3px; }

#shadow {margin:0 auto; width:961px; height:96px; background:url("images/shadow.jpg")}

/*	tell-a-friend
--------------------------------*/
body#bdytellafriend { background: #fff none;}
body#bdytellafriend #contactfriend h1 { padding-left: 15px; margin: 15px 0 0 0;}

/*	RSS, Tables, Meaning tags
--------------------------------*/
table.eyeRssFeed tr.rssHeader { background-color: #7a6a84; color: #fff ;  font-size: 0.9em;}
table.eyeRssFeed tr.rssHeader a.rssHeader{ color: #fff ; }
table.eyeRssFeed td { padding: 2px 10px 2px 4px; }
acronym, abbr, cite, q {border-bottom: dashed 1px #7a6a84; }



/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer;}
div.editmenu div a {background:none !important; }
#contentcol-inner Table.mceEditor {position:relative;}/* -----fix for close button not showing(editor is wider than container) ----------------	*/