/* CSS Document */
/* Algemeen */
body {  
	background: #ccc url(afbeeldingen/bGround.gif) repeat-y 50%;
	background-attachment:fixed;
	overflow: -moz-scrollbars-vertical;
	font: 8pt/16pt georgia;
	text-align: justify;
	}
a:active{
	text-decoration: none;
	font-weight: bold; 
	color: #f90;
}
a:link{
	text-decoration: none;
	font-weight: bold; 
	color: #f90;
}
a:visited{
	text-decoration: none;
	font-weight: bold; 
	color: #f90;
}
a:hover{
	text-decoration: none;
	font-weight: bold; 
	color: #f90;
}
#container{
	position: relative;
	margin: 0 auto;	
	margin-top: -15px;
	padding:0px 0px 0px 0px;
	width:700px;
	text-align: left;
}

h3{
margin: 25px 0px 0px 10px;
font: italic normal 14pt georgia; 
letter-spacing: 1px; 
color: #F90;
}
p { 
font: 8pt/16pt verdana; 
margin: 0px 20px 0px 0px; 
text-align: justify;
}
#container #header{
position:absolute;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width: 698px;
height:200px;
}
#container #header #wit{
background-color:#fff;
width: 699px;
height: 150px;
position: absolute;
margin: 0px 0px 0px 0px;
}
#container #header h1{
background: url(afbeeldingen/titel.gif) no-repeat;
position: absolute;
margin: 50px 0px 0px 200px;
width: 698px;
}
#container #header h6.oranjeBalk{
background: #f90;
position: absolute;
margin:50px 0px 0px 99px;
width: 600px;
height: 25px;
}
#container #header h6.jos{
background: url(afbeeldingen/jos.gif) no-repeat;
position: absolute;
margin: 35px 0px 0px 5px;
width: 150px;
height:150px;
z-index:1;
}
#container #header h6.l{
background: url(afbeeldingen/hr.gif) no-repeat;
position: absolute;
margin: 113px 0px 0px 106px;
padding: 0px 0px 0px 0px;
width:590px;
}
/* Navigatie */
#navigatie {
position: absolute;
margin: 85px 0px 0px 50px;
padding: 0px 0px 0px 0px;
}
#navigatie #link1{
position: absolute;
margin: 0px 0px 0px 120px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link2{
position: absolute;
margin: 0px 0px 0px 220px;
padding: 0px 0px 0px 0px;
list-style-type: none;
width: 100px;
}
#navigatie #link3{
position: absolute;
margin: 0px 0px 0px 345px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link4{
position: absolute;
margin: 0px 0px 0px 439px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link5{
position: absolute;
margin: 0px 0px 0px 545px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link6{
position: absolute;
margin: 30px 0px 0px 60px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link7{
position: absolute;
margin: 30px 0px 0px 170px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link8{
position: absolute;
margin: 30px 0px 0px 275px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link9{
position: absolute;
margin: 30px 0px 0px 380px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigatie #link10{
position: absolute;
margin: 30px 0px 0px 508px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
/* Inhoud */
#content{
position: absolute;
margin: 150px 0px 0px 10px;
color:#fff;
}

#container #content #leiding #rechterKolom{
position: absolute;
margin: 10px 0px 0px 345px;
color: #f90;
}
#container #content #leiding #linkerKolom{
position: absolute;
margin: 10px 0px 0px 0px;
color: #f90;}

#txtLocatie{
width: 570px;
}


/*class titels voor subtitels op de verschillende pagina's*/
.titels{
text-decoration: underline;
font-weight:bold;
}

/*Verhuur*/
#huren{
position: relative;
_margin-right: 10px;}
#infrastructuur{
position: relative;
_margin-right: 10px;}
#locatie{
position: relative;}
#formulierPhp{
position: absolute;
color: #fff;
margin: 210px 5px 10px 5px;
}
#leidingslokaal{
color: #f90;
position: absolute;
margin: 150px 0px 0px -390px;
}
#secretariaat{
color: #f90;
position: absolute;
margin: 58px 0px 0px -232px;
}
#sanitair{
color: #f90;
position: absolute;
margin: 272px 0px 0px -295px;
}
#keuken{
color: #f90;
position: absolute;
margin: 250px 0px 0px -240px;
}
.foto {
width: 100px;
height: 75px;
float: right;
margin: 0px 10px 0px 0px;
padding: 0px 0px 5px 0px;
clear:right;}
#foto1 {
background: url(afbeeldingen/foto1.jpg) no-repeat;
padding: 0px 0px 5px 0px;
}
#foto2 {
background: url(afbeeldingen/foto2.jpg) no-repeat;
}
ul li{
margin-right: 10px;
}

/*Leiding*/
.fotoBanLeiding{
float: left;
border: 2px solid #fff;
}
.fotoLeidingGroot{
border: 2px solid #fff;
margin-left: 34px;
}
/*Leidingspagina kolom1*/
#dolfijntjes{
position: absolute;
margin: 15px 0px 0px 0px;
_margin-left: -380px;
}
#leeuwkesAstene{
position: absolute;
margin: 190px 0px 0px 0px;
_margin-left: -380px;
}
#leeuwkesDeinze{
position: absolute;
margin: 360px 0px 0px 0px;
_margin-left: -380px;
}
#joroAstene{
position: absolute;
margin: 530px 10px 0px 0px;
_margin-left: -380px;
}
/**Leidingspagina kolom2*/
#joroDeinze{
position: absolute;
margin: 15px 0px 0px 370px;
_margin-left: -20px;
}
#knim{
position: absolute;
margin: 190px 0px 0px 370px;
_margin-left: -20px;
}
#sjo{
position: absolute;
margin: 360px 0px 0px 370px;
_margin-left: -20px;
}
#plus16{
position: absolute;
margin: 530px 10px 0px 370px;
_margin-left: -20px;
padding-bottom: 25px;
}
/* class met namen van leiding*/
.leiders2{
position: absolute;
margin: 40px 0px 0px 10px;
color: #fff;
width: 200px;
}
.leiders3{
position: absolute;
margin: 30px 0px 0px 10px;
color: #fff;
width: 200px;
}
.leiders4{
position: absolute;
margin: 20px 0px 0px 10px;
color: #fff;
width: 200px;
}
.leiders5{
position: absolute;
margin: 15px 0px 0px 10px;
color: #fff;
width: 200px;
}
#foto{
margin-top: 32px;
border: 0px hidden #039;
width: 640px;
height: 1200px ;
}



/*contact-pagina*/
#hoofdLeiding{
position: absolute;
margin: 20px 10px 0px 20px;
clear: both;
}
#fotoHoofdleiding{
border: 2px solid #fff;
position: relative;
margin: 0px 10px 0px 0px;
float: left;
}
#hoofdLeiding .gegevens{
position:relative;
}


#contactPersoonVerhuur{
position: absolute;
margin: 20px 10px 0px 400px;
clear: both;
}
#fotoVerhuurVerantwoordelijke{
border: 2px solid #fff;
position: relative;
margin: 0px 10px 0px 0px;
float: left;
}
#contactPersoonVerhuur .gegevens{
position:relative;
margin: 0px 10px 0px 0px;
}


#webmaster{
position: static;
margin: 40px 10px 0px 20px;
clear: both;
}
#fotoWeb{
border: 2px solid #fff;
position: static;
margin: 0px 10px 0px 0px;
float: left;
}
#webmaster .gegevens{
position:static;
margin: 0px 10px 0px 0px;
}



/*testfase css voor beide forms*/
/*VERHUURFORMULIER*/
form#verhuurFormulier{
margin: 25px 0px 40px 50px;
}
form#verhuurFormulier label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
form#verhuurFormulier label {
	text-align: left;
	width: 125px;
	padding-right: 20px;
}
input.verhuurVerzend{
width: 75px;
position:absolute;
display: inline;
clear: both;
margin-left: 146px;
margin-bottom: 3px;
}
form#verhuurFormulier input{
background-color: #EEF5F9;
}
form#verhuurFormulier textarea{
background-color: #EEF5F9;
}
form#verhuurFormulier br {
	clear: left;
}
/*CONTACTFORMULIER*/
form#contactFormulier{
margin: 25px 0px 40px 50px;
}
form#contactFormulier label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
form#contactFormulier label {
	text-align: left;
	width: 75px;
	padding-right: 20px;
}
input.contactVerzend{
width: 75px;
position:absolute;
display: inline;
clear: both;
margin-left: 96px;
margin-bottom: 3px;
}
form#contactFormulier input{
background-color: #EEF5F9;
}
form#contactFormulier textarea{
background-color: #EEF5F9;
}
form#contactFormulier br {
	clear: left;
}
.inputs{
width: 250px;
}
/*afbeeldingen onderaan werking*/
.floatingAfbeeldingen{
width: auto;
float: left;
margin: 16px 8px 8px 8px;
border: 2px solid #fff;}

/*leidingsgegevens op specifieke leidingspagina's*/
.leidingD{
float: left;
display: inline;
margin: 20px 29px 20px 29px;
}
.leidingLD{
float: left;
display: inline;
margin: 20px 29px 20px 29px;
}
.leidingLA{
float: left;
display: inline;
margin: 20px 13px 20px 13px;
}
.leidingJA{
float: left;
display: inline;
margin: 20px 27px 20px 27px;
}
.leidingJD{
float: left;
display: inline;
margin: 20px 20px 20px 20px;
}
.leidingK{
float: left;
display: inline;
margin: 20px 6px 20px 6px;
}
.leidingS{
float: left;
display: inline;
margin: 20px 104px 20px 104px;
}
.leiding16{
float: left;
display: inline;
margin: 20px 112px 20px 112px;
}
.terug{
clear: both;
margin: 20px 0px 20px 275px;
}
/*De fotootjes op bannenpagina */
p.para{
clear: both;
}
#fotoDolfijntjes{
border: 2px solid #fff;
margin: 5px 0px 0px 10px;
float: right;
}
#fotoLeeuwkes{
border: 2px solid #fff;
margin: 5px 10px 0px 0px;
float: left;
}
#fotoJoro{
border: 2px solid #fff;
margin: 5px 0px 0px 10px;
float: right;
}
#fotoKnim{
border: 2px solid #fff;
margin: 5px 10px 0px 0px;
float: left;
}
#fotoSjo{
border: 2px solid #fff;
margin: 5px 0px 0px 10px;
float: right;
}
#fotoPlus16{
border: 2px solid #fff;
margin: 5px 10px 0px 0px;
float: left;
}

/*Nieuwsitems*/

.nieuwsItems{
margin-bottom: 15px;
}
/*GET ACRO*/
#getAcro{
border: 0px hidden #e39;
position: absolute;
margin: -15px 0px 0px 180px;
}
/*LINKS*/
.paragraafLinks{
margin-top: -5px;
margin-bottom: 5px;
margin-left: 15px;
}
.linkTitels{
font-size: 10pt;
text-decoration: underline;
font-weight:bold;
}
/*Bouwfonds*/
.imgBouwfonds{
border: 2px solid #fff;
margin: 0px 0px 0px 10px;
float: right;
}
.visualisatie3D{
margin: 8px 8px 8px 8px;
border: 2px solid #fff;
}
#visualisatie3{
position:relative;
margin: 0px 0px 0px 190px;
float: none;
}
/*fotopagina's*/
#fotoTable{
position: relative;
left:125px;
}
#fotoTable img{
border: 1px solid #fff;
}