/*corehtml*/
html {
height: 100%;
margin-bottom: 1px;
}

form {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif, "sans serif";
font-weight: normal;
font-size: 14px;
margin: 0px 0px 0px 0px;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #4682B4;
}

a:hover {
text-decoration: underline;
font-weight: normal;
color: #4682B4;
}

input.button {
cursor: pointer;
}

img {
border: none;
}

/*template specific*/
h1 {
font-size: 22px;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif, "sans serif";
}

h2 {
margin-bottom: 0px;
font-size: 18px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif, "sans serif";
}

h3 {
margin-bottom: 0px;
font-size: 14px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif, "sans serif";
}

h4 {
margin-bottom: 0px;
}

/* colors */
div.components { color: #283838; }
div#wrapper { background-color: #F8FFF8; }
h1, h2, h3 { color: #226B22; }

/* the rest */
p {
margin-top: 0;
}

#page_bg {
padding: 10px 0px 10px 0px;
}

div#wrapper {
margin-left: auto;
margin-right: auto;
width: 750px;
}

/*ie sees "height" as "min-height" and will skip html>body declaration*/
div.components {
margin: 5px; 
height: 390px;
}
html>body div.components {
min-height: 390px;
height: auto;
}

div.components ul {
margin-top: 0px;
padding-left: 15px;
list-style-position: outside;
}

table.last {
background-color: #fc0002;
margin: 0px;
padding: 0px;
}

table.last a {
padding-left: 5px;
color: white; 
text-decoration: none; 
font-weight: bolder; 
font-size: 22px; 
}

img#trouw {
margin: 0px 10px 0px 0px;
border: none;
}

.clr {
clear: both;
height: 1px;
}

div#footer {
padding: 0px 10px 0px 10px;
font-size: .90em;
color: #aaa;
text-align: right;
}

div#footer a:link, div#footer a:visited, div#footer a:hover {
color: #999
}

table.footer {
width: 100%;
padding-top: 2px;
}

td.footer {
vertical-align: top;
width: 33%;
}

div.kop {
position: relative;
width: 100%;
height: 200px;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}

div.logo {
position: absolute;
left: 535px;
top: 5px;
width: 200px;
height: 67px;
background-image: url('images/logo_200.gif');
background-color: transparent;
z-index: 10;
}

div.language {
width: 150px;
}

/* nieuwsbrieven */
tr.nieuwsbrieven td:first-child {
display: none;
}

/* enquete */
div.enquete * { font-family: Arial, Verdana; font-size: 10px; color: black;}
div.enquete h1 { font-size: 20px; margin-top: 30px;}
div.enquete td.question { font-size: 14px; }
div.enquete td.question { padding-top: 20px; border-bottom: 1px solid #AAAAAA; width: 600px; }
div.enquete td.answer { width: 150px; vertical-align: top; }
div.enquete td.percentages { width: 20px; vertical-align: top; }
div.enquete td.bars { width: 70px; }
div.enquete td.answer, div.enquete td.percentages, div.enquete td.bars { border-top: 1px solid #AAAAAA; }
div.enquete td.percentages, div.enquete td.year { border-left: 1px solid #AAAAAA; }
div.enquete td.answer span { display: block; background-color: transparent; }
div.enquete td.answer span span { height: 15px; }
div.enquete td.percentages span { display: block; background-color: transparent; }
div.enquete td.percentages span span { height: 15px; overflow: hidden; vertical-align: center; }
div.enquete td.bars span { display: block; }
div.enquete td.bars span span { height: 15px; overflow: hidden; }
div.enquete span.bar01 { background-color: #66CCCC; }
div.enquete span.bar02 { background-color: #CC66CC; }
div.enquete span.bar03 { background-color: #CCCC66; }
div.enquete span.bar04 { background-color: #6666CC; }
div.enquete span.bar05 { background-color: #CC6666; }
div.enquete span.bar06 { background-color: #66CC66; }
div.enquete span.bar07 { background-color: #99CCCC; }
div.enquete span.bar08 { background-color: #CC99CC; }
div.enquete span.bar09 { background-color: #CCCC99; }
div.enquete span.bar10 { background-color: #9999CC; }
div.enquete span.bar11 { background-color: #99CC99; }
div.enquete span.bar12 { background-color: #CC9999; }

.float-right {
  float: right;
}