html{ height: 100%; padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; height: 100%; width: 100%;
    font-family: verdana,arial,helvetica,sans-serif; color: #000000; font-size: 0.7em;
    background-repeat: repeat-x;
}

/* standard elements */
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}


div.printlogo { position: absolute; z-index: 100;}

div.taal { position: absolute; left: 35px; z-index: 2; top: 150px; }
div.taal a { color: #ffc04c; font-size: 2em; font-weight: bold; text-decoration: none; }

img { border: 0px; }
a { color: #417897; }

div.screenreader    { visibility: hidden; }

div.menu                     { position: absolute; background-color: #417897; height: 100%; text-align: right; }
div.menu ul.mainmenu         { padding:0px; list-style-type: none; }
div.menu ul.mainmenu a       { text-decoration: none; color: #ffffff; display: block; font-size:1.2em; font-weight: bold; color: #ffffff; }
div.menu ul.mainmenu a:hover { color: #ffc04c; }
div.menu ul.mainmenu a.act   { color: #ffc04c; }
div.menu ul.mainmenu li      { display: block; line-height: 16px; padding:8px 0px; text-align: left; border-bottom: 2px solid #b9c9d4; }
div.menu ul.mainmenu ul         { width:170px; margin:0 0 0 16px; padding:0px; }
div.menu ul.mainmenu ul a       { text-decoration: none; color: #ffffff; display: inline; font-size:1.2em; font-weight: normal; color: #ffffff; }
div.menu ul.mainmenu ul a:hover { color: #ffc04c; }
div.menu ul.mainmenu ul a.act   { color: #ffc04c; }
div.menu ul.mainmenu ul li      { display: block; line-height: 16px; padding:2px 0px; text-align: left; border: 0px; }


div.menunormal                  { width: 248px; }
div.menunormal ul.mainmenu      { margin: 150px 0px 0px 30px; }
div.menunormal ul.mainmenu li   { width: 210px; }

div.menuhp                   { width: 248px; }
div.menuhp ul.mainmenu       { margin: 290px 0px 0px 30px; }
div.menuhp ul.mainmenu li    { width: 210px; }

ul.submenu          { margin: 170px 0px 0px 30px; padding: 0px; list-style-type: none; }
ul.submenu a        { display: block; text-decoration: none; font-size: 1em; font-weight: bold; color: #00478c; line-height: 16px; padding:0 0 10px 0; }
ul.submenu a:hover  { text-decoration: none; color: #ffffff; }
ul.submenu a.act    { text-decoration: none; color: #ffffff; }
ul.submenu li       { display: block; color: #00478c; text-align: left; margin: 0px; width: 165px;}

div.submenu     { background-color: #b9c9d4; width: 196px; position: absolute; left: 196px; height: 100%; }

div.header { position: absolute; left: 0px; top: 0px; height: 136px; width: 100%; background: url("../../images/default/bg_header.gif") repeat-x top left; z-index: 2; }
div.header_home { position: absolute; left: 0px; top: 0px; height: 136px; width: 100%; background: url("../../images/default/bg_header_home.gif") repeat-x top left; z-index: 2; }


div.logo        { position: absolute; left: 0px; top: 0px; height: 136px; width: 100%;
                  background-image: url('../../images/default/bg_top2.jpg'); background-repeat: no-repeat; z-index: 3; }
div.logofront   { display: none; }
div.logo img    { position: absolute; left: 25px; top: 15px; }
div.logohp      { position: absolute; left: 0px; top: 0px; height: 320px; width: 100%;
                  background-image: url('../../images/default/bg_top_home.jpg');  background-repeat: no-repeat; z-index: 3;}
div.logohp img  { position: absolute; left: 32px; top: 25px; }

div.quotehp       { position: absolute; left: 415px; top: 30px; width: 575px; z-index: 3; }
div.quotehp h1    { color: #ffffff; font-size: 1.8em; margin: 0px; }
div.quotehp h2    { color: #ffffff; font-size: 1.2em; font-style: italic; }

div.quote       { position: absolute; left: 415px; top: 82px; width: 550px; z-index: 3; }
div.quote h2    { color: #417897; font-size: 1.2em; }
div.quote h3    { color: #417897; font-size: 1em; font-style: italic; }

div.kop         { position: absolute; top:183px; font-size:1em; line-height: 1.6em; font-weight: bold; color: #547795; }
div.kop ul      { margin-top: 0px; margin-bottom:0px; }

div.content     { position: absolute; left: 415px; top: 195px; width: 520px; border-top: 2px solid #417897; background-color: #ffffff; z-index: 2; line-height: 1.8em; }
div.content h1  { font-size: 1em; margin: 0px; color: #000000; width: 100%; }
div.content h2  { font-size: 1.0em; margin: 0px; color: #000000; width: 100%; }
div.content p   { line-height: 1.8em; margin: 0px; }

div.contenthp     { position: absolute; left: 415px; top: 335px; border-top: 2px solid #417897; width: 520px; background-color: #ffffff; z-index: 2; }
div.contenthp h1  { font-size:1em; color:#000000; width:100%;}

/* sponsorfader */
div.sponsorholder { width: 100px; height: 100px; margin: 10px auto; padding: 5px; line-height: 95px; text-align:left; background-color: #FFFFFF; }
ul.fader          { margin: 0px; padding: 0px; }
ul.fader li       { position: absolute; width: 100px; margin: 0px; padding: 0px; text-align: center; list-style-type: none; }
ul.fader li img   { vertical-align: middle; }

/* wysiwyg styles */
div.ttlayer                 { display: inline; }
div.ttlayer p.document      { margin: 0px; display: inline; line-height: 1.8em; }
div.ttlayer p.document img  { margin: 0px 8px 0px 0px; border-width: 0px; width: 16px; height: 16px; }
div.ttlayer p.imagecaption  { display: block; margin: 0px; text-align: center; line-height: 1.2em; }

.imagecaption { font-style: italic; }

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