/*********************************************************************************************
* Naam			:	template.css															 *
* Authur		:	Martijn Hof																 *
* Omschrijving	:	Dit is een standaard template die elke keer opnieuw kan worden gebruikt  *
*					Graag zo min mogelijk hier in aanpassen									 *
*********************************************************************************************/

/** uitlijning body **/
body{
 margin:0;
 left:50%;
 margin-left: -385px;
 position: absolute;
 background-color:#fee1f0;
}


/* 
** uitlijning backgroundContainer **
word gebruikt voor schaduw in te plaatsen
*/
#backgroundContainer{
 width:870px;/* breedte backgroundContainer */
 height:auto;/* hoogte backgroundContainer */
 background-color:#fee1f0;
}

/** uitlijning container **/
#container{
 border-left:2px solid #cc4f93;
 border-right: 2px solid #cc4f93;
 margin-left: 0px;/*naar rechts verplaatsen */
 width: 870px;/* breedte container */ 
 height: auto;/* hoogte container */
 background-color: #FFFFFF;/* achtergrond kleur container */
}

/** uitlijning header **/
#header{
 background-image: url('../img/header.png');
 background-repeat:repeat-x;
 background-color:#FFFFFF;/* achtergrond kleur header */
 width: auto;/* breedte header */
 height: 257px;/* hoogte header */
}

/** uitlijning menuBoven **/
#menuBoven{
 background-image: url('../img/menu.png');
 background-repeat:repeat-x;
 width: auto;/* breedte van menu */
 height: 29px;/* hoogte van menu */
}

/** uitlijning contentContainer **/
#contentContainer{
 border-left: 0px solid #fd87cd;
 border-right: 0px solid #fd87cd;
 background-color: #fd9ee9;/* achtergrondkleur contentContainer */
 height: 575px;/* hoogte contentContainer */
 min-height:575px;/* minimale hoogte contentContainer */
 width: 870px;/* breedte contentContainer */
}

/**
Deze optie is nodig om contentContainer in 
hoogte automatisch mee te laten gaan.
Daarom is in contentContainer de hoogte en 
de minimale hoogte aangegeven
**/
div[id] #contentContainer{
 height:auto;/* auto hoogte voor contentContainer */
}

/** uitlijning content **/
#content{
 float:left;/* positie linkerkant content*/
 background-color: #fd9ee9;/* achtergrondkleur content */
 width: auto;/* breedte content */
 height: 575px;/* hoogte contentContainer */
 min-height:575px;/* minimale hoogte contentContainer */
 border-left:0px solid #CCCCCC;/* lijn rechterkant en kleur*/
}

/**
Deze optie is nodig om content in 
hoogte automatisch mee te laten gaan.
Daarom is in content de hoogte en 
de minimale hoogte aangegeven
**/
div[id] #content{
 height:auto;/* auto hoogte voor content */
}

/** uitlijning footer **/
#footer{
 border-top:2px solid #cc4f93;
 width:800px;/* breedte backgroundFooter */
 height:10px;/* hoogte backgroundFooter */
}