html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
div.bg { width: 100%; height: 100%; }
body, td, div, a { font-family: Arial; font-size: 11px;}
body.colorbox { width: 95%; height: 95%; }
td { vertical-align: top; color: #666666; }
a img { border: 0px; }
#bgimg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
a { color: #e96f35; text-decoration: none; }
a:hover { color: #e96f35; text-decoration: underline; }
.sitecontainer { position: relative; top: 0px; left: 50%; margin-left: -500px; width: 1000px; height: 100%; }
.socialmedia { position: absolute; top: 0px; left: 0px; width: 1000px; height: 24px; line-height: 24px; text-align: right; color:#404041; }
.socialmedia a, .socialmedia a:hover { color: #404041; font-weight: bold; text-decoration: none; }
.topper { position: absolute; top: 24px; left: 0px; background-image: url(../images/topper.png); background-repeat: no-repeat; width: 1000px; height: 10px; }
.header { position: absolute; top: 34px; height: 134px; width: 1000px; background-color: #fff; background-image: url(../images/headerbg.gif); background-repeat: no-repeat; }
.header .logo { position: absolute; top: 9px; left: 14px; width: 270px; height: 75px; }
.header .menu { position: absolute; top: 99px; left: 10px; height: 35px; width: 980px; background-image: url(../images/menubg.gif); background-repeat: repeat-x; }
.content { position: relative; top: 168px; width: 1000px; background-color:#fff; }
div.bottom_container { width: 1000px; height: 40px; margin-top: 30px; }
div.bottom_container .left { padding-left: 10px;width: 690px; height: 30px; font-size: 10px; color: #666666; }
div.bottom_container .right { padding-right: 10px; width: 290px; height: 30px; text-align: right; font-size: 10px; color: #666666; }
div.bottom_container td a { color: #666666; text-decoration: none; }
div.bottom_container td a:hover { color: #68bd45; text-decoration: none; }
.productoverzicht { width: 180px; height: 180px; border: 1px solid #cccccc; }
.productoverzicht_data { text-align: center; line-height: 25px; }
.zoekdiv { position: relative; height: 30px; width: 247px;}
.zoekdiv .zoekveld { position: absolute; top: 3px; left: 5px; height: 29px; vertical-align: top; }
.zoekdiv .zoekveld input { width: 193px; height: 20px; padding-left: 4px; padding-right: 4px; border: 0px; color:#666666; font-size: 11px; line-height: 20px; }
.zoekdiv .zoekbutton { position: absolute; top: 3px; left: 205px; width: 25px; height: 22px;}
.zoekdiv .zoekbutton img { cursor: pointer; }
ul.topmenu { margin: 0px 10px 0px 10px; padding: 0; height: 35px; }
ul.topmenu li { cursor: pointer; text-transform: uppercase; height: 35px; min-height: 35px; padding: 0px 7px; line-height: 35px; color: #ffffff; float: left; list-style-type: none; }
ul.topmenu li.login { cursor: pointer; text-transform: uppercase; height: 35px; min-height: 35px; padding: 0px 7px; line-height: 35px; background-color:#606060; color: #ffffff; float: left; list-style-type: none; }
ul.topmenu li:hover, ul.topmenu li.login:hover, ul.topmenu li.ov { cursor: pointer; text-transform: uppercase; height: 35px; min-height: 35px; padding: 0px 7px; line-height: 35px; color: #ffffff; background-color: #e96f35; float: left; list-style-type: none; }
ul.topmenu li a, ul.topmenu li a:hover, ul.topmenu li.login a, ul.topmenu li.login a:hover, ul.topmenu li.ov a, ul.topmenu li.ov a:hover { float: left; line-height: 35px; height: 35px; text-decoration: none; font-size: 11.5px; color: #ffffff; font-weight: bold; }
div.skyscraper { float: left; margin-left: 10px; margin-top:20px; width: 120px; min-height: 600px; }
div.centercontent { float: left; margin-left: 30px; margin-top: 20px; width: 555px; color: #404041; }
div.rightcolumn { float: left; margin-top: 20px; margin-left: 30px; width: 245px; }
div.clear { clear: both; }
h1 { font-size: 18px; font-weight: bold; color: #e96f35; margin: 0; padding: 0; }
h2 { font-size: 14px; font-weight: bold; color: #999999; margin: 0; padding: 0; }
.fotooverzicht { float: left; width: 165px; height: 127px; margin-bottom: 30px; }
.fotoverzicht_stemaantal { height: 22px; width: 165px; background-image: url(../images/fotooverzicht_stemmen.gif); background-repeat: repeat-x; text-align: center; line-height: 22px; color: #404041; font-size: 12px; font-weight: bold; }
.partnerlinks { width: 233px; margin-top: 5px; background-color: #e9e4e4; padding: 7px;}
hr { height: 1px; border: 0px solid #cccccc; background-color: #cccccc; color: #cccccc; }
.nieuwsblok { margin: 6px 0px; height: 105px;position:relative; }
.nieuwsblok_zoom { }
.nieuwsblok_zoom span { color: #999999; font-weight: bold; }
.nieuwsblok span { color: #999999; font-weight: bold; }
a.agenda_shortlist { font-weight: bold; }
a.agenda_shortlist:hover { font-weight: bold; }
/* AGENDA STYLES */
/* EVENTS */
div.events_layer1 { width: 120px; height: 24px; background-image: url(../images/maand_bg.jpg); background-repeat: no-repeat; }
div.events_layer1 span { font-weight: bold; line-height: 26px; text-decoration: none; margin-left: 12px; color: #ffffff; }
div.events_layer2 { color: #424242; width: 554px; min-height: 25px; line-height: 25px; background-position: right; background-repeat: no-repeat; }
div.events_layer2 a, div.links_layer2 a:hover { font-weight: normal; line-height: 25px; text-decoration: none; margin-left: 11px; margin-right: 30px; color: #424242; }
div.events_legenda { width: 554px; height: 26px; background-color:#999999; }
div.events_layer2_datum { line-height: inherit; float: left; width: 108px; margin-left: 11px; }
div.events_layer2_datum div { line-height: 25px; color: #ffffff; font-weight: bold; margin-left:0px; }
div.events_layer2_naam { line-height: inherit; float: left; width: 212px; }
div.events_layer2_naam div { line-height: 25px; color: #ffffff; font-weight: bold; }
div.events_layer2_plaats { line-height: inherit; float: left; width: 112px; }
div.events_layer2_plaats div { line-height: 25px; color: #ffffff; font-weight: bold; }
div.events_layer2_link { line-height: inherit; float: left; width: 66px; height: 25px; overflow: hidden; margin-left: 5px; }
div.wedstrijdoverzicht { width: 534px; border: 1px solid #cccccc; padding: 10px;}
a.pagina { background-color: #fff; color: #e96f35; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
a.pagina_aan { background-color: #3a3a3b; color: #fff; padding: 0px 3px; margin-right: 3px; text-decoration: none; }
/* FOTO PAGINA */
.detailfoto { width: 554px; }
.wfoto { width: 554px; border: 1px solid #999999; padding: 10px 0px; background-color:#e3e2e3; }
.infoblok { width: 232px; }
.deelbok { width: 232px; }
div.stemmen { width: 232px; height: 60px; background-image: url(../images/stemmen_bg.png); background-repeat: repeat-x; text-align: center; vertical-align: middle; line-height: 60px; font-size: 28px; color: #ffffff; }
div.stemmen span { font-size: 20px; }
div.stblok { position: relative; width: 232px; height: 120px; background-image: url(../images/blok_bg.png); background-repeat: repeat-x; }
div.stblok .stembutton { position: absolute; left: 77px; top: 56px; width: 103px; height: 29px; }
div.stblok .info { position: absolute; left: 80px; height: 100px; padding-top: 20px; color:#3a3a3b; }
div.stblok .info span { font-weight: bold; }
div.stblok .info strong { font-size: 14px; }
div.stblok .disclaimer { position: absolute; top: 80px; left: 5px; width: 195px; font-size: 9px; z-index: 10; color: #333333;}
div.stblok .aantal { position: absolute; left: 5px; height: 80px; line-height: 80px; color: #e96f35; }
div.stblok .aantal strong { color: #e96f35; font-size: 38px; }
/* REACTIES */
.reactieveld { width: 554px; height: 70px; }
.reactieveld .textfield { width: 400px; height: 50px; font-size: 16px; padding: 3px; line-height: 23px; overflow: hidden; border: 1px solid #999999; font-family: Arial; }
.reactieveld .submit { width: 75px; margin-left: 10px; }
.reactie_container { width: 554px; background-color: #FBFBEF; min-height: 40px; color:#666666; position: relative; border: 1px solid #D8D8D8; margin-bottom: 5px; }
.reactie_container .gebruiker { width: 130px; padding: 5px; }
.reactie_container .gebruiker span { font-size: 10px; padding-top: 4px; }
.reactie_container .tekst { padding: 5px; }
.reactie_container .clear { clear: both; }
/*advertentie*/
.detailpagina_ad { width: 554px; border: 1px solid #999999; background-color:#fff; text-align: center; height: 60px; margin-bottom: 20px; }
/* INSTELLINGEN PAGINA */
span.groen { color:#008c14; font-weight: bold; }
span.rood { color:#e00000; font-weight: bold; }
td.acc_left { width: 170px; height: 30px; vertical-align: middle; line-height: 30px; }
td.acc_right { height: 30px; vertical-align: middle; line-height: 30px; }
td.acc_right input { width: 300px; height: 22px; border: 1px solid #666666; line-height: 20px; }
.clearfix { }
.clearfix .grey { display: block; width: 120px; }
div.mijnfotos { width: 173px; height: 113px; }
div.mijnfotos img.gr { border: 4px solid #666666; width: 165px; height: 105px; background-image: url(../images/laden.gif); background-repeat: no-repeat; background-position:center; }
div.mijnfotos img.gr:hover { border: 4px solid #666666; }
div.fotooverlay { width: 165px; height: 35px; position:absolute; background-image: url(../images/mijnfoto_overlay.png); background-repeat: no-repeat; left: 4px; bottom: 4px; }
div.delbutton { width: 25px; height: 25px; position: absolute; top: 6px; right: 5px; }
div.cupbutton { width: 25px; height: 25px; position: absolute; top: 6px; right: 35px; }
div.infobutton { width: 25px; height: 25px; position: absolute; top: 6px; right: 65px; }
div.mijnfotoaantal { width: 100px; height: 25px; position: absolute; top: 4px; left: 6px; color: #fff; font-size: 10px;}