*{padding: 0px; margin: 0px;}
img{border: none;}
ul{list-style: none;}

/******************************************************************************/
/* Algemeen */
/******************************************************************************/
html{overflow: auto;background: #000;}

#top{width: 1000px; margin: auto; height: 125px;  position: relative; cursor: pointer;}
#top2{width: 1000px; margin: auto; height: 176px;  position: relative; background: url(/images/top2.png) no-repeat;}
#topmenu{display: none;}

img.footer{margin: auto; display:block;}
#maintable{width: 1000px; margin: auto; background: url(/images/pagina_bg.gif) repeat-y;}
#menukolom{width: 200px; padding-top: 10px; padding-left: 20px;}
#content{padding-left: 20px; padding-right:45px; width: 720px; background: url(/images/rand1.gif) repeat-y top left;}
#contentfull{padding:40px; padding-top: 10px;}
td.contentright{background: url(/images/rand2.gif) repeat-y top left; padding-left: 20px;}
td.contentdouble{width: 500px; padding-right: 10px; }

td,th,div,p,input,textarea,select,option,li{font: normal 12px/15px arial; color: #eee;}
img.blok{display:block;}
a,span.link{color: #48a410; text-decoration: none; cursor: pointer;}
a:hover,span.link_hover{color: #0f0; text-decoration: underline; cursor: pointer;}
.small{font: normal 10px/12px Arial;}
.medium{font: normal 11px/12px Arial;}
.clear{clear: both; width: 0px; height: 0px; font-size: 1px;}
.normal{width: 100%;}
th{font-weight: bold; text-align: left;}
.verborgen{color: #888; font-style: italic;}
.brown{color: #c70;}
a.brown:hover{color: #fa4;}
p{text-align: justify; margin-bottom: 10px;}
p.home_news{text-align: justify; margin-bottom: 0px;}
h1{font: bold 14px/16px Arial; border-bottom: solid 1px #050; padding-bottom: 2px; margin-bottom: 10px; margin-top: 10px;}
h2{font: bold 12px/15px Arial; color: #0a0; margin-bottom: 2px;}
h3{font: bold 12px/15px Arial; color: #4b2; margin-bottom: 2px; margin-top: 6px;}

td.home_forumcolor{padding-left: 5px; padding-right: 4px; font: normal 8pt/9pt arial;}

img.in_text_left{margin-right: 10px;}
img.in_text_right{margin-left: 10px;}



/******************************************************************************/
/* menu */
/******************************************************************************/
div.menu{}
ul.menu li{padding-left: 32px; background: url(/images/menubullet.png) no-repeat 18px 5px; }
ul.menu li.space{background: none;}
ul.menu li.alt{background: none; position: relative; height: 30px; margin-top: 2px; margin-left: 15px;}
ul.menu li.alt div{background: url(/images/menucat.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 182px; height:21px; color: #0f0; padding-left: 15px; padding-top: 10px;  font: bold 10px/11px arial;}
ul.menu li a{font: bold 10px/11px arial; color: #48a410; text-decoration: none;}
ul.menu li a:hover{color: #0f0; text-decoration: underline;}

/******************************************************************************/
/* Messages */
/******************************************************************************/
table.message_error{width: 100%; border: solid 1px #C00; background: #FAA url(/images/error.png) no-repeat 2px 2px; margin-bottom: 10px; }
table.message_warning{width: 100%; border: solid 1px #FD0; background: #fa0 url(/images/info.png) no-repeat 2px 2px; margin-bottom: 10px; }
table.message_info{width: 100%;  border: solid 1px #080; background: #AFA url(/images/info.png) no-repeat 2px 2px; margin-bottom: 10px; }
td.message_text{padding: 5px; padding-left: 40px; padding-right: 15px; font-weight: bold; color: #000;}
td.message_close{width: 20px; background: url(/images/icon_close.gif) no-repeat 3px 3px; cursor: pointer;}

/******************************************************************************/
/* content */
/******************************************************************************/
div.content{padding: 5px;}
img.home_newsimg{float: right; margin-left: 5px; margin-bottom: 3px;}
img.articleimg{float: left; margin-right: 5px; margin-bottom: 3px;}

div.newsblokje{float: right; width: 250px; min-height: 100px; border: solid 1px #050; background-color: #020; margin-left: 10px; margin-bottom: 10px; padding: 5px; font: normal 11px/12px Arial;}
div.episodeblokje{min-height: 100px; border: solid 1px #050; background-color: #020; margin-bottom: 10px; padding: 5px; font: normal 11px/12px Arial;}

/* Downloads */
div.download{background: #020; margin-bottom: 5px; padding: 5px; height: 110px;}
div.download img{display: block; margin-bottom: 2px; margin-top: 5px; float: left;}
div.download div{float: right; width: 550px;}
div.download span{font: bold 13px/15px arial;}

div.news div{background: #020; padding: 3px; padding-bottom: 5px; margin-bottom: 2px;}

/******************************************************************************/
/* videplayer */
/******************************************************************************/
#videoplayer{margin-left: auto; margin-right: auto; float: center; height:380px; width:640px;}
.videoplayerbalk{height: 18px; margin-left: auto; margin-right: auto; float: center; width:640px; background: url(/images/playerbalk.png) no-repeat; position: relative;}
#videoknophq{cursor: pointer; width: 25px; height: 18px; position: absolute; top: 0px; left: 102px;}
#videoknophd{cursor: pointer; width: 24px; height: 18px; position: absolute; top: 0px; left: 132px; }
.videoknophq_active{background: url(/images/playerbalk.png) no-repeat -668px; 0px }
.videoknophd_active{background: url(/images/playerbalk.png) no-repeat -696px; 0px }
.videoknophd_normal{background: url(/images/playerbalk.png) no-repeat -720px; 0px }

/******************************************************************************/
/* POLL */
/******************************************************************************/
div.pollbar{height: 8px; background: #432b01; }
img.pollbarfill{height: 8px; display: block;}

/******************************************************************************/
/* Admin */
/******************************************************************************/
div.actions{width: 185px; float: right; border: solid 1px #ccc; background-color: #040; padding: 2px;}
div.actionbutton{padding: 2px; padding-left: 3px; cursor: pointer; border: solid 1px #040; margin-top: 2px; margin-bottom: 2px;}
div.actionbutton_hover{padding: 2px; padding-left: 3px; cursor: pointer; border: solid 1px #fff; border-right: solid 1px #888; border-bottom: solid 1px #888; margin-top: 2px; margin-bottom: 2px;}
div.button_seperator{border-bottom: solid 1px #fff; background: #aaa; height: 1px;}
span.actionbuttontext{position: relative; top: -2px;}

#adminlist_cont{width: 518px; background-color: #020; }
#itemlist{width: 518px; overflow: auto;}
#itemlist li{display: block; border-bottom: solid 1px #ccc; width: 500px;}
#itemlist li table{width: 100%;}
#itemlist li img{display: block;}

div.listheader{background: #080; padding-right: 18px; padding-top: 2px; padding-bottom: 2px;}
div.listheader table{width: 100%;}
div.listheader td{color: #fff; font-weight: bold;}

div.admin_addimage{width: 96%; height: 100px; background-color: #000; text-align: center; border: solid 1px #555; cursor: pointer; background-repeat: no-repeat; background-position: center center; margin-top: 2px;margin-bottom: 2px; color: #000;}
img.modal_browse_thumb{margin: 1px; float: left; cursor: pointer; border: solid 2px #fff;}
div.seperator1{border: solid 1px #aaa; margin-left: 10px; margin-bottom: 5px;}
.fileupload_rij{cursor: pointer;}
.fileupload_rij_hover{background: #050;}
.fileupload_rij_selected{background: #00f; color: #fff;}
.fileupload_header{background-color: #ccc; border-bottom: solid 1px #000; border-right: solid 1px #000; border-top: solid 1px #eee; border-left: solid 1px #eee; padding-left: 5px; color: #000;}
.fileupload_list{overflow: auto; width: 100%; height: 300px; border: solid 1px #000;}
.fileupload_mainheader{font-weight: bold; padding: 2px; padding-left: 2px; background-color: #050; border: solid 1px #aaa;}

/******************************************************************************/
/* Mootools Tooltips */
/******************************************************************************/
.tool-tip {	color: #000;	width: 139px;	z-index: 13000; border: solid 1px #EED505;}
.tool-title {	font-weight: bold;	font-size: 11px;	margin: 0;	color: #000;	padding: 8px 8px 4px;	background: #F8F7A0;}
.tool-text { color: #000;	font-size: 11px;	padding: 4px 8px 8px;	background: #F8F7A0;}

/******************************************************************************/
/* Navigatie */
/******************************************************************************/
div.nav{cursor: pointer; border: solid 1px #060; padding-left: 4px; padding-right: 4px; float: left; margin-left: 2px; background: #050; font: normal 10px/13px arial;}
div.nav_hover{cursor: pointer; border: solid 1px #0c0; padding-left: 4px; padding-right: 4px; float: left; margin-left: 2px;background: #080; font: normal 10px/13px arial;}
div.nav_current{border: solid 1px #040; padding-left: 4px; padding-right: 4px; float: left; margin-left: 2px; background: #040; font: normal 10px/13px arial; color: #fff;}
div.nav_sep{padding-left: 4px; padding-right: 4px; float: left; margin-left: 2px; font: normal 10px/13px arial;}

div.nav_small{cursor: pointer; border: solid 1px #060; padding-left: 3px; padding-right: 3px; float: left; margin-left: 2px; background: #050; font: normal 10px/11px arial;}
div.nav_small_hover{cursor: pointer; border: solid 1px #0c0; padding-left: 3px; padding-right: 3px;float: left; margin-left: 2px; background: #080; font: normal 10px/11px arial;}
div.nav_small_current{border: solid 1px #040; padding-left: 3px; padding-right: 3px;float: left; margin-left: 2px; background: #040; font: normal 10px/11px arial; color: #fff;}
div.nav_small_sep{padding-left: 3px; padding-right: 3px; float: left; margin-left: 2px; font: normal 10px/11px arial;}

/******************************************************************************/
/* Formulieren */
/******************************************************************************/
select{font-size: 11px; height: 18px;}
select.text,input.text,textarea.text{border-top: solid 1px #060; border-left: solid 1px #060; border-right: solid 1px #0a0; border-bottom: solid 1px #0a0; padding: 1px; background-color: #020; width: 95%;}
select.text{height: 20px; font-size: 12px; width: 96%;}
input.button{border-top: solid 1px #0a0; border-left: solid 1px #0a0; border-right: solid 1px #060; border-bottom: solid 1px #060; padding: 2px; background-color: #040; cursor: pointer;}
input.button_disabled{border-top: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #888; border-bottom: solid 1px #888; padding: 2px; background-color: #bbb; cursor: pointer; color: #ddd;}
input.date{background-image: url(images/icon_date.png); background-repeat: no-repeat; background-position: 70px 0px; cursor: pointer;}
img.checkbox,img.checkbox_checked{margin-right: 8px; cursor: pointer;}
table.form_login{width: 400px;}
table.form{width: 90%;}
table.form_breed{width: 100%;}
td.form{padding: 4px; padding-left: 5px;}
td.form_error{padding: 4px; padding-left: 5px; color: #f00; font-weight: bold;}
img.login,img.icon{position: relative; top: 2px;}
select.selectsmall{width: 60px; border: solid 1px #000; background: #000; color: #fff}

div.autocompletebox{position: absolute; top: 23px; left: 0px; display: none; border: solid 1px #000; background: #fff; width: 96%;}
div.autocompletebox_option{padding: 1px; padding-left: 3px; cursor: default;}
div.autocompletebox_option_hover{padding: 1px; padding-left: 3px; background-color: #00B; color: #fff; cursor: default;}

/******************************************************************************/
/* Fotoscript */
/******************************************************************************/
#indexwrapper{	position: relative;  width: 700px; margin-top: 10px;}
#indexwrapper img{display:block; float: left; margin-right: 5px; margin-bottom: 5px;}

div.fotofolder{cursor: pointer; background: #343 url(/images/fotofolder.png) no-repeat 41px 5px; margin-right: 10px; margin-bottom: 10px; height: 40px; width: 120px; padding: 5px; padding-top: 70px; text-align: center; float: left;}

div.fotoalbum{ position: relative; width: 120px; height: 115px; margin-right: 10px; margin-bottom: 10px;	background: #343; float: left; text-align: center;}
div.album_thumb{width: 120px; height: 65px; overflow: hidden; margin: auto;}
div.album_thumb img{margin: auto; display: block;}

/******************************************************************************/
/* Forum */
/******************************************************************************/
div.forumcontainer{position: relative; background: #011e09 url(/images/forum/grad_boven.gif) repeat-x; padding: 5px; margin-bottom: 5px;}
div.forum_lb{position: absolute; top: 0px; left: 0px; background: url(/images/forum/hoek_lb.gif) no-repeat top left; width: 5px; height: 5px;}
div.forum_rb{position: absolute; top: 0px; right: 0px; background: url(/images/forum/hoek_rb.gif) no-repeat top right; width: 5px; height: 5px;}
div.forum_lo{position: absolute; bottom: 0px; left: 0px; background: url(/images/forum/hoek_lo.gif) no-repeat bottom left; width: 5px; height: 5px;}
div.forum_ro{position: absolute; bottom: 0px; right: 0px; background: url(/images/forum/hoek_ro.gif) no-repeat bottom right; width: 5px; height: 5px;}
div.forum_onder{position: absolute; bottom: 0px; left: 0px; background: url(/images/forum/grad_onder.gif) repeat-x top left; width: 100%; height: 5px;}

table.legenda{ background-color: #cfb; border: solid 1px #fff;}

td.forum_title{border-top: 1px solid #098b0b; border-bottom: solid 1px #011e09; padding: 5px; padding-left: 10px; background-color: #045006;}
td.topicrow1,td.postrow1,td.forumrow1{ background-color: #003c00; border-top: 1px solid #098b0b; border-bottom: solid 1px #011e09; padding: 3px;}
td.topicrow2,td.postrow2,td.forumrow2{ background-color: #003300; border-top: 1px solid #098b0b; border-bottom: solid 1px #011e09; padding: 3px;}
td.headerrow{ padding: 2px; padding-top: 0px;color: #fff;}

td.topic_icon{width: 50px; padding: 5px; padding-left: 10px;}
td.topic_titel{width: 58%;padding-left: 10px;}
td.topic_posts,td.topic_views{width: 6%; }
td.topic_gestart,td.topic_lastpost{width: 15%;}
div.topic_pages{font-size: 7.5pt;}

table.forum{width: 100%;}
td.post_info{width: 150px; padding: 2px;}
div.post_info{width: 150px;}
td.post_body{border-left: solid 1px #060; width: 100%; padding: 5px; padding-top: 0px;}
td.post_profile{width: 150px;}

table.postheader{width: 100%; border-bottom: 1px solid #060;}
td.postheader{font: normal 7.5pt/10pt arial;}
td.postactions{	text-align: right;}

div.posttext{	padding-top: 4px; min-height: 90px;}
div.postsig{  font: normal 8pt/11pt arial; border-top: solid 1px #aaa; padding-top: 1px; margin-top: 10px;}
div.lastedit{  font: italic 10px/12px arial; color: #666; padding-top: 10px;}

/******************************************************************************/
/* UBB styles */
/******************************************************************************/
div.postimg{width: 630px; overflow: auto;}
blockquote{color: #ccc; font-size: 11px; margin: 5px 30px 5px 30px; background: #4E5304 url(/images/quote.png) no-repeat; padding: 5px; padding-top: 10px; border: solid 1px #0f0;}
span.ubberror{background: #fcc; font-size: 10px; color: #555;}
div.ubb_button{padding-left: 4px; padding-right: 4px; border: solid 1px; float: left; cursor: pointer; margin-right: 5px; background-color: #252;}
div.ubb_button_hover{padding-left: 4px; padding-right: 4px; border: solid 1px; float: left; cursor: pointer; background: #888;margin-right: 5px;}
div.ubb_helper{position: absolute; top: 50px; left: 100px; padding: 5px; border: solid 2px #008; background: #cdf; width: 350px; display: none; }

div.spoilercont{color: #0f0; font-size: 11px; margin: 1px; background: #424602; padding: 3px; border: solid 1px #f80; cursor: pointer;}
div.spoiler{display: none;}

/**************************************************************/
/* Inschrijfsysteem */
/**************************************************************/
div.is_plaats{position: absolute; border: solid 1px #000; text-align: center; font-size: 10px; background-color: #0f0;}
div.is_plaats_vrij{position: absolute; border: solid 1px #000; text-align: center; font-size: 10px; background-color: #0f0; cursor: pointer;}
div.is_plaats_bezet{position: absolute; border: solid 1px #000; text-align: center; font-size: 10px; background-color: #f00; cursor: pointer;}
div.is_plaats_gereserveerd{position: absolute; border: solid 1px #000; text-align: center; font-size: 10px; background-color: #888; cursor: pointer;}
div.is_rij{position: absolute; cursor: pointer; background-image: url(/images/trans.gif); z-index:2}
div.is_rij_selected{position: absolute; border: solid 2px #00f; cursor: pointer; background-image:url(/images/trans.gif); z-index:2}

/**************************************************************/
/* Facebox */
/**************************************************************/
#facebox .b {  background:url(/images/facebox/b.png);}
#facebox .tl { background:url(/images/facebox/corners.png); height: 10px; width:10px;}
#facebox .tr { background:url(/images/facebox/corners.png); background-position: -10px 0; height: 10px; width:10px;}
#facebox .bl { background:url(/images/facebox/corners.png); background-position: 0 10px;height: 10px; width:10px;}
#facebox .br { background:url(/images/facebox/corners.png); background-position: -10px 10px;height: 10px; width:10px;}
#facebox {  position: absolute;  top: 0;  left: 0;  z-index: 100;  text-align: left;}
#facebox .popup {  position: relative;}
#facebox table {  border-collapse: collapse;}
#facebox td {  border-bottom: 0;  padding: 0;}
#facebox .body {  padding: 10px;  background: #000;  width: 370px;}
#facebox .loading {  text-align: center;}
#facebox .image {  text-align: center;}
#facebox img {  border: 0;  margin: 0;}
#facebox .footer {  border-top: 1px solid #DDDDDD;  padding-top: 5px;  margin-top: 10px;  text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {  height: 10px;  width: 10px;  overflow: hidden;  padding: 0;}
#facebox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;}
.facebox_hide {  z-index:-100;}
.facebox_overlayBG {  background-color: #000;  z-index: 99;}


/**************************************************************/
/* Minibox */
/**************************************************************/
#minibox_overlay{ display: none; position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%; background-color: #000; z-index: 99;}
#minibox {display: none; position: absolute;  top: 0;  left: 0;  z-index: 100;  width: 100%; height: 100%; text-align: center; }
#minibox_table{border: solid 3px #fff; padding: 5px; width: 610px; margin: auto; margin-top: 200px; background-color: #000;}


/******************************************************************************/
/* cursor message */
/******************************************************************************/
#cursorMessageDiv {	position: absolute;	z-index: 99999;	border: solid 1px #CCC;	background: #EEE;	padding: 1px;	padding-left: 10px; padding-right: 5px; margin: 0px;	display: none;}

/******************************************************************************/
/* Autocomplete */
/******************************************************************************/
.ac_results{border: 1px solid gray; background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none;}
.ac_results li{padding: 1px 8px; white-space: nowrap; text-align: left; color: #000; }
.ac_over{cursor: pointer; background-color: #68f; color: #fff;}
.ac_match{font-weight: bold;}


/******************************************************************************/
/* Datepicker */
/******************************************************************************/
#datepicker1 {width: 580px; margin-bottom: 10px; }
#datepicker1 li,div.day{display: block; float: left; border: solid 1px #888; margin: 2px; padding: 2px; cursor: pointer;}
div.day{width: 20px; text-align: center;}
#datepicker1 li.current,div.day_current{background: #555;}
#datepicker1 li.hover,div.day_hover{background: #aaa;}
#datepicker1 li.selected,div.day_selected{border: solid 2px #00f; margin:1px;}
#datepicker1 th,#datepicker1 td{text-align: center;}
#datepicker2{width: 100%;}
#selectbutton{float: right; border: solid 1px #888; width: 150px; padding: 3px; text-align: center; cursor: pointer;}
#selectbutton.hover{background: #aaa;}