/*
 * Author: Bart Van Deursen
 * Version 1.0
 */

*{margin:0; padding:0; font-family:arial; font-size:11px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:#000; z-index:0;}

table{ width:520px; margin:0 0 10px 0; border: none;}
th{ padding:0 0 0 3px; text-align:left; border-bottom:1px solid #C1B8AD; border-left:1px solid #C1B8AD; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#33132a;}
td{ padding:0 0 0 3px; border-left:1px solid #C1B8AD; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#705962;}



/************************************************************************************************/
/*header*/
/************************************************************************************************/
.container_header{width:100%; height:285px; background:url(../images/container_header.jpg) repeat-x top; }

.header{width:1000px; height:285px; margin:0 auto 0 auto; position:relative;  background:url(../images/header.jpg) center top no-repeat; }

/*header_balk*/
.header_topbar{width:1000px; height:30px; position:relative; background:url(../images/header_topbar.png); }
.header_topbar p {right:20px; top:5px; position:absolute; font-size:14px; color:#FFFFFF; }
.header_topbar a { text-decoration:none; font-size:14px; color:#9b3e80;  }

/*logo*/
.header h1 a{width:440px; height:215px; top:30px; left:280px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo.png) no-repeat top left; }

/*menu*/
.header ul.menu{left:143px; top:245px; position:absolute;}
.header ul.menu li{display:inline; }
.header ul.menu li a{float:left; height:40px; padding:0 20px 0 20px; font-size:14px; line-height:40px; font-weight:bold; text-decoration:none; color:#983d7e;}
.header ul.menu li a:hover{ background:url(../images/menu_hover.png) repeat-x; color:#33132A;}
.header ul.menu li.on a{ background:url(../images/menu_hover.png); color:#33132A;}


.bookmark  { position:absolute; bottom:42px; right:10px; }
.bookmark p { float:left; padding:0 70px 0;  font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; font-style:italic; color:#b799ae;}
.bookmark img { position: relative; left:3px; }




.center{ width:1000px; position:relative; margin:0 auto 0 auto;  }
/************************************************************************************************/
/*content*/
/************************************************************************************************/
.container_content{ float:left; width:100%; padding:10px 0 0 0; background:#F1EBEF; }

/************************************************************************************************/
/*area's*/
/************************************************************************************************/


/*content*/
.inhoud{ float:left; width:1027px; padding:0 0 50px 0; background:url(../images/container_content.jpg) right repeat-y;}


.content{float:left; width:530px;}

/*content ALGEMEEN*/
.content h2{ position:relative; width:507px; height:50px; margin:0 0 0 13px;font-size:15px; line-height:50px; color:#33132a;}
.content h2 span{ position:absolute; right:0; padding:0 21px 0 0; line-height:50px; font-family:Calibri, Arial, Helvetica; font-size:12px; background:url(../images/datum.jpg) right center no-repeat; color:#705962;}
.content p{ position:relative; width:507px; line-height:13px; font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; color:#705962;}
.content ul{list-style: square; margin-left:20px;line-height:13px; font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; color:#705962;}


/*INDEX*/
.content_box{ width:530px; position:relative; padding:0 0 68px 0; background:url(../images/lijn1.jpg) bottom no-repeat;}
.content_box p img.imgindex{ float:right; }
.content_box .content_gepost ,.content_gepost{ position:absolute; bottom:13px; left:7px; width:500px; height:30px; padding:0 0 0 20px; line-height:30px; font-size:13px; background:url(../images/content_gepost.jpg) left center no-repeat; color:#705962; }
.content_box .content_gepost a ,.content_gepost{ text-decoration:none; font-size:13px; font-weight:bold; color:#33132A; }
.content_box .reacties{position:absolute; bottom:13px; right:100px;  width:90px; height:30px; line-height:30px; font-family:Calibri, Arial, Helvetica; font-size:14px;  text-align:center; background:url(../images/content_reacties.jpg) no-repeat; color:#33132a;}
.content_box .reacties a{text-decoration:none; text-align:center;  font-size:14px;  color:#33132a;}
.content_box .readmore{position:absolute; bottom:13px; right:10px;  width:90px; height:30px; line-height:30px; font-family:Calibri, Arial, Helvetica; font-size:14px;  text-align:center; background:url(../images/content_readmore.jpg) no-repeat; color:#ffffe6;}
.content_box .readmore a{text-decoration:none; text-align:center;  font-size:14px;  color:#ffffe6;}

h2 a {text-decoration:none; line-height:50px; font-family:Calibri, Arial, Helvetica; font-size:15px; font-weight:bold; color:#33132A; }

/*PROFILE*/
.profile{ width:449px; padding:0 0 11px 71px; margin:0 0 5px 0; position:relative; background:url(../images/lijn2.jpg) bottom no-repeat;}
.profile img{ position:absolute; left:0; top:0;}
.profile h1{ width:449px; color:#33132a;}
.profile p{ width:449px; font-size:14px; color:#33132a;}
/*PROFILE Reacties*/
.profile .reacties{ position:absolute; top:4px; right:0px; width:112px; height:25px; line-height:25px; text-align:center; background:url(../images/profile_reacties.jpg); }
.profile .reacties a{  font-size:14px; text-decoration:none; color:#33132a;}
/*PROFILE Bekijk Profiel*/
.profile .bekijkprofiel{ position:absolute; top:34px; right:0px; width:112px; height:25px; line-height:25px; text-align:center; background:url(../images/profile_bekijkprofiel.jpg); }
.profile .bekijkprofiel a{  font-size:14px; text-decoration:none; color:#ffffe6;}

/*PROFILE Bekijk Profiel*/
.content h2 .bekijkatleten{ position:absolute; right:0; padding:0 21px 0 15px; font-weight:normal; line-height:50px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; background:url(../images/pijl.jpg) left center no-repeat; color:#33132a;}
/*profile_box*/
.content .profile_box{ width:277px; padding:0 0 10px 0;   position:relative; background:url(../images/lijn3.jpg) bottom no-repeat;}
.content #profile_box_padding{ padding:0 0 25px 172px; }
.content .profile_box img{ position:absolute; left:0; }
.content .profile_box span{ width:335px; padding:0 0 10px 0; line-height:13px; font-size:13px; font-family:"Trebuchet MS", Verdana, Arial; color:#33132a;}
.content .profile_box p{ width:335px; padding:0 0 10px 0; line-height:13px; font-size:12px; font-family:Calibri, Arial, Helvetica; color:#705962;}
.content .profile_box p.website{ width:120px; position:absolute; left:50px; top:165px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-style:italic; font-size:13px; color:#33132a; }
.content .profile_box p.website img{ position:relative; top:3px; right:10px; margin:0 5px 0 0;}

.content .geplaatste_reacties{ width:520px; padding:0 0 28px 0;   position:relative; background:url(../images/lijn3.jpg) bottom no-repeat;}
.content .geplaatste_reacties p{ width:500px; font-style:italic;}
.content .geplaatste_reacties p.gepost_door{ position:absolute; bottom:0px; left:7px;  height:30px; padding:0 0 0 20px; line-height:30px; font-style:normal; font-size:12px; background:url(../images/gepost_door.jpg) center left no-repeat; color:#705962; }
.content .geplaatste_reacties p.gepost_door a{ text-decoration:none; line-height:30px; font-weight:bold; font-size:12px; color:#33132a; }

.content .geplaatste_reacties p.datum{ position:absolute; bottom:0px; right:7px; text-align:right;  height:30px; padding:0 22px 0 0; line-height:30px; font-style:normal; font-size:12px; background:url(../images/datum.jpg) center right no-repeat; color:#705962; }

/************************************************************************************************/
/*Registration */
/************************************************************************************************/
.content .registration{float:left; width:530px;}
.content .registration p { width:520px;  color:#c1b8ad;}

.content .registration p.registration_p{ width:507px; height:60px; padding:10px 0 0 13px; line-height:15px;font-family:"Trebuchet MS", Verdana, Arial; font-style:italic; background:url(../images/registration_p.jpg) no-repeat;}
.content .registration p.registration_p span{ padding:0 0 0 13px; font-weight:bold; background:url(../images/pijl2.jpg) left center no-repeat; color:#FFFFFF;}

.content .registration form{ width:430px; height:248px; padding:17px 0 45px 0; position:relative;}
.content .registration form p{float:left;  width:187px; height:22px; margin:0 0 8px 0; line-height:22px; text-align:right; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#705962;}
.content .registration form input{ float:left; width:200px; height:22px; margin:0 0 8px 15px; border:0; background:url(../images/registration_textfield.jpg);}
.content .registration form input:focus{ background:url(../images/registration_textfield_focus.jpg);}
.content .registration form span{ float:left; padding:0 2px 0 2px; line-height:22px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#705962;}
.content .registration .radiogroup{ float:left; width:10px;  background:none;}
.content .registration form .reset{ position:absolute;  bottom:0px; right:120px; width:112px; height:25px; border:0; background:url(../images/registration_reset.jpg);}
.content .registration form .registreer{position:absolute; bottom:0px; right:0px; width:112px; height:25px; border:0; background:url(../images/registration_registreer.jpg);}


/*LOGIN*/
.content .login{ width:520px; height:140px; padding:30px 0 0 0; margin:0 0 8px 0; position:relative; background:url(../images/login_bg.jpg) ;}
.content .login form p{ float:left; width:107px; height:22px; line-height:22px; text-align:right; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#FFF; }
.content .login form span{ float:left; height:22px; line-height:22px; text-align:left; font-size:13px; color:#FFF; }

.content .login form .textfield{ float:left; width:195px; height:19px; padding:3px 0 0 5px; margin:0 195px 8px 15px; border:0px; background:url(../images/login_textfield.jpg) top ;}
.content .login form .textfield:focus{ background:url(../images/login_textfield_focus.jpg) top ;}
.content .login form .radiogroup{ float:left; height:22px; width:10px; margin:0 5px 0 0;  background:none;}
#maring{ margin:0 5px 0 95px;}

.content .login form .button{ position:absolute; top:24px; right:20px; width:156px; height:66px;border:0px; background:url(../images/login_login.jpg);}
.content .login form p.forgotpassword{ position:absolute; top:95px; right:20px;  width:157px; height:22px; text-align:center; line-height:22px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#FFF; }
.content .login form p.forgotpassword a{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#FFF; }
.content .login p.register{ position:absolute; top:140px; right:33px; height:30px; text-align:right; line-height:30px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#FFF; }
.content .login p.register a{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#FFF;  }

.content .login p.register span{line-height:30px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px;  color:#705962; }



/*Gallery*/
.content .gallery{ width:520px; padding:0 0 37px 0; background:#C1B8AD; position:relative;}
.content .gallery h2{ position:relative; width:507px; height:25px; padding:0 0 0 13px; margin:0 0 0 0px; line-height:25px;  font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:normal; background:url(../images/pijl3.jpg) left center no-repeat #F1EBEF; color:#4a4a3a;}
.content .gallery h2 span{ position:absolute; height:25px; padding:0 0 0 12px; line-height:25px; top:0px; right:10px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; background:url(../images/pijl3.jpg) left center no-repeat; color:#33132a;}
.content .gallery h2 span a{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; color:#33132a;}
.content .gallery img{ margin:18px 0 0 15px; border:5px solid #fff;}

.content .gallery p{ position:absolute; bottom:0px; left:20px;  width:460px; height:37px; line-height:37px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; color:#705962;}
.content .gallery p span{ position:absolute; bottom:0px; right:0px; height:37px; line-height:37px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; color:#705962;}
.content h2 span.back{ position:absolute; right:10px; padding:0 0 0 21px; line-height:50px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:normal;  background:url(../images/pijl4.jpg) left center no-repeat; color:#4a4a3a;}
.content h2 span.back a{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:normal; color:#4a4a3a;}


/*Ranking*/
.content .ranking{ width:520px;}
.content .ranking h2{ width:508px; height:25px; padding:0 0 0 12px; margin:0 0 5px 0; line-height:25px; background:url(../images/tabel_kop.jpg);font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#FFF;}
.content .ranking h2 span{ position:relative; line-height:25px; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; background:none; color:#c1b8ad;}

.content .ranking table{ width:520px; margin:0 0 10px 0;}
.content .ranking th{ padding:0 0 0 3px; text-align:left; border-bottom:1px solid #C1B8AD; border-left:1px solid #C1B8AD; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#33132a;}
.content .ranking td{ padding:0 0 0 3px; border-left:1px solid #C1B8AD; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#705962;}
.content .ranking td.black{ background:#000; color:#fff; }
.content .ranking td.yellow{ background:yellow; color:#000; }
.content .ranking td.red{ background:red; color:#000; }
.content .ranking tr.purple{ background:#705962; }
.content .ranking td.purpletd{ color:white;}


/*Calendar*/
.content .calendar_downloads{ position:relative; width:520px; height:50px; margin:0 0 0 -13px;}
.content #downloads_on1{ background:url(../images/download_on_1.jpg) no-repeat;}
.content #downloads_on2{ background:url(../images/download_on_2.jpg) no-repeat; color:#fff;}


.content .calendar_downloads h2{ position:absolute; top:12px; left:23px; height:16px; margin:0; line-height:16px; text-transform:uppercase; font-family:"Trebuchet MS", Verdana, Arial; font-size:14px; color:#33132a;}
.content .calendar_downloads p{ position:absolute; top:28px; left:23px; text-transform:uppercase; font-family:"Trebuchet MS", Verdana, Arial; font-size:14px; color:#33132a;}
.content .calendar_downloads span{ position:absolute; top:0px; right:23px; width:100px; height:40px; padding:10px 40px 0 60px; background:url(../images/download.jpg) no-repeat; font-size:14px; color:#c1b8ad;}
.content .calendar_downloads span a{ text-decoration:none; font-size:12px; color:#c1b8ad;}

.content p.orgenasaties{ position:relative; width:507px; height:18px; line-height:0px; text-transform:uppercase; font-size:13px; font-family:"Trebuchet MS", Verdana, Arial; color:#705962;}
.content p.orgenasaties span{ position:absolute; right:0px; padding:0 0 0 11px; text-transform:none;  line-height:18px; font-size:13px; font-family:"Trebuchet MS", Verdana, Arial; background:url(../images/pijl5.jpg) left no-repeat; color:#33132A;}
.content p.orgenasaties span a{ text-decoration:none; text-transform:none;  line-height:0px; font-size:13px; font-family:"Trebuchet MS", Verdana, Arial; color:#33132A;}


#center_speciaal{  width:1027px; }
/************************************************************************************************/
/*leftcolumn*/
/************************************************************************************************/

.leftcolumn{ float:left;  width:220px;  background:url(../images/leftcolumn_top.jpg) top no-repeat;}
.leftcolumn img{ float:left; border:5px solid #FFF; margin:10px;}
.leftcolumn h2{ float:left; position:relative; width:198px; height:30px; line-height:30px; padding:0 0 0 22px; margin:14px 0 0 0;   background:url(../images/leftcolumn_h2.jpg) #FF1100;}
.leftcolumn h2 span{ position:absolute;  right:12px; top:2px; line-height:30px; font-size:13px;}
.leftcolumn .tweeties {float:left; width:220px; height:100px;   background:url(../images/leftcolumn_tweeties.jpg) top left no-repeat;}
.leftcolumn .tweeties ul { padding:15px 80px 0 17px;   line-height:13px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; font-weight:bold; font-style:italic; color:#33132A;}
.leftcolumn .tweeties p span {color:#33132A;}

.leftcolumn ul.results{}
.leftcolumn ul.results li{float:left; }
.leftcolumn ul.results li a{ float:left; width:203px; height:20px; padding:0 0 0 17px; font-size:16px; text-decoration:none; color:#705962;}
.leftcolumn ul.results li a:hover{ width:197px; padding:0 0 0 23px; background:url(../images/leftcolumn_hover.jpg) repeat-x; color:white;}







/*rightcolumn*/
.rightcolumn{ float:left; width:250px; padding:5px 0 0 0; background:url(../images/rightcolumn_top.jpg) top no-repeat ;}
.rightcolumn img{ margin:10px; }
.rightcolumn h2{width:227px; height:37px; line-height:37px; padding:0 0 0 23px;  background:url(../images/rightcolumn_h2.jpg) top no-repeat #FF1100;}

.rightcolumn ul.fotoreeksen{ }
.rightcolumn ul.fotoreeksen li{ float:left; }
.rightcolumn ul.fotoreeksen li a{ float:left; width:203px; height:20px; padding:0 0 0 13px; font-size:16px; text-decoration:none; color:#c1b8ad;}
.rightcolumn ul.fotoreeksen li a:hover{width:197px; padding:0 0 0 23px; background:url(../images/rightcolumn_hover.jpg) left center no-repeat; color:#705962;}


/************************************************************************************************/
/*boxen*/
/************************************************************************************************/
.boxen{ float:left; width:100%; height:150px; background:url(../images/boxen.png) repeat-x;  }
.boxen p{float:left; width:100px; }

/*box_laatstenieuws*/
.box_laatstenieuws{ float:left; position:relative; width:350px; height:150px; background:url(../images/box_laatstenieuws.jpg);}
.box_laatstenieuws img{ position:absolute; left:-15px; }

.box_laatstenieuws ul.nieuws{ margin: 40px 0 0 0; }
.box_laatstenieuws ul.nieuws li{ float:left; }
.box_laatstenieuws ul.nieuws li a{ float:left; width:310px; height:20px; padding:0 0 0 7px; font-size:13px; text-decoration:none; color:#b799ae;}
.box_laatstenieuws ul.nieuws li a:hover{ padding:0 0 0 14px; color:#FFF;}


/*box_laatstereacties*/
.box_laatstereacties{ float:left; position:relative; width:350px; height:110px; padding:40px 0 0 0; background:url(../images/box_laatstereacties.jpg);}
.box_laatstereacties img{ position:absolute; top:0px; left:-15px; }
.box_laatstereacties p{ width:320px; position:relative; padding:0 0 0 8px; margin:0 0 10px 0; font-size:13px; font-style:italic; color:#b799ae;}
.box_laatstereacties p span{ width:320px; position:absolute; right:0px; bottom:-10px; text-align:right; color:#ffffe6; }
.box_laatstereacties p.white{ width:320px; position:relative; padding:0 0 0 8px; margin:0 0 10px 0; font-size:13px; font-style:italic; color:#FFF;}


/*box_contact*/
.box_contact{ float:left; position:relative; width:285px; height:110px; padding:40px 0 0 0; background:url(../images/box_contact.jpg);}
.box_contact img{ position:absolute; top:0px; left:-15px; }
.box_contact p{ width:230px; height:25px; margin:0 0 0 5px; padding:0 0 0 21px;  line-height:22px; }
.box_contact p a{font-size:13px; text-decoration:none; color:#b799ae;}
.box_contact p a:hover{color:#FFFFFF;}
.box_contact p.mail{ background:url(../images/box_contact_mail.jpg) left center no-repeat;}
.box_contact p.follow{ background:url(../images/box_contact_followus.jpg) left center no-repeat;}
.box_contact p.facebook{ background:url(../images/box_contact_facebook.jpg) left center no-repeat;}
.box_contact p.myspace{ background:url(../images/box_contact_myspace.jpg) left center no-repeat;}




/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*headings*/
h1, h2, h3, h4, h5{font-weight:normal;}
h1{ font-family:Calibri, Arial, Helvetica, sans-serif;  font-size:20px; color:#ffffe6;}
h2{ font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#ffffe6;}
h3{ font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#33132a;}
h4{}


/************************************************************************************************/
/*footer*/
/************************************************************************************************/
.footer{width:100%px; height:25px; background:#000000; }
.footer p, .footer p a{ text-align:center; height:25px; line-height:25px; color:#FFFFFF; }