html{
  overflow: auto;
}

body{
  padding: 0px;
  margin: 0px;
  font: 10pt Arial, Helvetica, sans-serif;
  background-color:white;
}

form{
  padding: 0px;
  margin: 0px;
  * margin-bottom: 5px;
}

.container{
  margin-top: 5px;
  position: relative;
  width: 727px;
  margin-left: auto;
  margin-right: auto;
}

ul#navigatie{
  width: 168px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

ul#navigatie li{
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 2px;
}

ul#navigatie li a{
  display: block;
  background: url('../images/button.gif') no-repeat;
  color: black;
  text-decoration: none;
  height: 22px;
}

ul#navigatie li a div{
  padding: 2px;
  padding-left: 8px;
}

ul#navigatie li a:hover{
  background: url('../images/button_hover.gif') no-repeat;
}

ul#navigatie li a.selected{
  background: url('../images/button_hover.gif') no-repeat;
}

#header{
  position: relative;
  margin-bottom: 9px;
}

#header img{
  float: left;
  margin-right: 9px;
}

h1#logo{
  margin:0; padding:0;
  position:relative;
  width:550px; height:103px;
  overflow:hidden;
}

h1#logo span{
  display:block;
  position:absolute;
  top: 0px;
  left: 0px;
  width:550px; height:103px;
  margin:0; padding:0;
  background: url('../images/header.gif') top left no-repeat;
}

.main_wrapper{
  float: right;
}

.preface{
  position: relative;
  width: 550px;
  height: 92px;
  background: url('../images/bg_intro.gif') no-repeat;
  margin-bottom: 15px;
}

.preface div{
  padding: 5px;
}

.zoekbox{
  position: relative;
  top: 0px;
  width: 168px;
  height: 50px;
}

.zoekbox select{
  width: 168px;
  border: 1px solid #999999;
  margin-bottom: 4px;
  color: #555555;
  background-color:white;
}

.zoekbox input{
  border: 1px solid #999999;
  margin-bottom: 4px;
  width: 119px;
  color: #555555;
  background-color: #ffffff;
}

.zoekbox .submit{
  width: 40px;
  margin-left: 2px;
  height: 20px;
  margin-bottom: 3px;
  * margin-bottom: 4px; /*IE only*/
  color: #000000;
  background-color: #d4d0c8;
}

a#passende_tijdschriften{
  display: block;
  background: url('../images/button.gif');
  width: 168px;
  height: 22px;
  text-decoration: none;
  color: black;
  margin-bottom: 5px;
}

a#passende_tijdschriften div{
  padding: 2px;
  text-align: center;
}

img.header{
  display: block;
  margin-bottom: 5px;
  position: relative;
}

.aanbiedingen{
  position: relative;
  width: 550px;
}

#aanbieding{
  position: relative;
  width: 266px;
  height: 175px;
  float: left;
  margin-bottom: 7px;
  background: url('../images/item.gif');
}

#aanbieding.col2{
  margin-left: 17px;
}

h3#titel{
  display: block;
  position: absolute;
  margin-top: 3px;
  margin-left: 6px;
  color: #ffffff;
  font-size: 11pt;
  font-weight: bold;
}

p#beschrijving{
  position: relative;
  margin-top: 25px;
  *top: 25px;
  left: 6px;
  width: 170px;
  font-size: 10pt;
}

p#aanbod{
  position: relative;
  left: 6px;
  width: 170px;
  top: -12px;
  *top: 8px;
  font-size: 10pt;
  font-weight: bold;
}

p#aanbod.lead{
  top: 0px;
}

#aanbieding #cover{
  position: absolute;
  top: 30px;
  right: 8px;
  border: 1px solid #000000;
}

#aanbieding #meer_info{
  position: absolute;
  top: 139px;
  left: 8px;
}

#lees_verder{
  margin-left: 2px;
}

#lees_verder img{
  vertical-align: middle;
  border: none;
}

span#footer{
  display: block;
  position: relative;
  width: 730px;
  height: 33px;
  background: url('../images/footer.gif') no-repeat;
  margin-bottom: 5px;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
}

span#footer a{
  color: #ffffff;
}

span#footer div{
  padding-top: 7px;
}

p#magazine_details{
  border: 2px solid #dddddd;
  position: relative;
  min-height: 230px;
  width: 550px;
  margin-top: 0px;
}

p#magazine_details span{
  display: block;
  padding: 5px;
}

p#magazine_details img{
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid black;
}

#site_indicator{
  position: absolute;
  bottom: 1px;
  right: 1px;
}

p#aanbieding_small{
  display: block;
  position: relative;
  width: 550px;
  height: 30px;
  border: 2px solid #dddddd;
  background: #f5f5f5;
}

p#aanbieding_small span{
  position: relative;
  display: block;
  padding: 5px;
}

p#aanbieding_small a{
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}

p#aanbieding_small #site_indicator{
  position: absolute;
  top: -10px;
  right: 160px;
  height: 50px;
  width: 52px;
}

.aanbiedingen h4{
  width: 550px;
  padding-left: 5px;
  font-style: italic;
}

.geen_resultaten{
  color: #555555;
}

form#contact{
  border: 2px solid #dddddd;
  background: #f5f5f5;
  padding: 5px;
}

form#contact .label{
  display: block;
  width: 100px;
  float: left;
  margin-bottom: 3px;
}

form#contact input{
  border: 1px solid #dddddd;
  margin-bottom: 3px;
}

form#contact textarea{
  border: 1px solid #dddddd;
  margin-bottom: 3px;
  overflow: auto;
  font-size: 10pt;
}

form#contact #input_tekst{
  width: 200px;
  height: 100px;
}

form#contact #captcha{
  border: 1px solid #dddddd;
}

form#contact b{
  display: block;
  margin-bottom: 3px;
  margin-top: 5px;
}

form#contact .button_bar{
  height: 30px;
  margin-top: 10px;
}

form#contact .button{
  border: 1px solid #999999;
  margin-right: 5px;
}

form#contact .error{
  border: 1px solid #ff0000;
}

form#contact #msg_error{
  display: block;
  color: #ff0000;
  font-style: italic;
  margin-bottom: 10px;
}

.button_bar_bottom{
  border-top: 1px solid #999999;
  padding-top: 8px;
  margin-top: 15px;
  margin-bottom: 5px;
  height: 20px;
  font-size: 9pt;
}

.button_bar_top{
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
  margin-bottom: 5px;
  height: 20px;
  font-size: 9pt;
}

.button_bar_top a{
  color: #0000ff;  
}

.button_bar_bottom a{
  color: #0000ff;  
}

#vorige_pagina{
  display: block;
  float: left;
}

#volgende_pagina{
  display: block;
  float: right;
}

#frm_block_rubriek{
  border: 2px solid #dddddd;
  background: #f5f5f5;
  padding: 5px;
  padding-top: 1px;
}

#frm_block_rubriek .button{
  border: 1px solid #999999;
  margin-bottom: 5px;
}