/* 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 */
    	behavior: url('htc/csshover.htc'); /*needed for hovermenu*/
}
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: 98em; margin: 0em auto; padding: 21em 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:52em; top:21em; width:21.6em; height:4em; }

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.submenu { width: 24.5em; float: left;  margin: 0; padding: 0; }

/* submenu with orange background */

div.bccolor div.submenu {  background: #f18e00;  }

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.2em; font-weight: bold; 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; }

/* submenu with red background */

div.tccolor div.submenu {  background: #DC002E;  }

div.tccolor ul.submenu { margin: 0; padding: 0; }
div.tccolor ul.submenu li { list-style: none; padding: 0; margin: 0 0 0 2em;  }
div.tccolor ul.submenu li a { color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
div.tccolor ul.submenu li a:hover {color: #3c382e; }
div.tccolor ul.submenu li.active a { color: #3c382e; }

div.tccolor ul.submenu li ul { margin: 0 0 0.6em 0; padding: 0; }
div.tccolor ul.submenu li ul li { list-style: none; padding: 0; margin: 0 0 0 0.8em;  }
div.tccolor 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.tccolor ul.submenu li ul li a:hover { color: #3c382e; }
div.tccolor ul.submenu li.active ul li a { color: #3c382e; }       /* to reset color when an item from a higher level is selected */
div.tccolor ul.submenu li.active ul li a:hover { color: #3c382e; } /* to re-enable hovercolor */
div.tccolor ul.submenu li ul li.active a { color: #3c382e; font-weight: bold; }

/* hoofdstuk titel */
div.hoofdstuk_titel_natuurlijk { position: absolute; background-color: #FFB64F; width: 41.6em; height: 4em; margin: 0em auto; left:24.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: #239ADE; width: 41.6em; height: 4em; margin: 0em auto; left:24.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: #EF414B; width: 41.6em; height: 4em; margin: 0em auto; left:24.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: #FDBA4D; width: 41.6em; height: 4em; margin: 0em auto; left:24.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_sportief { position: absolute; background-color: #51B848; width: 41.6em; height: 4em; margin: 0em auto; left:24.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;
}

/* 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 { position: absolute; top: 4em; left: 0;  background: #6a6250;  }
div.top img.topimage { width: 73.5em; height: 17em; float: left; }
div.top div.topflash { float: right; width: 24em;  height: 17em; }

/* content */
div.bccolor div.bgcontent { background: #ffffff url(./grafisch/bg_bc_content.gif) 25% 0;  padding: 1.2em 0 0 0;  }
div.tccolor div.bgcontent { background: #ffffff url(./grafisch/bg_tc_content.gif) 25% 0;  padding: 1.2em 0 0 0;  }

div.content {  width: 49em; float: left; min-height: 22.8em; } /* 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: #fff; overflow: hidden; }
div.hpside 		{ border: 0px solid #990000; float: left; width: 24.2em; height: 44em; background: #ffffff; overflow: hidden; }

div.hpside div.padbox 		{ border: 0px solid #990000; padding: 0 1em 8em 2em; color: #F18E00; font-size: 1.2em; }
div.hpside div.padbox h2 	{ color: #6A6250; 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: url(./grafisch/logo_simpelveld_hoekje.png) no-repeat 0em 0em;position: absolute; right: .30em; top: 4em; width: 24.25em; height: 17em; }
div.hpbanner div.padbox div.mceContentBody { padding: 9.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 { width: 21.5em; float: right; }
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: #6a6250; text-decoration: none;  }
div.side a:hover  { color: #DC002E;  }
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; }


/* searchengine */
div.searchengine p.searchstars { margin-top: 1em; color :#DC002E; font-size: 2em; font-weight: bold; border-top : 1px solid #EDEDEC; padding-top: 0.3em; }
div.searchengine span.searchresulthead, div.searchengine span.searchresulthead a { font-weight: bold; color: #6A6250; text-decoration: none; }
div.searchengine span.searchresultlocation { font-style:italic; color: #6A6250; }
div.searchengine a.searchresultlink { color: #6A6250; text-decoration: none; }
div.searchengine a.searchresultlink:hover { color: #6A6250; }

div.searchengine span.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; color: #6A6250; text-align: center; font-weight: bold; margin: 0.5em 0.2em; }
div.searchengine a.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; background: #EDEDEC; text-align: center; font-weight: bold; margin: 0.5em 0.2em;  text-decoration: none; }

/* light box */
div.lightbox                                { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img                          { border: none; }
div.outerimagecontainer                     { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer                          { padding: 10px; }
div.loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav                                { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav             { left: 0em; }
div.hovernav a                              { outline: none; }
a.prevlink, a.nextlink                      { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink                                  { left: 0em; float: left; }
a.nextlink                                  { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover  { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover  { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }

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