﻿/* 

ALGEHELE SITE OPMAAK

*/


* {	/* Reset marges en padding overal naar 0, zet global font op tahoma */
	margin: 0px;
	padding: 0px;
	font-family:	Tahoma;
}

.clear { /* wanneer "floats" worden gebruikt, deze toepassen om te "clearen"*/
	clear: both;
}


html, body {
	margin: 0 auto; /* centreert alles */
	height: 100%;
}

body {
	background: #333333;
}

img {
	border: 0px;	
}


#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:		965px;
	margin: 	0 auto; /* centreert de site */
	background: url('../images/container.png') ;
}

#kop {

	height:		107px; /* hoogte van visual - toppadding */
	width:		965px;
	background: url('../images/kop.jpg');
	margin: 	0 auto; /* centreert de header in container */
	z-index: 20;	
}

#koplogo {
	width:		230px;
	height:		80px;
	text-align: left;
	position:	absolute;
}


#header {
	padding-top: 33px; /*drukt het menu 200px omlaag*/
	height:		153px; /* hoogte van visual - toppadding */
	width:		965px;
	background: url('../images/header.jpg');
	margin: 	0 auto; /* centreert de header in container */
	display: block;
}

#header_home {
	height:		255px; /* hoogte van visual - toppadding */
	width:		965px;
	background: #000;
	margin: 	0 auto; /* centreert de header in <img src="#WEBSITE#/images/facebook_logo_trans.png" alt="Bekijk ons op Facebook" />container */
	display: none;
	z-index: 3;
	padding-bottom: 33px;
}

#nawgegevens {
	width: 220px;
	height: 115px;
	margin-left: 25px;
	position: absolute;
}

#nawgegevens p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
	line-height: 14px;
}

#logoshome {
	width: 250px;
	height: 50px;
	margin-left: 25px;
	position: absolute;
	margin-left: 803px;
	margin-top: 9px;
	z-index:999999;
}

#logoshome_social {
	width: 250px;
	height: 50px;
	position: absolute;
	margin-left: 760px;
	margin-top: 280px;
	z-index:999999;
}



#content{
	margin: 0 auto; /* centreert content in container*/
	padding: 	10px;
	width:		920px; /*(breedte van 940 - 20 (padding links en rechts) = 920) */
	text-align: left;

}

/* in de content creeren we een inhoud blok van 720px breed met een sidebar van 200px breed
Lees hiervoor de berschrijving in "content.css" goed door!! */

#footer {
	background: url('../images/footerbg.jpg') no-repeat bottom;
	height: 311px;
	width: 965px;
	Margin-bottom: 0px;	
	text-align: center;
	font-size: 11px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerimg {
	margin-left: 6px;	
	border: 0px;
}

#popup {
	display:none;
}


