.XFade_Gallery {
	position:absolute;
    float: left;
	width:202px;
	height:152px;
}



.XFade_Gallery_Img {
	position:absolute;
	top: 0px;
	left: 0px;
}

.fotokader{
	position:absolute;
	width:200px;
	height:800px;
	background-color:#000;
}


.StationContainer_Untitled {  
position:absolute;
width: 945px;
height:20px;
}

html, body{
margin:0px;
padding:0;
text-align:center;
background:#f7f7f7;
}

a:link{
color: #4141b0;
text-decoration:none;
}

a:visited{
color: #4141b0;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/*  geeft background aan   */


.container{
width:100%;
margin:0 auto;
padding:0;
background:url("../image/bgpattern.jpg") repeat;
}

/*  De header bevat: logo, de background voor de foto en daarop de foto   */

.inhoudkader{
width:616px;
background:#f2f2f2;
float:center;
margin:0 auto;
padding:0;
padding-top: 25px;
}


.header{
width:945px;
height:415px;
margin:0 auto;
padding:0;
padding-left: 10px;
}

.logo{
width:272px;
height:60px;
background:url("../image/logo.jpg") no-repeat;
float:left;
position:relative;
top:38px;
}




.fotoheaderbg{
position:relative;
left:0px;
top: 47px;
width:945px;
height:257px;
background:url("../image/fotoheaderbg.jpg") no-repeat;
float:left;
}


.fotoheaderbg img{
position:relative;
left:5px;
top: 5px;
width:925px;
height:245px;
float:left;
}



/*  Heeft geen functie meer op dit moment, maar kan later nog van pas komen.   */

.container2{
width:100%;
height:100%;
}


/*   Het midden is opgedeeld in 2 stukken. Links en inhoud. Links staat voor linkerkant. De menu knoppen staan in de menu css.
Allied is de logo onder de knoppen

De inhoud is het hele grijze kader met borders. Daarin staat inhoudkader. Hierin staat de nieuws titel en text. 
Inhoud subtext is voor de subpaginas aangezien daar de text korter is
 */


.midden{
position: relative;
top: 0px;
left: 0px;
width:935px;
margin:0 auto;
padding:0;
}

.links{
position:relative;
left: 0px;
width:226px;
height:491px;
float:left;
border-top:1px solid #fff;
}


.allied{
position:relative;
left: 0px;
width:222px;
height:112px;
float:left;
}

.inhoud{
position:relative;
left: 0px;
width:707px;
background:#f2f2f2;
float:left;
border-top:1px solid #fff;
border-bottom: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
margin-bottom: 20px;
}



.inhoudkader{
width:616px;
background:#f2f2f2;
float:center;
margin:0 auto;
padding:0;
padding-top: 25px;
}

.inhoudtitle{
font-size: 22px;
font-weight: bold;
font-family: Arial;
color: #4141b0;
text-align: left;
}

.inhoudtext{
font-size: 12px;
font-family: Arial;
color: #000;
text-align: left;
margin-top:10px;
padding-bottom:30px;
border-bottom:1px solid #d7d7d7;
}



.inhoudsubtext{
width:500px;
font-size: 12px;
font-family: Arial;
color: #000;
float:right;
text-align: left;
margin-top:10px;
padding-bottom:30px;
}

.plaatje img{
margin-top:10px;
width:100px;
height:101px;
float:left;
border:3px solid #d7d7d7;
}


/*  In de onderkant staat laatste nieuws en quicklinks  */

.onderkant{
width:707px;
height:200px;
float:left;
}



.laatstenieuws{
width:313px;
height:169px;
float:left;
margin-top:31px;
}

.laatstenieuwstitle{
width:204px;
float:right;
font-size: 16px;
font-weight: bold;
font-family: Arial;
color: #4141b0;
text-align: left;
margin-bottom:10px;
}

.laatstenieuwslink a{
width:204px;
padding-top:px;
padding-bottom:2px;
float:right;
text-align:left;
font-size: 11px;
font-family: Arial;
text-decoration:underline;
}

.laatstenieuwslink a:visited{
width:204px;
padding-top:px;
padding-bottom:2px;
float:right;
text-align:left;
font-size: 11px;
font-family: Arial;
text-decoration:underline;
}

.quicklinks{
width:313px;
height:169px;
float:right;
margin-top:31px;
}

.quicklinkstitle{
width:204px;
float:left;
font-size: 16px;
font-weight: bold;
font-family: Arial;
color: #4141b0;
text-align: left;
margin-bottom:10px;
}

.quicklinkslink a{
width:204px;
padding-top:px;
padding-bottom:2px;
float:left;
text-align:left;
font-size: 11px;
font-family: Arial;
text-decoration:underline;
}

.quicklinkslink a:visited{
width:204px;
padding-top:px;
padding-bottom:2px;
float:left;
text-align:left;
font-size: 11px;
font-family: Arial;
text-decoration:underline;
}

/*  voor de contact pagina is een nieuwe inhoud div gemaakt voor een vaste hoogte  
fillin is voor het de form met alles eronder
*/

.contactinhoud{
height:150px;
font-size: 12px;
font-family: Arial;
color: #000;
text-align: left;
margin-top:10px;
padding-bottom:30px;
border-bottom:1px solid #d7d7d7;
}

.fillin{
width:308px;
height:150px;
float:left;
}

.contact{
width:308px;
height:150px;
float:left;
text-align: center;
}

.text_form{
text-align:left;
font-family: Arial;
font-size: 12px;
color: #000;
float:left;
}

#textfield{
width:180px;
height:18px;
float:left;
border: 1px solid #c0c0c0;
}

#comment{
width:180px;
height:45px;
float:left;
border: 1px solid #c0c0c0;
}

#button{
   width: 70px;
   height: 25px;
   position: relative;
   left: 70px;
   top: 5px;
   float: left ;
   border: 1px #d7d7d7 solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #283f4f;
   text-align: center;
  background: url(image/button.jpg);

}

/*  plaatje van google div  */


.googlemap{
width:707px;
height:340px;
float:left;
margin:0px,auto;
padding:0px;
padding-top:31px;
}

/*  Voor tarieven pagina wat extra divs om de goede floats te maken  */


.prijsnaam{
float: left;
text-align: left;
}

.prijs{
float: right;
text-align: right;
}

.footer{
float: left;
position: relative;
top: 0px;
padding-top: 10px;
font-size: 12px;
font-family: Arial;
width:940px;
text-align: center;
}

.plaatjebewegen img{
margin-top:10px;
width:615px;
height:150px;
float:left;
border:3px solid #d7d7d7;
}

.inhoudbewegen{
width:615px;
font-size: 12px;
font-family: Arial;
color: #000;
float:left;
text-align: left;
margin-top:10px;
padding-bottom:30px;
}

/*   Aanmelden pagina
 */

.radio{
float: left;
font-size: 12px;
font-family: Arial;
text-align: left;
color: #000;
padding-right: 10px;
margin-left: 20px;
}

.dropdown{
float: left;
width: 155px;
font-size: 12px;
font-family: Arial;
text-align: left;
color: #000;
margin-left: 20px;
}

.dropdown2{
float: left;
width: 155px;
font-size: 12px;
font-family: Arial;
text-align: left;
color: #000;
}

#textfield2{
width:180px;
height:18px;
float:left;
border: 1px solid #c0c0c0;
margin-left: 20px;
}

.fillin2{
position: relative;
top: 10px;
width:616px;
height:585px;
float:left;
}

.sendaanmelden{
   width: 90px;
   height: 25px;
   position: relative;
   left: 0px;
   top: 15px;
   float: left ;
   border: 1px #d7d7d7 solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #283f4f;
   text-align: center;
  background: url(image/button2.jpg);
  }


