* { box-sizing: border-box; -moz-box-sizing: border-box; }

html { background-color: #B8B0A9;  }
body { margin: 0px; padding: 0px; text-align: center; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; color: Black; }
hr { border:0px; height:0px; border-top:1px solid #A9A9A9; clear:both;}
img {border: 0px;}

A:link {color: #800000; text-decoration: none;}
A:visited {color: #333333; text-decoration: none;}
A:active {color: #800000; text-decoration: none;}
A:hover {color: #800000; text-decoration: underline;}

#frontpage { position: relative; width: 755px; color: #5c5850; margin: 0px auto; text-align: left;}

/* positioning */ 
#content { position: absolute; left: 160px; top: 150px; width: 595px; z-index: 2; background-color : #F5F5F5; padding:10px; }

/* positioning */ 
#menu { position: absolute; left: 0; top: 139px; width: 160px; z-index: 2; }

/* positioning */ 
#header { position: absolute; left: 0; top: 0px; width: 755px; z-index: 1; background-color : #F5F5F5; }
#menu h3 { margin:0px; padding:5px; background-color: #333333; color: #FFFFFF; font-weight: bold; font-size: 13px; font-family: "MS Sans Serif", Geneva, sans-serif; }
#menu { font-family: "MS Sans Serif", Geneva, sans-serif; background-color: #4870AA; color: #333; }

/* Navigatie */
#menu div#nav ul { list-style-type: none; margin: 0; padding: 0; border: none; }
#menu div#nav li { border-bottom: 1px solid #90bade; margin: 0; }
#menu div#nav li a { display: block; padding: 5px; border-left: 10px solid #508fc4; border-right: 0px solid #508fc4; background-color: #4870AA;color: #fff; text-decoration: none; width: 100%;}
html>body #menu div#nav li a { width: auto; }
#menu div#nav a:hover { border-left: 10px solid #4870AA; background-color: #508fc4; color: #fff; }

/* Top10 */
#menu div#top10 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
}

#menu div#top10 li {
		border-bottom: 1px solid #90bade;
		margin: 0;
}

#menu div#top10 li a {
	display: block;
	padding-left: 5px;
	border-left: 10px solid #508fc4;
	border-right: 0px solid #508fc4;
	background-color: #4870AA;
	color: #fff;
	text-decoration: none;
	width: 100%;
	font-size: 11px;
	line-height: 22px;
}

html>body #menu div#top10 li a {
		width: auto;
}

#menu div#top10 a:hover {
		border-left: 10px solid #4870AA;
		background-color: #508fc4;
		color: #fff;
}

#menu div#poll {
	background-color: #4870AA;
	margin-left: 3px;
	padding: 0px;
	
}

#menu div#poll ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	
}

#menu div#poll .pollcontent {
	padding:3px 0px 0px 3px;
	color:white;
	margin: 0px;
	
	line-height: 16px;
}

#menu div#poll .pollcontent h4 {
	margin:3px 0px 10px 3px;
	font-size: 13px;
	
}

#menu div#stats .statscontent {
	padding:3px;
	color:white;
	margin: 3px;
	
}

#menu div#stats A:link {color: white; text-decoration: underline;}
#menu div#stats A:visited {color: white; text-decoration: underline;}
#menu div#stats A:active {color: white; text-decoration: underline;}
#menu div#stats A:hover {color: white; text-decoration: underline;}

#menu div#contact .contactcontent {
	padding:3px;
	color:white;
	margin: 3px;
}

#menu div#contact A:link {color: white; text-decoration: underline;}
#menu div#contact A:visited {color: white; text-decoration: underline;}
#menu div#contact A:active {color: white; text-decoration: underline;}
#menu div#contact A:hover {color: white; text-decoration: underline;}

/* Active topics */
#content .attable {
		width: 100%;
}

#content .attable td {
	font-size: 12px;
	border-bottom: 1px solid #DFDFDF;
	padding: 3px 0px 3px 0px;
	margin:0px;
}

#content .attable th {
	text-align: left;
	font-size: 11px;
}


#content .atlink {
	width: 350px;
	background-color: #EDEDED;
}

#content .atreplies {
	width: 60px;
	text-align: center;
	background-color: #EDEDED;
}

#content .atdate {
	width:100px;
}

/* NEWS */
#content .newstable {
	width: 100%;
}

#content .newstable td {
	font-size: 12px;
	border-bottom: 1px solid #DFDFDF;
	padding: 3px 0px 3px 0px;
	margin:0px;
}

#content .newstable th {
	text-align: left;
	font-size: 11px;
}

#content .newslink {
	width: 350px;
	background-color: #EDEDED;
}

#content .newsdate {
	width:100px;
	background-color: #EDEDED;
}

#content .newsmessagetext {
	color: Black;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 13px;
	padding-top:10px;
}

/* Standaard bericht*/
#content .message {
	margin-top:10px;
	clear:both;
}

/* SESSION */
#content .sessiontable { width: 100%; }
#content .sessiontable td { font-size: 12px; border-bottom: 1px solid #DFDFDF; padding: 3px 0px 3px 0px; margin:0px; }
#content .sessiontable th { text-align: left; font-size: 11px; }
#content .sessionid { width: 240px; background-color: #EDEDED; }
#content .sessionip { width:100px; }
#content .sessionhits { background-color: #EDEDED; }
#content .sessionlasthit { width:90px; }
#content .sessionexpire { width:90px; background-color: #EDEDED; }
#content .sessionform { padding: 10px 0px 10px 0px; }
#content .sessionform p { padding: 0px; margin: 0px; }
#content .sessionform form { display: inline;}
#content .sessionform .submit { margin: 5px 0px 0px 20px; }
#content .sessionform .radio { margin:0px 5px 0px 0px; border: 0px; }
#content .sessionform .labelradio { margin:0px; }

/* Pagina header */
#content .pageheader { margin:0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  float:left;}
#content .pageheader a {text-decoration: none;}
#content .pagetitle { font-size: 18px; font-weight: bold; color: Black; margin: 0px; }
#content .pagedescription { font-size: 13px; color: Black; margin: 0px; }
#content .pagetools { float: right; border:0px solid black; margin: 0px; padding: 0px; width: auto;}

/* Home */
#content #frontpageleft { float: left; width: 425px; padding-right: 10px; }
#content #frontpageleft .newscontainer { margin: 0px 0px 0px 0px; }
#content #frontpageleft .newsmessage { margin: 0px 0px 3px 0px; padding: 2px; }
#content #frontpageleft .newsheader { font-size: 13px; color:black; margin: 0px; padding: 0px; }
#content #frontpageleft .newsdate { font-size: 11px; font-style: italic; background-color: #F5F5F5; }
#content #frontpageleft .newstext { font-size: 12px; color:#333333; margin: 0px 0px 5px 0px; padding: 0px; }


#content #frontpageleft dl { margin: 0px 0px 20px 0px; font-size: 12px; width: 100%; }
#content #frontpageleft .feedtitel { font-weight: bold; font-size: 13px; color: black;}
#content #frontpageleft dl dt { float: left; clear: both; }
#content #frontpageleft dl dd { text-align: right; }

/* frontpage right */
#content #frontpageright { float:right; margin: 0px; width: 145px; text-align: left; padding-left:10px }
#content #frontpageright #events { font-size: 10px; margin-bottom: 20px; }
#content #frontpageright #events h3 { margin:0px; padding:5px; background-color: #333333; color: #FFFFFF; font-weight: bold; font-size: 13px; font-family: "MS Sans Serif", Geneva, sans-serif; }
#content #frontpageright #google { padding:0px; }


/* Form elements */
div.form p {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
}

div.form p.inputerror {
	margin: 5px 20px 5px 0px;
	padding: 0px 0px 5px 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: red;
	font-weight: bold;
	text-align: right;
}

div.form br {
	clear:both;
}

div.form p.formhead {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
}

div.form .description {
	padding-left: 6px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: normal;
	font-style: italic;
}

div.form form {
	display: inline;
}

div.form label {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Black; 	
	float: left;
	width: 300px;
	padding: 5px 10px 0px 0px;
	line-height: 18px;
}

div.form input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Black; 
	float: left;
	width: 250px;
	margin:5px 0px 5px 0px;
}

div.form textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Black; 
	float: left;
	width: 250px;
	height: 200px;
	margin:5px 0px 0px 0px;
}

div.form .textareafull {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Black; 
	width:100%;
	height:250;
	margin:5px 0px 5px 0px;
}

div.form select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	float: left;
	margin:5px 0px 5px 0px;
}

img.eventimg {
	border: 1px solid black;
}