body      { color: #07508d; font-family: Verdana; background-color: #f8be43; background-image: url("Afbeeldingen/achter.jpg"); background-repeat: no-repeat; text-align: left; width: 100% }
   
      #container {
   
width:900px;
left:50%;
margin-left:-450px;
position:absolute;
  
      }
#tekstblok   { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 20px; width: 520px; height: 450px; overflow: auto }
.xxl  { width: 285px; vertical-align: top; border-top: 1px solid #f29800; border-right: 1px solid #f29800; border-bottom: 1px solid #f29800 }
.xxlkop { font-weight: bold; background-color: #07508d; text-align: center; height: 25px }
.tekstxxl  { padding: 0 10px 10px; width: 275px; vertical-align: top }
.order   { height:100%;font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 20px; overflow: hidden }
.koporanje { color: #f29800; font-size: 12px; font-family: Verdana; line-height: 18px }
#kop  {
	background-repeat: no-repeat;
	width: 900px;
	height: 150px;
	vertical-align: top;
	background-image: url(Afbeeldingen/bovenbalk.jpg);
}
#balkboven  { background-color: #07508d; padding: 10px; width: 900px; height: 30px }
#midden      { background-color: #fff; text-align: left; width: 900px; vertical-align: top }
#nav     { font-size: 11px; text-align: center; width: 900px; vertical-align: bottom }
#randonder  { background-color: #07508d; width: 900px; height: 35px }
#nav1      { width: 150px; height: 50px }
#nav2     { width: 190px; height: 50px }

#nav3     { width: 137px; height: 50px }

#nav4     { width: 273px; height: 50px }

#nav5     { width: 50px; height: 50px }










#orderb  { text-align: left; vertical-align: top }
#subnavblok  { background-color: #fff; width: 260px; border: solid 1px #f8ad16 }
.subnavkop { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #07508d; width: 260px; height: 25px }
.subnavback { width: 160px }
.subnavorder { text-align: right; padding-right: 5px; padding-left: 5px; width: 90px }
#kolomblanco  { background-color: #fff; width: 260px }
.koptekst    { color: #07508d; font-size: 12px; font-weight: bolder }
.kopwit { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bolder; padding-right:10px }
.kopwitklein { color: #fff; font-size: 10px; font-family: Verdana; padding-right:10px }
.kopblklein  { color: #07508d; font-size: 10px; font-family: Verdana; padding-right: 10px }

b  { }
td   { font-size: 12px; line-height: 18px }
a.speciaal       
  { color: #07508d; font-size: 11px; font-family: Verdana; font-weight: bolder; text-decoration: none; letter-spacing: 1px; padding: 0 0 0 20px }

a.speciaal:link, a.speciaal:visited       
  { color: #07508d; font-size: 11px; font-family: Verdana; font-weight: bolder; text-decoration: none; background-repeat: no-repeat; letter-spacing: 1px; padding: 0 0 0 20px }

a.speciaal:hover, a.speciaal:active     
  { color: #f93; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; background-image: url("Afbeeldingen/subpijlblauw.gif"); background-repeat: no-repeat; letter-spacing: 1px; padding-left: 20px }

a.speciaal2       
 { color: #07508d; font-size: 13px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }

a.speciaal2:link, a.speciaal2:visited        
 { color: #07508d; font-size: 13px; font-family: Verdana; text-decoration: none; letter-spacing: 1px }

a.speciaal2:hover, a.speciaal2:active     
 { color: #07508d; font-size: 13px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }

a.book       
    { color: #f29800; font-size: 11px; font-family: Verdana; text-decoration: none; letter-spacing: 1px; padding-left: 5px }

a.book:link, a.book:visited       
   { color: #f29800; font-size: 11px; font-family: Verdana; text-decoration: none; letter-spacing: 1px }

a.book:hover, a.book:active     
 { color: #07508d; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }
a.hoofdnav,a.hoofdnav:link, a.hoofdnav:visited       
    { color: #07508d; font-size: 13px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px; padding: 5px; height: 50px; vertical-align: bottom }

a.hoofdnav:hover, a.hoofdnav:active     
      { color: #07508d; font-size: 13px; font-family: Verdana; font-weight: bold; text-decoration: none; background-image: url("Templates/Afbeeldingen/pijlblauw.gif"); background-repeat: no-repeat; background-position: center top; letter-spacing: 1px; padding: 15px 5px 5px; height: 50px; vertical-align: bottom }







ccs=
.menu {
position:absolute;
visibility:hidden;
}

js

function aan(elmnt) {
document.all(elmnt).style.visibility="visible"
}
function uit(elmnt) {
document.all(elmnt).style.visibility="hidden"
}
.subnavblok { border: solid 1px #f7ac17 }
a:link    { color: #f29800; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none }
a:visited   { color: #f29800; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none }
a:hover    { color: #090; font-size: 12px; font-family: Verdana; text-decoration: none }
a:active   { color: #ff9813; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none }
.opsomming{list-style:square;margin: 1em 0 1em 10px}
li{margin::1em o 1em 10px; list-style:square}
.kolom100  { width: 120px; vertical-align: top }
.andereboekjes { padding-left: 10px }
.footnaam  { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #ff9813; padding-left: 10px; width: 250px; height: 50px; vertical-align: middle }
.footlogo  { text-align: center; width: 261px; height: 50px; border: solid 1px #ff9813 }
.footclick  { color: #fff; font-family: Verdana; font-weight: bold; background-color: #00639f; text-align: center; width: 900px; height: 25px; vertical-align: middle }
.menwomen   { color: #ff9813; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #fff8db; padding-left: 10px; width: 100px; height: 25px; vertical-align: middle; border-right: 1px solid #ff9813; border-bottom: 1px solid #ff9813 }
.schoen { width: 800px; border: solid 1px #ff9813 }
.kolom180 { text-align: center; width: 200px }
.kolom150 { text-align: center; width: 150px }
.kleurkeuze  { height: 125px }
.grotefoto  { background-color: #fff; text-align: center; width: 450px; vertical-align: bottom; border-top: 1px solid #ff9813; border-right: 1px solid #ff9813; border-bottom: 1px solid #ff9813 }
.grotefotopants  { background-color: #fff; text-align: center; width: 200px; vertical-align: bottom; border-top: 1px solid #ff9813; border-right: 1px solid #ff9813; border-bottom: 1px solid #ff9813 }

.omschrijving   { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #07508d; text-align: center; height: 40px; vertical-align: middle }
.allprices { font-size: 10px!important; } 
.schoentotaal   { background-color: #fff; width: 450px; vertical-align: top }
.pantstotaal   { background-color: #fff; width: 200px; vertical-align: top }

.schoentekst     { background-color: #fff; text-align: left; padding-right: 10px; padding-left: 20px; width: 350px; vertical-align: top }
.guides { padding: 10px }
.fotoboek  { padding-right: 10px; padding-left: 10px; width: 169px; vertical-align: top }
.moreinfo { padding: 10px; width: 189px; border: solid 1px #f29800 }
.tekstboek { padding-right: 20px }
.moreinfoshoes { padding: 10px; width: 320px; border: solid 1px #f29800 }.prijsbooks { width: 75px; height: 30px }
.order   { font-weight: bold; width: 320px }
.kolom1    { width: 120px; height: 20px; vertical-align: top }
.kolom2 { }
.backorder  { width: 160px; height: 25px }
.orderrechts { text-align: right; width: 160px; height: 25px }
.backorder130   { width: 130px; height: 25px }
.orderrechts130  { text-align: right; width: 130px; height: 25px }
.lijn { border-top: 1px solid #f29800 }
.koporderform  { font-size: 24px; font-weight: bold }
.tekstgroen   { color: #090; font-size: 12px; font-family: Verdana; text-decoration: none }