body {
    margin:0;
    padding:0;
    background:#f30;
font: .8em/1.8em Verdana, Arial, Helvetica, sans-serif;}

body.bestelinfo {
    margin:20px;
   
    background:#fff;
font: .7em/1.4em Verdana, Arial, Helvetica, sans-serif;}

/* container
---------------------------------------------------------------------------------- */
#container {
width: 920px; min-height: 570px; border: 1px solid #000; margin: 25px auto;
background:  #fff url("../images/bg.gif") top left repeat-y;}


   

   
/* head
---------------------------------------------------------------------------------- */
#head {
background:  url("../images/head.gif") top left no-repeat;
height: 70px;}
h1 {display:none;}

/* main menu
---------------------------------------------------------------------------------- */
#menu {
background: #858585;
border-top: 1px solid #000; border-bottom: 1px solid #000;
} 
 
#menu ul {margin: 0; padding: 0; height: 25px; width: 920px; color: #fff; font:1.1em/25px "Trebuchet MS", Verdana, sans-serif; letter-spacing: .1em;}
#menu ul li {display: inline; 
}

#menu ul li a {padding-left: 40px; text-decoration:none; color: #fff; float: left;
}
#menu ul li a.hier {color: #000;
}

#menu ul li a:hover {color:#000;}


/* body
---------------------------------------------------------------------------------- */
div#body {clear: both; margin: 40px 20px 20px 40px; }

/* sidebar, linker kolom
---------------------------------------------------------------------------------- */
#sidebar {
width: 310px;  float:left;}
#sidebar img.meerdere{
margin-top: 20px;}
#sidebar h3 {font-size: 1em; font-weight: normal; color: #999; margin-bottom:2em; margin-top: 0;}


/* collectie keuzeknoppen
---------------------------------------------------------------------------------- */

div.knop {
clear: left;}
div.knop p.title a{font-weight: bold; color: #999; text-decoration: none;}
div.knop a.tn {float: left;}
a.tn img {margin: 0 20px 20px 0; border: 0;}
div.knop p.title {padding-top: 25px;}

/* main, rechter kolom
---------------------------------------------------------------------------------- */
#main {
width: 520px; float:right;
}

#main ul {
margin-top: -1em;}
#main ul.alpha li{
list-style-type: upper-alpha;}
#main a {
color: #f30; text-decoration: none; font-weight:bold;font-size: .9em;}
#main a:hover {
text-decoration: underline;}
#main a:visited {color: #f30;}
#main h2 {font-size:2em; line-height: 120%; font-weight: normal; margin-top: 0;}
#main h3 {font-size: 1em;}
table.serie {margin-top: 1em; margin-bottom: 1em;}
table.serie td.serienummer, table.serie td.omschrijving {padding-right: 40px;}
table.serie td {border-bottom: 1px dotted #999;}
a.navlinkv, a.navlinkt {font-size: .9em; font-weight: bold;  padding-left: 20px;}
a.navlinkt {background:  url("../images/terug.gif") center left no-repeat; }
a.navlinkv {background:  url("../images/verder.gif") center left no-repeat; }


form table td {vertical-align: top; border-bottom: 1px dotted #999; padding-right: 20px;}
form table#contact td {vertical-align: top; border-bottom: 0; padding-right: 20px;}
form table td.inp {padding-right: 0;}

form table.serie-bestel {margin-top: 1em; margin-bottom: 1em;}
form table.serie-bestel td {border-bottom: 1px dotted #999; padding-right: 20px;}
form table.serie-bestel td.laatste {padding-right: 0;}
form table caption {text-align: left; font-weight:bold; font-size: .9em;}

/* banner
---------------------------------------------------------------------------------- */

.banner {padding: 5px 10px; background: #B4b4b4;margin-right: 10px; margin-bottom:10px;}
#main .banner h2 {color: #f30; font-size: 4em; font-weight: bold; margin-top:0; margin-bottom:0;}
#main .banner h3 {color: #fff; margin-top:0; margin-bottom:0; letter-spacing: .1em;}
#main .banner p {margin-top:0;}

 /* footer
---------------------------------------------------------------------------------- */

#footer { clear: both; margin-left: 340px; font-size: 0.8em; }
#footer a {
color: #f30; text-decoration: none; font-weight:bold;}