* {
    font-family: Trebuchet MS, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0.8em;
}

form {
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: #C73334;
}

a:hover {
    color: #c0c0c0;
}

.editdoc {
    tag: body;
    color: #000000;
    background-color: #ffffff;
    font-size: 1em;
}

p {margin: 0px 0px 10px 0px; padding: 0px;}

.blauwetekst {
    tag: blauwetekst;
    desc: Blauwe tekst;
    color: #0195b3;
}

.oranjetekst {
    tag: oranjetekst;
    desc: Oranje tekst;
    color: #eb8100;
}

.paarsetekst {
    tag: paarsetekst;
    desc: Paarse tekst;
    color: #562b87;
}

.groenetekst {
    tag: groenetekst;
    desc: Groene tekst;
    color: #9cbd0e;
}

h1{
    tag: h1;
    desc: Kop 1;
    font-size: 1.6em;
    }
h2{
    tag: h2;
    desc: Kop 2;
    font-size: 1.4em;
    }
h3{
    tag: h3;
    desc: Kop 3;
    font-size: 1.2em;
    }
h4{
    tag: h4;
    desc: Kop 4;
    font-size: 1em;
    }
h5{
    tag: h5;
    desc: Kop 5;
    font-size: 0.9em;
    }
h6{
    tag: h6;
    desc: Kop 6;
    font-size: 0.8em;
    }
h3,h4,h5,h6{
    margin:0px;
    padding:0px;
}
.kop {
	font-weight: bold;
	color: #000000;
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

/* SITE DEPENDANT */

.home #relatedlinks li{	background-color: #f4d6d6;}
.home #endrelatedlinks{background-color: #c73334;}
.home #relatedlinks a {text-decoration:none;}
.home #relatedlinks a:hover {background-color: #c73334;}
.home #startrelatedlinks {background-color: #c73334;}
.home #slogan {right: 20px;top: 50px;}
.home #sfeerbeeld {background-color: #C73334;}
.home h2 	{ color: #C73334;}


.content #picturelarge{left: 200px;}
.content #slogan{left: 15px; top: 110px;}
.content #sfeerbeeld {background-color: #9cbd0e;}
.content #relpad a:hover {color: #c73334;}
.content #startrelatedlinks {background-color: #9cbd0e;}
.content #relatedlinks li{ background-color: #EBF2CF; }
.content #relatedlinks a:hover {background-color: #9cbd0e;}
.content #endrelatedlinks	{background-color: #9cbd0e;}
.content h2 	{ color: #9cbd0e;}

.overzicht #relpad a:hover {color: #c73334;}
.overzicht #picturelarge{left: 217px;}
.overzicht #slogan{left: 29px; top: 109px;}
.overzicht #sfeerbeeld {background-color: #eb8100;}
//.overzicht #pagepad a{background-image: url("../images/separator.gif");}
.overzicht #pagepad a:hover {color: #c73334;}
.overzicht #prijswaarde {float: left;}
.overzicht #prijspicture {float: left;}
.overzicht #startrelatedlinks {background-color: #eb8100;}
.overzicht #relatedlinks li{ background-color: #fbe6cc; }
.overzicht #relatedlinks a:hover {background-color: #eb8100;}
.overzicht #endrelatedlinks	{background-color: #eb8100;}
.overzicht h2 	{ color: #eb8100;}

.gekozen #prijswaarde {float: left;}
.gekozen #prijspicture {float: left;}
.gekozen #sfeerbeeld {background-color: #562b87;}
.gekozen #slogan{left: 29px; top: 109px;}
.gekozen #picturelarge{left: 217px;}
.gekozen #startrelatedlinks {background-color: #562b87;}
.gekozen #relatedlinks li{ background-color: #D8CEE3; }
.gekozen #relatedlinks a:hover {background-color: #562b87;}
.gekozen #endrelatedlinks	{background-color: #562b87;}
.gekozen h2 	{ color: #562b87;}

.ikhuur #prijswaarde {float: left;}
.ikhuur #prijspicture {float: left;}
.ikhuur #sfeerbeeld {background-color: #0195b3;}
.ikhuur #slogan{left: 29px; top: 109px;}
.ikhuur #picturelarge{left: 217px;}
.ikhuur #startrelatedlinks {background-color: #0195b3;}
.ikhuur #relatedlinks li{ background-color: #CCEAF0; }
.ikhuur #relatedlinks a:hover {background-color: #0195b3;}
.ikhuur #endrelatedlinks	{background-color: #0195b3;}
.ikhuur h2 	{ color: #0195b3;}
/* END SITE DEPENDANT */


/* BEGIN MAINFRAME OPBOUW */

#contentmainframe, #contentframe{
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

#contentmainframe {
	width:100%;
	height:100%;
	text-align:center;
	padding:0px;
	margin:0px;
}
#contentframe {
    position: relative;
    text-align: left;
    width: 772px;
    margin-left: auto;
    margin-right: auto;
}

/* BEGIN BOVENFRAME OPBOUW */

#bovenkant{
    position: relative;
    float: left;
    height: 78px;
    width: 772px;
    margin: 0px;
    padding: 0px;

}

#logo, #sitewide {
	position: absolute;
	margin: 0px;
  padding: 0px;
}

#logo {
   left: 0px;
   top: 0px;
   width: 100px;
   height: 50px;
}
#logo img {border: 0px; vertical-align: top;}

#sitewide {
  right: 21px;
  top: 47px;
  height: 10px;
}
#sitewide a {
	font-size: 0.7em;
	color: #000000;
}
#sitewide a img {border: 0px;
	margin: 0px 2px 0px 0px
}

/* BEGIN SFEERBEELD OPBOUW */

#sfeerbeeld{
    position: relative;
    float: left;
    height: 134px;
    width: 772px;
    margin: 0px;
    padding: 0px;
}

#picturelarge, #slogan {
	position: absolute;
	margin: 0px;
  padding: 0px;
}

#picturelarge{
   left: 0px;
   top: 0px;
   width: 483px;
   height: 134px;
   overflow:hidden;
}

#picturelarge{
   left: 0px;
   top: 0px;
   width: 483px;
   height: 134px;
   overflow:hidden;
}

#picturelargemasker{
   position:absolute;
   left: 0px;
   top: 0px;
   width: 483px;
   height: 134px;
   overflow:hidden;

}

/* BEGIN CONTENT OPBOUW */

#basecontent{
    font-family: Verdana;

    position: relative;
    float: left;
    width: 772px;
    margin: 0px;
    padding: 0px;
}

#menuleft, #menuright, #tekstvlak {
	position: absolute;
	margin: 0px;
  padding: 0px;
}


#menuleft{
	top: 5px;
  left: 0px;
  width: 220px;
  z-index:999;
}
#contenthull{
	position: relative;
}

div.fullwidth{
	width: 555px;
}

#tekstvlak{
	left: 220px;
	margin: 5px 0px 0px 0px;
	width: 328px;
	color: #454C56;
}

.fullwidth #relpad{
	width: 555px;
}

#tekstvlak h1, h2, h3, h4, h5, h6{

}

#news {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	width: 328px;
}
#news .newsdate {
	color: #454c56;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px;
}
#news a{
	margin: 3px 0px 0px 0px;
	padding: 0px;
	color: #C73334;
	display: block;
}
#news a:hover {color: #c0c0c0;}


/* BEGIN RECHTERVLAK OPBOUW */

#rechtervlak {
	position: absolute;
	right: 0px;
	top: 20px;
  padding: 0px;
	width: 224px;
}

#rechtervlak img {border: 0px; margin: 0px; padding: 0px;}

.atmosphere{
	padding: 0px;
	margin: 0px 0px 7px 0px;
	width: 224px;
	height: 91px;
}

#startrelatedlinks{
	width: 211px;
	margin: 0px 0px 0px 0px;
}

#relatedlinks {
	margin: 0px 0px 0px 0px;
 	width: 200px;
 	right: 0px;
 	padding: 0px 0px 0px 14px;
}

#relatedlinks li{
	margin: 0px 0px 1px 0px;
	padding: 0px;
	list-style: none;
	width: 211px;
	overflow: hidden;
	background-color: #EBF2CF;
}

#relatedlinks ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 211px;
}

#relatedlinks img{
	margin: 0px 0px -1px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
#relatedlinks li a{
	margin: 0px;
	padding: 5px;
	font-size: 0.9em;
	text-decoration: underline;
	color: #000000;
	display: block;
}

#relatedlinks a:hover {background-color: #9cbd0e;}

#endrelatedlinks {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 211px;
	height: 2px;
	overflow: hidden;
}

#bottomslogan{
	position: relative;
	float: right;
	width: 172px;
}

/* BEGIN CONTENTPAGINA OPBOUW */

#relpad{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#relpad a {
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 0.85em;
	color: #000000;
}



/* BEGIN ZOEK HUIZEN */

#overzicht{
	position: relative;
	float: left;
	width: 555px;
	margin: 0px;
	padding: 0px;
}

#overzicht a img{
	border: 0px;
}
#overzicht p{
	line-height: 1.5em;
}

#sortering {
	position: relative;
	float: left;
	width: 307px;
	margin: 0px 13px 0px 0px;
	padding: 0px 12px 5px 12px;
	background-color: #fdf2e5;
}
#sortering select{
	width: 300px;
	font-size: 0.9em;
	color: #454c56;
	margin-top: 3px;
}

#navigation{
	position: relative;
	float: left;
	width:555px;
}

#pagepad{
	position: relative;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#pagepad a {
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #000000;
	background-repeat: no-repeat;
	background-position: right 0px;
}

#pagepad a.laatsteitem {background-image: none;}

#nextpage{
	position: relative;
	float: right;
}

#nextpage a{
	text-decoration: none;
	color: #000000;
}

#endnavigation {
	position: relative;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 555px;
	height: 1px;
	background-color: #eb8100;
	overflow: hidden;
}

#huis {
	margin-top:20px;
	width: 555px;
}

#huisbasis{
	position: relative;
	float: left;
	width: 555px;
}

#huiskop{
	position: relative;
	float: left;
	width: 355px;
	color: #454c56;
	font-weight: bold;
	font-size: 1.2em;
}

#huisprijs div{
	text-align: right;
	position: relative;
	float: right;
	width: 200px;
}
#prijspicture{
	position: relative;
	width: 100px;
	margin: 0px 10px 0px 0px;
}


#prijswaarde{
	position: relative;
	float:right;
	padding: 1px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 1.1em;
}
#picture{
	padding: 30px 0px 0px 9px;
	position: relative;
	float: left;
	width: 146px;
	height: 140px;
	background-color: #fdf2e5;
}

#rest{
	position: relative;
	float: right;
	width: 400px;
}

.topborder{
	border-top: 1px solid #000000;
}

.bottomborder{
	border-bottom: 1px solid #000000;
}

/* END ZOEK HUIZEN */

/* BEGIN FORMULIER */

#overzicht tr {
	height: 24px;
}

.linkerinschrvlak{
	background-image: url("../images/form/bgtopleft.gif");
	background-repeat: repeat-x;
	width: 97px;
}

.rechterinschrvlak{
	background-image: url("../images/form/bgtopright.gif");
	background-repeat: repeat-x;
	width: 231px;
}

.onderinschrvlak{
	background-image: url("../images/form/bgbottom.gif");
	background-repeat: repeat-x;
	width: 328px;
	margin: 0px 0px 0px 0px;
}
.inschrijflabel{
	width: 97px;
	text-align: right;
}

.inschrijfverplicht{
	width: 15px;
}

.inschrijffield{
	text-align: left;
	width: 350px;
}

.inschrijffield SELECT {
    width: 300px;
}

.inschrijfempty{
	width: 143px;
}

.inschrijfemptyline{
	width: 328px;
}

.twee {
	width: 36px;
}

.vier {
	width: 67px;
}

.volledigelengte {
	width: 100%;
}

.fulllength {
	width: 100%;
}


#overzicht select {
	width: 100%;
}

#blackline {
	width: 328px;
	height: 1px;
	background-color: #000000;
	overflow: hidden;
	margin: -5px 0px 0px 0px;
}

/* END FORMULIER */

/* BEGIN GEKOZEN */

#bovenvlak {
	position: relative;
	float: left;
	width: 555px;
	margin: 0px 0px 0px 0px;
}

#bovenvlak h2{
	font-size: 1.2em;
	font-weight: bold;
}

#picturebig {
	position: relative;
	float: left;
	border: 1px solid #eb8100;
	max-height: 159px;
	padding: 0px 0px 0px 0px;
	height: 159px;
}


#infosmall {
	margin: 0px 0px 0px 5px;
	position: relative;
	float: left;
	width: 304px;
	text-align: left;
}

#infosmall ul{
	margin: 5px 0px 0px -10px;
	font-size: 0.9em;
	list-style-image: url('../images/gekozen/bullet.gif')
}

#picturesmall{
	position: relative;
	float: right;
	width: 304px;
	top: 30px;

}

#picturesmall table{
	border: solid;
	border-color: #eb8100;
	border-width: 1px;
}

#picturesmall td{
	width: 101px;
	height: 66px;
}


#selectedtab, #unselectedtab{
	position: relative;
	float: left;
	width: 152px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-size: 0.9em;
}

#selectedtab{
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
	height: 29px;
	background-image: url('../images/gekozen/tabcurrent.gif');
	background-repeat: repeat-x;
}

#unselectedtab{
	padding: 5px 0px 0px 0px;
	height: 26px;
	background-color: #fdf4e9;
}

.shiftright{
	margin: 0px 10px 0px 0px;
}

#infobig{
	position: relative;
	float: left;
	width: 550px;
	min-height: 90px;
	background-image: url('../images/gekozen/tabinfo.gif');
	background-repeat: repeat-x;
}

#infobig table{
	margin: 20px 0px 20px 0px;
	color: #000000;
	width: 300px;
}

.makebold{
	font-weight: bold;
}

#omschrijving{
	position: relative;
	float: left;
	width: 297px;
	padding: 0px 0px 0px 5px;
}

#omschrijving table {
	font-size: 0.9em;
}

#reageerdirect{
	position: relative;
	width: 211px;
	float: right;
	margin: 5px 20px 0px 0px;
}

#reageerdirect a{
	color: #000000;
	text-decoration: underline;
}

#createline{
	border-bottom: solid 1px #454c56;
}

#unselectedtab a,#unselectedtab a:hover, #selectedtab a,#selectedtab a:hover{
	color:black;
}
/* END GEKOZEN */

/* FORMULIEREN VAN DE FORMULIEREN EDITOR */
table.formulier, .reparatieverzoekForm {
    background-image: url("../images/form/bgtopleft.gif");
	background-repeat: repeat-x;
    background-position: top;
    margin: 10px;
}

.rechterkolom {

}

.formtitel {

}
.formtextarea {}
.formpassword {}
.forminputtext {}
.formsubmit {
    background-color: #C73334;
    border: 1px solid #9b7951;
    color: #FFFFFF;
    font-weight: bold;
    margin-top:15px;
    margin-right: 5px;
}
.formreset {
    background-color: #C73334;
    border: 1px solid #9b7951;
    margin-top:15px;
    color: #FFFFFF;
    font-weight: bold;
}
.formselect {}
.formbutton {}
.formtussenregel {
    background-color: white;
    border-bottom: 1px solid #000000;
}
.verplicht {
    font-weight: bold;
    color: #eb8100;
}

.nietverplicht {
    width: 20px;
}

.letop {
    font-family: verdana;
    font-size: 12px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 3em;
    color: #c73334;
}

/* PAGEBREAK */
.pagebreakindex {
    color: #C73334;
}

.pagebreakindexgray {
    color: #C73334;
    text-decoration: none;
}

.pagebreaknavsel {
    color: #C73334;
    background-color: #FDACB2;
    padding: 2px;
}

#navigation{
	position: relative;
	float: left;
	width: 555px;
	font-size: 0.9em;
}

#pagepad{
	position: relative;
	float: left;
	margin: 5px 0px 10px 0px;
	padding: 1px 0px 1px 0px;
	color: #000000;
}

#pagepad a {
		margin: 0px 2px 0px 2px;
		padding: 0px 3px 0px 3px;
		text-decoration: none;
		color: #000000;
}

.selectedpage {
		background-color: #f5c07f;
}

#nextpage{
	margin: 5px 0px 0px 0px;
	position: relative;
	float: right;
}

#nextpage a{
	text-decoration: none;
	color: #000000;
}

#endnavigation {
	position: relative;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 555px;
	height: 1px;
	background-color: #eb8100;
	overflow: hidden;
}