* { margin:0; padding:0; }
body { background:#000; font: 12px/16px Helvetica, Arial, Verdana, sans-serif; }
h1 { font: normal 30px/30px Helvetica, Arial, sans-serif; padding:1px; width:100%; color:#333; font-weight: bold; margin-bottom: 10px;}
h2 { margin:0px 17px 10px 0px; padding:20px 0px 0px 0px; font:bold 17px/17px Helvetica, Arial, sans-serif; color:#333; }
h3 { height:34px; margin:0px 17px 5px 0px; padding:0; line-height:33px; font: bold 11px/40px Helvetica, Arial, sans-serif; text-transform:uppercase; color:#333; clear:left; }
h3 span { color:#333; }
img { border:none; }
a { outline:none; font-style:italic; text-decoration:none; color: #333; }
a:hover { color:#333; font-style:normal; }

/* ============= */
/* = Errorpoge = */
/* ============= */

body.error { background:#EDEDED; }
#error_wrapper { width:300px; height:auto; margin:25% auto 0 auto; background:#FFF; border:12px solid #666;}
#error_wrapper h1 { width:280px; font-size:25px; padding:10px; background:#8B353A; color:#FFF;}
#error_message { width:100%; height:auto; padding:15px 25px 15px 25px; color:#333; }

/* ============ */
/* = Algemeen = */
/* ============ */

ul.langchooser { display:block; position:absolute; z-index:10; top:28px; left:795px; color: #FFF; background:#FFF; padding:0 0 0 0;}
ul.langchooser li { display:block; float:left; }
ul.langchooser li a { display:block; padding:3px 5px; font-style:normal; cursor:pointer; font-size:10px; text-align:center; }
ul.langchooser li a.active, ul.langchooser li a:hover { background:#333; color: #FFF; }

ul.langchooser2 { display:block; position: fixed; z-index:10; top:28px; left:163px; color: #FFF; background:#FFF; padding:0 0 0 0;}
ul.langchooser2 li { display:block; float:left; }
ul.langchooser2 li a { display:block; padding:3px 5px; font-style:normal; cursor:pointer; font-size:10px; text-align:center; }
ul.langchooser2 li a.active, ul.langchooser2 li a:hover { background:#333; color: #FFF; }

ul#facebook{position: relative; width:300px; margin-top: 0px; float:right}
ul#facebook li{float: right; display: block;}

* html #wrapper { position:absolute; top:0; left:0; z-index:1; }

html>body #contentwrapper #left { position:fixed; left:0; }

#wrapper { position:absolute; width:1081px; height:auto; min-height:100%; margin:0 auto; background:transparent; }
#contentheader {  }
#contentwrapper { width:1081px; margin-top: 50px; }
#contentwrapper #left { position:fixed; width:261px; height:100%; margin-top:-18px; }
#contentwrapper #right { position: absolute; margin:0 0 50px 265px; width:600px; height:auto; min-height:600px; background: #FFF; }
#contentwrapper #righter { position: absolute; width:220px; height:540px; background:#FFF; margin-left:869px; z-index: 11;}

.loading { display:none; position:absolute; z-index:50; top:0; left:0; width:100%; height:100%; background:#FFF; }
.loader { display:none; position:absolute; z-index:51; top:50%; left:50%; margin:-16px 0 0 -16px; }

#right #content { width:550px; height:auto; margin:10px 0 20px 0; padding:10px 25px 50px 25px; }

#righter .content { width: 220px; height: auto;}
#righter .blok {width: 216px; background: #333; color: #FFF; font-size: 14px; height:auto; padding: 2px; font-weight: bold; text-align: left;}
#righter .sponsors {width: 220px; text-align: center; margin-top: 10px;}

#left #hoofdpagina { width:261px; height:18px;}
#left #header { width:261px; height:114px; background:#FFF url(../img/tt-header.png); }

#footer { width:600px; height:50px; position:fixed; left:265px; bottom:0; }
#footer #kalender { width:100%; height:18px; background:url('../img/bg-kalender.png') repeat-x; font-size:11px; color:#FFF; text-align:center; }
#footer #centerspan { width: 100%; height: 18px; padding-top: 2px;}
#footer #sponsors { width:100%; height:66px; margin-top:0px; background:url('../img/pic-sponsors.png') no-repeat; }
#footer .content { width:580px; height:50px; padding:5px 10px; background:#FFF; }

#footer .content #network .follow { float:left; margin:3px 5px 0 130px; }
#footer .content #network .network  { display:block; height:20px; float:left; margin:0 3px; }
#footer .content #network .facebook { width:90px; margin-left:210px; }
#footer .content #network .twitter  { width:90px; }

/* ============= */
/* = Navigatie = */
/* ============= */

ul#navigatie{ width:134px; height:310px; margin:50px 0 0 127px; position:relative;}
ul#navigatie li{ height:34px; display:block; clear:right; float:right; margin-top: 1px; }
ul#navigatie li a{ height:34px; display:block; }
* html ul#navigatie li a{height:34px;}
ul#navigatie li a span{display:none;}

ul#navigatie li#biografie a{width:108px; background:transparent url('../img/menu.png') no-repeat -26px 0px;}
ul#navigatie li#biografie a:hover{background:transparent url('../img/menu.png') no-repeat -166px 0px;}
ul#navigatie li#biografie a.active{background:transparent url('../img/menu.png') no-repeat -166px 0px;}

ul#navigatie li#wedstrijden a{width:70px; background:transparent url('../img/menu.png') no-repeat -64px -36px;}
ul#navigatie li#wedstrijden a:hover{background:transparent url('../img/menu.png') no-repeat -204px -36px;}
ul#navigatie li#wedstrijden a.active{background:transparent url('../img/menu.png') no-repeat -204px -36px;}

ul#navigatie li#resultaten a{width:77px; background:transparent url('../img/menu.png') no-repeat -57px -72px;}
ul#navigatie li#resultaten a:hover{background:transparent url('../img/menu.png') no-repeat -197px -72px;}
ul#navigatie li#resultaten a.active{background:transparent url('../img/menu.png') no-repeat -197px -72px;}

ul#navigatie li#fotos a{width:89px; background:transparent url('../img/menu.png') no-repeat -45px -108px;}
ul#navigatie li#fotos a:hover{background:transparent url('../img/menu.png') no-repeat -185px -108px;}
ul#navigatie li#fotos a.active{background:transparent url('../img/menu.png') no-repeat -185px -108px;}

ul#navigatie li#sponsors a{width:100px; background:transparent url('../img/menu.png') no-repeat -34px -144px;}
ul#navigatie li#sponsors a:hover{background:transparent url('../img/menu.png') no-repeat -174px -144px;}
ul#navigatie li#sponsors a.active{background:transparent url('../img/menu.png') no-repeat -174px -144px;}

ul#navigatie li#links a{width:65px; background:transparent url('../img/menu.png') no-repeat -69px -180px;}
ul#navigatie li#links a:hover{background:transparent url('../img/menu.png') no-repeat -209px -180px;}
ul#navigatie li#links a.active{background:transparent url('../img/menu.png') no-repeat -209px -180px;}

ul#navigatie li#auto a{width:50px; background:transparent url('../img/menu.png') no-repeat -84px -216px;}
ul#navigatie li#auto a:hover{background:transparent url('../img/menu.png') no-repeat -224px -216px;}
ul#navigatie li#auto a.active{background:transparent url('../img/menu.png') no-repeat -224px -216px;}

ul#navigatie li#media a{ width:95px; background:transparent url('../img/menu.png') no-repeat -39px -252px; }
ul#navigatie li#media a:hover{background:transparent url('../img/menu.png') no-repeat -179px -252px; }
ul#navigatie li#media a.active{background:transparent url('../img/menu.png') no-repeat -179px -252px; }

ul#navigatie li#training a{ width:95px; background:transparent url('../img/menu.png') no-repeat -39px -312px; margin-top:25px;}
ul#navigatie li#training a:hover{background:transparent url('../img/menu.png') no-repeat -179px -312px; margin-top:25px;}
ul#navigatie li#training a.active{background:transparent url('../img/menu.png') no-repeat -179px -312px; margin-top:25px;}


/* ============== */
/* = Supersized = */
/* ============== */

#loading{position:absolute;top:0;left:0;z-index:0;width:24px;height:24px;text-indent:-999em; background-image:url(../img/progress.gif);}
#supersize{position:fixed;z-index:-1;}
#supersize img{height:100%;width:100%;position:absolute;z-index:0;}

/* ======== */
/* = Blog = */
/* ======== */

#blog { }
#blog h1#block{ border-bottom: 0px }
#blog .bericht { }
#blog .bericht h3 {  font-weight: bold; font-size: 16px; margin-top: 10px;}
#blog .bericht .foto { background:#FF0000; display:block; width:150px; height:100px; float:left; margin:0 25px 0 0; }
#blog #pagination { clear:both; float:right; }
#blog #pagination div { padding:5px; float:left; margin: 0 auto; }
#blog #pagination .current { background:#08AADF; color:#FFFFFF; float:left; }
#blog #pagination a { color:#08AADF; float:left; }

/* ============= */
/* = Biografie = */
/* ============= */

#biografie { }

#biografie .label { float:left; width:125px; text-align:right; margin-right:5px; font-weight:bold; }

#line_height {line-height: 18px;}
#line_height p{margin-bottom: 10px;}

/* =============== */
/* = Wedstrijden = */
/* =============== */

#wedstrijden { }
#wedstrijden table { width:550px; }
#wedstrijden table th { font-weight: bold; color:#333; border-bottom:1px dotted #333; padding:5px; }
#wedstrijden table td { color:#333; border-bottom:1px dotted #CCC; padding:5px; }
#wedstrijden tr:hover { background:#EDEDED; }

/* ============== */
/* = Resultaten = */
/* ============== */

#resultaten { }
#resultaten table { width:550px; }
#resultaten table th { font-weight: bold; color:#333; border-bottom:1px dotted #333; padding:5px; }
#resultaten table td { color:#333; border-bottom:1px dotted #CCC; padding:5px; }
#resultaten tr:hover { background:#EDEDED; }


/* ========= */
/* = Fotos = */
/* ========= */

#fotos {  }
#fotos .album { width:540px; height:auto; padding:5px; border:1px #CCC dotted; margin:10px 0 10px 0; }
#fotos .album .image { float:left; width:100px; height:75px;}
#fotos .album:hover { background:#FFF; border:1px #CCC solid; }
#fotos .album:hover a { color:#000; }
#fotos .album a { color:#333; text-decoration:none; }
#fotos .album a:hover { color:#000; text-decoration:none; }
#fotos .album .titel { float:right; width:360px; font-size:15px; overflow:hidden; }
#fotos .album .datum { float:right; width:70px; font-size:10px; text-align:right; }
#fotos .album .omschrijving { float:right; width:420px; padding:5px; }

#fotos .gallery { padding:10px; }
#fotos .gallery a { display:block; float:left; width:130px; height:98px; text-align:center; margin: 2px 1px 2px 1px; }

#fotos #pagination { clear:both; float:right; }
#fotos #pagination div { padding:5px; float:left; margin: 0 auto; }
#fotos #pagination .current { background:#08AADF; color:#FFFFFF; float:left; }
#fotos #pagination a { color:#08AADF; float:left; }

/* ============ */
/* = Sponsors = */
/* ============ */

#sponsors { }
#sponsors .sponser { width:550px; height:auto; clear:left; margin-bottom:10px; }
#sponsors .sponser .tt_links { width:430px; float:left; padding:10px; text-align:right }
#sponsors .sponser .tt_rechts { width:430px; float:right; padding:10px; text-align: left; }
#sponsors .sponser .pic_links { width:100px; height:auto; float:right; text-align:center; margin-top:10px; }
#sponsors .sponser .pic_rechts { width:100px; height:auto; float:left; text-align:center; margin-top:10px; }

/* ========= */
/* = Links = */
/* ========= */

#links {  }
#links .link { display:block; margin-bottom:5px; }
#links .link div.heading { border-bottom:1px dotted #CCC; }
#links .link p { padding:5px 10px 5px 10px; }


/* ======== */
/* = Auto = */
/* ======== */

#auto { }

/* ============ */
/* = Training = */
/* ============ */
#error { width:530px; padding:7px 10px 7px 10px; margin-top:10px; color:#333; background:#f8aeac; }
#error img { margin:-1px 5px 0 0; float:left; }
#feedback { width:530px; padding:7px 10px 7px 10px; margin-top:10px; color:#333; background:#b4edad; }
#feedback img { margin:-1px 5px 0 0; float:left; }

/* --- Login --- */
#login { margin-top:15px; margin-bottom:15px; }
#login #frm_login {  }

#login #frm_login label { display:block; text-transform:lowercase; font-variant:small-caps; padding-top:12px; font-size:18px; color:#666; }
#login #frm_login input.txt { width:530px; height:25px; border:none; padding:3px 10px 3px 10px; font-size:13px; border-bottom:1px dotted #CCC; }
#login #frm_login input.txt:hover { outline:none; background:#EDEDED; }
#login #frm_login input.txt:focus { outline:none; background:#333; color:#FFF; }
#login #frm_login #submitknop { width:550px; height:45px; text-transform:lowercase; font-variant:small-caps; border:none; margin-top:15px; padding:3px 10px 3px 10px; font-size:13px; background:#FFF; }
#login #frm_login #submitknop:hover { background:#333; color:#FFF; font-weight:bold; }

/* --- Training --- */
#training { margin-top:15px; margin-bottom:15px; }
#training h2 { width:542px; margin:10px 17px 0px 0px; padding:5px; font:bold 17px/17px Helvetica, Arial, sans-serif; border-bottom:1px dotted #333; color:#333;  }
#training h2:hover { cursor:pointer; background:#333; color:#FFF; }

#add_training { width:525px; height:auto; background:transparent; padding:0px 10px 15px 15px; border:1px dotted #333; border-top:none; }
#add_training label { display:block; text-transform:lowercase; font-variant:small-caps; padding-top:12px; font-size:18px; color:#666; }
#add_training input.txt { width:500px; height:25px; border:none; padding:3px 10px 3px 10px; font-size:13px; border-bottom:1px dotted #CCC; }
#add_training textarea { width:500px; height:auto; border:none; padding:10px; font-size:13px; border-bottom:1px dotted #CCC; resize:none; }
#add_training input.txt:hover, #add_training textarea:hover { outline:none; background:#EDEDED; }
#add_training input.txt:focus, #add_training textarea:focus { outline:none; background:#333; color:#FFF; }
#add_training #submitknop { width:520px; height:45px; text-transform:lowercase; font-variant:small-caps; border:none; margin-top:15px; padding:3px 10px 3px 10px; font-size:13px; background:#FFF; }
#add_training #submitknop:hover { background:#333; color:#FFF; font-weight:bold; }

/* =========== */
/* = Contact = */
/* =========== */
#contact_form { width:525px; height:auto; background:transparent; padding:0px 10px 15px 15px; }
#contact_form label { display:block; text-transform:lowercase; font-variant:small-caps; padding-top:12px; font-size:18px; color:#666; }
#contact_form input.txt { width:500px; height:25px; border:none; padding:3px 10px 3px 10px; font-size:13px; border-bottom:1px dotted #CCC; }
#contact_form textarea { width:500px; height:250px; border:none; padding:10px; font-size:13px; border-bottom:1px dotted #CCC; resize:none; }
#contact_form input.txt:hover, #add_training textarea:hover { outline:none; background:#EDEDED; }
#contact_form input.txt:focus, #add_training textarea:focus { outline:none; background:#333; color:#FFF; }
#contact_form #submitknop { width:520px; height:45px; text-transform:lowercase; font-variant:small-caps; border:none; margin-top:15px; padding:3px 10px 3px 10px; font-size:13px; background:#FFF; }
#contact_form #submitknop:hover { background:#333; color:#FFF; font-weight:bold; }