/******************************************
Website : www.wonennwf.nl/community
CSS : Lautenbag Reclame (Ferdinand Lautenbag)
E-mail: info@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

html,body{ margin:0; padding:0 }
a img { border: 0; }
:-moz-any-link:focus { outline: none; }
form{ margin: 0; padding: 0;}

/*LAYOUT
******************************************/

div#container{
	font: normal 11px "verdana";
	color: #004c99;
	text-align:left;
	width: 1004px;
	margin:0 auto;
	border: 1px solid black;
  }

div#header{
	float: left;
	display: inline;
	width: 1004px;
	height: 85px;
	line-height: 85px;
	background: #fff url(img/bgheader.gif) top left repeat-x;
	clear: both;
	}

div#inlogbalk{
	float: left;
	display: inline;
	width: 1004px;
	height: 35px;
	background-color: #FFF;
	border-bottom: 3px solid #004c99;
	clear: both;
	}

div#opslot{
	float: left;
	display: inline;
	width: 43px;
	height: 35px;
	border-bottom: 3px solid #004c99;
	background-image: url(img/opslot.gif);
	background-repeat: no-repeat;
	}

div#vanslot{
	float: left;
	display: inline;
	width: 43px;
	height: 35px;
	border-bottom: 3px solid #004c99;
	background-image: url(img/vanslot.gif);
	background-repeat: no-repeat;
	}

	div#inlogbalk div.tekstinlogbalk{
		margin-left: 10px;
		float: left;
		display: inline;
		width: 921px;
		height: 35px;
		font: normal 11px "verdana";
		color: #004c99;
		line-height: 35px;
		}

	div#inlogbalk div.tekstinlogbalk p{
		text-align: right;
		margin-top: -35px;
		}

	div#inlogbalk div.tekstinlogbalk2{
		margin-left: 10px;
		float: left;
		display: inline;
		width: 921px;
		height: 35px;
		font: normal 11px "verdana";
		color: #004c99;
		line-height: 35px;
		}

	div#inlogbalk div.tekstinlogbalk2 p{
		text-align: right;
		margin-top: -35px;
		}

div#menu{
	float: left;
	display: inline;
	width: 700px;
	height: 50px;
	}

div#contentwrap{
	width: 1004px;
	}

div#content{
	margin-top: 10px;
	margin-left: 30px;
	float: left;
	width: 944px;
	}

	div#content div.tekstcontent{
		line-height:1.4;
		margin-left: 30px;
		margin-top: 10px;
		}

div#wrapper{
	float:left;
	width:100%;
	background: #fff url(img/bgwrapper.gif) top left;
	background-repeat: repeat-y;
	}

div#footer{
	margin: 0;
	clear: both;
	height: 85px;
	width: 1004px;
	background: #fff url(img/bgfooter.gif) top left repeat-x;
	font: normal 11px "verdana";
	color: #004c99;
	}
	
	div#footer div.tekstfooter{
		float: left;
		display: inline;
		margin-top: 13px;
		margin-left: 30px;
		width: 150px;
		height: 72px;
		text-align: left;
		}

	div#footer div.tekstfooterrechts{
		float: right;
		display: inline;
		margin-top: 13px;
		margin-right: 30px;
		height: 72px;
		text-align: right;
		}

	div#beheer{
		margin: -20px 0 0 0;
		float: left;
		display: inline;
		width: 1004px;
		height: 27px;
		font: normal 11px "verdana";
		color: #004c99;
		text-align: center;
		}


/*TYPOGRAFIE
******************************************/

div#header h1{
font:normal 16px "verdana";
color: #FFF;
margin: 55px 0 0 30px;
}

h1 {           font: bold 24px/20px Arial, Lucida sans, Trebuchet MS, sans-serif; color: #004c99; margin: 10px 0; padding: 0 0 10px 0;}
h1 a {         text-decoration: none; font-weight: bold;}
h1 a:link {    color: #004c99;}
h1 a:visited { color: #004c99;}
h1 a:hover {   color: #004c99; text-decoration: underline;}
h1 a:active {  color: #004c99;}

h2 {           font: bold 16px/16px Arial, Lucida sans, Trebuchet MS, sans-serif; color: #004c99; margin: 0; padding: 5px 0;}
h2 a {         text-decoration: none; font-weight: bold;}
h2 a:link {    color: #004c99;}
h2 a:visited { color: #004c99;}
h2 a:hover {   color: #004c99; text-decoration: underline;}
h2 a:active {  color: #004c99;}

h3 {           font: bold 14px/14px Arial, Lucida sans, Trebuchet MS, sans-serif; color: #004c99; margin: 0; padding: 5px 0;}
h3 a {         text-decoration: none; font-weight: bold;}
h3 a:link {    color: #004c99;}
h3 a:visited { color: #004c99;}
h3 a:hover {   color: #004c99; text-decoration: underline;}
h3 a:active {  color: #004c99;}

a {         text-decoration: none; font-weight: bold;}
a:link {    color: #004c99;}
a:visited { color: #004c99;}
a:hover {   color: #004c99; text-decoration: underline;}
a:active {  color: #004c99;}

small{
	font: normal 11px/14px Arial, Verdana, sans-serif;}

/*FORMULIER
******************************************/
input, textarea{
		font: normal 12px/15px Arial, Verdana, sans-serif;
	color: #004c99;
	padding: 2px 4px;}


/*TYPOGRAFIE SIDEBAR
******************************************/

div#info{
	font-size: 12px;
	color: #004c99;}

div#info ul{
	list-style-type: disc;
	margin: 20px 0 20px;
	padding: 0 0 0 15px;
	color: #004c99;
	font-size: 11px;
	width: 140px;}

div#info ul li{
	padding: 0 0 8px 0px;}

div#info a {         text-decoration: underline; font-weight: normal;}
div#info a:link {    color: #004c99;}
div#info a:visited { color: #004c99;}
div#info a:hover {   color: #004c99; text-decoration: none;}
div#info a:active {  color: #004c99;}


/*TABLE
******************************************/
div#content table{
	background: #ffffff;
	font: normal 12px/15px Arial, Verdana, sans-serif;
	color: #004c99;
	margin: 0 0 10px;
	border-bottom: 2px solid #fff;}

div#content table tr th.thhead,
div#content table tr th.thhead2{
	background-color: #004c99;
	border-bottom: 2px solid #5977b4;
	color: #fff;
	height: 30px;}

div#content table tr th.thhead{
	font: bold 14px/18px Arial, Verdana, sans-serif;}

div#content table tr th.thhead2{
	font: bold 11px/15px Arial, Verdana, sans-serif;
	color: #fff}

div#content table tr th.thhead a,
div#content table tr th.thhead2 a { color: #fff;}

div#content table tr td.row1,
div#content table tr td.row2,
div#content table tr td.row3,
div#content table tr td.row3Right{
	background-color: #f4f5fa;}

div#content table tr td.indexforum,
div#content table tr td.indexforum2{
	background-color: #fff;
	border-bottom: 2px solid #5977b4;}


/*BUTTONS
******************************************/

div.btn01{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 30px;
	margin-top: 18px;}

div.btn02{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;}

div.btn03{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;}

div.btn04{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;}

div.btn05{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;}

div.btn06{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;
	border: 1px solid green;}

div.btn07{ z-index: 10; height: 32px; width: 32px;
float: left; display: inline;
	margin-left: 10px;
	margin-top: 18px;}


/*NAV BUTTONS
****************************************/
ul.nav{
	width: 32px;
	margin: 0;
	padding: 0;
	line-height: 32px;
	list-style: none;}
   
ul.nav li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0; 
	line-height: 32px;
	height: 32px; }

ul.nav a,
ul.nav a:link,
ul.nav a:active,
ul.nav a:visited {
	display: inline-block;
	/* hide from ie/mac \*/
	display: block;
	/* end hide */
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 32px; }

ul.nav a:hover {
	text-decoration: none;
	margin: 0;
	height: 32px; }
    
ul.nav strong{
	display: inline-block;
	/* hide from ie/mac \*/
	display: block;
	/* end hide */
	color: white; }   

/*HOME*/
ul.nav li.home a,
ul.nav li.home a:link,
ul.nav li.home a:active,
ul.nav li.home a:visited,
ul.nav li.home a:hover{
	background:url('img/btn_home.gif');
	width: 32px; }

ul.nav li.home a:hover{
	background-position:0 -32px; }

/*LOGIN*/
ul.nav li.login a,
ul.nav li.login a:link,
ul.nav li.login a:active,
ul.nav li.login a:visited,
ul.nav li.login a:hover{
	background:url('img/btn_login.gif');
	width: 32px; }

ul.nav li.login a:hover{
	background-position:0 -32px; }

/*ZOEKEN*/
ul.nav li.zoeken a,
ul.nav li.zoeken a:link,
ul.nav li.zoeken a:active,
ul.nav li.zoeken a:visited,
ul.nav li.zoeken a:hover{
	background:url('img/btn_find.gif');
	width: 32px; }

ul.nav li.zoeken a:hover{
	background-position:0 -32px; }

/*PROFIEL*/
ul.nav li.profiel a,
ul.nav li.profiel a:link,
ul.nav li.profiel a:active,
ul.nav li.profiel a:visited,
ul.nav li.profiel a:hover{
	background:url('img/btn_profiel.gif');
	width: 32px; }

ul.nav li.profiel a:hover{
	background-position:0 -32px; }

/*LIJSTEN*/
ul.nav li.lijsten a,
ul.nav li.lijsten a:link,
ul.nav li.lijsten a:active,
ul.nav li.lijsten a:visited,
ul.nav li.lijsten a:hover{
	background:url('img/btn_users.gif');
	width: 32px; }

ul.nav li.lijsten a:hover{
	background-position:0 -32px; }

/*REGISTER*/
ul.nav li.register a,
ul.nav li.register a:link,
ul.nav li.register a:active,
ul.nav li.register a:visited,
ul.nav li.register a:hover{
	background:url('img/btn_registreer.gif');
	width: 32px; }

ul.nav li.register a:hover{
	background-position:0 -32px; }

/*BERICHTEN*/
ul.nav li.berichten a,
ul.nav li.berichten a:link,
ul.nav li.berichten a:active,
ul.nav li.berichten a:visited,
ul.nav li.berichten a:hover{
	background:url('img/btn_berichten.gif');
	width: 32px; }

ul.nav li.register a:hover{
	background-position:0 -32px; }


/*AANMELDEN BUTTON
****************************************/
ul.aanmelden{
	width: 175px;
	margin: 0;
	padding: 0;
	line-height: 45px;
	list-style: none; }
   
ul.aanmelden li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0; 
	line-height: 45px;
	height: 45px; }

ul.aanmelden a,
ul.aanmelden a:link,
ul.aanmelden a:active,
ul.aanmelden a:visited {
	display: inline-block;
	/* hide from ie/mac \*/
	display: block;
	/* end hide */
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 45px; }

ul.aanmelden a:hover {
	text-decoration: none;
	margin: 0;
	height: 45px; }
    
/*REGISTREER*/
ul.aanmelden li.registreer a,
ul.aanmelden li.registreer a:link,
ul.aanmelden li.registreer a:active,
ul.aanmelden li.registreer a:visited,
ul.aanmelden li.registreer a:hover{
	background:url('img/btn_aanmelden.gif');
	width: 175px; }

ul.aanmelden li.registreer a:hover{
	background-position:0 -45px; }

/*POST BUTTONS
****************************************/
ul.post{
	float: right;
	display: inline
	width: 175px;
	margin: 0;
	padding: 0;
	line-height: 45px;
	list-style: none;}
   
ul.post li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0; 
	line-height: 45px;
	height: 45px; }

ul.post a,
ul.post a:link,
ul.post a:active,
ul.post a:visited {
	display: inline-block;
	/* hide from ie/mac \*/
	display: block;
	/* end hide */
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 45px; }

ul.post a:hover {
	text-decoration: none;
	margin: 0;
	height: 45px; }
    
/*NIEUW ONDERWERP*/
ul.post li.nieuwonderwerp a,
ul.post li.nieuwonderwerp a:link,
ul.post li.nieuwonderwerp a:active,
ul.post li.nieuwonderwerp a:visited,
ul.post li.nieuwonderwerp a:hover{
	background:url('{POST_IMG}');
	width: 175px; }

ul.post li.nieuwonderwerp a:hover{
	background-position:0 -45px; }

/*NIEUW ANTWOORD*/
ul.post li.nieuwantwoord a,
ul.post li.nieuwantwoord a:link,
ul.post li.nieuwantwoord a:active,
ul.post li.nieuwantwoord a:visited,
ul.post li.nieuwantwoord a:hover{
	background:url('img/btn_nieuwantwoord.jpg');
	width: 175px; }

ul.post li.nieuwantwoord a:hover{
	background-position:0 -45px; }