/* Woonmode CSS versie 1.1 (10-05-2009)
-------------------------------------------------------------- */


html {overflow-y: scroll;}

body {  
	position: relative;
	text-align:center;
	font:8pt verdana, arial, sans-serif;
	background-color:#fff;
	color:#000;
}

a:link {color: #d20202}
a:visited {color: #d20202}
a:hover {color: #d20202}
a:active {color: #d20202}

h1,h2,h3,h4,h5,h6 { 
  color: #000; 
  font-family: Helvetica, Arial, Verdana, sans-serif; 
}

img { border:0px; }

#woonmode-container
{
  
  width:1000px;
  border:0px solid #ccc;
  background-color:#fff;
  text-align:left;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  
}

#woonmode-header
{
  width:1000px;
  border-bottom:0px solid #ccc;
  padding:0px;
  margin-left:0px;
  height:100px;
  }

#woonmode-header .woonmode-headerlogo{float:left;width:510px;height:80px;}

#woonmode-header h1 {
	font-size: 20px;
	float:right;
	margin-right:8px;
	margin-top: 20px;
	}

#woonmode-content {
border:0px solid #ccc;
width:1000px;
line-height:16px;
height:500px;
min-height:500px;
}

#woonmode-content h1 {font-size: 18px;}

#indexcontent
{
  margin:0px 0 0 0px;
  padding:0px;
  margin-top:12px;
  width:1000px;
  background-color:#fff;
  color:#000;
  border: 0px solid #000;
  float:left;
  font:8pt verdana, arial, sans-serif;
}

#indexcontent h4 {font-size: 12pt;}
#indexcontent h5 {font-size: 10pt;}

#indexcontent img
{
  margin:0 10px 10px 0px;
  border:1px solid #ccc;
}

#indexcontent .indexbanner
{
  margin:0 10px 10px 0;
  border:1px solid #ccc;
}


#contenttext
{
  margin:0px 0 0 0px;
  padding:0px;
  margin-top:12px;
  width:648px;
  background-color:#fff;
  color:#000;
  border: 0px solid #000;
  float:left;
  font:8pt verdana, arial, sans-serif;
}

#contenttext h4 {font-size: 12pt;}
#contenttext h5 {font-size: 10pt;}

#contenttext img
{
  margin:0 10px 10px 0px;
  border:0px solid #666;
}

#contenttext hr {height:3px;color:#ccc;}

#contenttext .contentbanner
{
  margin:0 10px 10px 0;
  border:0px solid #666;
}

table {font:8pt verdana, arial, sans-serif;}

#menu
{
  float:left;
  width:160px;
  padding:0px;
  margin-top:12px;
  display:inline;
  border: 0px solid #000;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style-type:none;
  border:0px solid #ccc;
}

#menu a
{
  display:block;
  color:#666;
  background-color:#fff;
  text-decoration:none;
  width:120px;
  padding:5px;
  border-bottom:1px solid #ccc;
}

#menu a:hover
{
  background-color:#eee;
}

#menu a.on
{
  color:#000;
  background-color:#ccc;
}

#menu a.on:hover
{
  background-color:#ccc;
}


#woonmode-footer {
	padding:0px;
	display:inline;
	background-color: #eee;
	font:8pt verdana, arial, sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:24px;
	width:1000px;
	color:#333;
	padding-left:0px;
	line-height:24px;
	}

ul          {
	list-style-type: square;
	color:#000000;
	/*padding-left: 0;*/
}



/* Navigatie menu
-------------------------------------------------------------- */

#woonmode-menu
  {
  width:1000px;
  border-top:0px solid #ccc;
  border-bottom:0px solid #ccc;
  font:8pt verdana, arial, sans-serif;
  height:26px;
  background-color:#eee;
  }
#woonmode-navlist
  {
  margin:0;
  padding:0;
  list-style-type:none;
  }
#woonmode-navlist li
  {
  display:inline;
  }
#woonmode-navlist li a
  {
  float:left;
  color:#000;
  text-decoration:none;
  padding:6px 20px;
  border-right:1px solid #999;
  }
#woonmode-navlist li a:hover
  {
	color:#000;
  background-color:#ccc;
  }
#woonmode-navlist li a.on
  {
  float:left;
  color:#fff;
  text-decoration:none;
  padding:6px 20px;
  border-right:1px solid #999;
  background-color:#ab0202;
  }

#woonmode-navlist li a.on:hover
 {
	color:#fff;
  background-color:#ab0202;
  }

/* PRINT instellingen
-------------------------------------------------------------- */

@media print {

#woonmode-container{border:0px;width:600px;}
	
#woonmode-menu {display: none;}
#menu {display: none;}

	
#woonmode-header {width:620px;border-bottom:0px;}
#woonmode-header h1 {float:left;font-size:9pt;}
#woonmode-header .woonmode-headerlogo{float:left;width:510px;height:80px;}
	
#woonmode-content {width:600px;}
#woonmode-content h1 {font-size: 9pt;}
#contenttext {width:600px;}
#contenttext .contentbanner {width:400px;}

#woonmode-imgmain {display:none;}
table.woonmode-indexprint {width:800px;}

table.woonmode-data {border:1px solid #eee; width:600px;}
.woonmode-data td,th {border:1px solid #eee; }
.woonmode-left {font-size:10px;}
.woonmode-leftdate {font-size:10px;}
th {font-size:10px;}

#woonmode-footer {font-size:9px;text-align:left;}

}