body { margin:0; background:url(img/body_background.jpg) top center repeat-x #79bfc7; font-family:tahoma; font-size:10pt; color:#212121;}

a { color:#1b5960; text-decoration:none; }
a:hover { text-decoration:underline; }

h2 { font-size:10pt; font-weight:bold; margin:0 0 15px 0; padding:0; color:#f72004; }

#wrapper { width:900px; overflow:hidden; margin:0 auto 0 auto;}

#header{ width:853px; height:71px; background:url(img/header.jpg) top center no-repeat; padding:62px 0 0 47px;  }
#header .login { width:360px; height:67px; }
#header .login .notlogged { text-align:center; margin:0; padding:0; line-height:23px; height:57px; padding:10px 0 0 0;}
#header .login .notlogged a {color:#f72004; }
#header .login .logged { text-align:center; margin:0; padding:0; height:57px; line-height:23px; padding:10px 0 0 0;}
#header .login .logged a { }
#header .login .logged a.loguit {color:#f72004; }

#navigatie { width:900px; height:41px; font-size:10pt; background:url(img/navigatie_corner.jpg) bottom right no-repeat; }
#navigatie ul { margin:0; padding:0; list-style:none; width:893px; height:41px; background:url(img/navigatie_background.jpg) bottom left repeat-x; }
#navigatie ul li { width:120px; height:41px; background:url(img/navigatie_link_background.jpg) bottom center no-repeat; margin:0 1px 0 0; float:left;}
#navigatie ul li a.inactive { color:white; display:block; width:120px; height:30px; text-align:center; margin:6px 0 0 0; padding:5px 0 0 0;}
#navigatie ul li a.active { cursor:default; display:block; color:#212121; text-align:center; background:url(img/navigatie_active_background.jpg) bottom center no-repeat; width:120px; height:30px; padding:11px 0 0 0; }
#navigatie ul li a.active:hover { text-decoration:none; }

#content { width:892px; padding:30px 4px 4px 4px; background:white; overflow:hidden;}
#content_left { width:499px; margin:0 22px 0 0; float:left; }
#content_right { width:367px; float:left; }

#ggl_ads{ width:90%px; height:30px; margin:10px auto; text-align:center; background-color:#ffcdcd; border:1px dashed #525252; padding:10px 0 0 0; font-size:11pt;}
#ggl_ads a { color:black; }

#trilcoe_festival { text-align:right; padding:101px 0 0 0; font-size:8pt; background:url(img/trilcoe_festival_banner.jpg) top center no-repeat; display:block; width:493px; height:14px; color:#212121; margin:0 0 20px 6px; }

.laatste_nieuws { margin:0 0 15px 10px; border-bottom:1px dashed #7f7f7f; padding:0 0 10px 0; }
.laatste_nieuws h2 { font-size:12pt; font-weight:normal; margin:0 0 15px 0; padding:0; color:#f72004; }
.laatste_nieuws h2 a { color:#f72004; }
.laatste_nieuws .bericht { text-align:justify; margin:0 0 10px 0; padding:0; line-height:20px; }
.laatste_nieuws .info { padding:0; margin:0; }

#poll { width:367px; margin:0 0 20px 0;}
#poll h2 { border-bottom:1px solid #f72004; font-size:12pt; font-weight:normal; padding:0 0 3px 5px;}
#poll .vraag { margin:0 0 8px 0; padding:0; font-style:italic; }
#poll form { line-height:30px; margin:0; padding:0; }

#poll .uitslag { width:300px; margin:0 0 12px 0; }
#poll .poll_bar { width:300px; background-color:#dddddd; margin:3px 0 0 0; height:5px; padding:0; }
#poll .procent { background-color:red; height:5px; margin:0; padding:0;}
#poll .procenten { font-size:8pt; }
#actieve_onderwerpen { width:367px; margin:0 0 15px 0;}
#actieve_onderwerpen h2 { border-bottom:1px solid #f72004;font-size:12pt; font-weight:normal; padding:0 0 3px 5px;}

.actieve_topic1 { width:359px; height:51px; padding:5px 3px 3px 5px; }
.actieve_topic1 .topic { font-weight:bold; float:left; }
.actieve_topic1 .reacties { float:right; display:inline; margin:0 0 15px 0; padding:0; }
.actieve_topic1 .laatste { clear:both; text-align:right; font-size:8pt; margin:0; padding:0;}

.actieve_topic2 { width:359px; height:51px; padding:5px 3px 3px 5px; background:#e6edee; }
.actieve_topic2 .topic { font-weight:bold; float:left; }
.actieve_topic2 .reacties { float:right; display:inline; margin:0 0 15px 0; padding:0; }
.actieve_topic2 .laatste { clear:both; text-align:right; font-size:8pt; margin:0; padding:0;}

#fotoalbum a img {border:2px solid white; margin:5px; }
#fotoalbum a:hover img {border:2px solid #1b5960; }

#forum { width:820px; overflow:hidden; margin:0 auto 0 auto; }
#forum h2 { border-bottom:2px solid #f72004; padding:0 0 3px 5px;}

#topic { width:800px; overflow:hidden; margin:0 auto 0 auto; }
#topic h2 { border-bottom:2px solid #f72004; color:black; font-weight:normal; padding:0 0 3px 5px; margin:0;}
#topic h2 a { color:#f72004; font-weight:bold; }

#topic .pagina_nav { width:800px; border-top:1px dashed #7f7f7f; border-bottom:1px dashed #7f7f7f; padding:3px 0; margin:15px 0 20px 0; }
#topic .pagina_nav a { font-weight:bold; }

#topic .post { width:800px; overflow:hidden; }
#topic .post .naam { padding:3px 0 0 5px; color:#f1f1f1; background:url(img/forum_titles_tr_background.jpg) top center repeat-x; height:22px; }

#topic .post .naam a { font-size:10pt; font-weight:bold; color:white; }
#topic .post .content { width:778px; overflow:hidden; border:1px solid #c1c1c1; padding:10px; }
#topic .post .buffer { width:798px; height:24px; background:#e9eef0; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-top:1px solid white;}
#topic .post .content .avatar { float:left;  width:110px; }
#topic .post .content .bericht { float:right; border-left:1px dashed #727171; width:647px; min-height:90px; margin:0 0 20px 0; padding:0 0 0 10px; overflow:auto;}
#topic .post .content .options { overflow:hidden; clear:both; width:778px; display:block; height:25px; text-align:right; }
#topic .post .content .options a { display:inline; height:13px; padding:6px 8px 6px 8px; margin:0 5px 0 0; color:white; background:#1b5960};

#topic .reageren { width:800px; overflow:hidden; margin:0 0 20px 0; padding:10px 0 0 0; overflow:hidden;}
#topic .reageren h4 { font-size:12pt; }
#topic .reageren .nieuw { color:#f72004; padding:0 0 0 5px; margin:0 0 3px 0; font-size:12pt;}
#topic .reageren .content { width:778px; overflow:hidden;  }
#topic .reageren .content  textarea { height:200px; width:750px;}
#topic .reageren .content  .reactie { float:left;  width:110px; }
#topic .reageren .content .formulier {  }
#topic .reageren .content div.options { clear:both; display:block; color:white; }
#topic .reageren .content .submit { font-size:11pt; }

.gastenboek_item { overflow:hidden; margin:0 auto 15px auto; border-bottom:1px dotted gray; background:#EEEEEE;}
.gastenboek_item .top { padding:7px 10px 0 10px; height:31px; color:black;  }
.gastenboek_item .top .naam { font-weight:normal; float:left; margin:0; padding:0; font-size:11pt; color:#f72004; }
.gastenboek_item .top .datum { float:right; margin:0; padding:0; font-size:8pt;}
.gastenboek_item .bericht { padding:10px;  }
.gastenboek_item .bottom { }

.gastenboek_schrijven li a { cursor:pointer; }

#gastenboek_navigatie { font-size:10pt; text-align:center; margin:0 0 10px 0;}
#gastenboek_navigatie a {font-weight:bold; font-size:10pt; }

#forum_topics { width:818px; margin:0 auto 40px auto; border-left:1px solid #c1c1c1;  border-top:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
#forum_topics tr { border:1px solid #c1c1c1;  }
#forum_topics tr td { background:#e9eef0; padding:5px 0 5px 0; border-top:1px solid white; border-bottom:1px solid #c1c1c1;}
#forum_topics tr td.laatste { font-size:8pt; border-right:1px solid #c1c1c1; }
#forum_topics tr td.onderwerp { padding:0 0 0 5px; border-right:1px solid #c1c1c1; line-height:22px;}
#forum_topics tr td.onderwerp a.ganaar{ font-size:8pt; color:#5b5b5b;}
#forum_topics tr td.reacties { font-size:8pt; border-right:1px solid #c1c1c1;}
#forum_topics tr td.gelezen { font-size:8pt; }

#forum_titles{ width:818px; margin:0 auto 0 auto; height:25px; background:url(img/forum_titles_tr_background.jpg) top center repeat-x; color:white; font-size:9pt;}

#add_form ul { width:420px; margin:0; padding:0; list-style:none; margin:0 auto 0 auto; }
#add_form ul li { margin:0 0 10px 0; }
#add_form ul li label { float:left; width:100px; margin:0 0 5px 0; }
#add_form ul li input { width:200px; }
#add_form ul li textarea { width:300px; height:200px; }

#form1 { width:600px; margin:0 auto 0 auto; }
#form1 form { margin:0; padding:0; }
#form1 h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }
#form1 input.large { width:400px; margin:0 0 10px 0;}
#form1 textarea { width:600px; height:250px; margin:0 0 10px 0; }

#fotoalbum table tr td { border-bottom:1px dashed #d2d2d2; padding:5px 0 10px 0;}

#instellingen { overflow:hidden; width:740px; margin:0 auto 0 auto; }
#instellingen h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }

#instellingen .avatar { width:300px; margin:0 30px 30px 0; float:left; padding:0 0 0 10px;}

#instellingen .informatie { width:400px; float:left; }
#instellingen .informatie span {display:block; height:20px; margin:0 0 10px 0; }
#instellingen .informatie span label { display:block; float:left; width:150px; }
#instellingen .informatie form { margin:0; padding:0; width:380px; padding:0 0 0 20px; }


#registreren { width:500px; margin:0 auto 0 auto; }
#registreren h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }
#registreren label { float:left; display:block; width:180px; }
#registreren span { margin:0; padding:0; width:600px; height:25px; display:block; margin:0 0 10px 0; clear:right; }
#registreren input { width:250px; float:left; }
#registreren select { float:left; }

.alert { width:80%; padding:10px; margin:10px auto; background-color:#e9ceb4; border:1px dashed #c2a180; }

#login { width:400px; margin:0 auto 0 auto; }
#login h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }
#login label { float:left; display:block; width:100px; }
#login span { margin:0; padding:0; width:600px; height:25px; display:block; margin:0 0 10px 0; clear:right; }
#login input { width:250px; float:left; }
#login select { float:left; }

#footer { font-size:8pt; text-align:center; color:white; clear:both; padding:10px 5px; background-color:#589ba3; border-top:2px solid #2b595f; margin:30px 0 0 0; }
#footer p { margin:0 0 10px 0; padding:0; }
#footer .nieuw_lid {color:white; }
#links { width:400px; margin:0 auto 0 auto; }
#links h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }


#profiel { width:700px; margin:0 auto 0 auto; overflow:hidden;}

#profiel #left { width:350px; float:left; }
#profiel #left h3 { font-size:11pt; font-weight:bold; margin:0; padding:0; }
#profiel #left .actief {font-size:8pt; display:block; }
#profiel h2 { border-bottom:1px solid #f72004; color:f72004; font-weight:bold; padding:0 0 3px 5px; margin:0 0 10px 0; }

#profiel #algemeen { float:left; width:350px; }
#profiel #algemeen ul { list-style:none; margin:0; padding:0; }
#profiel #algemeen ul li { margin:0; padding:0; height:20px; }

#leaderboard { width:728px; margin:0 auto; height:90px; }


/* ADMIN CONTENT */

#admin_navigatie { margin:0; padding:0; list-style:none; height:50px;}
#admin_navigatie li { float:left; margin:0 8px 0 0; padding:0;}
#admin_navigatie li a { display:inline; padding:8px; border-bottom:2px solid #1b5960; }
#admin_navigatie li a.active { background:#1b5960; color:white; display:inline; padding:8px; border-bottom:2px solid #1b5960; }
#admin_navigatie li a.active:hover { text-decoration:none; }

#admin_content { overflow:hidden; display:block; clear:both;}

.poll_antwoorden { list-style:none; }
.poll_antwoorden li { margin:0 0 6px 0; }

.add_poll { list-style:none; }
.add_poll li { margin:0 0 8px 0; }
.add_poll label { display:block; float:left; width:150px; }