/* de kleuren: 00030C, A68038, 0B1D28, 586669, FFFFFF*/
/*definities in body gelden tenzij anders vermeld - body bovenaan in hierarchie*/
body {
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(illustraties/002.jpg); 
	color:#00030C;
}

/* de eigenschap table-layout met de waarde fixed helpt om de tabellen sneller weer te geven*/
/* dit is handig bij tabellen met ongeveer even grote cellen*/
table {
	table-layout: fixed;
	text-align: left;
}
	

/* papier wordt gebruikt voor de werkelijke site*/
.papier {
	background-color: #FFFFFF; 
	border-width: 2px;
	border-color: #FFFFFF;
	border-style: solid;

}


.foto {
	width: 195px; 
	height: 170px;
	text-align: center;
}

.foto_rand {
	margin: 0px 0px 10px 30px; /*(b,r,o,l)*/
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	}

.foto_rand_staand {
	margin: 0px 30px 10px 0px; /*(b,r,o,l)*/
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
}

/* titel wordt gebruikt voor de tekst ProRaam*/
.header_onder {
	text-align: right;
	font-size:30px;
	font-weight: bold;
	color:#ffffff;
	padding: 0 40px;  /*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	margin:0; /*marge is de transparante ruimte tussen het element en het volgende element */
	background-color: #586669; 
	} 

.header_boven {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0 40px;  /*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	margin:0; /*marge is de transparante ruimte tussen het element en het volgende element */
	background-color: #586669; 
	} 	
	
/* subtitel wordt gebruikt voor de tekst onder ProRaam*/
.subtitel {
	text-align: center;
	padding: 10px; /*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	background-color:#002e44;
}
	
h1 {	
	font-size: 20px;
	color:#FFFFFF;
	font-style: italic;
	font-weight: bold;
	margin:10px;
}	
	


/* rechtsboven wordt gebruikt voor de reclame in de kop*/
.logo {	
	text-align: center; 
	font-size:23px;
	font-weight: bold;
	color:#a68038;
	text-align: center;
	padding:0em;/*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	/* een em is gelijk aan de tekengrootte van het element (in dit geval 23 px)*/
	background-color: #586669; 
}	

/* blauwebalk wordt onderaan gebruikt*/
.blauwebalk {
	font-style: italic;
	font-size:10px;
	color: #ffffff;
	text-align: center; 
	background-color:#002e44;
	padding:0.5em; /*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	/* een em is gelijk aan de tekengrootte van het element (in dit geval 10 px)*/
}

/*framelinks bevat de sidebar en linksonder*/
.framelinks {
	background-color: #586669;
	vertical-align: top; 
}

/*in de sidebar staat navigatie en linksonder*/
.sidebar {
	text-align: left;
	background-color:#586669;
}

/* linksonder wordt gebruikt voor de reclame in de sidebar*/
.linksonder {
	margin: 0px 0px 10px 0px; /*(b,r,o,l)*/ 
	font-size:21px;
	font-weight: bold;
	color:#D20C0B;
	text-align: center;
	padding: 0.5em; /*padding is extra ruimte rond de inhoud van een element binnen de rand*/
	/* een em is gelijk aan de tekengrootte van het element (in dit geval 21 px)*/
	vertical-align: center;
	background-color:#002e44;
}

img { 
 	border: 0px;
 }

/*Tekstblok wordt gebruikt voor het deel van de pagina waar de info staat*/
#tekstblok {
	padding: 34px 40px; 
	/*padding is extra ruimte rond de inhoud van een element binnen de rand
	/*bij gebruik van twee waarden geldt de eerste voor boven en onder en de tweede voor links en rechts*/
	/*text-align: justify;*/
	background:#FFFFFF;
	}

h2	{
	padding: 0;
	margin: 0;
	font-weight: bold;
 	font-size: 14px;
}

/*Arcering wordt gebruikt voor het achtergrong kleurverschil in de prijzentabel */ 
.arcering{
 	background-color: #F9AC5C;
 }

  
/*Raam wordt gebruikt voor namen van de ramen in de uitleg bij het bestelformulier */ 
.raam{
 	text-decoration:underline;
 	font-weight: bold;
 }
 
/*Het volgende wordt gebruikt voor het formulier */
input[type="submit"]{
	background-color: #a68038;
	color:#00030C;
	font-size: 18px;
	font-weight: bold;
	width: auto;
	margin: 0 5px 0 0;
	padding: 1px 5px 2px 5px;
	cursor: pointer;
}

fieldset {
	background:#eeeeee;
	color:#00030C;
	border:none;
	margin-bottom:1em;
	padding: 2px 2px
	}

fieldset a:link { 
	color:#a68038;
	text-decoration: none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
	font-weight: bold;
	}
	
fieldset a:hover { 
	color:#a68038;
	text-decoration: none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
	font-weight: bold;
}

fieldset a:visited{ 
	color:#a68038;
	text-decoration: none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
	font-weight: bold;
	}
 
#adres a:link{ 
	color: red;
	text-decoration:underline;
	font-weight: normal;
	}
	
#adres a:hover{ 
	color: red;
	font-weight: normal;
	}	
	
#adres a:visited{ 
	color: red;
	font-weight: normal;
	}	
		
legend {
	background:#0B1D28;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	padding:5px 10px;
	border:0px outset #0B1D28;
	width:11em;
	margin-left:1em;
	margin-top:-1em
}

/*einde opmaak formulier*/


		

/*Navigatie wordt gebruikt voor de sidebar (de links)*/
/*Kenmerken van de div navigatie*/
#navigatie {
	 text-align: left;
	 font-weight: bold;
	 width: 100%;
	 padding: 0;/*padding is extra ruimte rond de inhoud van een element binnen de rand
	 Deze moet hier op 0 gezet worden omdat ul een standaard element is waardoor html een standaard 
	 hanteert waarde */
	 background:#586669;
	 color: #F0F0F0;
}

/*Kenmerken van ul in de div navigatie*/
#navigatie ul {
	 list-style: none;
	 margin: 0;/*marge is de transparante ruimte tussen het element en het volgende element. 
	 Deze moet hier op 0 gezet worden omdat ul een standaard element is waardoor html een standaard 
	 hanteert waarde */
	 padding: 0; /*padding is extra ruimte rond de inhoud van een element binnen de rand. 
	 Deze moet hier op 0 gezet worden omdat ul een standaard element is waardoor html een standaard 
	 hanteert waarde */
}

/*Kenmerken van ul en li in de div navigatie*/
#navigatie ul li {
	height:2em;
	margin: 0; /*marge is de transparante ruimte tussen het element en het volgende element. 
	 Deze moet hier op 0 gezet worden omdat ul een standaard element is waardoor html een standaard 
	 hanteert waarde */
}

/*Kenmerken van een link in een list item (li) in de div navigatie*/
#navigatie ul li a {
	height:2em;
 	display: block; /*zorgt voor de rechthoek*/
	padding: 2px 2px 2px 6px; /*(b,r,o,l)padding is extra ruimte rond de inhoud van een element binnen de rand*/
	background-color:#586669;
	color: #FFFFFF; 
	text-decoration: none; /*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
	width: 100%;
}



/*weet niet wat dit is, laat maar staan*/
html>body #navigatie ul li a {
	 width: auto;
}

/*Kenmerken van een link welke wordt geraakt door de muis in een list item (li) in de div navigatie*/
#navigatie ul li a:hover {
	background-color: #D20C0B;
 	color: #ffffff;
}	

/*Kenmerken voor span in ul en li in de div navigatie. De span wordt hier gebruikt om de huidige pagina weer te geven*/
#navigatie ul li span{
	text-align: right;
	display: block; /*zorgt voor de rechthoek*/
	height:2em;
	padding: 2px 6px 2px 4px; /*(b, r,o,l)padding is extra ruimte rond de inhoud van een element binnen de rand*/
	background-color:#FFFFFF;
	color: #D20C0B;
}

/* een link die nog niet gebruikt is*/    
a:link { 
	font-weight: bold;
	color:#00030C;
	text-decoration: none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
}

/* een link die bezocht is*/  
a:visited {
	font-weight: bold;
	color:#586669;
	text-decoration: none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
}

/* een active link*/  
a:hover {
	text-decoration:none;/*hiermee wordt voorkomen dat de links (a) onderstreept worden*/ 
	font-weight: bold;
	color:#D20C0B;
}