/**
 * Bestandsnaam:		style.css
 * Gemaakt door:		Willem Bressers
 * Contact:				Willem@wbsites.nl
 * Laatst gewijzigd:	11 november 2007
 */


/* HTML
standaard definities
----------------------------------------------------------*/ 
html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders  */
/*	overflow: hidden; get rid of scroll bars in IE */
	overflow: auto;	
}





/* BODY 
standaard definities
----------------------------------------------------------*/ 
body{
 	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-color: #894E01;
/*	background-color: #ff6600; */
}






/* CONTAINER 
de container waarin alles valt
----------------------------------------------------------*/ 
#container {
	position: absolute;
	width: 100%;
 	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 1.6em;
/*	color: #666;
*/
	color: #000000;
}
		
		
		
		
		
		
/* ALGEMENE DITJES EN DATJES 
algemene toepassingen.
standaard opmaak van algemene instellingen
---------------------------------------------------------- */

/* lettertype opmaak h1 v.b. Promessa Selectie */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* lettertype */
	font-weight: normal; /* bold-dikte */
	font-size: 25px; /* tekst grootte */
	color: #EC9513; /* tekst kleur */
	margin-bottom: 50px; /* ruimte onder de tekst */
	text-decoration: none; /* tekst versiering */
}

		
/* lettertype opmaak h2 */
h2 {
	color: #ffffff;
	font-size: 20px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

		
/* lettertype opmaak h3 */
h3 {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 13px;
	font-style: normal;
}


strong {
	color: #ffffff;
	font-style: normal;
}

em {
	color: #EC9513;
	font-style: normal;
}


/* tekstopmaak (rode foutmelding bij technische storing)*/		
.fout {
	color: #f03;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}


/* hyperlink */
a {
	color: #EC9513;
	font-size: 12px;
	text-decoration: none;
}


/* hyperlink (mouse-over)*/
a:hover {
	color: #493303;
	text-decoration: underline;
}


/* formulier 
een formulier kan diverse invoervelden, knoppen, pulldowns tekst enz.. bevatten
het defineert de opmaak van het formulier en NIET van de knoppen enz.. zelf
*/
form {
	margin-top: 0px; /* ruimte boven het formulier */
	font-size: 9px; /* tekst grote */
	border: 0px solid; /* rand om het forumlier */
}


/* invoerveld (text-box, radio-button, button, check-box)*/	
input {
	color: #000000;
/*	border: 1px solid #ccc;  rand om de knop */
	font-size: 11px;
	padding: 3px; /* ruimte IN de knop */
}


/* selecteerveld (drop-down)*/		
select {
	color: #000000;
	background: #FFFFFF;
	border: 0px solid;
	padding: 0px; /*ruimte IN het drop-down veld */
	margin: 0px; /*ruimte buiten het drop-down veld */
}

#select_list {
	width: 250px;
}

img {
	border: 0px;
}

hr {
	color:#EC9513;
}


		
		
		
		
		
/* HEADER 
Kop van de website 
---------------------------------------------------------- */

/* positionering van de kop */
#header {	
	height: 17px;
/*	width: 132px;
	background: url(images/logo-PSklein.gif) no-repeat; */
}





		
/* CONTENT 
opmaak van de content
---------------------------------------------------------- */

/* positionering gehele content */
#content {
	position: absolute;
	width: 75%;
	margin-left: 0px;
	padding-left: 220px;
	margin-top: 170px;
	
	background: url(images/zijkant26-01_02.jpg) repeat-y;
	
/*	background: url(images/zijkant2.png) repeat-y; */
}

/* positionering linker content */
#cont_complete {
	float: left;
/*	overflow: auto; */
	overflow: hidden;
	width: 60%;
/*	color: #000000;*/
}

/* positionering linker content */
#cont_left {
	float: left;
/*	overflow: auto; */
	overflow: hidden;
	width: 33%;
/*	color: #000000;*/
}


/* positionering rechter content */
#cont_right {
	float: right;
/*	overflow: auto; */
	overflow: hidden;
	width: 65%;
/*	color: #000000;*/
}


/* positionering linker content */
#cont_left_2 {
	float: left;
/*	overflow: auto; */
	overflow: hidden;
	width: 450px;
/*	color: #000000;*/
}


/* positionering rechter content */
#cont_right_2 {
	float: right;
/*	overflow: auto; */
	overflow: hidden;
	width: 38%;
/*	color: #000000;*/
}


/* afbeelding in rechter tekstveld */		
#cont_complete img {
	margin-right: 15px;
}


/* paragraaf-opmaak linker content */		
#cont_left p, 
#cont_left_2 p,
#cont_right p, 
#cont_right_2 p,
#cont_complete p {
	padding-bottom: 10px;
	border-bottom: 1px solid #EC9513;
}









/* FOOTER 
onderste rand van de pagina.
----------------------------------------------------------*/

/* positionering van de footer */
#footer {
/*	position: absolute;	
	height: 30px;
	width: 99%;
	bottom: -20%;
	text-align: right;
*/
	clear: both;
	margin-top: 50px;
	text-align: right;
	
}


/* hyperlink instellingen*/
#footer a {
	display: block;
	padding: 2px;
	width: 170px;
	text-align: center;
	color: #89817f;
}



#footer a:link, #footer a:visited {
	color:#8A6F40;
	text-decoration: none;
}

	
#footer a:hover {
	text-decoration: underline;	
}
		
		
		
		
/* ACHTERGROND
opmaak van de achtergrond
---------------------------------------------------------- */

/* standaard instellingen van de achtergrond */
#background {
	position: absolute;
	width: 100%;
	height: 100%;
/*	height: 1700px; */	
/*	overflow: hidden; */
}	


#back_top {
	position: absolute;	
	top: 0px;
	left: 0px;
/*	width: 1904px; */
	width: 100%;
	height: 174px;
	background: url(images/top.jpg) no-repeat;
}

#back_top_left {
	position: absolute;	
	top: 0px;
	left: 0px;
	margin-top: -14px;
	width: 215px;
	height: 174px;
	background:url(images/top-left.jpg) no-repeat;
}


#back_left {
	position: absolute;
	top: 0px;
	width: 334px;
	height: 100%;
	background: url(images/zijkant26-01_02.jpg) repeat-y;
}