*{padding: 0px; margin: 0px;}
img{border: none;}
ul{list-style: none; }
/******************************************************************************/
/* Algemeen */
/******************************************************************************/
html{overflow: auto; background: #000 url(/images/net.jpg) no-repeat; height: 100%;}
#top{width: 1000px; margin: auto; margin-top: 10px; height: 100px; background: url(/images/top.png); position: relative;cursor: pointer;}
#top2{position: absolute; bottom: 2px; right: 5px; width: 120px;}
#mainwrapper{width: 996px; margin: auto; border-left: solid 2px #000; border-right: solid 2px #000;  border-bottom: solid 2px #000; -moz-border-radius: 0px 0px 10px 10px;  border-radius: 0px 0px 10px 10px; background: #fff url(/images/top2.png) no-repeat;}
#menubox{width: 150px; padding-top: 10px; padding-left: 10px; float: left;}
#contentbox{padding: 10px; width: 816px; float: right;}
td,th,div,p,input,select,textarea,li{font: normal 12px/15px arial; color: #333;}
a,span.link{color: #008; text-decoration: none; cursor: pointer;}
a:hover,span.link_hover{color: #48f; text-decoration: none; cursor: pointer;}
.small{font: normal 10px/12px Arial;}
.medium{font: normal 11px/12px Arial;}
div.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;}
p{margin-bottom: 14px; text-align: justify;}
p.home{margin-bottom: 2px; text-align: justify;}
img.blok{display:block;}
.light{color: #888;}
div.loginform{width: 300px;}

h1{font: bold 14px/16px Arial; background-color: #98BBFF; padding: 5px; margin-bottom: 5px; -moz-border-radius: 3px;  border-radius: 3px;}
h2{font: bold 14px/16px Arial;}
h3{font: bold 12px/15px Arial; color: #006; margin-bottom: 4px;}

div.block{position: relative; background-color: #cdf; padding: 7px; margin-bottom: 5px; -moz-border-radius: 3px;  border-radius: 3px;}

#tabs{padding-left: 10px; height: 20px;}
#tabs li{margin-left: 2px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #98BBFF; float: left;  -moz-border-radius: 3px 3px 0px 0px;  border-radius: 3px 3px 0px 0px; cursor: pointer;}
#tabs li:hover{background-color: #bcf;}
#tabs li.current{background-color: #cdf; font-weight: bold;}

.home_forumcolor{position: relative; padding-left: 5px; padding-right: 2px; font: normal 8pt/9pt arial;}
.home_forumcolorblokje{height: 13px; width: 12px; position: absolute; top: 0px; left: 0px;}

/******************************************************************************/
/* menu */
/******************************************************************************/
ul.menu{border: solid 1px #acf; background: #D0E4FF; padding: 3px;}
ul.menu li{padding-bottom: 1px; padding-top: 1px; padding-left: 15px; background: url(/images/bullet.gif) no-repeat 1px 4px; }
ul.menu li.alt{font-weight: bold; background: none;}
ul.menu li a{color: #000; text-decoration: none;}
ul.menu li a:hover{color: #8ac; text-decoration: none;}


/******************************************************************************/
/* Messages */
/******************************************************************************/
div.msg{padding: 5px; padding-left: 35px; color: #000; -moz-border-radius: 5px;  border-radius: 5px; margin-bottom: 10px;}
div.msg div{font-weight: bold; margin-bottom: 10px;}
div.msg_error{ border: solid 1px #F66; background: #FAA url(/images/error.png) no-repeat 2px 2px;}
div.msg_warning{border: solid 1px #960; background: #FD7 url(/images/info.png) no-repeat 2px 2px; }
div.msg_info{ border: solid 1px #080; background: #AFA url(/images/info.png) no-repeat 2px 2px;  }

/******************************************************************************/
/* content */
/******************************************************************************/
div.content{padding: 5px;}
img.home_newsimg{float: right; margin-left: 5px; margin-bottom: 3px;}
div.home_newsdate{float: right; color: #777;}
img.articleimg{float: left; margin-right: 5px; margin-bottom: 3px;}
table.profiel{width: 70%;}

/******************************************************************************/
/* POLL */
/******************************************************************************/
ul.poll li{position: relative; margin-bottom: 15px;}
ul.poll li span{position: absolute; top: 0px; right: 0px; padding-top: 3px; text-align: right; font: normal 11px/12px Arial; color: #777;}
div.pollbar{margin-top: 1px; height: 10px; background: #acf;}
img.pollbarfill{display: block; height: 10px;}

/******************************************************************************/
/* Navigatie */
/******************************************************************************/
ul.nav{list-style: none;}
ul.nav li{border: solid 1px #26a; padding: 1px 6px; float: left; margin-left: 2px; background: #eff; font: normal 11px/14px arial;cursor: pointer;-moz-border-radius: 3px;  border-radius: 3px;}
ul.nav li:hover,ul.nav_small li:hover{border: solid 1px #09f; background: #bdf;}
ul.nav li:hover a,ul.nav_small li:hover a{color:#09f;}
ul.nav li.current,ul.nav_small li.current{border: solid 1px #008; background: #008; color: #fff; cursor: default;}
ul.nav li.sep,ul.nav_small li.sep{cursor: default;}

ul.nav_small{list-style: none; float: left;}
ul.nav_small li{cursor: pointer; border: solid 1px #008; padding-left: 3px; padding-right: 3px; float: left; background: #eff; margin-left: 2px; font: normal 10px/11px arial;}


/******************************************************************************/
/* Formulieren */
/******************************************************************************/
select{font-size: 11px; height: 18px;}
select.text,input.text,textarea.text,.fakeinput_text{border-top: solid 1px #888; border-left: solid 1px #888; border-right: solid 1px #fff; border-bottom: solid 1px #fff; padding: 1px; background-color: #def; width: 95%; margin-top: 2px; margin-bottom: 2px;}
.fakeinput_text{cursor: pointer; height: 15px;}
select.text{height: 20px; font-size: 12px; width: 96%;}
.button{border: 0px; padding: 2px 25px 2px 25px; cursor: pointer; font-weight: bold; background: #def url(/images/grad_btn1.png) repeat-x; border: solid 1px #aaa; -moz-border-radius: 3px;  border-radius: 3px; margin-top: 10px; margin-bottom: 2px; text-align: center;box-shadow: 1px 1px 1px #aaa;}
.button:hover{border: solid 1px #888;background: #def url(/images/grad_btn2.png) repeat-x;}
.forumbtn{width: 100px; padding: 3px 0px 3px 11px; font: bold 10px/12px arial; margin-top: 2px; position: relative;}
.forumbtn img{position: absolute; top: 1px; left: 4px;}
input.date{background-image: url(images/icons/icon_date.png); background-repeat: no-repeat; background-position: 1px 0px; cursor: pointer; padding-left: 20px;}
table.form_login{width: 400px;}
table.form{width: 100%;}
td.form{padding-top: 2px; padding-bottom: 2px; }
td.form_error{padding-top: 2px; padding-bottom: 2px; color: #f00; font-weight: bold;}
img.login,img.icon{position: relative; top: 2px;}
input.error{border: solid 2px #f00;}
input[type="checkbox"]{vertical-align:middle; margin-bottom: 2px;}
label,span.checkbox_label{padding-left: 7px;cursor: pointer;}

div.checkbox{float: left; margin-right: 8px; cursor: pointer; background: url(/images/checkbox.gif) no-repeat; height: 11px; width: 11px; position: relative; top: 2px;}
div.checkbox_checked{ background: url(/images/checkbox_checked.gif) no-repeat;}

/******************************************************************************/
/* Fotoscript */
/******************************************************************************/
#indexwrapper{	position: relative;  width: 770px; margin-top:10px;}
#indexwrapper li{float: left; display: block; margin-right: 5px; margin-bottom: 5px; height:80px; width: 120px; overflow:hidden; background: #aaa; position: relative;}
#indexwrapper img{display: block; margin: auto;}
#indexwrapper li span{position: absolute; bottom: 1px; right: 1px; background: #333;-moz-border-radius: 3px;  border-radius: 3px; color: #fff; font: normal 10px/11px arial; padding: 0px 2px;}

div.fotofolder{cursor: pointer; background: #bcf 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; -moz-border-radius: 5px;  border-radius: 5px;}
div.fotoalbum{cursor: pointer;  width: 140px; height: 140px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;	background: #abf; float: left; text-align: center; padding: 5px;-moz-border-radius: 5px;  border-radius: 5px;}
div.fotoalbum:hover,div.fotofolder:hover{background-color: #def;}
div.fotoalbum div{display: block; margin: 1px; float: left; width: 68px;height: 45px; background: #aaa;}
div.fotoalbum div.clear{clear: both; margin: 0px; height: 0px; width: 0px;}
div.fotoalbum div img{height: 45px;display: block; margin: auto; max-width: 68px;}

div.thumbnav{ float: right; width: 300px;}
div.thumbnav img{display: block; float: right; margin-right: 5px;}

/******************************************************************************/
/* Forum */
/******************************************************************************/
.forumcontainer{position: relative; background: #2462e8 url(/images/forum/grad_boven.gif) repeat-x; padding: 5px; margin-bottom: 5px;  -moz-border-radius: 4px;  border-radius: 4px;}
.forumcontainer table {width: 100%;}
.forumcontainer table th, .forumcontainer > span{padding:0px 3px 5px 3px;color: #fff; font: normal 10px/12px arial;}

ul.posts>li,.forumcontainer table td{ background-color: #cdf; border-top: 1px solid #fff; border-bottom: solid 1px #2058e2; padding: 3px;}
ul.posts>li.row2,.forumcontainer table td.row2{ background-color: #def;}
.forumcontainer table td.hover{ background-color: #eef; cursor: pointer;}
.forumcontainer table td.forum_title{padding: 5px; padding-left: 10px; background-color: #AFD1FE;}
div.forum_message{padding: 10px; background: #fca;}

/*forum buttons*/
div.forumbtnsmall{width: 16px;height:16px; border: solid 1px #888;-moz-border-radius: 3px;  border-radius: 3px; padding: 0px 3px; cursor: pointer; float: left; margin-right: 3px; text-align:center; background: #def url(/images/grad_btn1.png) repeat-x; box-shadow: 1px 1px 1px #aaa;}
div.forumbtnsmall:hover{border: solid 1px #6af;background: #def url(/images/grad_btn2.png) repeat-x;}
div.forumbtnsmall img{display: block;}
div.btn_quote img{margin-top:1px;}

table.forum_legenda img{margin-left: 15px;}
img.foldericon{margin: 0px 5px;}

/*posts (showtopic)*/
ul.posts li{display:block;}
ul.posts li.timegap{padding: 8px 5px 8px 50px; background-image: url(/images/forum/icon24_time.png); background-repeat: no-repeat; background-position: 5px 3px; font-weight: bold;}
ul.posts li .post_info{width: 145px; padding: 2px; float: left;}
ul.posts li .post_info h2{width: 120px; overflow:hidden; margin-bottom: 4px;}
ul.posts li .post_info .btn_pm{float: right; margin: 0px;}
ul.posts li .post_info span{font: normal 10px/12px arial; display: block; margin-bottom: 7px;}
ul.posts li .post_body{float: right; border-left: solid 1px #fff; width: 638px; padding: 5px; padding-top: 0px;}
ul.posts li .post_header{position: relative; width: 100%; padding-top: 3px; height: 15px; border-bottom: 1px solid #fff;font: normal 10px/12px arial;}
ul.posts li .postactions{position: absolute; top:-1px; right: -3px;}
ul.posts li .posttext{padding-top: 4px; min-height: 90px; word-wrap: break-word;}
ul.posts li .postsig{font: normal 8pt/11pt arial; border-top: solid 1px #aaa; padding-top: 1px; margin-top: 10px;}
ul.posts li .lastedit{font: italic 10px/12px arial; color: #666; padding-top: 10px;}
ul.posts li .reactiebuttons{ float: right;}

div.forum_poll{padding: 5px;}
div.forum_poll label{margin-left: 5px;}
div.forum_poll input{vertical-align: middle; margin: 2px;}
div.forum_poll input.button{margin-top: 10px;}

/******************************************************************************/
/* UBB styles */
/******************************************************************************/
div.postimg{width: 630px; overflow: auto;}
blockquote{color: #666; font-size: 11px; margin: 5px 30px 5px 30px; background: #cdd; padding: 3px; border: solid 1px #888;}
span.ubberror{background: #fcc; font-size: 10px; color: #555;}
div.ubb_button{height: 15px; padding-left: 4px; padding-right: 4px; border: solid 1px #666; float: left; cursor: pointer; margin-right: 5px; background: #ddd;border-radius: 2px; -moz-border-radius: 2px;}
div.ubb_button:hover{border: solid 1px #000; background: #fff;}
div.ubb_sub{font: normal 10px/16px arial;}
div.ubbinsert{padding: 10px;}
div.smilies{width: 200px; padding: 5px; background: #fff; border: solid 1px #888; border-radius: 4px; -moz-border-radius: 4px;}

/**************************************************************/
/* Inschrijfsysteem */
/**************************************************************/
#tafelplan{position: relative; border: solid 1px #000;}
#tafelplan li{position: absolute; border: solid 1px #000; text-align: center; font-size: 10px; background-color: #0f0; cursor: pointer;}
#tafelplan li.bezet{background-color: #f00;}
#tafelplan li.current{background-color: #f84;}
#tafelplan li.gereserveerd{background-color: #888;}
div.is_kader{padding: 5px; border: solid 1px #888; background: #ddd; margin-bottom: 15px;}

/******************************************************************************/
/* NoqBox */
/******************************************************************************/
#noqbox { position: absolute;  top: 0; z-index: 100; width: 100%; text-align: center;}
#noqbox_div{margin: auto; min-width: 350px; width: 350px; min-height: 100px;text-align: left;	border: none; border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; color: #000; box-shadow: 0px 0px 0px 7px rgba(128,128,128,0.7);}
#noqbox .title{position: relative; height: 15px; padding: 4px; padding-left: 10px; font-weight: bold; background-color: #008; color: #fff; background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0, rgb(0,52,223)),    color-stop(1, rgb(0,57,179)));background-image: -moz-linear-gradient(    center bottom,    rgb(0,52,223) 0%,    rgb(0,57,179) 100%);}
#noqbox .title .noqbox_close{position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url(/images/icon_delete.png) no-repeat; cursor: pointer;}
#noqbox .dialog_button{width: 50px; float: right; margin-right: 5px; margin-top: 5px;}
#noqbox .confirm{background: url(/images/icon48_question_orange.png) no-repeat 10px 6px; padding: 10px; padding-left: 70px; min-height: 50px;}
#noqbox .confirm2{ background-color: #def; height: 29px; }
#noqbox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;  background-color: #000;  z-index: 99;}

/******************************************************************************/
/* 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; }
.ac_over{cursor: pointer; background-color: #12c; 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: #acf;}
#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;}