/* previously #000000 is now #6A6250 */
html { padding: 0; margin: 0; height: 100.01%; }
body { margin: 0; padding: 0; height: 100%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; background: #bfbfbe; /* resets 1em to 10px */
}
img { border-width: 0em; }
/* standard elements */
p { margin: 0px; }
table { }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
/* to center the website */
div.wrapper { position: relative; width: 975px; margin: 0em auto; padding: 20em 0 0 0; text-align: left; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* menu */
ul.menu { margin: 0; padding: 0; position: absolute; top: 5.5em; left: 0; width: 49em; height: 6.96em; overflow: hidden; }
ul.menu li { margin: 0; padding: 0; list-style:none; display: block; float: left; }
ul.menu li a { color: #ffffff; font-size: 1.5em; font-weight: bold; text-decoration: none; display: block; padding: 0.2em 1.3em; }
ul.menu li ul { position: absolute; height: 5em; top: 2.4em; left: 0; }
ul.menu li.bc { background: #f18e00 url(./grafisch/tab_tc.gif) top right no-repeat; width: 25.3em; height: 2.4em; text-align: left; }
ul.menu li.tc { background: #dc002e url(./grafisch/tab_bc.gif) top left no-repeat; width: 25.3em; height: 2.4em; text-align: right; }
ul.menu li.bc.selected { background-image: none; width: 23.7em; }
ul.menu li.tc.selected { background-image: none; width: 23.7em; }
ul.menu li.bc:hover { background: #f18e00 url(./grafisch/tab_bc.gif) top right no-repeat; }
ul.menu li.tc:hover { background: #dc002e url(./grafisch/tab_tc.gif) top left no-repeat; }
ul.menu li.selected:hover { background-image: none; }
ul.menu li.bc ul { position: absolute; width: 49em; height: 5em; top: 2.4em; background: #f18e00; padding: 0 0 0 1.7em; margin: 0; }
ul.menu li.tc ul { position: absolute; width: 49em; height: 5em; top: 2.4em; background: #dc002e; padding: 0 0 0 1.7em; margin: 0; }
* html ul.menu li.bc ul { width: 47.2em; }
* html ul.menu li.tc ul { width: 47.2em; }
ul.menu li ul li { margin: 0; padding: 0; }
ul.menu li.selected ul { z-index: 10; }
ul.menu li.bc:hover ul { z-index: 20; }
ul.menu li.tc:hover ul { z-index: 15; }
ul.menu li ul li { text-align: left; }
ul.menu li ul li a { text-align: left; padding: 0 0.3em; margin-top: 0.8em; font-size: 1.2em; }
ul.menu li.bc ul li a:hover { color: #3c382e; }
ul.menu li.bc ul li.active a { color: #3c382e; }
ul.menu li.tc ul li a:hover { color: #3c382e; }
ul.menu li.tc ul li.active a { color: #3c382e; }
img.titel { position: absolute; left:590px; top:21em; width:21.6em; height:4em; z-index: 15; }
img.logo { position: absolute; left:2em; top:1.2em; width:9.8em; height:3.1em; }
img.printlogo { display: none; }
ul.servicemenu { position: absolute; right: 0; top: 0em; margin: 0; padding: 0; }
ul.servicemenu li { display: inline; }
ul.servicemenu li a { font-size: 1.2em; text-decoration: none; color: #ffffff; font-weight: bold; padding: 0 0.3em; }
ul.servicemenu li a:hover { color: #6A6250; }
div.terug a{ margin: 10px 0 0 22px;color: #ffffff; font-size: 1.3em; font-weight: normal; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
div.terug a:hover {color: #3c382e; }
div.terug a:active { color: #3c382e; }
div.submenu { width: 18em; float: left; margin: 95px 0 0 0; padding: 0; }
/* submenu with orange background */
div.bccolor div.submenu { background: transparent; }
div.bccolor ul.submenu { margin: 0; padding: 0; }
div.bccolor ul.submenu li { list-style: none; padding: 0; margin: 0 0 0 2em; }
div.bccolor ul.submenu li a { color: #ffffff; font-size: 1.8em; font-weight: normal; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
div.bccolor ul.submenu li a:hover {color: #3c382e; }
div.bccolor ul.submenu li.active a { color: #3c382e; }
div.bccolor ul.submenu li ul { margin: 0 0 0.6em 0; padding: 0; }
div.bccolor ul.submenu li ul li { list-style: none; padding: 0; margin: 0 0 0 0.8em; }
div.bccolor ul.submenu li ul li a { color :#ffffff; line-height: 1.1em; font-size: 1.1em; padding: 0.1em 0 0.4em 0; font-weight: normal; }
div.bccolor ul.submenu li ul li a:hover { color: #3c382e; }
div.bccolor ul.submenu li.active ul li a { color: #3c382e; } /* to reset color when an item from a higher level is selected */
div.bccolor ul.submenu li.active ul li a:hover { color: #3c382e; } /* to re-enable hovercolor */
div.bccolor ul.submenu li ul li.active a { color: #3c382e; font-weight: bold; }
/* hoofdstuk titel */
div.hoofdstuk_titel_natuurlijk { position: absolute; background-color: #72a244; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_natuurlijk h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
div.hoofdstuk_titel_cultuur { position: absolute; background-color: #922047; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_cultuur h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
div.hoofdstuk_titel_gastvrij { position: absolute; background-color: #f9a032; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_gastvrij h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
div.hoofdstuk_titel_nostalgisch { position: absolute; background-color: #63195f; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_nostalgisch h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
div.hoofdstuk_titel_historisch { position: absolute; background-color: #bc8229; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_historisch h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
div.hoofdstuk_titel_sportief { position: absolute; background-color: #362950; width: 41em; height: 4em; margin: 0em auto; left:18.5em; top:17em;}
div.hoofdstuk_titel_sportief h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
/* vermelding titel */
div.vermelding_titel_natuurlijk { background-color: #FFB64F; width: 36.5em; height: 3em; margin: 0em auto;}
div.vermelding_titel_natuurlijk h1 {
color: #fff;
font-size: 2.0em;
margin: 0em 0 0 0.5em;
padding: 0.4em 0 0 0;
font-weight: normal;
}
/* Zoeken */
div.zoeken { position: absolute; background-color: #6A6250; width: 24em; height: 4em; margin: 0em auto; left:73.5em; top:4em;}
div.zoeken h1 {
color: #fff;
font-size: 2.4em;
margin: 0.3em 0 0 2em;
padding: 0;
font-weight: normal;
}
/* menu icoontjes */
div.knoppen { position: absolute; top: 0em; left: 0; background: #000000; }
/* tekst icoontjes */
div.knoppen_twee { position: absolute; top: 0em; left: 18em; background: #000000; }
/* top */
div.top { width: 975px; height: 169px; position: absolute; top: 40px; left: 0; background: #6a6250; margin:0; padding:0; }
div.top img.topimage { width: 805px; height: 170px; float: left; }
div.top div.topflash { float: right; width: 170px; height: 170px; }
/* content */
div.bccolor div.bgcontent { border: 0px solid #6A6250; background: #ffffff url(./grafisch/bg_bc_content.gif) 27% 0; padding: 1.2em 0 0 0; }
div.tccolor div.bgcontent { background: #ffffff url(./grafisch/bg_tc_content.gif) 27% 0; padding: 1.2em 0 0 0; }
div.content { position: relative; z-index: 11; border: 0px solid #6A6250; width: 62.5em; float: left; min-height: 40em; } /* 3 pixels shorter than frontpage? */
* html div.content { height: 22.8em; }
div.content div.padbox { padding: 1em 2em 0 5em; }
div.content p.newsdate { color: #f18e00; font-size: 1.1em; }
/* homepage */
div.hpcontent { margin: -17em 0 0 0; padding: 0; }
div.hpintro { float: left; width: 73.5em; height: 44em; background: #84a6c7; overflow: hidden; }
div.hpside { float: left; width: 24.2em; height: 44em; background: #ffffff; overflow: hidden; }
div.hpside div.padbox { padding: 0 1em 8em 2em; color: #F18E00; font-size: 1.2em; }
div.hpside div.padbox h2 { color: #F18E00; font-size: 1.5em; margin: 0.4em 0 0 0; padding: 0; font-weight: normal;} /* #F18E00 */
div.hpside div.padbox a { color: #F18E00; text-decoration: none; display: block; padding: 0.2em 0 0.8em 0; line-height: 1.1em; }
div.hpside div.padbox a:hover { color: #6A6250; }
div.hpside div.padbox a.hpnewsbc { color: #F18E00; }
div.hpside div.padbox a.hpnewstc { color: #DC002E; }
div.hpside div.padbox a.hpnewsbc:hover, div.hpside div.padbox a.hpnewstc:hover { color: #6A6250; }
div.hpbanner { background: #6a6250; position: absolute; right: 0.25em; top: 49.45em; width: 24.25em; height: 7em; }
div.hpbanner div.padbox div.mceContentBody { padding: 0.6em 2em; color: #ffffff; font-size: 1.2em;}
div.hpbanner div.padbox div.mceContentBody h2 { font-size: 1.5em; color: #ffffff; margin: 0; padding: 0; font-weight: normal; }
/* side */
div.side { padding: 50px 10px 0 10px; position: relative; border: 0px solid #6A6250; width: 145px; float: right; z-index: 13;}
div.side div.padbox { padding: 4.5em 1em 0 0; }
div.side ul.sidemenu { margin: 0 0 1em 0; padding: 0; }
div.side ul.sidemenu li { margin: 0; padding: 0; list-style: none; }
div.side ul.sidemenu li a { font-size: 1.1em; font-weight: bold; line-height: 1.6em; display: block; width: 100%; }
div.side ul.sidemenu li a:hover { color: #DC002E; }
div.side ul.sidemenu li.active a { color: #DC002E; }
div.side div.item { font-size: 1.1em; padding: 0.5em 0; }
div.side h4,
div.side h4 a { color: #6a6250; margin: 0 0 0.5em 0; padding: 0; font-size: 1em; }
div.side a { color: #F18E00; text-decoration: none; }
div.side a:hover { color: #F18E00; text-decoration: underline; }
div.side span.date { display: block; color: #f18e00; }
div.side ul.sideabc { margin: 0 0 2em 0; padding: 0; width: 18em; clear: both; }
div.side ul.sideabc li { float: left; list-style-type: none; display: block; width: 1.2em; height: 1.4em; font-size: 1.1em; color: #BFBFBE; font-weight: bold; }
div.side ul.sideabc li a { color: #6A6250; }
div.side ul.sideabc li a:hover { color: #DC002E; }
div.side ul.sideabc li.active a { color: #DC002E; }
div.side div.itemper { font-size: 1.1em; padding: 0 0 0.8em 0; color: #F18E00; }
div.side div.itemper h4,
div.side div.itemper h4 a { color: #6a6250; margin: 0; padding: 0; font-size: 1em; }
div.side div.itemper a:hover { color: #DC002E; }
div.side div.itemper a.active { color: #DC002E; }
div.side div.itemper span.active { color: #DC002E; }
div.person { margin-top: 1.2em; }
div.person div.image { float: left; width: 47%; overflow: hidden; }
div.person div.quote { float: right; width: 47%; }
div.footnav { text-align: right; font-size: 1.1em; font-weight: bold; color: #DC002E; margin: 0; padding: 2em 0 1em 0; }
div.footnav a { text-decoration: none; color: #DC002E; padding: 0 0.3em; }
div.footnav a.toplink { font-weight: bold; font-size: 2.8em; line-height: 0em;}
div.footnav a:hover { color: #6A6250; }
div.bumper { height: 3em; }
/* foot */
div.foot { clear: both; color: #ffffff; font-size: 1.1em; padding: 1em 0 6em 0; }
div.foot a { color: #6a6250; text-decoration: none; }
div.foot a.tel { font-weight: bold; }
div.foot a:hover { color :#ffffff; }
div.foot img.ecco { float: right; }
div.mceContentBody a.rss, div.mceContentBody span.rss a { background: url(./grafisch/rss_feed.gif) no-repeat 0em 0em; padding-left: 1.8em; line-height: 2em; font-weight: bold; text-decoration: none; color: #dd4100; }
/* form styles */
div.content form label { font-weight: bold; color: #6A6250; }
div.content form { margin: 0; background: #ededec; padding: 2em 1em; margin: 1em 0;}
div.content form span.formerror { color: #DC002E; }
div.content form span.formrequired { color: #DC002E; font-weight: bold; }
div.content form input { border: 1px solid #6A6250; }
div.content form input.radio { border: none; }
div.content form input.checkbox { border: none; }
div.content form select { border: 1px solid #6A6250; }
div.content form textarea { border: 1px solid #6A6250; }
button, input.button { background: #F18E00; border: 1px solid #6A6250; color: #ffffff; font-weight: bold; font-size: 0.9em; padding: 0.2em; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
div.news_frontpage_box_news { width: 42.0em; background-color: #EDEDEC; }
div.news_frontpage_box_news_tc { width: 42.0em; background-color: #EDEDEC; }
div.news_frontpage_left { float: left; width: 15.0em; } /* should be width of image */
div.news_frontpage_left img { width: 15.0em; border: 0; }
div.news_frontpage_right { float: left; width: 24.0em; margin: 1em 0 0 1.0em; }
div.news_frontpage_right a.title { font-weight: bold; text-decoration: none; }
div.news_frontpage_right a.intro { color: #6A6250; text-decoration: none; }
div.mceContentBody ul.contentlist { margin: 0; padding: 0; }
div.mceContentBody ul.contentlist li { margin: 0; padding: 0.2em 0; list-style: none; border-bottom: 1px solid #EDEDEC; }
div.mceContentBody ul.contentlist li a { color: #F18E00; font-weight: bold; text-decoration: none; width: 100%; }
div.mceContentBody ul.contentlist li a:hover { color :#DC002E; }
div.mceContentBody ul.contentlist li.active { color :#DC002E; font-weight: bold; }
div.mceContentBody a.newslink { text-decoration: none; font-weight: bold; }
/* employees */
div.mceContentBody ul.abc { margin: 0; padding: 0; }
ul.abc li { float: left; list-style-type: none; display: block; width: 1.2em; height: 1.4em; color: #BFBFBE; font-weight: bold; margin: 0; padding: 0; text-align: center; }
ul.abc li a { color: #6A6250; text-decoration: none; }
ul.abc li a:hover { color: #DC002E; }
ul.abc li.active a { color: #DC002E; }
div.employees { z-index: 1; }
div.employees img.employeeimage { width: 13.5em; }
div.employees a span.employeename { display: block; margin: 0.3em 0 1em 0; height: 2.4em; font-size: 1.1em; color: #6A6250; font-weight: bold; width: 10em; text-decoration: none; line-height: 1.2em; }
div.employees a { width: 13.5em; text-decoration: none; }
div.employeedescription { display:none; margin-left: 13.5em; position: absolute; width: 22em; min-height: 12.6em; padding: 1em; background-color: #ffffff; color: #6A6250; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
* html div.employeedescription { height: 12.6em; }
div.employeedescription div { font-size: 1.2em; }
div.employeedescription strong { display: block; font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0; color: #6a6250; font-style:italic; }
div.employeedescription em {display: block; margin-bottom: 0.5em; color: #F18E00; }
/* extra saus */
/*
.matglas { -moz-opacity:0.6; filter:alpha(opacity=60); }
.focus { -moz-opacity:1.0; filter:alpha(opacity=100); z-index: 100;}
*/
div.ticker_item_hide { display: none; visibility: hide; }
div.ticker_item_show { display: inline; visibilty: visible; }
#input_zoek_vlak{
position:relative;
top:0px;
left:0px;
}
.input_zoek{
width:142px;
height:38px;
border:0px solid #ffffff;
}
#submit_zoek{
position:absolute;
left:88em; top:4em;
margin-left: 0px;
}
.hide {
display: none;
}
/*begin lijst natuur objecten. Zie wysiwyg voor h1 en h5 opmaak*/
.team-member_natuur {
border: 1px solid #72a244;
margin: 0px 0 5px 0 ! important;
}
.team-member_natuur ul {
margin: 6px 0 6px 0 ! important;
padding: 0 0 0 0 ! important;
list-style-type: none;
}
.team-member_natuur ul li{
position: relative;
display: inline;
float: left;
font-weight: bold;
padding: 0 10px 0 0;
}
.team-member_natuur ul li a{
color: #72a244; text-decoration: none; font-weight: bold;
}
.team-member_natuur ul li a:hover{
text-decoration: underline;
}
/*einde lijst natuur objecten. */
/*begin lijst nostalgisch objecten. Zie wysiwyg voor h1 en h5 opmaak*/
.team-member_cultuur {
border: 1px solid #922047;
margin: 0px 0 5px 0 ! important;
}
.team-member_cultuur ul {
margin: 6px 0 6px 0 ! important;
padding: 0 0 0 0 ! important;
list-style-type: none;
}
.team-member_cultuur ul li{
position: relative;
display: inline;
float: left;
font-weight: bold;
padding: 0 10px 0 0;
}
.team-member_cultuur ul li a{
color: #922047; text-decoration: none; font-weight: bold;
}
.team-member_cultuur ul li a:hover{
text-decoration: underline;
}
/*einde lijst natuur objecten*/
/*begin lijst gastvrij objecten. Zie wysiwyg voor h1 en h5 opmaak*/
.team-member_gastvrij {
}
.team-member_gastvrij ul {
margin: 6px 0 6px 0 ! important;
padding: 0 0 0 0 ! important;
list-style-type: none;
}
.team-member_gastvrij ul li{
position: relative;
display: inline;
float: left;
font-weight: bold;
padding: 0 10px 0 0;
}
.team-member_gastvrij ul li a{
color: #f9a032; text-decoration: none; font-weight: bold;
}
.team-member_gastvrij ul li a:hover{
text-decoration: underline;
}
/*einde lijst gastvrij objecten*/
.team-member {
border: 1px solid #cccccc;
margin: 0px 0 5px 0 ! important;
}
.team-member ul {
margin: 6px 0 6px 0 ! important;
padding: 0 0 0 0 ! important;
list-style-type: none;
}
.team-member ul li{
position: relative;
display: inline;
float: left;
font-weight: bold;
padding: 0 10px 0 0;
}
#navigation_meerinfo {margin-top: 1em;}
#navigation_meerinfo a { color: #000000; text-decoration: underline; font-weight: bold;}
#navigation_meerinfo a:hover { color: #F18E00; font-weight: bold;}
ul {
margin: 0em;
}
ul#portfolio li img{
border: 1px solid #ccc;
padding: 4px;
}
.header-lower-left {
right:150px;
bottom:130px;
height: 300px;
width: 300px;
position: absolute;
border: 0px solid #ccc;
background-color: #ffffff;
z-index: 10;
}
#agenda p { font-family: arial,helvetica, sans-serif;
font-size: 1.2em; color: #F18E00;}
.icoon_navigatie {
height:40px;
width: 545px;
}