﻿* { 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%/1.5em Arial, Verdana, sans-serif; color: #838383; background-color: #898A8C; }
h1 { font-size: 2.4em; color: #0B51C3; font-weight: normal; margin-top:30px; line-height: 0.9em; }
h2 { font-size: 1.4em; color: #624a3e; margin-top: 20px; font-weight: normal; }
h3 { font-size: 1.2em; color: #624a3e; margin-top: 15px; font-weight: normal; }
p { margin-bottom: 10px }
ul { margin-bottom: 10px; }
table { margin-bottom: 10px }
a { color: #838383; }
a.printlink { display: none; }
.error { color: #FC0000; }


#wrapper { width: 810px; margin: 0 auto; top: 37px; position: relative; }
#upper { background: #898A8C url(images/contenttop.png) no-repeat top right; _background: #898A8C url(images/contenttop.gif) no-repeat top right; height: 53px; display: none; }
#upper2 { background: url(images/toerisme.png) repeat-y center right; _background: url(images/toerisme.gif) repeat-y center right;  height: 266px; }
#logo { top: 35px; left: 210px; height: 154px; width: 309px; position: absolute; cursor: pointer; }
#logo a { display: none; }

/*#logoclick { width: 270px; height: 165px; top: 25px; left: 200px; position: relative; }
#logoclick:hover { cursor: pointer; }*/

/* --- 3 TOP ICONS AT THE RIGHT TOP OF THE PAGE---- */
/*#zoom { position: absolute; top: 46px; left: 566px; height: 47px; }*/
#zoom .hidden {display: none; }
#zoom { position: absolute;left: 566px; top: 45px; height: 47px;}
#newsletter { position: absolute; left: 643px; top: 52px; height: 47px;}
#print { position: absolute; top: 60px; left: 727px; height: 47px; }

.pagebutton { text-align: center; color: #525252; font-size: 1.2em; }
.pagebutton a { font-style: normal; text-decoration: none; color: #ffffff; }
.pagebutton a:hover { font-weight: bold; }

#search { position: absolute; top: 151px; left: 571px; }
#search_fieldset { border: 0 none; background-image: url(images/searchbox.gif); background-repeat: no-repeat; height: 30px; width: 210px; }
#search .text { width: 145px; margin: 5px 0 5px 10px; border: 0 none; float: left; text-align: right; padding: 2px 5px 0 5px; }
#search .button { float: right; margin: 2px 0px 0px 3px; background: url(images/search.gif) no-repeat; width: 30px; height: 26px; display: block; border: none;  }
#search .button:hover { background: url(images/search_selected.gif) no-repeat; }

.welkom { margin-left: 35px; clear: left; float: left; margin-bottom: 8px; width: 250px;}
.welkom p { margin: 0; padding:0 }
.middle { clear: both; overflow: hidden; *overflow: inherit !important; margin-top: -77px; }
.middle #containerContent { padding-left: 25px; background: url(images/contentbg2.png) repeat-y top left; _background: url(images/contentbg.gif) repeat-y center right; width: 784px; padding-top: 20px; margin-left: 1px !important; overflow: hidden; }
.middleLI { clear: both; overflow: hidden; *overflow: inherit !important; margin-top: -100px; }
.middleLI #containerContent { padding-left: 25px; background: url(images/contentbg2.png) repeat-y top left; _background: url(images/contentbg.gif) repeat-y center right; width: 784px; padding-top: 20px; margin-left: 1px !important; overflow: hidden; }
* #middle {  }
#breadcrumb { float: left; font-size: 1.3em; color: #666666; width:500px; margin-left:35px; _margin-left: 17px; margin-top:8px; margin-bottom: 8px; }
#breadcrumb a { color: #666666; }
#content { width: 750px; float: left; background-color: #FFFFFF; margin-left:13px; padding-bottom: 20px;  }
* html #content { margin-left:0px !important; }
.home #content { width: 560px; }

.header_image { float: right; width: 525px; margin-right:5px; height: 145px; overflow: hidden; }
.home .header_image { width: 330px; margin-right:13px; height: 145px; overflow: hidden; }
body.home .header_image .imgwave_home { background: transparent url(images/imagewave330x145.png) no-repeat top; _background: transparent url(images/imagewave330x145.gif) no-repeat top; width: 330px; height: 145px; }
.header_image .imgwave_detail { background: transparent url(images/imagewave.png) no-repeat top; _background: transparent url(images/imagewave.gif) no-repeat top; width: 525px; height: 145px; }
* html .home .header_image { margin-right: 11px; } /* IE6 hack */
.header_image img { width: 525px; }
.home .header_image img { width: 330px; height: 145px; }

#left_content { width: 204px; height: 246px; float: left; display: block; background-color: #F6F6F6; margin-bottom: 15px;}
#left_content img { margin-top: 36px; width: 152px; height: 100px; margin-left: 25px; }
#left_content p { height: 60px; margin-left: 32px; overflow: hidden; width: 138px;font-size:1.2em;margin-top:15px;}

#left_menu { width: 200px; float: left; display: block; background-color: #F6F6F6; padding: 0px 0px 0px 0px; margin: 0px 15px 0px 0px; font-size: 1.2em;}
#left_menu h2 { margin: 7px 7px 7px 7px; float: left; width: 110px; font-size: 13px; margin-right: 0; }
#left_menu li { list-style-image: url(images/arrowongrey.jpg); margin-left: 30px; color: #838383; }
#left_menu li a:hover { color: #d22229; }
#left_menu li a { text-decoration: none; }
#left_menu .showhide { float: right; width:75px; margin-top: 5px; padding-right: 5px; text-align: right; }
#left_menu .showhide:hover { cursor: pointer; }
#left_menu .showhide span { font-size: 11px }
#left_menu .parentmenu { display: none; clear: both; }
#left_menu .currentmenu { clear: both; }
#left_menu .currenttitle { display: none; }
#left_menu .currenttitle h2 { float: none; width:130px; }
#left_menu .top { width: 200px; height: 10px; background-position: bottom; background-repeat: no-repeat; background-color: #FFFFFF; background-image: url(images/leftmenu_bgtop.jpg); }
#left_menu .bottom { width: 200px; height: 10px; background-color: #FFFFFF; background-position: top; background-repeat: no-repeat; background-image: url(images/leftmenu_bgbottom.jpg); }
body.detail #left_menu { }

#right_content { width: 506px; float: right; margin-right:13px; font-size:1.2em;min-height:400px; }
#right_content div.txterror { display:block; clear: both; }
#right_content ul { list-style-position: inside; }
#right_content ul ul { margin: 0 12px; }
#viewcontent #right_content table { border-top: solid 1px #C1C1C1; margin-bottom: 20px; width: auto !important; border-collapse: collapse; }
#viewcontent #right_content table td { border-bottom: solid 1px #C1C1C1; padding: 3px 15px 3px 5px; width: auto !important; }
#viewcontent #right_content table td p { margin-bottom: 0; }
#right_content fieldset { margin-top: 15px; }
.detail #right_content { width: 515px; margin-right: 17px; }
* html #right_content { margin-right:15px; }
.home #right_content { width: 330px;  }

h1.noheaderimage { margin-top: 0px; }

#viewcontent #bovenstart{float:right;width:330px;margin-top:5px;margin-right:13px;}
#viewcontent #bovenstart p{font-size:1.2em;width:150px;}
#viewcontent #bovenstart #links{float:left;}
#viewcontent #bovenstart #links p img { display: block; }
#viewcontent #bovenstart #rechts{float:right;}
#viewcontent #bovenstart #rechts p img { display: block; }

#shortcut-buttons { display: block; right: 0; width: 200px; overflow: hidden; font-size: 1.3em; font-weight: bold; }
#shortcut-buttons a { display: block; float: left; height: 60px; width: 100px; margin-bottom: 25px; color: #838383; text-decoration: none; }
#shortcut-buttons img { display: block; margin: 0 auto;}
#shortcut-buttons span { margin-top: 3px; display: block; text-align: center; }


#links_foto { width: 200px; }

.menutop { margin: 8px 30px 0 0; font-size: 1.2em; font-weight: bold; color: #ffffff; text-align: right; width: 225px; float: right; }
.middleLI .menutop { margin: 8px 30px 0 0px; #margin: 35px 30px 0 0; font-size: 1.2em; font-weight: bold; color: #ffffff; text-align: right; width: 225px; float: right; }
.menutop a { color: #ffffff; }
.menutop a:hover { color: #323232; }
.menutop span { color: #ffffff; }
.menu { background: #FFFFFF url(images/mainmenu_bg.jpg); width: 743px; height: 20px; margin: 10px 0px 20px 0px; #margin: -48px 0px 20px 0px; }
.menu a:hover { color: #323232; }
.menu .menu_item { float: left; margin-bottom: auto; color: #838383; font-size: 1.8em; font-weight: bold; margin: 0px 60px 10px 0px; width:175px; }
.menu .menu_item_small { float: left; margin-bottom: auto; color: #838383; font-size: 1.3em; font-weight: bold; width:auto; margin-right: 4px; }

#rightsection { background: #FFFFFF; width: 175px; float: right; margin-right: 28px; }
* html #rightsection { margin-right: 1px; }

/* ---- [ Sitemap ] ------------ */
#sitemap { margin-left: 23px;  line-height: 20px; }
ul.sitemap { font-size: 1.4em; list-style-position: inside; }
ul.sitemap li li { margin-left: 13px; }

/* ---- [ Uit in ] ------------ */
#widgets { clear: both; overflow: hidden; margin-top: 15px; }
#widgets_output { float: left; margin-left: 15px; width: 500px;}
#widgets_search { float: right;width:200px; }
#anaxisBlok { display: none; }

/* ---- [ IE6 hack ] ------------ */
.menuright { font-family: Arial; font-weight: bold; font-size: 1.4em; color: #838383; }
.menuright menuitem_empty { height: 20px; display: block; }
.menuright div.menuitem { } 
.menuright a { display: block; padding-left: 35px; width: 175px; float: left; height: 22px; margin-bottom: 5px; padding-top: 6px; background-image: url(images/menuright.jpg); background-repeat: no-repeat; }
.menuright a:hover { background-image: url(images/menuright_selected.jpg); color: #ffffff; }

#bottom { background: #898A8C url(images/contentbottom.png) no-repeat right top; _background: #898A8C url(images/contentbottom.gif) no-repeat right top; padding-left: 38px; padding-bottom: 30px; clear: both; overflow: hidden; height: 98px; }
#bottom .menu { margin: 0; padding-left: 25px; width: 718px; height: 22px; padding-top: 18px }
#bottom .menu_item_small span { margin: 0 5px; }
#bottom .menu a { text-decoration: none; }
#bottom .menu a:hover { text-decoration: underline; }
/* ---- [ Created ] ------------ */
#created { margin: 5px 0 10px 0 !important;  }
* html #created { margin: 0px auto; }

#created * { vertical-align: middle; font-size: 1.1em; }
#created a { display: block; text-decoration: none; }
#created a:hover { text-decoration: underline; }

#sessions { margin-top: 10px; }
#sessions th { text-align:left;}
#sessionevent { margin-bottom: 10px; }

.sessions DIV.fieldrow { width: 300px; }

#rightsection div.form-container input { float:none; }

/*	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; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

#content #viewcontent table.eyeRssFeed { border: none !important; margin-bottom: 20px;}
#content #viewcontent table tr.rssHeader { padding: 5px 8px; font-weight: bold;  font-weight: bold;  }
#content #viewcontent table tr.rssHeader td { border-bottom: solid 1px #D22229; }
#content #viewcontent table tr.rssHeader a { font-weight: bold; }

#content p q, #content p acronym, #content p abbr, #content p dfn { font-style:italic; font-weight:bold;}

/*	Searchpage
--------------------------------*/
#searchpage div.form-results dt a { font-size: 1.3em; }
#searchpage h2.external { font-weight: bold; font-size: 1.6em; margin-bottom: 5px; }
#searchpage a.btnExternal { display: block; margin-bottom: 10px; }


/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin: -100px 0 0 5px !important; }

/* Keywords 
-------------------------------------------*/
#content  ul.alphalist { margin-left: 0; }
#content  ul.alphalist li { display: inline; margin-right: 10px; }
#content  ul.alphalist li a { color: #555; }
