/* CSS Document */


body{
	margin:0;
	padding:0;
	font: 400 0.7em verdana, arial, sans-serif;
	line-height: 170%;
	color: #555;
	background-image: url(../gif/bckg2.gif);
	background-repeat: repeat-x;
	background-position: center top;
}


b{font-size: 110%;}
em{color: red;}

a{
	color: #9900CC;
	text-decoration: none;
}

a:hover{
	color: #FB6400;
	text-decoration: none;
}

a:visited{
	color: #9900CC;
	text-decoration: none;
}


#maincontainer{
	width: 968px; /*Width of main container*/
	margin: 0 auto;
}

/*header*/
#topsection{
	height:230px; /*Height of top section*/
	margin-right: 10px;
	margin-left: 10px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

/*images header*/
.imageTrap {
	background-image: url(../gif/zz_headogtrap.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageRozet {
	background-image: url(../gif/zz_headogrozet.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageGevel {
	background-image: url(../gif/zz_headoggevel.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageTrapopgang{
	background-image: url(../gif/zz_headogrtrapopgang.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageTegel {
	background-image: url(../gif/zz_headogrtegel.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageDeurbel{
	background-image: url(../gif/zz_headogbel.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageDossiers {
	background-image: url(../gif/zz_headogrdossiers.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imagePortiek{
	background-image: url(../gif/zz_headogportiek.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imageNaambord {
	background-image: url(../gif/zz_headogbord.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#sitemenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 18px;
	width: 192px;
	margin-left: 760px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

#sitemenu a{
	margin-left: 2px;
}


#menu{
	margin-right: 10px;
	margin-left: 10px;
	width: 945px;
	padding-left: 0px;
}


#contentwrapper{
	float: left;
	width: 100%;
	background-image: url(../gif/zz_smallbackwrapper.jpg);
	background-repeat: repeat-y;
	background-position: center 260px;
}

#contentcolumn{
	margin-right: 200px; /*Set right margin to RightColumnWidth*/
	margin-bottom: 10px;
	margin-top: 68px;
}

#rightcolumn{
	float: left;
	width: 190px; /*Width of right column*/
	margin-left: -210px;
	margin-bottom: 10px;
	margin-top: 115px;
}

#rightcolumn p{
	font-size: 10px;
	line-height: 16px;
	color: #FFFFFF;
	text-transform: capitalize;
}

/* gestreept in rightcolumn */
#rightcolumn a {display: block; color: #009933; padding: 3px; font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;}
#rightcolumn a:hover {background-color: #E6DFF0; text-decoration:none; font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;}
#rightcolumn .even {
	background-color: #FBF0FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CDCFC2;
	border-bottom-color: #CDCFC2;
}
#rightcolumn .odd {background-color: #FFF;}

.contact {
	color: #3D8231;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#rightcolumn .info {
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/*footer*/
/*div om het footermenu in te zetten */
#nav {
	margin:0 15px;
	padding:0;
	width: 745px;
	background-color: #33FF99;
	}
#footer{
	clear: left;
	width: 968px;
	text-align: center;
	color: #F4F4F4;
	height: 40px;
	background-image: url(../gif/zz_smallbackfooter.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	font-size: 9px;
	display: block;
}

a.reg:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #F4F4F4; text-decoration: none}
a.reg:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
a.reg:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF6600; text-decoration: none}
a.reg:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF6600; text-decoration: none}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*textboxen*/
.special {
	color: #333333;
	height: 160px;
	width: 600px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 105px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #3D8231;
}

.small {
	color: #333333;
	background: #F5FBEF;
	height: 120px;
	width: 600px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 105px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.little {
	color: #333333;
	height: 100px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #3D8231;
}

.petit {
	color: #333333;
	height: 50px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #3D8231;
}
.boxLeeg{
    height: 100px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}

.big {
	color: #333333;
	height: 220px;/*was 200px;*/
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #3D8231;
	border-left-color: #3D8231;
}

.medium {
	color: #333333;
	height: 160px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #3D8231;
	border-left-color: #3D8231;
}
.large {
	color: #333333;
	height: 975px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}

.xtralarge {
	color: #333333;
	height: 1700px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}
.lesslarge {
	color: #333333;
	height: 700px;
	width: 520px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}

.large li, .lesslarge li {
	line-height: 24px;
	list-style-image: none;
	list-style-type: none;
}

.special ul li, .small ul li, .little ul li, .big ul li, #rightcolumn li {
	list-style-position: inside;
	list-style-type: square;
}

/*einde textboxen*/

/*groene horiz. balken*/
.streep{
	background-image: url(../gif/zz_gverlstreep.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1px;
	width: 467px;
	margin-left: 100px;
}

.comment {
	background-image: url(../gif/commentadmin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 720px;
	margin-left: 8px;
}

.divider {
	color: #FF3300;
}

.purple {
	color: ##FB6400;
}

.black {
	color: #000000;
}

.without{
	list-style-type: none;
	color: #F90000;
}

.fieldForm{
	border: 1px dotted #3D8231;
	background-color: #F4F4F4;
}

/*voor contactformulier*/
.defaultErr {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.postButton	 {									/* dit zijn de wis en verzend buttons in het contactformulier */
	color: #323232;
	background-color: #B9BBC4;
	width: 60px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px dotted #333333;
}

.underline  {
	text-decoration: underline;
}

.space {
	padding-left: 0px;
}

.space10{
	padding-left: 10px;
}