html, body { heightx: 100%; }

body { margin: 0; padding: 0; overflowx:hidden; 
background-color: #FFFFFF; 
overflow: auto;}

.first { background-image: url('../images/bg_back_green.gif'); background-repeat: repeat-y; height: 100%; }

.first .leftMenu { width: 755px; height: 25px; text-align: right; }

.first .vastgoed { background-image:url('../images/backer_001.gif'); height: 24px; }
.first .makel { background-image:url('../images/backer_002.gif'); }
.first .onteig { background-image:url('../images/backer_003.gif'); }
.first .melkloket { background-image:url('../images/backer_004.gif'); }
.first .land { background-image:url('../images/backer_005.gif'); }
.first .bouw { background-image:url('../images/backer_006.gif'); }
.first .actueel { background-image:url('../images/backer_007.gif'); }

.first .firstTop { background-color:white; background-image: url('../images/backie_ground.jpg'); background-repeat: no-repeat; }

.first .firstTop div { height:264px;padding-left:355px;padding-top:29px; }

.first .firstBnr { position:absolute; width:297px; height:387px; z-index:1; left: 240px; top: 140px; }

.main { }

.main .leftMenuGroup { border-right: 1px solid white; }

.main .leftMenu { width: 267px; height: 25px; text-align: right; }

.main .logo { background-color:white;text-align:right; }

.main .leftColumn {
vertical-align:top;
background-image:url('../images/back_left_cel_nav.gif');
text-align:right;
background-repeat:repeat-y;
background-position: 38px 0;
width: 268px;
}

.main .rightColumn { vertical-align: top; }

.main .top { background-color:white;padding-top:72px; }
.main .top .img { background-repeat:repeat-x; }

.main .top .vastgoed { background-image:url('../images/back_vastgoed_top.gif'); }
.main .top .makel { background-image:url('../images/back_makel_top.gif'); }
.main .top .onteig { background-image:url('../images/back_onteigen_top.gif'); }
.main .top .melkloket { background-image:url('../images/back_melk_top.gif'); }
.main .top .land { background-image:url('../images/back_land_top.gif'); }
.main .top .bouw { background-image:url('../images/back_bouw_advies.gif'); }
.main .top .actueel { background-image:url('../images/back_actueel.gif'); }

.main .rightColumn .submenuColumn { width: 190px; vertical-align: top; background-color: #5b7333; }
.main .rightColumn .contentColumn { background-color: #325000; vertical-align: top; background-image: url('../images/backe_tint_gif_tekst.gif'); }

.submenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: white;
width: 190px;
background-color: #5b7333;
height: 100%;
}

.submenu a {
color: #cccccc;
text-decoration: none;
display: block;
width: 190px;
padding: 6px 0 6px 22px;
background-image: url('../images/nav_gif.gif');
background-repeat: no-repeat;
}

.submenu a:hover {
color: white;
text-decoration: none;
}

.submenu ul { list-style-type: none; padding: 0; margin: 0; }

.submenu li.submenuFirst { background-image: url('../images/navje_vastgoed_cel.gif'); background-repeat: repeat-x; }

.submenu li.submenuFirst a { padding-top: 7px; }

.submenu ul.vastgoed { background-image: url('../images/navje_vastgoed_cel2.gif'); }
.submenu ul.vastgoed li.submenuFirst { background-image: url('../images/navje_vastgoed_cel.gif'); }

.submenu ul.makel { background-image: url('../images/navje_makel_2.gif'); }
.submenu ul.makel li.submenuFirst { background-image: url('../images/navje_makel_cel.gif'); }

.submenu ul.onteig { background-image: url('../images/navje_onteigen.gif'); }
.submenu ul.onteig li.submenuFirst { background-image: url('../images/navje_onteigen2.gif'); }

.submenu ul.melkloket { }
.submenu ul.melkloket li.submenuFirst { }

.submenu ul.land { background-image: url('../images/navje_land_2.gif'); }
.submenu ul.land li.submenuFirst { background-image: url('../images/navje_land.gif'); }

.submenu ul.bouw { background-image: url('../images/navje_lbouw_001.gif'); }
.submenu ul.bouw li.submenuFirst { background-image: url('../images/navje_lbouw_002.gif'); }

.submenu ul.actueel { }
.submenu ul.actueel li.submenuFirst { }

.content {
padding: 0 1.5em 1.5em 1.5em;
}

.content, .content TD {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal;
color: #FFFFFF;
line-height: 22px;
}

.contentTop {
background-image: url('../images/kopje_tekst_back.jpg');
height: 26px;
}

.content h1, .content .mainTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
line-height: 24px;
padding-top: 0;
margin-top: 0;
}

.content .mainTitle, .textBlock h1 { text-transform: uppercase; }

.content a { color: #FF9900; }

.content a:hover { color: yellow; }

.list { }

.list .listItem {
	padding-bottom: 15px;
}

.list .listItem .listTitle {
	font-weight: bold;
	padding: 2px;
	padding-left: 15px;
	background-color: #5B7333;
}

.list .listItem .listText { 
	padding: 5px;
	padding-left: 15px;
}

.def { }
.def .defItem {}
.def .defItem .defTitle {
	font-weight: bold;
	padding: 5px;
	padding-left: 15px;
	background-color: #5B7333;
	position: relative;
}
.def .defItem .defTitle .subtitle { position: absolute; left: 85px; top: 0; }
.def .defItem .defText {
	padding: 10px 5px;
	padding-left: 100px;
}

.formField {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #08470d;
	border: 1px solid #798FCE;
	background-color: #E7E7E7;
	overflow: auto;
}

.formButton {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: 1px solid black;
	background-color: #FFFF00;
}

.line1 { background-color: #5B7333; }
.line2 { background-color: #9ABB74; }
.linehead {
	background-color: #666633;
	font-weight: bold;
	font-size: 1.2em;
}

.linehead a { color: black; font-size: .7em; }

.linehead a:hover { color: #009900; }