/* ===============================================================================================
Content opmaak  de opmaak is zo dat de pagina in het midden van het scherm wordt gezet
=================================================================================================*/

body 
{
margin-top:0px;
padding-top:0px;
background-color:#dcdbdb;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#basis{
background-color:#FFFFFF;
width:800px;
left:50%;
margin-left:-400px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#header{
margin:0px;
padding:0px;
width:800px;
height:191px;
background-image:url(afbeeldigen/header05.jpg);
}

#witRuimte{
margin:0px;
padding:0px;
height:15px;
border-left:#949494 1px solid;
border-right:#949494 1px solid;
}


/* ===============================================================================================
Hierin wordt de nieuwe content telkens geladen
=================================================================================================*/

#tekstvak{
margin:0px;
padding:0px;
border-left:#949494 1px solid;
border-right:#949494 1px solid;
}

h1{
margin-top:0px;
padding-top:0px;
background-color:#CCCCCC;
font-size:16px;
text-align:center;
}

/* ===============================================================================================
Opmaak homepage rechts het blauwe vak met de dynamische fotoalbum
=================================================================================================*/

#blauwVak{
margin-left:550px;
height:478px;
width:230px;
background-color:#9E7D57;
border:#949494 1px solid;
}

/* ===============================================================================================
Vakrechts waarin over het algemeen een foto geladen
=================================================================================================*/

#vakRechts{
margin-left:550px;
height:461px;
width:230px;
}

#vakRechtsContact{
margin-left:280px;
height:510px;
width:500px;
border:#949494 1px solid;
}

#plaatjeVrouw{
background: url('afbeeldigen/homeVrouw.jpg') no-repeat;
margin:0px;
padding:0px;
height:478px;
width:535px;
}

/* ===============================================================================================
Vak links waarin nog een div zit vakLinksBinnen
=================================================================================================*/

#vakLinks{
margin:0px;
padding:0px;
float:left;
width:535px;
}

#vakLinksContact{
float:left;
width:250px;
height:510px;
}

#vakLinksBinnen{
border:#949494 1px solid;
margin-left:15px;
height:461px;
width:520px;
}

#vakBinnenMail{
border:#949494 1px solid;
margin-left:15px;
width:766px;
}

#vakLinksBinnenContact{
border:#949494 1px solid;
margin-left:15px;
height:510px;
width:250px;
}

/* ===============================================================================================
Opmaak van de links winkel en kleding bij man en woman
=================================================================================================*/

#linkWinkel{
margin-left:145px;
}

#merken{
color:#666666;
font-size:18px;
text-align:center
}

#linkKleding{
text-align:center;
}

/* ===============================================================================================
Opmnaak tekst van de agenda
=================================================================================================*/


#agenda01{
padding-left:5px;
padding-right:5px;
}

#gebeurtenis{
text-align:center;
font-size:16px;
}



/* ===============================================================================================
Opmnaak tekst van de homepage die het nieuws van de aganda weergeeft
=================================================================================================*/

#nieuws{
padding-top:323px;
font-size:24px;
text-align:center;
}


/* ===============================================================================================
Opmnaak van de navigatiebalk
=================================================================================================*/
#nav{
list-style: none;
padding: 0;
margin: 0;
height:39px;
text-align:center;
font-size:80%;
background: url(afbeeldigen/ontwerp11_05.jpg) repeat-x;
}

#nav li{
float:left;
height:25px;
width:155px;  /* 133px met new collectie */
margin: 0;
display: block;
padding-top:11px;
}

#test{
border-left:#949494 1px solid;
border-right:#949494 1px solid;
height:11px;
}

#nav li a
{
	text-decoration:none;
	display: block;
	position: relative;
	height:25px;
} 

#nav li a:hover, #nav li a:active
{	
	text-decoration: underline ;
	color:#ffbf50;
}

#nav li a span
{

	text-align: center;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #3f3f3f;
}

#naviOnder{
height:20px;
font-size:80%;
border-top:#949494 1px solid;
border-left:#949494 1px solid;
border-right:#949494 1px solid;
border-bottom:#0012ff 3px solid;
}

#navigatieOnder2{
padding-top:4px;
padding-left:400px;
}

#naviOnder ul{
margin:0;
padding: 0;
}

#naviOnder li{
margin: 0;
float: left;
display: block;
padding-right: 15px;
padding-left:15px;
border-left: #595959 1px solid;	
}

#naviOnder a:link,#naviOnder a:visited{
text-decoration:none;
color:#595959;
padding: 0;
border:0;
}

#naviOnder a:hover,#naviOnder a:active{
text-decoration:underline;
color:#595959;
padding: 0;
border:0;
}


/* ===============================================================================================
Opmnaak van het mailformulier
=================================================================================================*/

fieldset{
border-width: 1px;
border-style:solid;
border-color:#22b0df;
padding:15px;
width: 350px;
}

label{
float: left;
width: 75px;
text-align: right; 
margin-right: 15px;
}

input, textarea{
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;
border-color:#d5d5d5;
margin-bottom: 10px;
}

