/*** Mitros default kleuren *****
body.mijnwoninglang {
	color: #009cda;
}

body.mijnwijklang {
	color: #e1242a;f
}

body.nieuwewoninglang {
	color: #b4ca01;
}

********************************/

/* Default tags */

body {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #58585a;
	font-size: 0.9em;
}

.hidden {
	display: none;
}

img {
	xfloat: left;
	border: none;
	
}

a img {
	border: none;
}

ul ul {
	list-style-image: url("/images/UL_dash.gif");
}

fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

a {
	color:#f29400;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color:#f29400;
}

h1 {
	font-size: 1.1em;
}


h2, h3, h4, h5, h6{
	font-size: 1.0em;
}

input, textarea, select, button {
	background-color: #eeeeee;
	font-size: 1em;
}

.mijnwoninglang button, .mijnwoninglang input.submit {
	background-color: #009cda;
	color: #fff;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	border-width: 1px;
}

.mijnwijklang button, .mijnwijklang input.submit {
	background-color: #e1242a;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	border-width: 1px;
}

.nieuwewoninglang button, .nieuwewoninglang input.submit {
	background-color: #b4ca01;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	border-width: 1px;
}

.overmitroslang button, .overmitroslang input.submit {
	background-color: #f29400;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	border-width: 1px;
}
.mijnmitroslang button, .mijnmitroslang input.submit {
	background-color: #756DAB;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	border-width: 1px;
}

label {
	width: 160px;
	display: block;
	white-space: normal;
}

.clear { clear: both; font-size: 1px; height: 1px;}

/* Mitros classes & id's */

#home h1, h2 {
	color: #f29400;
}


#container {
	width: 861px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: none;
}

#links {	
	position: relative;
	float: left;
	width: 241px;
}

#welkom, #submenu, #plaatjelinks {
	position: relative;
	float: left;
	width: 241px;
	color: #ffffff;
	min-height:231px;
	height: 100%;
}

#welkom #list-menu, #submenu #list-submenu {
	padding-top: 20px;
	padding-bottom: 20px;
}

#welkom h2 {
	color: white;
	font-weight: normal;
	font-size: 1.5em;
	padding-left: 20px;
	padding-top: 35px;
}

#welkom p {
	padding: 0px 10px 0px 20px;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 2em
}

#plaatjelinks img{
	width: 241px;
	height: 231px;
	margin: 0px 0px -3px 0px;
}

#submenu {
	background-color: #eceded;
}

/* kleuren van de links rechterkolom gedeelte */

#midden {
	position: relative;
	float: left;
	width: 421px;
	margin-left:20px;
	min-height: 510px488px;
}
	
/* Font Type en kleuren van de middengedeelte */

body.mijnwoninglang #midden a {
	color: #009cda;
}

body.mijnwoninglang #midden a:hover {
	text-decoration: underline;
}

body.mijnwijklang #midden a{
	color: #e1242a;
}

body.mijnwijklang #midden a:hover {
	text-decoration: underline;
}

body.nieuwewoninglang #midden a{
	color: #b4ca01;
}

body.nieuwewoninglang #midden a:hover {
	text-decoration: underline;
}

body.overmitroslang #midden a{
	color: #f29400;
}

body.overmitroslang #midden a{
	Xtext-decoration: none;
	xcolor: #58585a;
	Xfont-weight: bold;
	Xdisplay: block;
	Xmargin: 3px 7px 0px 7px;
}

body.overmitroslang #midden a:hover{
	text-decoration: underline;
}

#midden a:hover {
	text-decoration: none;
}

/* Begin middenkolom */

#header {
	position: relative;
	float: left;
	width: 421px;
	height: 69px;
	padding-top: 10px;
	margin-left: -20px;
	
}


a#homelang {
	background: url("/images/homelang.gif");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 79px;
	width: 62px;
	text-indent: -999em;
}

a:hover#homelang, 
a#homelang.kies{
	background-position: 1px -73px;
}

a#nieuwewoninglang {
	background: url("/images/nieuwewoning_lang.gif");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 79px;
	width: 87px;
	text-indent: -999em;
}


a:hover#nieuwewoninglang,
a#nieuwewoninglang.kies {
	background-position: 0px -79px;
}


a#mijnwoninglang {
	background: url("/images/mijnwoning_lang.gif");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 79px;
	width: 74px;
	text-indent: -999em;
}

a:hover#mijnwoninglang,
a#mijnwoninglang.kies {
	background-position: 0px -79px;
}

a#mijnwijklang {
	background: url("/images/mijnwijk_lang.gif");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 79px;
	width: 58px;
	text-indent: -999em;
}

a:hover#mijnwijklang, 
a#mijnwijklang.kies{
	background-position: -1px -79px;
}


a#overmitroslang {
	background: url("/images/overmitros_lang2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 79px;
	width: 69px;
	text-indent: -999em;
}

a:hover#overmitroslang,
a#overmitroslang.kies{
	background-repeat: no-repeat;
	background-position: 0px -79px;
}
a#mijnmitroslang {
	background: url("/images/mijnmitros_lang.gif");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 79px;
	width: 69px;
	text-indent: -999em;
}

a:hover#mijnmitroslang,
a#mijnmitroslang.kies{
	background-repeat: no-repeat;
	background-position: 0px -79px;
}

/* End header */
/* Begin context */

#contenttekst {
	position: relative;
	float: left;
	width: 421px;
	height: auto;
	margin-top: 30px;
	color: #58585a;
	font-size: 0.9em;

}

#content2 {
	position: relative;
	float: left;
	width: 421px;
	margin-top: 12px;
	padding-top: 45px;
	color: #58585a;
	font-size: 0.9em;
	text-align: left;
	background: url('/images/nieuwsbalk.gif') no-repeat 0px 0px;
}

#home .nieuwsItem {
	position: relative;
	float: left;
	width: 205px;
	color: #58585a;
	font-size: 0.9em;
	text-align: left;
	padding-right: 4px;
}

.nieuwsRechts {
	float: right;
	padding-left: 3px;
}	

#home .nieuwsItem a {
	text-decoration: none;
	font-weight: bold;
	color: #f29400;
}

#home .nieuwsItem a:hover {
	text-decoration: underline;
}



/* kleuren en font style content */	
#content2 h3 {
	font-size: 1.1em;

}

#content h4 {
	margin-bottom: 0px;
}

#content p {
	margin-top: 0px;
	margin-bottom: 20px;
}


#content2 p { 
	margin-top: 5px;
}

.LeesMeer a {
	text-decoration: none;
	font-weight: bold;
	color: #f29400;
}

.LeesMeer a:hover {
	text-decoration: underline;
}


/* Begin rechtergedeelte */
#rechts {
	position: relative;
	float:right;
	width: 153px;
	margin: 0px 0px 0px 0px;
}

#logo {
	position: relative;
	background: no-repeat 0px 0px;
	float: right;
	width: 153px;
	height: 115px;
	margin: 9px 0px 0px 0px;
	
}

#logo2 {
	position: relative;
	float: right;
	background: no-repeat 0px 0px;
	width: 153px;
	height:94px;
}


#logo3 {
	position: relative;
	float: left;
	background: no-repeat 0px 0px;
	width: 153px;
	height: 94px;
	margin: 0px 20px 0px 75px;
}

#kiesdirect2 {
	position: relative;
	background: url('/images/kiesdirectbalkclosed.gif') no-repeat 0px 0px;
	float: right;
	width: 153px;
	height: 21px;
	margin: 36px 0px 0px 0px;
}

#kiesdirect2.open {
	background: url('/images/kiesdirectbalkopen.gif') no-repeat 0px 0px;
}

#kiesdirect2.closed {
	background: url('/images/kiesdirectbalkclosed.gif') no-repeat 0px 0px;
}

#kiesbox {
	position: relative;
	float: right;
	width: 153px;
	height: 137px;
	margin-left: 0px;
}

#kiesbox2 {
	background-color: #fee4b8;
	position: relative;
	float: right;
	width: 133px;
	margin-left: 0px;
	padding: 15px 15px 15px 5px;
}

#kiesbox2 a{
	text-decoration: none;
	color: #58585a;
	font-size: 0.75em;
	font-weight: bold;
	display: block;
	margin: 3px 7px 0px 7px;
}

#kiesbox2 a:hover{
	text-decoration: underline;
}


#kiesbox3 {
	background: url("/images/knoppen/fotowoningen.gif");
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 153px;
	height: 137px;
	margin-left: 0px;
}

#kiesbox5 {
	position: relative;
	float: right;
	width: 153px;
	height: 137px;
	margin-left: 0px;		
	margin-top: 36px;
}

#nieuwsblok {
	position: relative;
	float: right;
	background: url("/images/meernieuws.gif");
	background-repeat: no-repeat;
	width: 153px;
	height: 20px;
	margin: 20px 0px 0px 0px;
	
}

#weblogdirectie {
	color: #58585a;
	font-size: 0.8em;
	line-height: 1.5em;
	
}

/* kleine icoon onder rechtse foto */
#pc1, #pc1a, #pc2, #pc3, #pc4, #pc5, #pc6, #pc7, #pc8 {
	position: relative;
	background-repeat: no-repeat;
	float: left;
	width: 153px;
	padding: 1px 2px 3px 2px;
}

#pc1{
	background-image: url("/images/knoppen/icoon1.gif");
	margin: 10px 0px 0px 0px;
}

#pc1a{
	background-image: url("/images/knoppen/plaatje4rechtsfotsmall.gif");
}

#pc2{
	background-image: url("/images/knoppen/icoon2.gif");
}

#pc3{
	background-image: url("/images/knoppen/icoon3.gif");
}

#pc4{
	background-image: url("/images/knoppen/icoon4.gif");
}

#pc5{
	background-image: url("/images/knoppen/icoongroen.gif");
	margin: 10px 0px 0px 0px;
}

#pc6{
	background-image: url("/images/knoppen/icoongroen2.gif");
}

#pc7{
	background-image: url("/images/knoppen/icoongroen3.gif");
}

#pc8{
	background-image: url("/images/knoppen/icoongroen4.gif");
}

#pc1 a, #pc1a a, #pc2 a, #pc3 a, #pc4, #pc5 a , #pc6 a, #pc7 a, #pc8 a{
	font-size: 0.8em;
	margin-left: 26px;
	font-weight: bold;
	margin-top: 4px;
	text-decoration: none;
	color: #58585a;
}

#pc1 a:hover, #pc1a a:hover, #pc2 a:hover, #pc3 a:hover, #pc4 a:hover, #pc5 a:hover, #pc6 a:hover, #pc7 a:hover, #pc8 a:hover {
	text-decoration: underline
}


.rechterAfbeelding {
	margin-bottom: 10px;
}


/* vevangend plaatje dropdownbox kiesdirect */

#kiesboxplaatje {
	position: relative;
	float: left;
	width: 153px;
	height: 137px;
}

#kiesboxplaatje2 {
	position: relative;
	float: left;
	width: 153px;
	height: auto;
	margin-top: 200px;
}

.mijnwijklang #kiesbox3 {
	background:url("/images/knoppen/plaatje4rechts.gif");
	background-repeat: no-repeat;
	width: 153px;
	height: 351px;
	visibility: visible;	
}
	
.mijnwijklang #kiesbox3 {
	background:url("/images/knoppen/fotowoningen.gif");
	background-repeat: no-repeat;
	width: 153px;
	height: 351px;
	visibility: visible;	
	
}

/* nieuwewoninglang {
	background:url("/images/knoppen/fotowoningen.gif");
	background-repeat: no-repeat;
	width: 153px;
	height: 351px;
}*/

/* end vevangend plaatje dropdownbox kiesdirect */

#zoekbox {
	position: relative;
	float: right;
	width: 153px;
        margin-top: 25px;
        margin-bottom:15px;
}


/* Searchbox */
input#txtSearch {
	position: relative;
  	float: left;
  	font-size: 0.85em;
	padding: 1px 3px 2px 3px;
	width: 84px;
	border:1px solid #eaeaea;
	background: url("/images/bg_input.gif");
}

input#buttonSearch {
	width: 51px;
	height: 19px;
	margin-top: -1px;
	float: right;
}

/* End searchbox */
	
#nieuwsbrief {
	position: relative;
	float: left;
	width: 153px;
	margin: 10px 0px 0px 0px;
	font-size: 0.75em;
	font-weight: bold;
	color: #58585a;
}

#nieuwsbrief img {
	float: none;
}

#nieuwsbrief p {
	margin-bottom: 3px;
}

#nieuwsbrief a {
	text-decoration: none; 
	color: #58585a;
	display: block;
	background: url("/images/vierkant_bullet.gif") no-repeat;
	padding:0px 0px 0px 14px;
}
#nieuwsbrief a:hover {
	text-decoration: underline;
}

/* RSStwitter */

#RSStwitter {
	position: relative;
	float: left;
	width: 153px;
	margin: 10px 0px 0px 0px;
	font-size: 0.75em;
	font-weight: bold;
	color: #58585a;
}

#RSStwitter img {
	float: none;
}

#RSStwitter p {
	margin-bottom: 3px;
}

#RSStwitter a {
	text-decoration: none; 
	color: #58585a;
	padding:0px 0px 0px 0px;
}

#RSStwitterr a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 861px;
	margin: 12px auto 0px auto;
	position: relative;
	font-size: 0.7em; 
	letter-spacing: -0.03em;
}

#footerl {
	position: relative;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #58585a;
	margin-left: 1px;
}

#footerLinks, #footerLinksBlok {
	position: relative;
	float: left;
	width: 241px;
	text-align: center;
	font-size: 0.6em;
	margin-top: 10px;
}

#footerRechts a, #footerLinks a, #footerLinksBlok a{
	text-decoration: none;
	color: #58585a;
	margin-left: 1px;
}

#footerRechts a:hover, #footerLinks a:hover, #footerLinksBlok a:hover{
	text-decoration: underline;
}
	
#footerRechts {
	position: relative;
	float: right;
	margin: 0px 0px 0px 0px;
	font-size: 0.6em; 
	margin-top: 20px;
}

#footerMidden {
	float: left;
	position: absolute;
	background: url("/images/kleurbalken.gif") no-repeat;
	float: left;
	height: 10px;
	width: 78px;
	margin-top: 10px;
	padding-bottom: -20px;
	left: 0px;
	display: block;
	bottom: -40px;
}


/* CSS veranderingen van de vervolgpagina na menu keuze bovenste welkomblok */

.homelang #welkom {
	background-color: #f29400;

}

.nieuwewoninglang #welkom {
	background-color: #b4ca01;
	
}

.mijnwoninglang #welkom {
	background-color: #009cda;
}

.mijnwijklang #welkom {
	background-color: #df141b;
}

.overmitroslang #welkom {
	background-color: #f39800;
}

 /*CSS veranderingen van de vervolgpagina na menu keuze onderste blok linkermenu */

.homelang #submenu {
	background-color: #eceded;
	visibility: hidden;

}

.nieuwewoninglang #submenu {
	background-color: #eceded;
	visibility: visible;
		
}
.mijnwijklang #submenu {
	background-color: #eceded;
	visibility: visible;	
}

.mijnwoninglang #submenu {
		background-color: #eceded;
	  visibility: visible;
}

.overmitroslang #submenu {
		background-color: #eceded;
	  visibility: visible;
}



/* kleuren van balken en tekstkoppen */

.balk {
	position: relative;
	float: left;
	width: 411px;
	height: 18px;
	font-size: 1em;
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 10px;
}

.balk2 {
	position: relative;
	float: left;
	width: 421px;
	height: 18px;
	font-size: 0.9em;

	margin-top: 10px;
	margin-left: 0px;
	margin-right: 10px;
}

.balk {
	color: white;
}

#contenttekst {
	font-size: 0.9em;
}

#testimonal {
	position: relative;
	float: left;
	width: 421px;
	xheight: 142px;
	margin-bottom: 15px;
}

#testimonal img{
	float: left;
}

#testimonal h5 {
	float: left;
	font-size: 1.1em;
	width: 165px;
	padding: 35px 10px 20px 20px;
	margin: 0px;
}

#testimonal h6 {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-size: 0.9em;
	color: #808080
}

/* gegevens formulieren */

label.fldRequired {
	background: url("/images/icoons/required.gif") top right no-repeat; 
	padding-right: 14px;
}

#kader {
	position: relative;
	float: left;
	width: 357px;
	height:82px;
	margin: 10px 0px 0px 0px;
}

.knopvorige {
	position: relative;
	float: left;
	background: url("/images/knoppen/vorigeknop.gif");
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
	margin: 5px 0px 0px 5px;
}

.knopverzenden {
	position: relative;
	float: left;
	background: url("/images/knoppen/verzendenknop.gif");
	background-repeat: no-repeat;
	width: 72px;
	height: 19px;
	margin: 5px 0px 0px 5px;
}

.knopstoppen {
	position: relative;
	float: left;
	background: url("/images/knoppen/stoppenknop.gif");
	background-repeat: no-repeat;
	width: 72px;
	height: 19px;
	margin: 5px 0px 0px 5px;
}
/* ---------- Einde formulier 1 -------------- */

/* ---------- Begin checkbox formuler 2 -------*/

#formulier2 {
	position: relative;
	float: left;
	width: 421px;
	height: 200px;
	font-size: 0.8em;
}

#knoppen {
	position: relative;
	float: left;
	height:82px;
	margin: 30px; 0px 0px 0px;
}

/* ---------- Begin formulier 3 -------------- */

#formulier3 {
	position: relative;
	float: left;
	width: 421px;
}

#formulier3 table {
	margin-bottom: 25px;
}

.invulveld {
	padding-left: 2px;
}	

.invulveld2 {
	width: 100%;
	padding-left: 2px;
}

.invulveld3 {
	padding-left: 1px;
	
}

button.formbutton {
	position: relative;
	float: left;
	background: transparent url("/images/knoppen/aanmelden.gif") no-repeat;
	width: 80px;
	height: 19px;
	border: none
}


/* ---------- Einde formulier 3 ------------- */

/* ---------- formulier 4 ------------- */



/* ---------- Einde formulier 4 ------------- */


/* ---------- Begin formulier 6 ------------- */

#formulier6 {
	position: relative;
	float: left;
	width: 421px;
	height: 150px;
	margin-left: 0px;
}

#formulier6 h4 {
 margin: 0px 0px 0px 0px;
}

button.aanmelden {
	position: relative;
	float: left;
	width:74px;
	height: 24px;
	background: transparent url("/images/knoppen/groeneknop.gif") no-repeat;
	margin-top: 10px;
	margin-left: 2px;
	border: none;
}

#formulier6 form input {
	width: 100%;
}

#formulier6 form select {
	width: 100%;
}

#formulier6 td {
  padding: 0px 10px 5px 0px; 
}

#formulier6 table {
 border-collapse: collapse;
}

#formulier6 .postcode{
	width: 100px;
	xmargin-left: -2px;
}

#formulier6 .huisnr{
	width: 25px;
	xmargin-left: -2px;
}
#formulier6 .plaats {
	width: 80px;
	xmargin-left: -2px;
}

#formulier6 .wijk {
	width: 200px;
	xmargin-left: -2px;
}
#formulier6 .straat {
	width: 200px;
	xmargin-left: -2px;
}

#formulier6 form label {
	width: 200px;
	xmargin-left: -2px;
	xmargin-top: 10px;
}

#formulier6 form {
	
}


/* ---------- Einde formulier 6 ------------- */ 


/* ------ kaart ---------- kaart ----------- */

#kaart {
	position: relative;
	float: left;
	width: 421px;
	height: 480px;
	margin: 0px 0px 0px 0px;
	
}

#kaarttekst {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 116px;
	height: 105px;
	padding: 0px 0px 0px 0px;
	z-index: 999;
}

/* ------ kaart ---------- kaart ----------- */

/* ------- Folders ------- folders --------*/

#folderheader {
	position: relative;
	float: left;
	background-repeat: no-repeat;
	width: 421px;
	height: 119px;
}	

.nieuwewoninglang div.rechterkantFolder2 {
	background: url("/images/icoons/bullitvierkant_groen.gif") no-repeat 0px 5px;
	padding-left: 15px;
	height: 1.5em;
	font-weight: bold;
}

.mijnwoninglang div.rechterkantFolder2 {
	background: url("/images/icoons/bullitvierkant_blauw.gif") no-repeat 0px 5px;
	padding-left: 15px;
	height: 1.5em;
	font-weight: bold;
}

.mijnwijklang div.rechterkantFolder2 {
	background: url("/images/icoons/bullitvierkant_rood.gif") no-repeat 0px 5px;
	padding-left: 15px;
	height: 1.5em;
	font-weight: bold;
}

.overmitroslang div.rechterkantFolder2 {
	background: url("/images/icoons/bullitvierkant_oranje.gif") no-repeat 0px 5px;
	padding-left: 15px;
	height: 1.5em;
	font-weight: bold;
}

div.downloadbutton {
	float:left;
}

div.nieuwsHeader2 span.nieuwsTitel2 {
	float: left;
	font-weight: bold;
}


/* ------- Folders ------- Folders --------*/

 
 
/* kleur balken vervolg pagina */

.nieuwewoninglang .balk {
	background-color: #b4ca01;
}

.mijnwoninglang .balk {
	background-color: #009cda;
	
}

.mijnwijklang .balk {
	background-color: #e53027;
	
}

.overmitroslang .balk {
	background-color: #f49f11;
	
}
body.mijnwijklang td.lineright{
	border-right: solid 1px #e53027;
	
}

body.nieuwewoninglang td.lineright {
	border-right: solid 1px #c8d582;
}
	
body.mijnwoninglang td.lineright {
	border-right: solid 1px #009cda;
}

body.overmitroslang td.lineright {
	border-right: solid 1px #f49f11;
}

body.mijnwoninglang h1,
body.mijnwoninglang h2,
xbody.mijnwoninglang h3,
xbody.mijnwoninglang h4,
xbody.mijnwoninglang h5, 
xbody.mijnwoninglang h6 {
	color: #009cda;
}

body.mijnwijklang h1,
body.mijnwijklang h2,
xbody.mijnwijklang h3,
xbody.mijnwijklang h4,
xbody.mijnwijklang h5,
xbody.mijnwijklang h6 {
	color: #e1242a;
}

body.nieuwewoninglang h1,
body.nieuwewoninglang h2,
xbody.nieuwewoninglang h3,
xbody.nieuwewoninglang h4, 
xbody.nieuwewoninglang h5,
xbody.nieuwewoninglang h6  {
	color: #b4ca01;
}

body.overmitroslang h1,
body.overmitroslang h2 {
	color: #f29400;
}

body.mijnwoninglang #midden table th {
	background-color: #009cda;
}

body.mijnwoninglang #midden form table th {
	background-color: #ffffff;
}

body.mijnwijklang #midden table th {
	background-color: #e1242a;
}

body.mijnwijklang #midden form table th {
	background-color: #ffffff;
}

body.nieuwewoninglang #midden table th {
	background-color: #b4ca01;
}

body.nieuwewoninglang #midden form table th {
	background-color: #ffffff;
}

body.overmitroslang #midden table th {
	background-color: #f29400;
}

body.overmitroslang #midden form table th {
	background-color: #ffffff;
}

body.mijnwoninglang #midden table th, body.mijnwoninglang #midden table td {
	border-bottom: 1px solid #009cda;
}

body.mijnwoninglang #midden form table th, body.mijnwoninglang #midden form table td {
	border-style: none;
}

body.mijnwijklang #midden table th, body.mijnwijklang #midden table td {
	border-bottom: 1px solid #e1242a;
}

body.mijnwijklang #midden form table th, body.mijnwijklang #midden form table td {
	border-style: none;
}

body.nieuwewoninglang #midden table th, body.nieuwewoninglang #midden table td {
	border-bottom: 1px solid #b4ca01;
}

body.nieuwewoninglang #midden form table th, body.nieuwewoninglang #midden form table td {
	border-style: none;
}

body.overmitroslang #midden table th, body.overmitroslang #midden table td {
	border-bottom: 1px solid #f29400;
}

body.overmitroslang #midden form table th, body.overmitroslang #midden form table td {
	border-style: none;
}

#midden #nocolor td{
	border-color: #ffffff;
}

#midden h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 10px;
}

#midden h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
}

#midden h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 20px 0px 2px 0px;
	color: #58585a;
}

#midden h4 {
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	margin: 20px 0px 2px 0px;
	color: #58585a;
}

#midden h5 {
	font-size: 1.0em;
	font-weight: normal;
	margin: 20px 0px 2px 0px;
	color: #58585a;
}

#midden h6 {
	font-size: 1.0em;
	font-weight: normal;
	margin: 20px 0px 2px 0px;
	color: #58585a;
}

#midden table {
	border-collapse: collapse;
	xwidth: 100%;
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#midden table th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 1px 5px 1px 5px;
	xwidth: 20%;
}

#midden form table th {
	color: #58585A;
	font-weight: nowrap;
	text-align: left;
	padding: 0px 5px 0px 0px;
	xwidth: 20%;
}

#midden table tr td {
	padding: 1px 5px 1px 5px;
}

#midden form  tr td {
	padding: 0px;
}

/*Einde kleur balken */

/* foto's vervolgpagina*/

#fotoLayout {
	margin-top: 10px;
	float: left;
}

#fotoLayout img {
	float: none;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 10px;
}

#fotoLayout strong {
	display: block;
}


/* pagina foto gallery pagina's */

#midden div.tabel {
	position: relative;
	float: left;
	width: 421px;
	margin: 0px 0px 15px 0px;

}

#midden div.tabel2 {
	position: relative;
	float: left;
	width: 421px;
	margin: 0px 0px 15px 0px;
}

#midden table tr td.foto1a {
	position: relative;
	float: left;
	vertical-align: top;
	width: 230px;
	border-color: solid 1px #ffffff #009cda #ffffff #ffffff;
	border-bottom: 0px;
	border-top: 2px;
	padding: 5px 0px 0px 0px;
}

#midden table tr td.foto1a strong {
	display: block;
}

#midden table tr td.foto1a img {
	float: left;
	margin-right: 10px;
	width: 90px;
	height: 90px;
}

td.tekstbalkzonderstreep a.meerweten {
	position: absolute;
	bottom: 0px;
	display: block;
	left: 5px;
	text-decoration: none;
}

td.tekstbalkzonderstreep a.meerweten:hover {
	text-decoration: underline;
}

td.tekstbalkstreep {
	position: relative;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	border-right: solid 1px #e1242a;

}

/* MTB 10-12-2007: 1em padding voor absolute positioned meerweten */
#midden table tr td.tekstbalkzonderstreep {
	position: relative;
	float: left;
	vertical-align: top;
	width: 190px;
	margin: 0px 0px 0px 4px;
	padding: 5px 0px 2em 5px;
	border-bottom: 0px;
	border-top: 0px;
	border-color: solid 1px #ffffff #ffffff #ffffff #ffffff;
}

.nieuwewoninglang td.tekstbalkstreep{
	border-right: solid 1px #b4ca01;
}

.mijnwoninglang td.tekstbalkstreep {
	border-right: solid 1px #009cda;
}


.fotogallery2 {
	position: relative;
	float: left;
	width: 420px;
	height: 100px;
	
}

/* -------- contenttekst3 ------- */
#mitrosbouwt {
	position: relative;
	float: left;
	width: 421px;
	height: auto;
}

#tekst123 {
	position: relative;
	float: left;
	width: 220px;
	height: auto;
	font-size: 0.8em;
	padding-right: 2px;
	border-right: solid 1px #40b5e3;


}

#tekst321 {
	position: relative;
	float: right;
	width: 220px;
	height: auto;
	font-size: 0.8em;
	border-left: solid 1px #40b5e3;
}

#tekst321 li,#tekst123 li {
	list-style-type:none;
	margin-right: 0px;
}

/*icoons veranderingen alle vervolgpagina's*/

#kanaal{
	position: relative;
	background: url("/images/icoons/bullet_rood.gif") no-repeat 10px 39px;
  	height: 66px;
}

#kanaal h4{
	font-weight: bold;
	font-size: 1.2em;
	color: #7b7c7e;
	position: absolute;
	bottom: 10px;
	left: 31px;
	margin: 0px;
}

body.homelang #kanaal {
	background-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	
	
body.nieuwewoninglang #kanaal {
	background-image: url("/images/icoons/bullet_groen.gif");
	background-repeat: no-repeat;
}
	
body.mijnwoninglang #kanaal {
	background-image: url("/images/icoons/bullet_blauw.gif");
	background-repeat: no-repeat;
}

body.mijnwijklang #kanaal {
	background-image: url("/images/icoons/bullet_rood.gif");
	background-repeat: no-repeat;
}

body.overmitroslang #kanaal {
	background-image: url("/images/icoons/bullet_orange.gif");
	background-repeat: no-repeat;
}

/* plaatjes weergave vervolgpagina */

#kiesbox {
	margin-top: 20px;
}

/* rollover menu*/

#list-menu, #list-submenu  {
	font-size: 0.85em
}

#list-menu a, #list-submenu a {
	display: block;
	border: none;
	text-decoration: none; 
	color: #ffffff;
	margin-left: 10px;
	padding-left: 20px;
}

#list-submenu a  {
	color: #58585a;
}


#list-menu a:hover, #list-submenu a:hover {
	border: none;
	background-repeat: no-repeat;
	color: #58585a;
}


/*  -------- BEGIN submenu rechts -------------- */

#submenurechts {
	position: relative;
	float: left;
	width: 153px;
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	color: #000000;
	font-size: 0.85em;
}


#submenurechts a {
	display: block;
	border: none;
	text-decoration: none; 
	color: white;
	margin-left: 0px;
	padding-left: 15px;
}

#submenurechts a  {
	color: #000;
}





/*  -------- END submenu rechts -------------- */




/* de menu wijzigen voor verschillende bulletkleuren */

#submenurecht a:hover  {
	background: url("/images/icoons/bullitlichtgroen.gif");
	background-repeat: no-repeat;
}

.nieuwewoninglang #list-menu a.selected {
	background: url("/images/icoons/bullitlichtgroen.gif");
	background-repeat: no-repeat;
	color: #58585a;
}

.mijnwoninglang #list-menu a.selected {
	background: url("/images/icoons/bullet_lichtblauw.gif");
	background-repeat: no-repeat;
	color: #58585a;
}

.mijnwijklang #list-menu a.selected {
	background: url("/images/icoons/bullet_lichtrood.gif");
	background-repeat: no-repeat;
	color: #58585a;
}

.overmitroslang #list-menu a.selected {
	background: url("/images/icoons/bullet_lichtoranje.gif");
	background-repeat: no-repeat;
	color: #58585a;
}

/* submenu wijzingen voor verschillende menuopties */

.nieuwewoninglang #list-submenu a:hover  {
	color: #9eb525;
}

.nieuwewoninglang #list-submenu a.selected  {
	background: url("/images/icoons/bullet_groen.gif");
	background-repeat: no-repeat;
	color: #9eb525;
}

.mijnwoninglang #list-submenu a:hover  {
	color: #40b5e3;
}

.mijnwoninglang #list-submenu a.selected  {
	background: url("/images/icoons/bullet_blauw.gif");
	background-repeat: no-repeat;
	color: #40b5e3;
}

.mijnwijklang #list-submenu a:hover  {
	color: #e1242a;
}

.mijnwijklang #list-submenu a.selected{
	background: url("/images/icoons/bullet_rood.gif");
	background-repeat: no-repeat;
	color: #e1242a;
}

.overmitroslang #list-submenu a:hover  {
	color: #f8c166;
}

.overmitroslang #list-submenu a.selected  {
	background: url("/images/icoons/bullet_orange.gif");
	background-repeat: no-repeat;
	color: #f8c166;
}

/* --------- begin submenu2 en 3 ------------ */

#list-submenu2 {
	position: relative;
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 0px 0px;
	width: 209px;
}

#list-submenu3 {
	position: relative;
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 0px 0px;
	width: 187px;
}

#submenurechts a:hover  {
	background: url("/images/icoons/driehoek_icoongroen.gif");
	background-repeat: no-repeat;
	color: #97b015;
}

.nieuwewoninglang #list-submenu2 a:hover, .nieuwewoninglang #list-submenu3 a:hover, #submenurechts a:hover  {
	color: #97b015;
}

.nieuwewoninglang #list-submenu2 a.selected, .nieuwewoninglang #list-submenu3 a.selected  {
	background: url("/images/icoons/driehoek_icoongroen.gif");
	background-repeat: no-repeat;
	color: #97b015;
}

#submenurechts a:hover  {
	background: url("/images/icoons/driehoek_icoonblauw.gif");
	background-repeat: no-repeat;
	color: #7ec7e4;
}

.mijnwoninglang #list-submenu2 a:hover, .mijnwoninglang #list-submenu3 a:hover, #submenurechts a:hover  {
	color: #7ec7e4;
}

.mijnwoninglang #list-submenu2 a.selected, .mijnwoninglang #list-submenu3 a.selected {
	background: url("/images/icoons/driehoek_icoonblauw.gif");
	background-repeat: no-repeat;
	color: #7ec7e4;
}

#submenurechts a:hover  {
	background: url("/images/icoons/driehoek_icoonrood.gif");
	background-repeat: no-repeat;
	color:  #e02229;
}

.mijnwijklang #list-submenu2 a:hover, .mijnwijklang #list-submenu3 a:hover, #submenurechts a:hover  {
	color:  #e02229;
}

.mijnwijklang #list-submenu2 a.selected, .mijnwijklang #list-submenu3 a.selected {
	background: url("/images/icoons/driehoek_icoonrood.gif");
	background-repeat: no-repeat;
	color:  #e02229;
}

.overmitroslang #list-submenu2 a:hover, .overmitroslang #list-submenu3 a:hover {
	color: #f1af3f;
}

.overmitroslang #list-submenu2 a.selected, .overmitroslang #list-submenu3 a.selected {
	background: url("/images/icoons/driehoek_icoonoranje.gif");
	background-repeat: no-repeat;
	color: #f1af3f;
}

.overmitroslang #submenurechts a:hover  {
	background: url("/images/icoons/driehoek_icoonblauw.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000
}

/*---------- end submenu2 ------------- */

/* terugpijlbutton */

#midden a.terugpijl {
  position: relative;
  float: right;
	background: url("/images/icoons/driehoek_icoonoranjeback.gif") 0px 50% no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 4px 0px 0px 0px;
	color: #58585a;
	text-decoration: none;
	font-weight: bold;
	
}

.nieuwewoninglang #midden a.terugpijl{
  background: url("/images/icoons/driehoekterug_icoongroen.gif") 0px 50% no-repeat;
}


.mijnwijklang #midden a.terugpijl{
  background: url("/images/icoons/driehoekterug_icoonrood.gif") 0px 50% no-repeat;
}

.mijnwoninglang #midden a.terugpijl{
  background: url("/images/icoons/driehoekterug_icoonblauw.gif") 0px 50% no-repeat;
}




/* nieuws wijzigingen  verticale streep*/

/* veranderingen van kleur streep class en links */

.nieuwewoninglang .streep {
	color: #b4ca01;
}

.mijnwoninglang .streep {
	color: #009cda;
}

.mijnwijklang .streep {
	color: #e31818;
}

/* streep */

.nieuwewoninglang .foto1a {
	border-right: solid 1px #9eb525;
}

.mijnwoninglang .foto1a  {
	border-right: solid 1px #40b5e3;
	
}

.mijnwijklang .foto1a  {
	border-right: solid 1px #e1242a;
}

/* Einde veranderingen van kleur streep class */


/* nieuws verwijzingen voor nieuwsberichten */

#nieuwslijst {
	position: relative;
	float: left;
	width: 90px;
	height: 300px
	
}

.fotonieuws {
	position: relative;
	float: left;
	width: 421px;
	height: 90px;
	background-repeat: no-repeat;
	
}

.tekst {
	position: relative;
	float: left;
	margin-left: 100px;
	font-size: 0.8em;
	color: #000000;
			
}
	
.tekst li {
	list-style: square;
	margin-left: 20px;
	color: #f8c166;
}


/* IFRAME ------- */

iframe {
	position: absolute;
	float: left;
	width: 421px;
	height: 300px;
}

#rechts2 {
	position: relative;
	float:right;
	width: 153px;
	height: 181px;
}

/* content --------- content */

div#content {
	position: relative;
	float: left;
	width: 421px;
	height: auto;
	margin: 5px 1px 1px 1px;
	padding: 30px 1px 1px 1px;
	font-size: 0.8em;
	line-height: 1.5em;
       	min-height:110px;
}


div#content.metRechterdeel {
	width: 500px;
}

td.lineright {
	width: 222px;
	border-right: 1px solid red;
}

div.blok {
	width: 421px;
	position: relative;
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}

/* balk met letters voor abc formule */

body.mijnwoninglang table#abc_letters {
	position: relative;
	float: left;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #f5f3f3;
	width: 422px;
}

body.mijnwoninglang table#abc_letters td{
	padding: 0px 0px 0px 0px;
	border-bottom-width: 0px;
}

body.mijnwoninglang table#abc_letters a {
	position: relative;
	float: left;
	margin: 0px 3px 0px 0px;
	text-align: center;
	color: #585a59;
	text-decoration: none;
	padding: 3px;
}

body.mijnwoninglang #abc_letters a.active, body.mijnwoninglang #abc_letters a:hover  {
  color: white;
  background-color: #009cda;
}

body.mijnwoninglang table#abc_table {
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
}	


body.mijnwoninglang table#abc_table .eerste { 
	width: 290px;
	background: #c9c9c9 url("/images/table_abc_TH.gif") repeat-y 100% 0px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

body.mijnwoninglang table#abc_table .eerste span {
	color: white;
	background-color: #009cda;
	font-size: 1.3em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
}

body.mijnwoninglang table#abc_table th {
	background: #fff url("/images/table_abc_TH.gif") repeat-y 100% 0px;
	font-size: 1em;
	text-align: left;
	padding-left: 3px;
	font-weight: normal;
	width: 290px;
	color: #585a59;
	border-color: #ffffff;
	border-bottom: 0px;
	border-top: 0px;
}

body.mijnwoninglang table#abc_table th.titel {
	color: #00a3ee; 
	background-color: #ebedec;
	font-weight: bold;
	width: 290px;

}

body.mijnwoninglang table#abc_table td.titel_doorloop {
	background-color: #ebedec;
}

body.mijnwoninglang table#abc_table td {
	text-align: center;
	xborder-bottom-color: #ffffff;
	border-bottom: 0px;
	border-top: 0px;
}

body.mijnwoninglang table#abc_table td.groen {
	width: 30px;
	background-color: #b4cb01;
}

body.mijnwoninglang table#abc_table td.paars {
	width: 30px;
	background-color: #756cab;
}

body.mijnwoninglang table#abc_table td.rood {
	width: 30px;
	background-color: #df141a;
}

body.mijnwoninglang table#abc_table td.oranje {
	width: 30px;
	background-color: #ed9a00;
}

body.mijnwoninglang table#abc_table td.blauw {
	width: 30px;
	background-color: #009bd4;
}

table#abc_table span.groen, table#abc_table span.paars, table#abc_table span.oranje, table#abc_table span.rood, table#abc_table span.blauw {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 2px 3px 2px 4px; 
}

body.mijnwoninglang table#abc_table span.groen {
	background-color: #b4cb01;
}

body.mijnwoninglang table#abc_table span.paars {
	background-color: #756cab;
}

body.mijnwoninglang table#abc_table span.rood {
	background-color: #df141a;
}

body.mijnwoninglang table#abc_table span.oranje {
	background-color: #ed9a00;
}

body.mijnwoninglang table#abc_table span.blauw {
	background-color: #009bd4;
}



/* ROLLOVER KAART -------- BEGIN */

#kaart a{
	display:block;
	position: relative;
	float: left;
	width: 421px;
	height: 422px;
	background: url("/images/kaart.gif") 0 0 no-repeat;
	padding: 10px 10px 10px 7px;
	text-decoration: none;
}


/* Nieuwsbericht -------- BEGIN */

body.mijnwoninglang div.nieuwsHeader span.nieuwsTitel {
	color: #009cda;
}

body.mijnwijklang div.weblogBericht div.weblogHeader div.weblogTitel {
	float: left;
	width: 300px;
	font-weight: 700;
	color: #e1242a;
}

body.nieuwewoninglang div.nieuwsHeader span.nieuwsTitel {
	color: #b4ca01;
}

div.nieuwsHeader {
	xpadding-bottom: 30px;
}

div.nieuwsHeader div.nieuwsTitel{
	float: left;
	width: 330px;
	font-weight: 700;
	color: #f29400;
}

div.weblogdtlsHeader div.weblogdtlsTitel {
	float: left;
	width: 335px;
	font-weight: 700;
	color: #e1242a;
}

div.weblogDirectiedtlsHeader div.weblogDirectiedtlsTitel {
	float: left;
	width: 335px;
	font-weight: 700;
	color: #F29400;
}

div.nieuwsHeader div.nieuwsDatum, div.weblogHeader div.weblogDatum {
	float: right;
	font-size: 0.9em;
	width: 90px;
	text-align: right;
}


/*Nieuwsbericht met foto ----BEGIN */

div.nieuwsHeader2, div.weblogHeader {
	width: 320px;
}

div.nieuwsHeader2 div.nieuwsTitel2 {
	background: url("/images/icoons/bullitvierkant_oranje.gif") no-repeat 0px 3px;
	padding-left: 17px;
	font-weight: bold;
	width: 220px;
}

div.rechterkantWeblog div.weblogHeader div.weblogTitel {
	background: url("/images/icoons/bullitvierkant_oranje.gif") no-repeat 0px 3px;
	padding-left: 17px;
	font-weight: bold;
	width: 220px;
}

div.nieuwsHeader2 div.nieuwsDatum2, div.rechterkantWeblog div.weblogHeader div.weblogDatum{
	float: right;
	margin-top: -17px;
	font-weight: normal;
	font-size: 0.9em;
	text-align: right;
}

div.nieuwsText, div.weblogText {
	width: 320px;
	display: block;
}

div.nieuwsBericht2, div.weblogBericht {
	position: relative;
	margin-bottom: 15px;
	float: left;
}

div.nieuwsBericht2 img, div.weblogBericht img{
	float: left;
}

div.nieuwsBericht2 p, div.weblogBericht p {
	margin: 0px;
	line-height: 1.7em;
	font-size: 1em;
}

div.nieuwsBericht2 .icon {
	padding-left: 20px;
	float: left;
	font-size: 0.9em;
}

div.nieuwsBericht2 .icon img {
	margin-right: 6px;
}

div.nieuwsBericht2 a, div.weblogBericht a{
	font-weight: bold;
	text-decoration: none;
}

div.nieuwsBericht2 a:hover, weblogBericht a:hover {
	font-weight: bold;
	text-decoration: underline;
}

div.rechterkantNieuws, div.rechterkantWeblog {
	float: left;
	margin-left: 10px;
	width: 300px;
	margin-bottom: 2em;
}

img.nieuwsAfbeelding {
	float: left;
}

body.overmitroslang #midden div.archief {
	width: 421px;
}

body.overmitroslang #midden div.archief div.title{
	float: left;
	width: 330px;
	font-weight: 700;
}

body.overmitroslang #midden div.archief div.title a{
	color: #58585a;
	text-decoration: none;
}

body.overmitroslang #midden div.archief div.title a:hover{
	text-decoration: underline;
}

body.overmitroslang #midden div.archief div.datum{
	float: right;
	width: 90px;
	text-align: right;
	font-weight: normal;
	font-size: 0.9em;
}



/* ----------- Breadcrumbs ---------------- */
#midden #breadcrumbs {
	margin: -10px 0px 10px 0px;
	font-size: 0.95em;
}

#midden #breadcrumbs  a{
	color: #58585a;
	text-decoration: none;
}

/* ----------- Breadcrumbs ---------------- */


/* Formulieren layout */
form table th {
	white-space: normal;
	text-align: left;
	width: 1%;
}

table#reparatieverzoek_table {
	border-collapse: collapse;
}

table#reparatieverzoek_table th{ 
	text-align: left;
	color: #009cda;
	width: 70px
}

.kop {
	font-weight: bold;
	margin: 20px 0px 0px 0px
}