*{padding: 0px; margin: 0px;}
img{border: none;}
ul{list-style: none; }
/******************************************************************************/
/* Algemeen */
/******************************************************************************/
html{overflow: auto; background: #efe url(/images/bg.gif); height: 100%;}
body{}
#top{width: 1000px; margin: auto; margin-top: 10px; height: 100px; background: url(/images/top.gif) no-repeat; position: relative;cursor: pointer;}
#top2{position: absolute; top: 8px; right: 3px; text-align: right;}
#topsearch{position: absolute; top: 0px; right: 150px; width: 400px;}
#maintable{width: 1000px; margin: auto;}
#menukolom{width: 180px; }
#content{padding-left: 10px;}
td,th,div,p,input,select,textarea,li{font: normal 12px/16px arial; color: #333;}
a,span.link{color: #070; text-decoration: none; cursor: pointer;}
a:hover,span.link:hover{color: #0b0; text-decoration: none; cursor: pointer;}
a.box{color: inherit; text-decoration: none;}
.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;}
a img.icon,span img.icon{position: relative; top: 3px; display: inline;padding-right: 5px;}
div.seperator{display: hidden; padding-left: 28px; padding-top: 5px;}

h1{font: bold 16px/18px Arial; margin-bottom: 15px; border-bottom: solid 1px #aca; padding-bottom: 2px;}
h2,h3{font: bold 13px/15px Arial; margin-bottom: 3px; color: #060;}
h4{padding: 2px 6px; background: #eee; font-weight: bold; border-top: solid 1px #aaa; margin-bottom: 5px;}
h4.admin{padding: 2px 6px; background: #feb; font-weight: bold; border-top: solid 1px #faa;}

div.block{border-right: solid 3px #aaa; border-bottom: solid 3px #aaa; position: relative; background-color: #efe; padding: 10px; margin-bottom: 5px; -moz-border-radius: 10px 3px 10px 0px;  border-radius: 10px 3px 10px 0px;}

#tabs{padding-left: 10px; height: 20px;}
#tabs li{margin-left: 2px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #9f9; float: left;  -moz-border-radius: 3px 3px 0px 0px;  border-radius: 3px 3px 0px 0px; cursor: pointer;}
#tabs li:hover{background-color: #cfc;}
#tabs li.current{background-color: #efe; 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 */
/******************************************************************************/
div.menu{border-right: solid 3px #aaa; border-bottom: solid 3px #aaa; background: #51B345; padding: 5px 1px;-moz-border-radius: 10px 3px 10px 0px;  border-radius: 10px 3px 10px 0px; min-height: 200px;margin-bottom: 5px;}
ul.menu li{padding: 1px 10px; -moz-border-radius: 8px 0px 0px 8px;  border-radius: 8px 0px 0px 8px; cursor: pointer;}
ul.menu li:hover{background: #080;}
ul.menu li.alt{font-weight: bold; background: none;}
ul.menu li a{color: #fff; 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;}
img.articleimg{float: left; margin-right: 5px; margin-bottom: 3px;}
table.profiel{width: 73%;}
div.loginformtext{float: right; width: 400px;}
div.groepinfo{float: right; width: 320px;}
div.groeptext{width:450px; text-align: justify;}
div.pagefoto{border: solid 2px #ccc; padding: 8px; margin-bottom: 5px; background: #fff;}
div.pagefoto img{display:block; -moz-box-shadow: 3px 3px 5px #888; box-shadow: 3px 3px 5px #888;}

table.editgroepdetails{width: 75%; margin-left: 20px;}
table.editgroepdetails .frm_label{text-align: right; width: 28%; padding-right: 20px;}
table.editgroepdetails .splitter{padding: 20px 0px;}
hr{ background: #D9D9D9;    border-width: 0;    color: #D9D9D9;    height: 1px;}

/* Uploader */
.uploaddialog{padding: 10px;}
#btn_selectfiles{position: relative; overflow: hidden; width: 150px;}
#btn_selectfiles input[type="file"]{position: absolute; top:0px; right: 0px; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;}
div.uploaddialog .progress_total {	width: 300px;		border: 1px solid #BBB;		background-color: #FFF;		padding: 0; -moz-border-radius: 3px;  border-radius: 3px;}
div.uploaddialog .progress_total div {	display: block;		width: 0px;		height: 30px;		background-color: #4f4;}
div.uploaddialog .uploader_cancel{width: 100px;}

ul.fotos li{margin: 3px; float: left; border: solid 2px #fff; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; cursor: pointer;height: 90px; width: 120px; overflow: hidden; }
ul.fotos li:hover{border: solid 2px #888;}
ul.fotos li img{display:block; margin: auto;}

#newmsgbar{display: none;}
#newmsgbar input.button{margin: 0px;}
ul.koren_reacties{margin-left: 40px; margin-top: 5px;}
ul.koren_reacties li{padding: 3px; background: #def; margin-bottom: 2px;}
div.koornews{border-bottom: solid 1px #D9D9D9; padding: 5px 0px; margin-bottom: 5px;}

ul.twitterfeed li {display:block;margin-top:5px; font-size: 11px;}
ul.twitterfeed li img{float: left; margin-right: 2px;}
ul.twitterfeed li span{font-weight: bold; display: block;}

/******************************************************************************/
/* 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: #bfb;}
img.pollbarfill{display: block; height: 10px;}

/******************************************************************************/
/* Navigatie */
/******************************************************************************/
ul.nav{list-style: none;}
ul.nav li{border: solid 1px #080; padding-left: 4px; padding-right: 4px; float: left; margin-left: 2px; background: #cfc; font: normal 10px/13px arial;cursor: pointer;}
ul.nav li:hover,ul.nav_small li:hover{border: solid 1px #3f3; background: #efe;}
ul.nav li.current,ul.nav_small li.current{border: solid 1px #080; background: #080; color: #fff;}
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 #080; padding-left: 3px; padding-right: 3px; float: left; margin-left: 2px; background: #cfc; font: normal 10px/11px arial;}


/******************************************************************************/
/* Formulieren */
/******************************************************************************/
select{font-size: 11px; height: 18px;}
select.text,input.text,textarea.text,.fakeinput_text{border: solid 1px #888; padding: 3px; background-color: #fff; width: 95%; margin-top: 2px; margin-bottom: 2px;}
.fakeinput_text{cursor: pointer; height: 15px;}
select.text{height: 24px; font-size: 12px; width: 97%;}
.button{border: 0px; padding: 2px 25px 2px 25px; cursor: pointer; font-weight: bold; background-color: #afa; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, #afa),    color-stop(1, #7f7));background-image: -moz-linear-gradient(    center bottom,    #afa 0%,    #7f7 100%); border: solid 1px #aaa; -moz-border-radius: 3px;  border-radius: 3px; margin-top: 10px; margin-bottom: 2px; text-align: center;}
.button:hover{background: #cfc;border: solid 1px #888;background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, #cfc),    color-stop(1, #8f8));background-image: -moz-linear-gradient(    center bottom,    #cfc 0%,    #8f8 100%);}
.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,div.error{border: solid 2px #f00;}
input[type="checkbox"]{vertical-align:middle; margin-bottom: 2px;}
label,span.checkbox_label{padding-left: 7px;cursor: pointer;}
optgroup {font:normal bold 12px/15px verdana; color: #666; padding: 2px;}
optgroup option{padding-left: 15px; font:normal 12px/15px arial; color: #000;}
div.date{background-image: url(images/icons/icon_date.png); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 22px; width: 321px;}

input.groepensearch{border: solid 1px #888; background: #fff; font: normal 15px/18px arial; padding: 4px; width: 500px;}

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;}

/******************************************************************************/
/* Forum */
/******************************************************************************/
.forumcontainer{position: relative; background: #59B51C 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: #cfc; border-top: 1px solid #fff; border-bottom: solid 1px #59B51C; padding: 3px;}
ul.posts>li.row2,.forumcontainer table td.row2{ background-color: #bfb;}
.forumcontainer table td.hover{ background-color: #dfd; cursor: pointer;}
.forumcontainer table td.forum_title{padding: 5px; padding-left: 10px; background-color: #afa;}
div.forum_message{padding: 10px; background: #efe;}

img.foldericon{margin: 0px 5px;}
img.btn_newpost,img.btn_delete,img.btn_move,img.btn_deltopic{cursor: pointer;}
table.forum_legenda img{margin-left: 15px;}

/*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: 138px; padding: 2px; float: left;}
ul.posts li .post_info span{font: normal 10px/11px 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:0px; right: 0px;	text-align: right;}
ul.posts li .posttext{	padding-top: 4px; min-height: 90px;}
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;}

/******************************************************************************/
/* NoqBox */
/******************************************************************************/
#noqbox { position: absolute;  top: 0; z-index: 100; width: 100%; text-align: center;}
#noqbox_div{margin: auto; min-width: 350px; width: 400px; min-height: 100px;text-align: left;	border-radius: 7px; -moz-border-radius: 7px; background-color: #fff; color: #000; border: solid 8px #888;}
#noqbox .title{position: relative; height: 15px; padding: 4px; padding-left: 10px; font-weight: bold; background-color: #080; color: #fff; background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0, rgb(0,160,0)),    color-stop(1, rgb(0,128,0)));background-image: -moz-linear-gradient(    center bottom,    rgb(0,160,0) 0%,    rgb(0,128,0) 100%);}
#noqbox .title .noqbox_close{position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url(/images/icons/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/icons/icon48_question_orange.png) no-repeat 10px 6px; padding: 10px; padding-left: 70px; min-height: 50px;}
#noqbox .confirm2{ background-color: #efe; 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 */
/******************************************************************************/
.mydatepicker{border: solid 1px #000; background-color: #fff; width: 346px; height: 182px; position: absolute; top: 0px; left: 0px;}
.mydatepicker h3{font: bold 12px/15px arial; padding: 2px; padding-left: 5px; margin-bottom: 2px; background-color: #080; color: #fff; background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0, rgb(0,200,0)),    color-stop(1, rgb(0,150,0)));background-image: -moz-linear-gradient(    center bottom,    rgb(0,200,0) 0%,    rgb(0,150,0) 100%);}
.mydatepicker ul.months{height: 17px;}
.mydatepicker ul.months li{float: left; background-color: #8f8; padding: 1px 4px 1px 4px; margin-left: 2px; cursor: pointer; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px;}
.mydatepicker ul.months li.selected{background-color: #cfc;}
.mydatepicker ul.months li:hover{background-color: #dfd;}
.mydatepicker div.title2{background-color: #cfc; padding: 1px; text-align: center; font-weight: bold;}
.mydatepicker div.title2 img{cursor: pointer; position: relative; top: 2px;}
.mydatepicker th{text-align: center;}
.mydatepicker .days{padding-left: 5px; width: 165px; float: left;}
.mydatepicker .day{padding: 0px 3px 0px 3px; border: solid 1px #fff; background: #eee; text-align: center; cursor: pointer;}
.mydatepicker .day_current{background-color: #8f8;}
.mydatepicker .day_selected{border: solid 1px #f84;}
.mydatepicker .day:hover{background-color: #cfc;}
.mydatepicker .reset{color: #f84;}
.mydatepicker .options,.mydatepicker .today,.mydatepicker .selectiondiv{float: right; width: 160px; border: solid 1px #aaa; padding: 2px; font: 11px/12px arial; border-radius: 5px; -moz-border-radius: 5px; margin: 2px 2px 2px 0px;}
.mydatepicker .today,.mydatepicker .selectiondiv{cursor: pointer;}
.mydatepicker .today{background-color: #8f8;}