html{
margin: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 8pt;
text-align: center;
color: #333333;
background-color: #FFFFFF;
}

h1{
font-size: 20pt;
text-shadow: 2px 2px 2px #000;
}


h2{
font-size: 14pt;
text-shadow: 2px 2px 2px #000;
}

h3{
font-size: 12pt;
padding: 15px 0 0 20px;
margin:0;
}

img{
border: 0px solid red;
}

img, .png {
       position: relative;
       behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
       this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
       this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.wrapper{
background-image: url(../images/1pxback.jpg);
background-color: #0066cc;
top: 0px;
width: 982px;
left: 50%;
margin-left: -491px;
position: absolute;
}

.header{
background-image: url(../images/headerbackground.jpg);
background-repeat: no-repeat;
height: 84px;
padding: 0 10px 0 10px;
font-size: 9pt;
}

.content{
background-image: url(../images/background_trouw.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding: 40px 0 0 0;
color: #ffffff;
}

.copyright{
background-color: #FFFFFF;
color: #0066cc;
font-size: 7pt;
}

.copyright a, .copyright a:visited{
font-weight: bold;
margin-right: 10px;
text-decoration: none;
color: #0066cc;
}

.copyright a:hover{
color: #ff9900;
}

.clear{
clear: both;}

.reviews_title{
border-top: 1px solid white;
height: 30px;
background-color: #0066cc;
margin:0;
padding: 0;
text-align: left;
color: #FFFFFF;
}

.reviews_title h3{
padding: 5px 0 0 0;
margin: 0;
}

.reviews{
background-color: #0066cc;
height: 120px;
text-align: left;
color: #ffffff;
font-size: 9pt;
font-style: italic;
}

.review{
float: left;
width: 227px;
margin: 0 0 5px 8px;
}

.review p{
margin: 0;
}

.review ul{
margin: 0;
padding: 0;
}

.review ul li{
list-style-type: none;
padding: 0 0 10px 0;
}

.review ul li img{
vertical-align: middle;
margin-right: 3px;
}

.review a{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
}

.sent_reviews{
background-color: #0066cc;
text-align: right;
color: #ffffff;
font-size: 10pt;
height: 25px;
}

.sent_reviews a{
color: #3399ff;
background: #ffffff;
padding: 3px 6px 3px 6px;
text-decoration: none;
font-weight: bold;
margin-right: 6px;
}

.sent_reviews a:hover{
color: #ff9900;
}

.footer{
background: #3399ff;
height: 25px;
clear:both;
text-align: left;
font-weight: bold;
color: #ffffff;
font-size: 10pt;
border-top: 1px solid white;
line-height: 25px;
border-right: 1px solid #3399ff;
}

.footer ul{
margin: 0; 
padding: 0 0 0 10px;
}

.footer ul li{
list-style-type: none;
display: inline;
margin: 0 50px 0 0;
}

.footer ul li a{
text-decoration: none;
color: #ffffff;
}

.footer ul li a:hover{
color: #ff9900;}

#betaalmogelijkheden{
height: 25px;
float: right;
text-align: center;
color: red;
background-color: #ffffff;
margin-top: -25px;
margin-right: -1px;
}

#betaalmogelijkheden img{
margin: 3px 3px 0 3px;
}

.subdomains{
background: #3399ff;
height: 265px;
text-align: left;
font-weight: bold;
color: #ffffff;
font-size: 10pt;
border-top: 1px solid white;
}

.sub{
position: relative;
width: 227px;
height: 265px;
float: left;
padding: 0 0 0 8px;
margin: 0px;
}

.sub h3{
padding: 5px 0;
margin: 0;
}

.sub p{
font-size: 9pt;
font-weight: normal;
padding: 0px;
margin: 0px;
line-height: 12pt;
}

.sub a{
color: #ffffff;
text-decoration: none;}

.sub a:hover{
color: #ff9900;
}

.sub .sub_button_div{
position: absolute;
bottom: 10px;
width: 235px;
text-align: left;
}

.sub a.sub_button{
color: #3399ff;
background: #ffffff;
padding: 3px 6px 3px 6px;
margin-right: 16px;
}

.sub a.sub_button:hover{
color: #ff9900;
}

span.orange{
color: #ff9900;
}

span.red{
color: #cc0000;
}

span.lightblue{
color: #66ccff;
}

span.pink{
color: #ff66ff;
}

.boodschaplinks{
color: #ffffff;
float: left;
margin-top: 38px;
clear: right;
width: 50%;
text-align: left;
}

.logo{
position: absolute;
left: 50%;
margin-left: -93px;
}

.boodschaprechts{
width: 50%;
color: #ffffff;
float: right;
margin-top: 38px;
text-align: right;
}

#message{
text-align: center;
}

#message h1{
margin: 10px 0 0 0;
}

#message h2{
margin: 5px 0 5px; 0;
}

#middleblock{
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

img.sticker{
position: absolute;
left: 645px;
margin-top: -20px;
}

#stappenplan{
height: 158px;
width: 486px;
text-align: left;
background-image: url(../images/stappenplanbackground.png);
background-repeat: no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stappenplanbackground.png',sizingMethod='crop');
margin-left: auto ;
margin-right: auto ;
}

#stappenplan ul{
font-size: 12pt;
margin: 0; 
padding: 10px 0 0 20px;
}

#stappenplan ul li{
list-style-type: none;
padding: 0 0 3px 0;
}

#collecties{
text-align: center;
}

#collecties ul{
margin: 0; 
padding: 0 0 0 6px;
}

#collecties ul li{
list-style-type: none;
float: left;
width: 235px;
text-align: center;
margin: 0 3px 15px 3px;
}

#collecties ul li a{
text-decoration: none;}

#collecties ul li img{
border: 0px;}