@charset "UTF-8";
/* CSS Document */

/* 	

	GO-media bvba
	
	Last update: 	16/02/2010
	Updated by:		Olivier
	
	Created on:		02/02/2010
	Created by:		Olivier

	www.GO-media.be
	info@go-media.be
	
*/

body{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.67px;
}

img{
	border: 0;
}

p{
	padding: 0;
	margin: 0 0 16.67px 0;
}

h1{
	margin: 0 0 16.67px 0;
	font-size: 39px;
	text-transform: uppercase;
	font-weight: normal;
	color: #3D3D3D;
}

h2{
	margin: 0;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: normal;
}

#container{
	width: 768px;
	margin: auto;
	background: url(../images/achtergrond.jpg) no-repeat right top;
}


/*- MENU ---------------------------------*/

#menu{
	width: 135px;
	float: left;
	padding-bottom: 10px;
	background: #BCBDC0;
	text-align: center;
}

#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li, #menu a.menuItem{
	margin: 0;
	padding: 0;
}
#menu a.menuItem{
	width: 135px;
	display: block;
	font-size: 0px;
	color: #BCBDC0;
}

#menu a#menuIndex{
	background: url(../images/menu/home.gif) left top;
	height: 24px;
}
#menu a#menuAccueil{
	background: url(../images/menu/accueil.gif) left top;
	height: 24px;
}
#menu a#menuContact{
	background: url(../images/menu/contact.gif) left top;
	height: 21px;
}
#menu a#menuHoutskelet{
	background: url(../images/menu/houtskeletbouw.gif) left top;
	height: 19px;
}
#menu a#menuOssature{
	background: url(../images/menu/ossature-bois.gif) left top;
	height: 19px;
}
#menu a#menuPassiefhuis{
	background: url(../images/menu/passiefhuis.gif) left top;
	height: 18px;
}
#menu a#menuPassive{
	background: url(../images/menu/maison-passive.gif) left top;
	height: 18px;
}
#menu a#menuLaagEnergie{
	background: url(../images/menu/lage-energie.gif) left top;
	height: 18px;
}
#menu a#menuBasseEnergie{
	background: url(../images/menu/basse-energie.gif) left top;
	height: 18px;
}
#menu a#menuFotos{
	background: url(../images/menu/fotos.gif) left top;
	height: 17px;
}
#menu a#menuPhotos{
	background: url(../images/menu/photos.gif) left top;
	height: 17px;
}
#menu a#menuVacatures{
	background: url(../images/menu/vacatures.gif) left top;
	height: 19px;
}
#menu a#menuEmploi{
	background: url(../images/menu/emploi.gif) left top;
	height: 19px;
}

#menu a#menuIndex:hover, #menu a#menuContact:hover, #menu a#menuHoutskelet:hover,
#menu a#menuPassiefhuis:hover, #menu a#menuLaagEnergie:hover, #menu a#menuFotos:hover,
#menu a#menuVacatures:hover, #menu a#menuAccueil:hover, #menu a#menuOssature:hover,
#menu a#menuPassive:hover, #menu a#menuBasseEnergie:hover, #menu a#menuPhotos:hover,
#menu a#menuEmploi:hover, 
#menu a.active{
	background-position: right !important;
}



/*- CONTENT ------------------------------*/

#content{
	width: 616px; /*633*/
	padding: 25px 0px 25px 17px;
	float: right;
}

#content p, #content p a{
	color: #AF232C;
}

.bottom{
	vertical-align: bottom;
}

/* Home */
.margin15{
	margin: 0 15px 15px 0;
}
.margin15b{
	margin: 0 0 15px 0;
}
.margin85l{
	margin: 0 0 0 85px;
}

/*- FOOTER ------------------------------*/

#footer{
	 float:right;
	 width: 600px;
	 padding: 25px 16px 25px 17px;
	 margin: 0;
}

.groot25{
	font-size: 25px;
}

#footer p#credits{
	width: 400px;
	text-align:justify;
	margin: 0;
}

img#groupmaes{
	float: right;
	margin-top: 30px;
}


/*- FORM --------------------------------*/

label{
	clear: left;
	display: block;
	width: 200px;
	float: left;
}
input, select, textarea{
	width: 400px;
	margin-bottom: 8px;
}

input#submit{
	width: 200px;
}


/*- KEUZEPAGINA ---------------------------*/
.noBack{
	background: none !important;
}
#keuze a{
	color: #000000 !important;
}