body {
margin: 0;
background-color:#FFF568;
text-align: center;
}

/* Traduco*/


#mainindextop_container{
margin: 0 auto;
width:100%;
background:url("backgroundks.jpg") no-repeat top center;
}

#mainindex_container{
margin: 0 auto;
width: 960px;
}

#headersmallindex_container{
width: 960px;
height:245px;
text-align:center;
margin:0px 0px 5px 0px;
}
/* Traduco*/



#main_container{
margin: 0 auto;
width:960px;
background-color:#FFF568;
}

/* Je moet rekening houden met een laptop dus max 960, hier start header*/
/* Je links 183 + 1+1 border content is 185 , box content mag 775 zijn is 768*/


#headersmall_container{
width: 960px;
height:10px;
background:#FFF568;
text-align:center;
margin:5px 0px 5px 0px;
}

#afbeelding-home{
clear:both;
width: 709px;
height: 532px;
background:#FF00FF url("images/Winnaars-2025VT.jpg") no-repeat top center;
margin:0px 0px 0px 0px;
}


div#box1{
float: left;
height: 125px;
width: 183px;
background: #FFF568 url("img/kaasstad-logosmall.png") no-repeat top center;
text-align:center;
background-color: #FFF568;
margin:0px 0px 0px 0px;
}


div#boxVT{
float: left;
height: 125px;
width: 183px;
text-align:center;
background-color:#598527;
margin:0px 0px 0px 0px;
}

/* 598527, groen3426EB,blauw 8DC63F groenig */

div#tekstbox1{
float: left;
height:330px;
width:768px;
background-color:#FFFF99;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 0px;
}

div#Kaasstad50jarigbestaan{
float: left;
height:311px;
width: 730px;
background: #FFF568 url("img/kaasstad50speciaal.jpg") no-repeat top center;
background-color: #FFF568;
margin:0px 0px 0px 0px;
}


div#boxkrant{
float: left;
height:1270px;
width:960px;
background: #FFF568 url("img/KS2013krant.jpg") no-repeat top center;
background-color:#FFFF99;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 0px;
}


div#boxkaart{
float: left;
height:260px;
width:700px;
background: #FFF568 url("img/kaart50.jpg") no-repeat top center;
background-color:#FFFF99;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 0px;
}




div#textbox2{
float: left;
height: 125px;
width: 775px;
background-color: #FFF568;
text-align:center;
margin:0px 0px 0px 0px;
}

div#textfotos{
float: left;
height: 125px;
width: 775px;
background-color: #FFF568;
text-align:center;
margin:0px 0px 0px 0px;
}


/* links container vaak de links hierin, breedte links 180 + margin 2=  185  geen rechts container!wa 500 nu meer */


#links_container{
float: left;
width: 179px;
height: 700px;
background-color:#FFF568;
margin:0px 0px 0px 2px;
}


/* links container vaak de links hierin, breedte links was 183 nu 175 + margin 2=  185  geen rechts container!wa 500 nu meer */



#afbeelding-index{
clear:both;
width: 650px;
height: 434px;
background:#FFF200 url("img/AFAS-Kaasstad.jpg") no-repeat top center;
margin:0px 0px 0px 60px;
}

#headerlinks_container{
width: 960px;
height: 40px;
background-color:#FFF568;
text-align:left;
margin:0px 0px 0px 0px;
}

/* Kaas dragers in het midden van je tekst of van je site, blijft wat scheef , nu dus midden tekst, dus box in header er bij van 960 naar 775*/
/* Niet gedaan ... was nog een gepiel volgend jaar ?*/
/*om box met links te laten zakken margin aangepast in html van links container*/
/* links normaal 183 + 2px marigin nu breedte breder , 185 content , als het in het midden staat wel mooi, dit staat ie aldoor nog niet... */


#nav, #nav ul, #nav ul ul{
padding: 0;
margin: 125px 0px 0px 0px;
list-style: none;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

#nav{
width:180px;
}
/*nav breedte is  ?? zie geen wijziging */
#nav li{
width:180px;
}
/*nav li breedte is  ?? zie geen wijziging*/


#nav ul{
position: absolute;
width: 400px;
left: -1000px;
margin: -32px 0 0 175px;
font-size:17px;
z-index:999;
}


/* om links boven de foto te krijgen
#nav ul{
position: absolute;
width: 400px;
left: -1000px;
margin: -32px 0 0 175px;
font-size:17px;
}
*/
/*nav ul , als je margin veranderd, komt het op een andere plek eerste is voor de hoogte tov voorgaande, de laatste is positie vanaf kantlijn, dus hier net nog op het de link*/

* html #nav ul{
margin: -30px 0px 0px 100px;
}

/*nav ul ?als je dit wijzigd is de plek van sub menu;s anders.* de eerste is de positie tov origineel, dus als je + 100px doet hangt het er 100px onder. */
/*nav als je het negatief doet, hangt het erbij, het hangt ook af hoe hoog je link is.*/

#nav li li{
width: 140px;
}
/*nav lili breedte is   die van de link van fotos bijv.*/

#nav ul ul{
width: 180px;
margin: -22px 0 0 100px;
font-size: 17px;
}

* html #nav ul ul{
margin: -23px 0 0 100px;
}

#nav li li li{
width: 160px;
}

#nav li:hover ul, #nav li.ie_does_hover ul{
left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul{
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul{
left: auto;
}

#nav a {
display: block;
text-decoration: none;
padding: 3px 3px 3px 3px;
margin: 0px;
height: 30px;
}

/*nav a hoogte is hoogte van het linkblok*/

#nav a:link, #nav a:visited{
background: #FFFF99;
color: #9E0B0E;
text-align:left;
padding: 5px 3px 5px 5px;
border: 1px solid #00FF00;
}

#nav a:hover, #nav a:active{
background-color: #FFF200;
color: #FFFFFF;
text-decoration: none;
text-align:left;
padding: 5px 3px 5px 5px;
border: 1px solid #00FF00;
}


/* groene kleur is #00FF00, gele lichte kleur is #FFF568 en FFFF99 ,#FFD700 is donker geeltekst kleur roest bruis #9E0B0E */


H1 {
 color: #9E0B0E; background: ;
 font-size: 32px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                         { color: #556B2F; }

H2 {
 color: #9E0B0E; background: ;
 font-size: 28px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight:bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                         { color: #556B2F; }
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; }


H3 {
 color: #9E0B0E;background:;
 font-size: 24px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                         { color: #487B28;}
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; 

}

H4 {
 color: #9E0B0E; background: ;
 font-size: 20px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                               { color: #556B2F; }
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; }

H5 {
 color: #660066; background: ;
 font-size: 16px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                               { color: #556B2F; }
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; }




H7 {
 color: ##9E0B0E; background: ;
 font-size: 16px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                               { color: #556B2F; }
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; }



H6 {
 color: #9E0B0E; background: ;
 font-size: 14px;
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
 }
.paragraaftitel                   { color: #9E0B0E;}
.speciaal                               { color: #556B2F; }
.paragraaftitel.speciaal { color: #FF0000; background: #FFFFFF; }




/* links en rechts samen 190*/


#rechts_container{
background-color: #FFFccc;
float: right;
width: 3px;
height: 700px;
}



#teksthomeV{
border:0px solid #00FF00;
background-color:#FFFF99;
height:140px;
width:768px;
float:left;
margin:0px 0px 0px 0px;
}

#teksthome1{
border:0px solid #00FF00;
background-color:#FFFF99;
height:150px;
width:768px;
float:left;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 0px;
}
/* was 100px*/

#contenthome_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:700px;
width:768px;
float:left;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 2px;
}
/* hoogte contenthome was 800, margin, de tekst net ff weg van de rand... was 780 nu700hier kan het in de hoofdbox content border 1px weg*/


#contenthome{
border:0px solid #00FF00;
background: url('KS2021home.jpg') no-repeat top center;
background-color:#FFFF99;
height:770px;
width:768px;
float:left;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 2px;
}


#contentcontact_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:880px;
width:768px;
float:left;
text-align:center;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 2px;
}


/* vanaf de 40 van hoogt 850 naar 1100 en deelnemerslijst  hoogte 790 naar 1010 */
/* vanaf de van hoogt 3660  naar3960 00 en deelnemerslijst 150 deelnemers */

#contentdeelnemers_container{
border:1px solid #FFF568;
background-color:#FFF568;
height:3960px;
width:775px;
float:left;
text-align:center;
margin:0px 0px 0px 2px;
}


/* Deelnemerslijst moet aldoor 100 korter anders zit ie buiten de content , nu ff breder ook gemaakt, was 768 nu 775*/

#deelnemerslijst{
background-color:#FFF568;
height:2500px;
width:750px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color:#9E0B0E;
margin:2px 0px 0px 5px;
}
/*
breedte van 700 naar 750 en margin , west naar 10 px

 Deelnemerslijst VAN DER kon er niet bij,  bij width 600, nu 650*FFF568 /3000/
Nu minder nog, dan staat footer tekst te laag, stond op 2850,  maak er 2100

/*bij drietraduc wat meer was bij 4  190 om 180 nu 230 220

background: url('img/KS2020.jpg') no-repeat top center;
  */


#deelnemerslijsttekst{
background-color:#FFF568;
height:100px;
width:750px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size:15px;
font-weight: bold;
color:#9E0B0E;
margin:5px 0px 0px 5px;
}

/* FFF568 hoe hoe moet ie zijn , staat nu lossig  210 te veel */




#deelnemerslijst23220{
background-color:#FFF568;
height:2500px;
width:720px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color:#9E0B0E;
margin:5px 0px 0px 30px;
background: url('Deelnemersxx2020.jpg') no-repeat top center;
}



#footer_containerdeelnemerslijst{
background-color:#FFF568;
height:150px;
width:750px;
float:left;
width:720px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color:#9E0B0E;
margin:5px 0px 0px 30px;
}


#deelnemerslijstnee{
background-color:#FFF568;
height:80px;
width:680px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#CC0000;
margin:5px 0px 0px 220px;
}




#contact1{
background-color:#FFFF99;
height:50px;
width:758px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size:15px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 6px;
}

#contact2{
background-color:#FFFF99;
height:500px;
width:500px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size:15px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 20px;
}

#contact3{
background-color:#FFFF99;
height:80px;
width:743px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size:15px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 2px;
}

div#datum{
background-color:#FFF568;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#9E0B0E;
width: 175px;
height: 150px;
margin:15px 5px 5px 2px;
}


#footer_container{
clear: both;
height: 80px;
background: #FFF568;
color: #FFF;
}


#footerindex_container{
clear: both;
height: 80px;
background: #FFF568;
color: #FFF;
margin:0px 2px 0px 2px;
}



.facebookbutton{
clear:both;
width: 75px;
height:77px;
border-width: 0px;
background:url("") no-repeat center;
}

a#linkfacebook{
  float: left;
  margin:5px 0px 0px 10px;
  width: 90px;
  height:90px;
  background: url('img/facebook.jpg') no-repeat top center;
}

a#linkfacebook:hover {
  background: url('img/facebook.jpg') no-repeat top center;
}


.bsbutton{
clear:both;
width: 192px;
height: 54px;
border-width: 0px;
background:url("") no-repeat center;
}


#linkboxbs{
background-color:#FFF568;
height:60px;
width:192px;
float:left;
margin:0px 0px 0px 0px;
}

a#linkbs{
  float: left;
  margin:5px 0px 0px 3px;
  width: 192px;
  height: 54px;
  background:url('img/bridgeservice.png') no-repeat top center;
}

a#linkbs:hover {
  background:url('img/bridgeserviceshade.png') no-repeat top center;
}

/*bij drietraduc wat meer was bij 4  190 om 1 nu 220 20  */

#linkboxsbs{
background-color:#FFF568;
height:60px;
width:220px;
float:left;
margin:0px 0px 0px 20px;
}

.sbsbutton{
clear:both;
width: 192px;
height: 54px;
border-width: 0px;
background:url("") no-repeat center;
}

a#linksbs{
  float: left;
  margin:5px 0px 0px 3px;
  width: 192px;
  height: 54px;
  background: url('img/sbs.png') no-repeat top center;
}

a#linksbs:hover {
  background: url('img/sbsshade.png') no-repeat top center;
}

/*fotos op index,  */

ul {list-style:none; margin:0; padding:0;}


#indexfotos {
 float:left;
 width:650px;
 height:434px;
 margin:14px 13px 15px 14px;
}

#featured {width:650px; float:left;}

#afbeelding-index{
clear:both;
width: 650px;
height: 434px;
background:#FFF200 url("img/AFAS-Kaasstadbg.jpg") no-repeat top center;
margin:0px 0px 0px 60px;
}

#afbeelding-home-60{
clear:both;
width: 650px;
height:1930px;
background:#FFF200 url("img/Kaasstad-IMP-60-2.jpg") no-repeat top center;
margin:0px 0px 0px 0px;
}

#geschiedenis10tekst{
border:0px solid #00FF00;
background-color:#FFFF99;
height:100px;
width:700px;
float:left;
text-align:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#9E0B0E;
margin:5px 0px 0px 20px;
}



/*4tallen  vanaf hier*/



/* Met `class="blauw"` 1d89f6op een `li` */
.blauw a {
  background: #0054A6!important;
  color: white !important;
  border: 1px solid #08315b !important;
}


/* Met `class="groen"`598527 3C6500 op een `li` */
.groen a {
  background:#487B28!important;
  color:#FBDB48!important;
  border: 1px solid #00FF00 !important;
}