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

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


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


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


#headersmallinfo_container{
width: 960px;
height:165px;
text-align:center;
margin:0px 0px 0px 0px;
}

/* Je moet rekening houden met een laptop dus max 960, hier start header*/

#headermet_container{
width: 960px;
height: 130px;
background:#FFF568 url("img/kaasstad-logosmall.png") no-repeat top center;
text-align:center;
margin:5px 0px 5px 0px;
}

#headersmall_container{
width: 960px;
height:10px;
background:#FFF568;
text-align:center;
margin:5px 0px 5px 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;
}


#header_container{
width: 960px;
height: 130px;
text-align:center;
margin:5px 0px 5px 0px;
}
/* in box 1 het plaatjte text in het midden*/


div#box2{
background-color:#FFF568;
float: left;
width: 735px;
height: 130px;
text-align:left;
margin:0px 0px 0px 0px;
}


div#boxteksthead{
background-color:#FFF568;
float: left;
width: 955px;
height: 110px;
text-align:center;
margin:20px 0px 0px 5px;
}



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

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

#links-geschiedenis_container{
float: left;
width: 183px;
height: 800px;
background-color:#FFF568;
margin:0px 0px 0px 2px;
}


#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;
}

/*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 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: #660066; 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: #556B2F; }
.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: 18px; 
 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; }

.top { 
 color: #660066; 
 font-size:20px; 
 font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
 font-weight: bold;
}
H6{
 color: #9E0B0E; background: ;
 font-size: 17px; 
 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; }

/* geschiedenis was 870 om 864 */

#content-geschiedenis_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:8500px;
width:768px;
float:left;
margin:0px 0px 0px 2px;
}
/* content was 6000 om 764 */

#content_oefencontainer{
border:1px solid #00FF00;
background-color:#FFFF99;
height:1500px;
width:768px;
float:left;
margin:0px 0px 0px 2px;
}
/* hoogte hoelang maak je pagina, breedte afhankelijk van je opmaak */




#content-informatie_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:1900px;
width:768px;
float:left;
margin:0px 0px 0px 2px;
}

#route-container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:700px;
width:350px;
float:left;
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 10px;
}



div#afasroute{
border:1px solid #00FF00;
float: left;
height:1475px;
width:650px;
background:#FFF568 url("img/afasroute.jpg") no-repeat top center;
text-align:center;
margin:0px 0px 0px 0px;
}


div#busroute{
border:1px solid #00FF00;
float: left;
height:1255px;
width:800px;
background:#FFF568 url("img/busoverzicht.jpg") no-repeat top center;
text-align:center;
margin:0px 0px 0px 0px;
}




#content-ZuidFrankrijk{
background:#FFF568 url("ZuidFrankrijk/ZFtotaal.png") no-repeat top center;
border:1px solid #00FF00;
background-color:#FFFF99;
height:2200px;
width:950px;
float:left;
margin:0px 0px 0px 0px;
}

/* margin, de tekst net ff weg van de rand... hier in de subboxen */



#geschiedenis1{
background-color:#FFFF99;
height:395px;
width:762px;
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 4px;
}



#geschiedenis2{
background-color:#FFFF99;
height:230px;
width:700px;
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:#556B2F;
margin:0px 0px 0px 62px;
}

#geschiedenis3{
background-color:#FFFF99;
height:450px;
width:762px;
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 4px;
}

/* hoogte.... was 420  niet alles in beeld */


#geschiedenis4{
background-color:#FFFF99;
height:790px;
width:762px;
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 4px;
}
/* hoogte.... was 730   niet alles in beeld */


#geschiedenis5{
background-color:#FFFF99;
height:410px;
width:762px;
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 4px;
}

#geschiedenis6{
background-color:#FFFF99;
height:280px;
width:762px;
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 10px 4px;
}
/*informatie AFAS */


#sponsortraduco{
background:#FFF568 url("img/sponsorcontracttraduco.jpg") no-repeat top center;
height:253px;
width:350px;
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;
}
/*hoofdsponsor*/


#geschiedenis7{
background-color:#FFFF99;
background: url('img/Ko.jpg') no-repeat top center;
height:550px;
width:768px;
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 5px 0px;
}




#geschiedenis7tekst{
 border:0px solid #00FF00;
background-color:#FFFF99;
height:333px;
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;
}


#geschiedenis8{
background-color:#FFFF99;
background: url('img/KS2021historie.jpg') no-repeat top center;
height:550px;
width:768px;
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 0px;
}



#geschiedenis8tekst{
 border:0px solid #00FF00;
background-color:#FFFF99;
height:130px;
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;
}



#geschiedenis9tekst{
 border:0px solid #00FF00;
background-color:#FFFF99;
height:700px;
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;
}


#BarthoRIP{
border:0px solid #00FF00;
background: url('img/BarthoRIP.jpg') no-repeat top center;
background-color:#FFFF99;
height:513px;
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:5px 0px 0px 02px;
}



#geschiedenis10tekst{
 border:0px solid #00FF00;
background-color:#FFFF99;
height:2000px;
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;
}


#afbeelding-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;
}




#content-informatie_container{
background-color:#FFFF99;
height:900px;
width:742px;
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 0px;
}


#infotop{
background-color:#FFFF99;
height:130px;
width:722px;
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 5px 20px;
}

#informatie1{
background-color:#FFFF99;
height:230px;
width:722px;
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 5px 20px;
}

#informatie2{
background-color:#FFFF99;
height:70px;
width:722px;
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;
}


#informatie3{
background-color:#FFFF99;
height:70px;
width:722px;
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;
}

#informatie4{
background-color:#FFFF99;
height:90px;
width:722px;
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;
}

#informatie5{
background-color:#FFFF99;
height:110px;
width:722px;
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;
}

#informatie6{
background-color:#FFFF99;
height:70px;
width:722px;
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;
}

#informatie7{
background-color:#FFFF99;
height:80px;
width:722px;
float:left;
text-align:center;
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 0px;
}

#informatiestep{
background-color:#FFFF99;
height:120px;
width:722px;
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 20px 20px;
}

#informatie8{
background-color:#FFFF99;
height:100px;
width:422px;
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;
}


/* winnaars  stond  op 442 allemaal px?*/

#content-winnaars1_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:2100px;
float:left;
width:768px;
margin:0px 0px 0px 0px;
}

#tabel-winnaars1{
background-color:#FFFF99;
height:1300px;
width:700px;
float: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 65px;
}

#content-winnaars2_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:1100px;
float:left;
width:768px;
margin:0px 0px 0px 0px;
}

#tabel-winnaars2{
background-color:#FFFF99;
height:900px;
width:700px;
float: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 65px;
}

/* sponsors*/

#content-sponsors_container{
border:1px solid #00FF00;
background-color:#FFF568;
height:1830px;
float:left;
width:768px;
margin:0px 0px 0px 0px;
}

#sponsors{
background-color:#FFF568;
height:90px;
width:730px;
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:20px 10px 0px 20px;
}

#tabel-sponsors{
background-color:#FFF568;
height:800px;
width:760px;
float: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:0px 10px 0px 8px;
}
/* wat kleiner lettertype. 14 links 10px*/


/* de leden  van  de club van 100*/
#content-ledenclubvan100_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:900px;
float:left;
width:768px;
margin:0px 0px 0px 0px;
}

#ledenclubvan100{
background-color:#FFFF99;
height:610px;
width:700px;
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 48px;
}



/* de info voor de club van 100, gewoon naar deze pagina, met linken naar de aanmelding...*/

#links-club100_container{
float: left;
width: 183px;
height: 800px;
background-color:#FFF568;
margin:0px 0px 0px 2px;
}


#content-club100_container{
float:left;
border:1px solid #00FF00;
background-color:#FFFF99;
height:776px;
width:768px;
margin:0px 0px 0px 0px;
}

#club100-1{
background-color:#FFFF99;
height:600px;
width:762px;
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;
}

/* bridgeagenda container is volle breedte, daarna  de content bijv bridge agendag ff links van de kant, 3 px is tekort, 6px*/

#content-bridgeagenda_container{
border:1px solid #00FF00;
background-color:#FFFF99;
height:1000px;
float:left;
width:768px;
margin:0px 0px 0px 0px;
}

#bridgeagenda{
background-color:#FFFF99;
height:365px;
width:762px;
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:20px 0px 0px 6px;
}

#admin{
background-color:#FFF568;
height:45px;
width:200px;
float:left;
font-family:comic sans ms, arial, times new roman ,Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#9E0B0E;
margin:0px 0px 0px 10px;
}

#footer_container{
clear: both;
height: 50px;
background: #FFF568;
text-align: center;
color: #FFF;
}



#speclinks_container{
float: clear both;
width: 183px;
height: 200px;
background-color:#FFF568;
margin:50px 0px 0px 0px;
}
/* links zijn ff breder was 193 nu weer 183 , dus vandaar in een aparte box*/

.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;
}




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

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

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


#linkboximp{
background-color:#FFF568;
height:58px;
width:193px;
float:left;
margin:5px 0px 5px 0px;
}

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

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

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




#linkboxzf{
background-color:#FFF568;
float:left;
height:58px;
width:193px;
margin:5px 0px 5px 0px;
}


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

a#linksbs{
  float: left;
  margin:5px 0px 0px 0px;  
  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;
}
#linkboxzf{
background-color:#FFF568;
float:left;
height:58px;
width:193px;
margin:5px 0px 5px 0px;
}

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

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

a#linkzf:hover {
  background: url('img/zfbuttonshade.png') 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;
}


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

#fotobox {
 float:left;
 width:430px;
 height:210px;
 background-color:#FFF568;
 padding:3px 3px 3px 3px;
 margin:5px 0px 0px 175px;
}

#featuredspec {width:430px; float:left;}


/* FFF568voor onderste links nu geen aparte links meer, de margin stond op 125, nu op 0*/


#navsub, #navsub ul, #navsub ul ul{
padding: 0;
margin: 0px 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;
}

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

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

/*navsub 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 #navsub ul{
margin: -30px 0px 0px 100px;
}

/*navsub 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. */
/*navsub als je het negatief doet, hangt het erbij, het hangt ook af hoe hoog je link is.*/

#navsub li li{
width: 140px;
}

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

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

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

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

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

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

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

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

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

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