/* uitleg (uitvouwen om de uitleg te bekijken) voor meer info zie bijlage.docx. 
hieronder staat wat uitleg over mijn css bestand
alles wat groen is is extra info over het desbetreffende onderdeel.
de kleuren die ik heb gebruikt zijn veelal in hexadecimale getallen genoteerd.
hieronder staan een aantal begrippen uit mijn css beschreven niet allemaal sommige spreken voor zich of zijn moeilijk in text uit te leggen.
1. color= de kleur van de text
2. font-size= de lettertype grote
3. font-family= het soort lettertype
4. width= de breedte van een onderdeel
5. bacground-color= de achtergrondkleur van een bepaald onderdeel.
6. background-image= de link naar het plaatje wat op de achtergrond moet komen
7. background-repeat= hoe het plaatje moet worden herhaald bijvoorbeel alleen horizontaal of over de hele pagina.
8. margin-top= de ruimte die het desbetreffende onderdeel onder het ander moet staan
9. text-align= hoe de tekst uitgelijnd moet worden bijvoorbeeld centreren
10.list-style-type= hoe de unordedlist er uit moet zien bijvoorbeeld met rondjes,vierkantjes of niks
11.display= hoe iets er uit moet zien bijvoorbeeld als een blok
12.border= hoe groot de border lijn moet zijn bijvoorbeel 2px
13.border-style= hoe de border lijn er uit moet zien bijvoorbeel solid.
14.font-weight= de dikte van de letters bijvoorbeeld bold 
15.border-radius=voor de ronde hoekjes
16.width= de breedte van een onderdeel
17.height= de hoogte van een onderdeel
18. hover= dat iets verander als je er met je muis overheen gaat
19. float= waar iets moet staan
20. z-index= geeft aan wat op de voorgrond moet komen hoe hoger de z-index des te meer op de voorgrond(daarom heeft de navbar 999
21. text-decoration= of er wat met de tekst moet gebeuren bijvoorbeeld een lijn er onder.
22.margin= de ruimte tussen onderdelen
23. padding= voor de ruimte tussen de tekst en de rand van een box
24.border= de lijn om een box heen.
margin en padding en border= deze zijn er voor om de plek/maat aan te geven van een onderdeel voor meer info zie het css box model(http://www.w3schools.com/css/css_boxmodel.asp)
 */

tab
{
	padding-left:25px
}

body /* dit is de opmaak van de body(de totale pagina die niet tussen div tags staat) hier staat de breedte maar ook de achtergrond in*/
{
width: 1000px;
font-size: 5px;
/*background-image:url('afbeeldingen/achtergrond.jpg');*/
bacground-color:white;
margin: 0 auto;
margin-top: 0px
}

div#logodiv /*dit is de opmaak van het div logo (boven de navigatie balk*/
{width:150px;
margin: 0 auto
}


div#footer 	 /* 	dit is de positie van het onderdeel footer dit heb ik gebruikt om 
			 de pagina iets langer te maken(zodat deze niet gelijk op de start balk eindigd*/
{margin: 0 auto;
margin-top: 100px;
font-size:12px;
color: #57514e
font-family:"calibri";
text-align: center;
}


div#nav /*dit is de positie/breedte van de navigatie balk(het div nav) */
 { width:850px;
margin: 0 auto;
margin-top:0px;
}


h1 /* dit is de opmaak van kop 1 (alle tekst die tussen de h1 tags staat*/
{
color:#1f487c; 
text-align:center;
font-family:"calibri";
font-size:40px;
 margin-top: 80px;
}

.h1landing{
color:#1f487c; 
text-align:center;
font-family:"calibri";
font-size:40px;
margin-top: 0px;
}

h2  /* dit is de opmaak van kop 2 (alle tekst die tussen de h2 tags staat*/
{ color:#1f487c;
text-align:center;
font-family:"calibri";
font-size:30px;

}
h3  /* dit is de opmaak van kop 3 (alle tekst die tussen de h3 tags staat*/
{color:#1f487c;
text-align:center;
font-family:"calibri";
font-size:30px;
margin-top: 80px
}
h4 /* dit is de opmaak van kop 4 (alle tekst die tussen de h4 tags staat*/
{ font-family:"calibri";
font-size:24px;
color: #000000;
text-align: center;
}
h5  /*dit is de omaakt van kop 5 (dit is de kop boven aan de pagina nog boven de navigatiebalk*/
{font-family:"calibri";
font-size:35px;
color: #1f487c;
text-align: center;
margin-top:10px}

p   /* dit is de standaard aliniea text*/
{
font-family:"calibri";
font-size:20px;
color: #000000;
text-align: center;
}
#mail/* dit is de opmaak van de mail link op de contact pagina*/
{font-family:"calibri";
font-size:20px;
color: #000000;
text-align: center;
text-decoration: underline
}
#mail:hover{/* dit zorgt er voor dat de mail link op de contact pagina van kleur veranderd en een lijntje krijgt.*/
color: #0000ff;
}

/*alles met #navbar heeft te maken met de navigatie balk boven aan de pagina deze is bij elke pagina het zelfde*/

#navbar{/*dit is de opmaak van de totale navigatie balk*/
 list-style-type: none;
 margin: 0 auto;
 padding:0px;
 background-color:#f36523;
 margin-top: 5px;
 float: left;
 border-radius: 10px
}

#navbar li{ /*dit is de opmaak van de list items binnen de navigatiebalk.*/
 float:left;
 margin: 0 auto;
 } 
 
#navbar li a{/*dit is de opmaak van de links in de navigatie blak.*/ 
display: block;
width: 140px;
font-weight: bold;
margin: 5px;
font-size: 20px;
padding: 10px;
text-align: center;
color: #1f487c;
background-color: #ffffff;
text-decoration: none;
border-radius:10px
}
#navbar ul /*dit stukje gaat over de un orded list die de navbar links bepaald*/
{position: absolute;
    display: block;
z-index: 999;
padding:0px;}

#navbar ul { /* dit is de opmaak van het dropdown menu*/
list-style: none;
background-color: #f36523;
display: none;
z-index: 9;
margin-top:0.5px;
border-radius: 10px;
}
#navbar li:hover ul /* dit stukje code is nodig om het tablad prijzen en personen naar beneden te laten komen*/
{
    display: block;
}

#navbar a /* dit is opmaak van de links in de navigatie balk*/
{
display:block;
font-family:"calibri";
}
#navbar li a:hover /*dit stukje in nodig om de link van kleur te laten veranderen als de muis erover heen gaat*/
{ 
background-color:#f36523
}

table  /* dit is de opmaak/positie van een standaard tabel*/
{
font-size:20px;
color: #000000;
margin: 0 auto;
border-color: #000000;
border:1px;
border-style:solid;
font-family:"calibri"
}

th /* dit is de opmaak van een standaard tabel kop(hier staat een border zodat ik die in html weg kon halen)*/
{font-size:20px;
border: 1px;
border-style: solid;
border-color: #000000;
padding-left:10px;
padding-right:10px
}

td /*dit is de opmaak van een tabelcel (hier staat alleen een border zodat ik die in html weg kon halen)*/
{
border: 1px;
border-style: solid;
border-color: #000000	;
padding-left:10px;
padding-right:10px
}

.kop/* dit is de tekst van een tabelkop die de class kop heeft*/
{font-size:22px;
font-weight:bold;
color:#1f487c;
border-color: #000000;
font-family: "calibri";
}

.linktype1{ /*dit is de opmaak voor de links met class "linktype1" deze staan op de home pagina en de Over ons pagina.*/
font-family:"calibri";
font-size:20px;
color: #000000;
text-align: center;
text-decoration: none; 
}
.linktype1:hover{/* dit zorgt er voor dat de links met linktype1 van kleur veranderen en onderstreept worden.*/
color: #0000ff;
text-decoration: underline;
}

.linktype2{/*dit is de opmaak van de links met linktype2 en dat is op de wiezijnwijpagina.*/
font-family:"calibri";
font-size:20px;
color: #000000;
text-align: center;
text-decoration: underline; }

.linktype2:hover{/*dit zorgt er voor dat de linktype2 van kleur veranderd*/
color: #0000ff;}

#facebook /* dit is de positie van het facebook icoontje op de contact pagina*/
 {
margin-left: auto;
margin-right: auto;
display: block;
border-radius:10px;
width: 50px;
height:50px	}

#aanvraag /*dit is de opmaak van het aanvraagformulier(vooral de breedte, hoogte)*/
{width:940px;
height: 740px;
border:10px;
 }
 
 #logo {/*dit is de ompmaak van het logo boven aan de pagina*/
 width:150px;
 height: 125px;
 margin-top:10px;
 border-radius:10px;
 border-width: 2px;
 border-style:solid;
 border-color:#000000
}

#logo1 {/*dit is de ompmaak van het logo boven aan de pagina*/
    width:175px;
    height: 150px;
    margin-top:10px;
   }