/*********************************** HTML-props ***************/
body{		
margin : 0;
padding : 0;
text-align : center;
background-image:url(../imgs/bodyBG.gif);
background-repeat:repeat-x;
background-color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
}

p, li{
font-size:13px;
}
h4{
padding:0;
margin:0;
margin-bottom:5px;
margin-top:12px;
color:#333;
font-size:1em;
}
h3{
font-size:12px;
}
h2{
font-weight:normal;
font-size:2.3em;
padding:0;
margin:0;
padding-top:10px;
padding-left:15px;
}
h1{
background-image:url(../imgs/h1-bg.jpg);
background-repeat:repeat-x;
height:51px;
font-weight:normal;
font-size:2.3em;
margin:0;
padding:8px 0 5px 15px;
*width:669px;
}
img{
border:0;
padding:0;
margin:0;
}
a{
text-decoration:underline;
color:#FFFF00;
}
a:hover{
text-decoration:none;
}

a.linx{
text-decoration:none;
font-weight:bold;
font-size:1.15em;
}

label{
clear:left;
float:left;
width:135px;
display:block;
padding-right:25px;
margin-top:3px;
*margin-top:6px;
font-weight:bolder;
color:#000000;
line-height:19px;
*line-height:22px;
background-color:#999999;
position:relative;
top:-1px;
*top:-3px;
}

input,select{
border:0px;
margin-bottom:3px;
*margin-top:3px;
line-height:1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

select{
background-color:#CCCCCC;
}
fieldset{
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom: 10px;
	padding-top:0px;
	margin:0 10px 20px 0;
	display : block;
	float:left;
	color:#000000;
	background-color:#999999;
}
legend{
color:#FFFFFF;
background-color:#999999;
font-weight:bold;
border:2px groove #999999;
border-bottom:0px;
margin-bottom:12px;
padding:2px;
*background-color:#999999;
*padding:0px;
*border:0px;
padding-left:5px;
padding-right:15px;
}

label.gevraagd{
clear:left;
float:left;
width:150px;
*width:145px;
display:block;
padding-right:20px;
*padding-right:0;
margin-top:6px;
margin-right:5px;
font-weight:bolder;
color:#000000;
line-height:19px;
*line-height:18px;
background-color:#999999;
position:relative;
top:0px;
*top:-2px;
padding-left:2px;
}

label.gevraagd2{
clear:left;
float:left;
width:150px;
*width:145px;
display:block;
padding-right:20px;
*padding-right:0;
margin-top:6px;
*margin-top:12px;
margin-right:5px;
font-weight:bolder;
color:#000000;
line-height:19px;
*line-height:19px;
background-color:#999999;
position:relative;
top:0px;
*top:-2px;
padding-left:2px;
}

/*********************************** modded ****************/

a.requestlist{
text-decoration:underline;
color:#000000;
}
a.requestlist:hover{
text-decoration:none;
}

input.margin{
margin-left:200px;
}
input.bgcolor{
background-color:#CCCCCC;
}
input.button{
background-color:#666666;
color:#ffffff;
border:1px solid #ffffff;
height:1.6em;
line-height:1.6em;
margin-right:15px
}

fieldset.right{
	float:right;
	margin-right:100px;
	*margin-right:50px;
}

/************************************ ID's *********************/
#clear{
clear:both;
}

#contentfloat{
width:400px;
padding:0;
margin-right:10px;
margin-left:15px;
float:right;
}

#contentfloathomepage{
width:630px;
*width:630px;
padding:0;
margin:10px;
margin-right:10px;
margin-bottom:0;
float:right;
position:relative; top:-15px; *top: -20px;
}

#contentfloatikverkoop{
width:640px;
*width:630px;
padding:0;
margin:10px;
margin-left:0;
margin-right:10px;
float:right;
}

#contentfloatkantoor{
width:630px;
padding:5px;
margin:15px;
margin-top:10px;
margin-right:10px;
*margin-right:5px;
float:right;

background-color:#CCCCCC;color:#666666;
padding-left:10px;margin-left:-10px;
}


#contentfloatnopic{
width:640px;
*width:630px;
padding:0;
margin:10px;
margin-right:10px;
float:right;
}

#contentfloatvoordelen{
width:630px;
padding:10px;
margin:10px;
*margin:5px;
margin-right:10px;
*margin-right:5px;
float:right;
background-color:#CCCCCC;color:#666666;
/* padding-left:10px;*padding-top:10px; padding-right:10px;padding-bottom:10px; */
margin-bottom:60px;
*margin-bottom:50px;
}

#contentfloatvoordelen ul{
margin-bottom:0;
padding-bottom:0;
}

#contentfloatzoeken{
width:640px;
*width:630px;
padding:0;
margin:10px;
margin-right:10px;
margin-top:23px;
margin-left:15px;
float:right;
}

#contentfloatverkoopsteam{
background-color:#CCCCCC;
margin:15px; padding:5px;
color:#666666;
padding-bottom:0px;
*padding-bottom:3px;
margin-top:10px;
margin-bottom:58px;
*margin-bottom:64px;
line-height:1.3em;
font-size:1.025em;
*font-size:1.02em;
float:right;
}

#contentsub{
padding:5px;
width:425px;
background-color:#666666;
color:#CCCCCC;
line-height:1em;
margin:0;
margin-top:3px;
*margin-top:3px;
}

#contentwrapper{
clear:left;
width:670px;
margin : 0 0 5px 55px ;
padding : 0;
padding-bottom:5px;
background-color:#666666;
background-image:url(../imgs/hoek.gif);
background-position:bottom right;
background-repeat:no-repeat;
position:relative;
}

#details{
margin:5px 5px 0 10px;
}

#detailfotos{
float:left;
width:320px;
margin:0;
margin-right:10px;
}

#detailfotossub{
float:left;
margin: 0;
}

#detailtekst{
float:right;
width:310px;
*width:280px;
margin:0 0 0 0;
text-align:left;
font-size:11px;
}

#flashholder{
margin-left:20px;
height:350px;
}

#fond{
background-color:#CCCCCC;
}

#forceposition{
display:block;
clear:both;
float:right;
margin:0;

}

#fotoszoeken{
padding:0;
margin:0;
width : 320px;
margin-top:1px;
float:left;
*position:relative;
*top:-20px;
}

#fotoszoeken.klein{
width:100px;
float:left;
border:0px;
margin:0;
margin-top:10px;
*top:0px;
}

#fotoszoeken.rightpad10{
padding-right:10px;
}

#hspacer{
display:block;
float:left;
height:370px;
width:0px;
}
#introtext{
font-size:smaller;
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}

#imagefloatleft{
float:left;
width:350px;
}

#imagefloatright{
width:122px;
}

#kenmerkenfield{
background-color:#999999;
color:#000000;
padding:5px 10px 10px 10px;
margin: 10px 0 0 0;
}

#leftbar{
position:absolute;
display:none;
float:right;
width:200px;
margin : 0;
padding : 0;
text-align:right;
color:#EEEEEE;
top:365px;
left:-150px;
}

#lijstimage{
float:left;
margin:5px 0 5px 0px;
width:120px;
}

#previewimage{
float:right;
margin:5px 0 5px 0;
width:280px;
height:500px;
}

#prijzenfield{
background-color:#999999;
color:#000000;
padding:5px 10px 10px 10px;
margin: 10px 5px 0 5px;
width:200px;
float:left;
}

#redbar{
float:left;
padding-top:3px;
*position:relative;
*top:-21px;
}

#redbar2{
float:left;
}

#trans{
	padding: 0 5px 10px 6px;
	margin: 0 10px 20px 0;
	display : block;
	float:left;
	color:#000000;
	width:180px;
	line-height:16px;
}

#wrapper{
position : relative;
padding : 0 0 10px 0;
text-align:left;
width : 800px;
margin : 0 auto;
}

#zoekenform{
float:right;
width:300px;
text-align:right;
line-height:33px;
font-weight:bold;
height:300px;
vertical-align:bottom;
position:relative;
top:2px;
*top:13px;
}

#gevraagdform{
float:right;
width:640px;
text-align:left;
line-height:33px;
*line-height:36px;
font-weight:bold;
height:276px;
vertical-align:bottom;
position:relative;
top:2px;
*top:0px;
}

#gevraagdform select,input{
margin-left:0px;
height:1.5em;
*height:1.1em;
}
#restfield{
float:left;
}

#restfield label, input{
*height:0.9em;
}
#uwgegevensfield{
float:right;
width:320px;
position:relative;
top:10px;
}

#uwgegevensfield label, input{
*height:1.1em;
}
#uwgegevensfield2{
float:right;
width:320px;
position:relative;
top:10px;
line-height:3.33em;
}

#uwgegevensfield2 label, input{
*height:1.1em;
}
/***************************** Classes *************/
.kader{
	margin:5px;
	padding: 0 0 5px 0;
	background-color:#999999;
}

.kadercontent{
	margin:2px;
	padding:2px;
	padding-left:10px;
}

.kaderheader{
	background-color:#ff0000;
	margin:0;
	padding: 2px 0 2px 8px;
	border-bottom:2px groove #000000;
	font-weight:bold;
}
/*kader2=enkel voor routeplannetje*/
.kader2{
	display:none;
	width:463px;
	height:300px;
	margin-left:35px;
	margin-bottom:-6px;
}
/*kader3=plannetje voor print (groter)*/
.kader3{
	display:block;
}
#barbar{display:none}
.hoek_holder{
clear : both;
height : 1px;
}

.hoek{
float:right;
vertical-align:bottom;
}

img.introimg{
margin-left:120px;
margin-top:60px;
}

.bold{
font-weight:bold;
}
.bleft{
border-left:1px solid #000000;
}

.right{
	float: right;
}
.left{
	float:left;
}
.cleft{
clear:left;
}
.cright{
clear:right;
}
.cboth{
clear:both;
}
.w150{
	width:150px;
}
.w270{
	width:270px;
}
.w320{
	width:320px;
}
.w500{
	width:610px;
}
.popup{
position:absolute;
top:30px;
}

.pdown5{
position:relative;
top:5px;
}



/** UL main nav *********************************************************/

ul.mainnav{
margin : 0;
padding : 0;

margin-bottom :6px;
margin-top : 108px;
*margin-top : 108px;
list-style-type: none;
float: left;
width:100%;
}

li.mainnav_li{
display : inline;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

a.mn_link{
float: left;
text-align: left;
text-decoration:none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
width:134px;
display:block;
}
a.mn_link:hover{

}
a.active{
color:#ffff00;
}
/** UL sub nav *********************************************************/
ul.subnav{
position:absolute;
list-style-type: none;
left : 20px;
top : 30px;

padding:0 0 0 5px;
border-left : 1px solid #999999;
margin: 0 0 0 0;
height:95px;
}

ul.shifttekoop{
left : 55px;
}
ul.shifttehuur{
left : 155px;
}
ul.shiftikverkoop{
left : 277px;
}
ul.shiftoverwoestyn{
left : 454px;
}
ul.shiftcontact{
left : 586px;
}


li.subnav_li{
text-align:left;
}
a.topnavitem{
position:relative;
text-decoration:none;
color:#eeeeee;
font-size:10px;
}
a.topnavitem:hover{
color:#FFFF00;
}
ul, li{
display:none
}