*{
margin:0; 
padding:0;
}
body{
background-color: #999999;
font-family :"Basic Sana SF" ,"Times New Roman";
}
#magazine{
text-align: left;
margin: 0 auto;
background-color: #ffffff;
width: 800px;
height: 3400px;
}
#zwart{
border-top: solid 10px #ffffff;
height: 3390px;
width: 170px;
float: left;
background-color: #000000
}
#zwart p{
margin-top: 20px;
margin-bottom: 25px;
margin-left: 15px;
font-weight: bold;
color: #ffffff;
font-size: 16px;
}
#zwart img{
border: 0px;
}
#zwart a{
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
#front{
text-align: left;
margin: 0 auto;
background-color: #ffffff;
width: 800px;
height: 1500px;
}
#blackleft{
border-top: solid 10px #ffffff;
height: 1490px;
width: 170px;
float: left;
background-color: #000000;
}
#blackleft p{
margin-top: 20px;
margin-bottom: 25px;
margin-left: 15px;
font-weight: bold;
color: #ffffff;
font-size: 16px;
}
#blackleft img{
border: 0px;
}
#blackleft a{
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
#imgtop{
float: left;
background: #ffffff url(http://i20.photobucket.com/albums/b221/dheks/header-4.jpg) top left no-repeat;
width: 630px;
height: 70px;
}
#topnav{
margin-top: 8px;
border-bottom: solid 1px #000000;
background-color: #ffffff;
font-weight: bold;
width: 630px;
float: left;
}
#topnav ul{
margin-left: 10px;
list-style: none;
}
#topnav li{
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background-color: #ffffff;
float: left;
margin-right: 5px;
}
#topnav li a{
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
background-color: #eeeeee;
font-size: 14px;
color: #000000;
text-decoration: none;
display: block;
}
#topnav a:hover{
background-color: #ffffff;
color: #666666;
display: block;
}
#topnavto{
margin-top: 3px;
border-bottom: solid 1px #000000;
background-color: #ffffff;
font-weight: bold;
width: 630px;
float: left;
}
#topnavto ul{
margin-left: 10px;
list-style: none;
}
#topnavto li{
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
background-color: #ffffff;
float: left;
margin-right: 5px;
}
#topnavto li a{
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
background-color: #eeeeee;
font-size: 14px;
color: #000000;
text-decoration: none;
display: block;
}
#topnavto a:hover{
background-color: #ffffff;
color: #666666;
display: block;
}
#topnavbottom{
border-bottom: solid 1px #000000;
background-color: #ffffff;
font-weight: bold;
width: 630px;
float: left;
}
#topnavbottom ul{
margin-left: 20px;
list-style: none;
}
#topnavbottom li{
margin-top: 3px;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
margin-right: 5px;
float: left;
}
#topnavbottom li a{
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 14px;
color: #666666;
text-decoration: none;
display: block;
}
#topnavbottom a:hover{
background-color: #eeeeee;
color: #000000;
display: block;
}
#home #topnav .home a,
#nieuws #topnav .nieuws a,
#voorbeeldartikelen #topnav .voorbeeldartikelen a,
#magazinecovers #topnav .magazinecovers a{
background-color: #000000;
color: #ffffff;
}
#home #topnav .home a:hover,
#nieuws #topnav .nieuws a:hover,
#voorbeeldartikelen #topnav .voorbeeldartikelen a:hover,
#magazinecovers #topnav .magazinecovers a:hover{
background-color: #000000;
color: #ffffff;
}
#verschenennummers #topnavto .verschenennummers a,
#abonneren #topnavto .abonneren a,
#adverteren #topnavto .adverteren a,
#contact #topnavto .contact a{
background-color: #000000;
color: #ffffff;
}
#verschenennummers #topnavto .verschenennummers a:hover,
#abonneren #topnavto .abonneren a:hover,
#adverteren #topnavto .adverteren a:hover,
#contact #topnavto .contact a:hover{
background-color: #000000;
color: #ffffff;
}
#persbericht #topnavbottom .persbericht a,
#bouwers #topnavbottom .bouwers a,
#tarieven #topnavbottom .tarieven a,
#voorwaarden #topnavbottom .voorwaarden a,
#ontwerp #topnavbottom .ontwerp a,
#uitgever #topnavbottom .uitgever a,
#losseverkoop #topnavbottom .losseverkoop a,
#aanmelden #topnavbottom .aanmelden a{
background-color: #000000;
color: #ffffff;
}
#persbericht #topnavbottom .persbericht a:hover,
#bouwers #topnavbottom .bouwers a:hover,
#tarieven #topnavbottom .tarieven a:hover,
#voorwaarden #topnavbottom .voorwaarden a:hover,
#ontwerp #topnavbottom .ontwerp a:hover,
#uitgever #topnavbottom .uitgever a:hover,
#losseverkoop #topnavbottom .losseverkoop a:hover,
#aanmelden #topnavbottom .aanmelden a:hover{
background-color: #000000;
color: #ffffff;
}
#month{
background-color: #ffffff;
float: left;
height: 600px;
margin-left: 10px;
}
#month img{
border: solid 1px #cccccc;
}
#month p{
font-size: 15px;
color: #000000;
width: 140px;
height: 160px;
margin-bottom: 10px;
}
h1{
background-color: #cc0000;
color: #ffffff;
padding: 5px;
margin-bottom: 15px;
font-size: 16px;
width: 290px;
text-align: center;
}
h2{
background-color: #003399;
color: #ffffff;
padding: 5px;
margin-bottom: 15px;
font-size: 16px;
width: 290px;
text-align: center;
}
h3{
color: #cc0000;
font-weight: bold;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
}
h4{
color: #003399;
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
}
h5{
color: #cc0000;
font-weight: bold;
font-size: 19px;
margin-top: 5px;
margin-bottom: 5px;
}
.left{
float: left;
width: 140px;
margin-top: 10px;
margin-right: 15px;
}
.right{
float: left;
margin-left: 310px;
}
.monthpadding{
margin-top: 45px;
}
#covers{
float: left;
margin-top: 15px;
margin-left: 10px;
background-color: #ffffff;
width: 600px;
}
#covers img{
border: solid 1px #cccccc;
margin-right: 5px;
margin-bottom: 10px;
}
#covers h1{
width: 585px;
}
#covers h2{
width: 585px;
}
#voorbeeld{
background-color: #ffffff;
float: left;
width: 600px;
height: 1500px;
margin-top: 10px;
margin-left: 10px;
}
#voorbeeld p{
font-size: 15px;
}
#voorbeeld img{
border: solid 1px #cccccc;
margin-top: 10px;
}
#voorbeeld ul{
list-style: disc;
margin-top: 15px;
margin-left: 15px;
color: #003399;
}
#voorbeeld li a{
font-size: 15px;
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
}
#voorbeeld a:hover{
color: #003399;
}
.center{
text-align: center;
font-size: 15px;
margin-bottom: 15px;
}
.floatleft{
width: 320px;
float: left;
margin-top: 10px;
margin-right: 5px;
}
.floatright{
float: right;
width: 270px;
}
.textimages{
float: left;
margin-top: 10px;
width: 600px;
height: 230px;
}
.onderwerpen{
width: 350px;
margin-bottom: 15px;
color: #000000;
font-size: 15px;
font-weight: bold;
}
#form{
font-size: 16px;
color: #000000;
}
fieldset{
border: 0px;
text-align: left;
margin-bottom: 15px;
}
legend{
font-weight: bold;
font-size: 16px;
color: #000000;
}
input{
margin-right: 5px;
}
input.radio{
margin-left: 83px;
}
input .radioto{
margin-left: 10px;
}
input .radiotree{
margin-left: 10px;
}
 #naam{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 41px;
width: 200px;
}
#straatnaam{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
width: 200px;
}
#nr{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 5px;
width: 100px;
}
#postcode{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-left: 23px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 23px;
width: 100px;
}
#plaats{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 5px;
width: 180px;
}
#land{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 47px;
width: 200px;
}
#email{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 2px;
width: 200px;
}
#telefoon{
background-color: #eeeeee;
border: solid 1px #cccccc;
margin-bottom: 5px;
margin-left: 9px;
width: 200px;
}
.checkbox{
margin-top: 20px;
margin-right: 5px;
}
#verstuur{
background-color: #eeeeee;
border: solid 1px #cccccc;
color: #000000;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
margin-left: 90px;
width: 100px;
}
#herstel{
background-color: #eeeeee;
border: solid 1px #cccccc;
color: #000000;
font-size: 14px;
font-weight: bold;
width: 100px;
}
a:link {
color: #cc0000;
text-decoration:none;
}
 a:visited {
color: #cc0000;
text-decoration:none;
}
a:active {
color: #cc0000;
text-decoration:none;
}
a:hover{
color: #003399;
}