* {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:14px; font-weight:bold; }
h3 { padding-top: 5px;}
abbr,acronym { border:0; }

.clearboth { clear:both; }

/********************************** BODY & MAIN CONTAINER **********************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#maincontainer{
	width: 980px;
	margin: 0 auto;
	margin-top: 45px;
}

/********************************** TOP SECTION **********************************/

#topsection{
	height: 36px; /*Height of top section*/
	background: url('../images/topsection_selection.png') repeat-x bottom;
}
#topsection #pattern {
	background: url('../images/topsection_back.png') repeat-x #FFF;
	height: 100%;
	float:left;
	width: 672px;
}
#topsection #visitortype {
	text-align: right;
	color: #999999;
	float:right;
	padding-top: 15px;
	font-weight: bold;
}
#topsection #visitortype a {
	color: #999999;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size:14px;
}
#topsection #visitortype a:hover {
	color: #333;
}

#visitortype2 {
	text-align: right;
	color: #999999;
	float:right;
	padding-top: 3px;
	font-weight: bold;
}
#visitortype2 a {
	color: #999999;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size:14px;
}
#visitortype2 a:hover {
	color: #333;
}

/********************************** MENU SECTION **********************************/

#menusection {
	height: 100px; 
	margin:0;
	padding:0;
	background: #8d8fa2;
	width: 610px;
	margin-left: 62px; 
	float:left;
	display:inline;
}
#menusection ul {
	height:100px;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:relative;
	width: 610px;
}
#menusection ul#menu-fr-eigenaar { background:url("../images/menu/fr/eigenaar.jpg") no-repeat scroll left top transparent; }
#menusection ul#menu-fr-gebruiker { background:url("../images/menu/fr/gebruiker.jpg") no-repeat scroll left top transparent; }
#menusection ul#menu-nl-eigenaar { background:url("../images/menu/nl/eigenaar.jpg") no-repeat scroll left top transparent; }
#menusection ul#menu-nl-gebruiker { background:url("../images/menu/nl/gebruiker.jpg") no-repeat scroll left top transparent; }
 
#menusection li {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#menusection li, #menusection a {
background-image:none;
display:block;
height:100px;
}
#menusection ul li a {
text-decoration:none;
text-indent:-9999px;
}

#menusection #eigenaar-fr-home { left:0; width:85px; }
#menusection #eigenaar-fr-services { left:85px; width:100px; }
#menusection #eigenaar-fr-clients { left:185px; width:95px; }
#menusection #eigenaar-fr-immeubles {  left:280px; width:130px;}
#menusection #eigenaar-fr-info { left:410px; width:85px; }
#menusection #eigenaar-fr-contact { left:495px; width:110px; }

#menusection #gebruiker-fr-home {  left:0; width:75px; }
#menusection #gebruiker-fr-entrakt-sprl { left:75px; width:115px; }
#menusection #gebruiker-fr-disponibilite { left:190px; width:130px; }
#menusection #gebruiker-fr-sinscrire { left:320px; width:100px; }
#menusection #gebruiker-fr-info { left:425px; width:75px; }
#menusection #gebruiker-fr-contact { left:500px; width:110px; }	
	
#menusection #eigenaar-nl-home { left:0; width:85px; }	
#menusection #eigenaar-nl-diensten { left:85px; width:100px; }	
#menusection #eigenaar-nl-klanten { left:185px; width:95px; }	
#menusection #eigenaar-nl-vastgoed { left:280px; width:120px;}	
#menusection #eigenaar-nl-nieuws { left:400px; width:95px; }	
#menusection #eigenaar-nl-contact { left:495px; width:110px;}		

#menusection #gebruiker-nl-home { left:0; width:75px; }		
#menusection #gebruiker-nl-wie-zijn-we { left:75px; width:115px;}		
#menusection #gebruiker-nl-aanbod { left:190px; width:100px; }		
#menusection #gebruiker-nl-inschrijven { left:290px; width:115px }		
#menusection #gebruiker-nl-nieuws { left:405px; width:95px;}		
#menusection #gebruiker-nl-contact { left:500px; width:110px; }		



#menusection #corp-vacancies a:hover { background:url("../images/navcorp_t.gif") no-repeat scroll 0 -70px transparent; }

#menusection #eigenaar-fr-home a:hover {}
#menusection #eigenaar-fr-services a:hover {}
#menusection #eigenaar-fr-clients a:hover {}
#menusection #eigenaar-fr-immeubles a:hover {}
#menusection #eigenaar-fr-info a:hover {}
#menusection #eigenaar-fr-contact a:hover {}

#menusection #gebruiker-fr-home a:hover {}
#menusection #gebruiker-fr-entrakt-sprl a:hover {}
#menusection #gebruiker-fr-disponibilite a:hover {}
#menusection #gebruiker-fr-sinscrire a:hover {}
#menusection #gebruiker-fr-info a:hover {}
#menusection #gebruiker-fr-contact a:hover {}
	
#menusection #eigenaar-nl-home a:hover {}
#menusection #eigenaar-nl-diensten a:hover {}
#menusection #eigenaar-nl-klanten a:hover {}
#menusection #eigenaar-nl-vastgoed a:hover {}
#menusection #eigenaar-nl-nieuws a:hover {}
#menusection #eigenaar-nl-contact a:hover {}	

#menusection #gebruiker-nl-home a:hover {}
#menusection #gebruiker-nl-wie-zijn-we a:hover {}	
#menusection #gebruiker-nl-aanbod a:hover {}
#menusection #gebruiker-nl-inschrijven a:hover {}
#menusection #gebruiker-nl-nieuws a:hover {}
#menusection #gebruiker-nl-contact a:hover {}


#menu1 {	
	width:540px;
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	padding-top: 35px;
  }
#menu1 li {
	float:left;
	width:106px;
	border-right:1px solid #FFF; 
  }
#menu1 a {
	display:block;
	width:90px;
	color:#FFF; 
	text-align:center; 
	padding:25px 8px 10px 8px; 
	text-decoration:none; 
	float:left; 
  }
#menu1 a:hover {
	color:#666; 
  }


/********************************** CONTENT SECTION **********************************/

#contentwrapper {
	margin-top: 30px;
}
#leftcolumn {
	float:left;
	width: 300px;
	text-align: center;
	padding-top: 5px;
	margin-left: 60px;
}
#rightcolumn {	
	float:right;
	width: 395px;
	padding-right: 160px;
}
#rightcolumn h2 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size:140%;
	color: #333366;
}
#rightcolumn p { padding: 5px 0px 5px 0px;}
#rightcolumn form { padding: 0px; margin: 0px; }
#rightcolumn ul { list-style-type: circle; margin-left: 15px; }

#rightcolumn p { padding: 5px 0px 5px 0px; font-size:110%;}
#rightcolumn ul { padding: 5px 0 5px 20px; }
#rightcolumn li { list-style: square;  font-size:110%; }
#rightcolumn th { font-weight: bold; padding-right: 20px; }
#rightcolumn form { padding: 0px; margin: 0px; }
#rightcolumn label { font-size:12px; }
/********************************** PICTURE BOTTOM **********************************/

#bottom {
	margin-top: 25px;
	background: url('../images/bottom_back.jpg') repeat-x #2E235B;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	text-align: right;
}
#bottom_leftcolumn {
	float:left;
	display:inline;
	margin-top:145px;
	text-align:left;
	color:#FFF;
	padding-left:35px;
}
#bottom_leftcolumn p { padding-top: 10px;}
#bottom_leftcolumn a { color:#FFF; }
#bottom_leftcolumn h2 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size:140%;
	color: #CCC;
}
#bottom_rightcolumn {
	padding-right: 50px;
}
#bottom_rightcolumn img { border: 5px solid #FFF; }
/********************************** FOOTER SECTION **********************************/

#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a{
color: #FFFF80;
}



/********************************** FORM LAYOUT **********************************/

form  td { padding: 4px;}
form {
	padding:1em;
	margin:1em;
}
label {}

input, textarea {
	padding:3px;
	width:225px;
	border:1px solid #ddd;
	background:#FAFAFA;
	font-size:12px;
}
input:hover, input:focus,
textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

textarea {
	width: 300px;
	height: 120px;
}

.date input {}

.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}
.error_message { color: #C00; }
.error_required { color: #C00; }
.error_warning { background: #FEEBEB; padding: 5px; border: 2px solid #FFAEAE; }
.error_inform { background: #E8F6FF; padding: 5px; border: 2px solid #B8E2FB; }
/*
input[type=checkbox], input[type=radio] { visibility: hidden; width:0; height:0; padding:0; margin:0; }
input[type=checkbox] + label, input[type=radio] + label { padding-left:18px; }
input[type=checkbox] + label{ background: url(../gfx/check_radio.png) 0 0 no-repeat; }
input[type=checkbox]:focus + label{ background-position: 0 -16px; }
input[type=checkbox] + label:hover{ background-position: 0 -32px; } 
input[type=checkbox]:checked + label{ background-position: 0 -48px; }

input[type=radio] + label{ background: url(../gfx/check_radio.png) 0 -64px no-repeat; }
input[type=radio]:focus + label{ background-position: 0 -80px; }
input[type=radio] + label:hover{ background-position: 0 -96px; } 
input[type=radio]:checked + label{ background-position: 0 -112px; }
*/

.radiobutton {
	 width:20px;
	 background:none;
	 border:none;
}

/******************************************* MISC *************************************************/
p.newsdate
{
	padding: 0;
	font-style: italic;
	color: #aaa;
}
textarea {
	padding:3px;
	width:225px;
	border:1px solid #ddd;
	background:#FAFAFA;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}
.radiobutton {
	 width:20px;
	 background:none;
	 border:none;
}
strong { font-weight: bold;}
.formbtn { width: 100px;}

.pand_overzicht_item { border: 1px solid #EFEFEF; padding: 10px; margin: 10px 10px 0px 0px; width: 280px; height: 250px; float: left; }
.pand_overzicht_item h3 { padding-bottom: 5px; }