a:active { 
    outline: none; 
}
a:focus { 
    -moz-outline-style: none; 
}
body {
    font-family:Tahoma,Arial,Verdana;
    font-size:0.70em;
    line-height:15px;
    color:#1E1E1E;
    margin:0pt;
    padding:0pt;
}
a {
    text-decoration: none;
    color:#1E1E1E;
}
h1, h3 {
    background: url(../img/lijn-kop.gif) no-repeat bottom;
	  font-size:1.65em;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:37px;
    padding-bottom:15px;
  	overflow: hidden;
}
h2 {
    font-size:1.4em;
}
h4{
	margin-bottom: 0;
}
img {
    border:0pt none;
}
table.score td, table.score th {
    border:1px solid #830d00;
    margin:0px;
    padding:0px;
}
table.score {
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    width:660px;
}
table.score table.score {
    margin:0px;
}
table.score td.label-indicator {
    background: url(../img/achter-indicator.gif) no-repeat;
    padding-left:10px;
}
table.score th.tabelkop, table.score td.tabelkop {
    color:#ffffff;
    background: url(../img/achter-tabel.gif) repeat-x;
    height: 20px;
    font-weight:bold;
    padding-left:10px;
}

input, select, textarea {
    border:1px solid #dcdcdc;
}
#page {
    text-align:center;
}
#logo-click {
    height:60px;
    width:170px;
    position:absolute;
    margin-top:25px;
    margin-left:35px;
    cursor:pointer;
}
#header-wrapper {
    background-image: url(../img/header-achter.gif);
    background-repeat: repeat-x;
    background-position: center top;
    min-height:260px;
}
#content-wrapper {
    clear: both;
    width: 880px;
    margin: 0px auto;
    padding-top: 20px;
    text-align:left;
}

#content-wrapper #content-bar-center ul {
    list-style-type: disc;
    padding-left: 20px;
}

#footer-wrapper {
    clear: both;
    background-color: #dddddd;
}
#frontpage-content {
    float:left;
    width: 520px;
    padding-right: 20px;
}
#frontpage-latest {
    float: right;
    width: 320px;
    text-align:left;
    background-color: #ac1100;
    padding: 10px;
    overflow: hidden;
}
.latest-nieuws-header {
    background-image: url(../img/kop-nieuwsitem.gif);
    text-align: right;
    padding: 4px 14px 0px 0px;
    font-size:0.90em;
    min-height: 18px;
    color: #ffffff;
}
.frontpage-news-header {
    margin-top:5px;
}
.frontpage-item {
    margin: 10px 0px;
}
.latest-poll-header {
    background-image: url(../img/kop-poll.gif);
    text-align: right;
    padding: 4px 10px 0px 0px;
    font-size:0.90em;
    min-height: 18px;
    color: #ffffff;
}
.latest-petitie-header {
    background-image: url(../img/kop-petitie.gif);
    text-align: right;
    padding: 4px 10px 0px 0px;
    font-size:0.90em;
    min-height: 18px;
    color: #ffffff;
}
.latest-body {
    background-image: url(../img/achter-frontpageitem.gif);
    background-repeat: repeat-y;
    color: #ffffff;
    padding: 15px 15px 10px 15px;
}
#logo-bar-wrapper {
    background-image: url(../img/greyline.png);
    background-repeat: repeat-x;
    background-position: 0px 70px;
    padding-top:70px;
    clear: both;
}
#logo-bar-text {
    float:left;
    margin-top:27px;
}
#header-content {
    clear: both;
    width:940px;
    margin: 0px auto;
}
#logo-bar-content {
    clear: both;
    width:880px;
    margin: 0px auto;
}
#footer-content {
    clear: both;
    width:880px;
    margin: 0px auto;
    padding-top: 30px;
}
#header-left {
    text-align:left;
    float: left;
}
#header-center {
    width: 880px;
    float: left;
}
#header-click-logo {
    width: 180px;
    height: 75px;
    float: left;
    cursor: pointer;
    position: absolute;
    top:20px;
}
#header-banner {
    width: 880px;

    height:180px;
    background-image: url(../img/header.jpg);
    text-align:right;
}
#header-menu {
    width: 818px;
    text-align:left;
    background-color: #ffffff;
    float:left;
}
#header-rss {
    width: 62px;
    float:left;
}
#header-submenu {
    width: 880px;
    text-align:left;
    min-height:40px;
    clear:both;
    background-color: #ac1100;
}
#header-right {
    text-align:right;
    float: left;
}
.vergelijkknop {
    position: relative;
    right: 25px;
    top:20px;
}
.logo-image {
    margin: 19px 0px 18px 65px;
    float: right;
}
.footer-block {
    width: 176px;
    float: left;
    text-align:left;
    margin-bottom:30px;
}
ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
ul.submenu {
    padding: 12px 0px;
}
#header-menu ul li {
    display:inline;
    padding: 0px;
}   
#header-submenu ul li {
    display:inline;
    padding: 0px 15px;
    background: url(../img/submenu-divider.gif) no-repeat center left;    
}
#header-submenu ul li:first-child {
    background: none;    
}

ul.nav-links li {
    margin: 5px 0px;
    padding: 0px 10px;
    background: url(../img/bullet.gif) no-repeat 0px 5px;
}
ul.dl-links li {
    margin: 5px 0px;
    padding: 0px 10px;
    background: url(../img/bullet-dl.gif) no-repeat 0px 5px;
}
#header-submenu ul li a{
    text-decoration:none;
    color:#FFFFFF;
}
#header-submenu ul li.submenu-active{
    font-weight: bold;
    padding: 0px 15px 0px 10px;
}
ul li.nav-links-first{
    font-weight: bold;
}
ul li.nav-links-active, ul li.nav-sec-links-active{
    font-weight: bold;
    color:#ac1100;
    background: url(../img/block-red.gif) no-repeat 0px 5px;
}
 .submenu-active a{
    color:#ffffff;
}
#content-bar-left ul li.nav-links-active a, ul li.nav-sec-links-active a{
    color:#ac1100;
}

ul.nav-links li a:hover{
	color:#7F7F7F;
}
#content-bar-left {
    float:left;
    width: 160px;
}
#content-bar-center {
    float:left;
    width: 520px;
    margin: 0px 20px;
}
#content-bar-center a{
	text-decoration: underline;
}
#content-bar-wide {
    float:left;
    width: 700px;
    margin-left: 20px;
}
#content-bar-right {
    float:left;
    width: 160px;
}
.sidebar-header {
    padding:40px 10px 10px;
    font-weight:bold;
    background: url(../img/sidebar-top.gif) no-repeat top;
}
.sidebar-header-meter {
    padding:40px auto;
    font-weight:bold;
    background: url(../img/sidebar-top.gif) no-repeat top;
}
.sidebar-subheader {
    padding: 10px;
    font-weight:bold;
}
.sidebar-item-short.sidebar-header {
    padding:20px 10px 10px;
}
.sidebar-content {
    padding:10px 10px 70px;
    background: url(../img/sidebar-bottom.gif) no-repeat bottom;
}
.sidebar-content-short {
    padding:10px 10px 30px;
    background: url(../img/sidebar-bottom.gif) no-repeat bottom;
    margin-bottom: 10px;
}
.sidebar-content-short {
    padding:10px 10px 30px;
    background: url(../img/sidebar-bottom-empty.gif) no-repeat bottom;
    margin-bottom: 10px;
}
.sidebar-content-long {
    padding:10px;
}
.sidebar-item {
    background-color: #eeeeee;
}
.sidebar-line {
    height: 1px;
    width: 100%;
    background: url(../img/sidebar-line.gif) no-repeat;
}
.default-margin {
    margin-bottom: 10px;
}
.bankwijzer-container{
    padding:10px 10px 20px 10px;
    background-color:#ac1100;
}

.tabel-header {
	  background: url(../img/achter-tabel.gif) repeat-x;
	  font-weight:bold;
	  color:#FFFFFF;
	  padding: 2px 10px;
	  font-size: 0.9em;
}  

div.warning {
    font-weight:bold;
    background-color:#ff8080;
    padding:5px;
}

div.success {
    font-weight:bold;
    padding:5px;
}

/* STUUR EEN BERICHT
 */
form.stuureenbericht div.email_bank {
    width:300px;
}
form.stuureenbericht div.email_bank  select {
    display:block;
    width:300px;
    margin-bottom:3px;
}

form.stuureenbericht div.address {
    width:500px;
    float:right;
}
form.stuureenbericht div.address label {
    padding-top:2px;
    width:55px;
}
form.stuureenbericht div.address input {
    width:300px;
}
form.stuureenbericht div.address input.mailings, form.stuureenbericht div.address input.geslacht {
    width:10px;
}
form.stuureenbericht div.address input.zipcode {
    width:70px;
    display:inline;
    margin-right:8px;
}
form.stuureenbericht div.address input.city {
    width:220px;
}
form.stuureenbericht div.address input.phone {
    width:200px;
}
form.stuureenbericht div.address input.email {
	margin-bottom: 0;
}

form.stuureenbericht div.messages {
    margin-top:10px;
}
form.stuureenbericht div.messages div {
    border-left:3px solid #dcdcdc;
    padding:0 10px;
    min-height:100px;
    width:480px;
}
form.stuureenbericht div.messages textarea {
    min-height:100px;
    width:500px;
}
form.stuureenbericht div#message_body {
    margin-bottom:10px;
}

div.form-input {
    margin-bottom:10px;
}


/* Gele kaart */

form.gelekaart div.form-wrapper {
    width:520px;
    height: 613px;
    background: url(../img/gelekaart-background.png) no-repeat top left;
    position: relative;
}
form.gelekaart div.form-body {
    padding-top: 0px;
}

form.gelekaart div.form-seperator {
      background: url(../img/form-line-full.gif) no-repeat;
      width:  230px;
      height:  1px;
	  margin: 10px 0;   
}

form.gelekaart div.email_bank {
    width:300px;
}
form.gelekaart div.email_bank  select {
    display:block;
    width:230px;
    margin-bottom:3px;
}

form.gelekaart div.input-text {
    width: 230px;
}

form.gelekaart div.address {
    width:500px;
    float:right;
}
form.gelekaart div.address label {
    padding-top:2px;
    width:55px;
}
form.gelekaart div.address input {
    width:230px;
}


form.gelekaart div.form-input-postal {
    float: left;
    padding-right: 10px;
}

form.gelekaart div.form-input-postal input {
    width: 80px;
}

form.gelekaart div.form-input-city {
    float: left;
}

form.gelekaart div.form-input-city input {
    width: 137px;
}

form.gelekaart div.form-input-email {
    clear: both;
}

form.gelekaart .form-submit-wrapper {
    width: 230px;
    text-align: right;
}

form.gelekaart .gelekaart-banklogo {
    position: absolute;
    width: 88px;
    height: 50px;
    top: 289px;
    left: 407px;
}

form.gelekaart .gelekaart-sendername {
    position: absolute;
    width: 200px;
    height: 20px;
    top: 267px;
    left: 275px;
    font-weight: bold;
    font-family: Verdana;
    color: #594516;
}


form.gelekaart div.messages {
    margin-top:10px;
}
form.gelekaart div.messages div {
    border-left:3px solid #dcdcdc;
    padding:0 10px;
    min-height:100px;
    width:480px;
}
form.gelekaart div.messages textarea {
    min-height:100px;
    width:500px;
}
form.gelekaart div#message_body {
    margin-bottom:10px;
}

.form-gelekaart-thanks {
    padding-top: 30px;
}


/* News */

.news-header{
      background: url(../img/achter-kopnieuws.gif) no-repeat;
      padding: 10px 10px 30px;
      margin-bottom: 12px;
      color: #FFFFFF;
}
.archive-list-item{
      background: url(../img/achter-kopnieuws.gif) no-repeat;
      padding: 10px 10px 30px;
      margin-bottom: 1px;
      color: #FFFFFF;
}
.news-title {
    float: left;
    font-weight: bold;
}
.news-date {
    float: right;
}
.news-body {
    clear: both;
    padding-bottom: 70px;
    background: url(../img/lijn-smal.gif) repeat-x bottom;
}
.news-teaser-body {
    clear: both;
    padding-bottom: 21px;
    background: url(../img/lijn-smal.gif) repeat-x bottom;
}
.news-readon {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: right;
    background: url(../img/bullet.gif) no-repeat scroll 455px 6px !important;
    position: relative;
    top: -30px;
}
.news-readon a, .news-overview-link a, .news-title  a{
    text-decoration: none !important;
}
.news-readon, .news-overview-link {
    background: url(../img/bullet.gif) no-repeat scroll 0px 6px;
	padding-left: 10px;
}
.news-overview-link {
    margin-top: 10px;
}
.header-text-short {
    background:none;
}
.h1-short {
    background:none;
	  margin-bottom: 0px;    
}
.dateblock {
    background: url(../img/achter-datumbalk.gif);
    padding: 5px 10px;
    font-size: 0.8em;    
    margin-bottom: 20px;
}
.contentbalk {
    background: url(../img/achter-contentbalk.gif);
    margin-top: 20px;
    padding: 10px 10px 4px;
    font-size: 0.8em;
    width: 520px;
    height: 20px;    
}
.contentbalk-titel {
    float:left;
}
.contentbalk-rechts {
    float:right;
}
.form-wrapper {
     background-color:#eeeeee;
     margin-top: 30px;
}
.form-header {
      background: url(../img/form-top.gif) top no-repeat;
      padding: 15px 10px;
}
.form-body {
      padding: 10px 10px 0 10px;
	  overflow: hidden;
}
.form-seperator {
      background: url(../img/form-line.gif) no-repeat;
      width:  100%;
      height:  1px;      
}
.form-seperator-alt {
      background: url(../img/form-line-full.gif) no-repeat;
      width:  100%;
      height:  1px;
	  margin: 10px 0;     
}
.form-text {
      padding: 10px 0;
}
.form-footer {
      background: url(../img/form-bottom.gif) bottom no-repeat;
      padding: 10px 0;
      text-align: right;
      overflow: hidden;
}
.form-footer-alt {
      background: url(../img/form-bottom.gif) bottom no-repeat;
      padding: 0 0 10px 0;
      text-align: right;
}
.form-required {
	margin-top: 10px;
}
.news-title a{
	  color: #ffffff;
}
.img-header {
	float: right;
}
.bank-comment {
    color: #ffffff;
    margin: 10px 0px;
    clear:both;
} 
.bank-comment-header {
    background: url(../img/kop-bank-toelichting.gif) no-repeat;
    padding: 3px 15px 0px 15px;
    min-height: 19px;
    font-weight: bold;
} 
.bank-comment-content {
    background: url(../img/achter-bank-comment.gif) repeat-y;
    padding: 15px;
} 
.bank-comment-content a {
    color: #ffffff;
} 
.bank-comment-footer {
    background: url(../img/footer-bank-comment.gif) no-repeat;
    height:2px;
    width:100%;
} 

div.results-table {
    border-left:4px solid #830d00;
    border-right:4px solid #830d00;
    position:relative;
}
div.results-table img.pixel {
    position:absolute;
}
div.results-table img.top {
    top:0;
}
div.results-table img.left {
    left:-4px;
}
div.results-table img.right {
    right:-4px;
}
div.results-table img.bottom {
    bottom:0px;
}

#results-table-wrapper {
    margin-top:10px;
}
#results-table-left{
    background: url(../img/result-table-short-l.gif) no-repeat;
    float:left;
    width:4px;
    height:100%;
}
#results-table-center{
    float:left;
}
#results-table-right{
    background: url(../img/result-table-short-r.gif) no-repeat;
    float:left;
    width:4px;
    height:100%;
    margin:0;
}
.results-bar {
	height: 22px;
	width: 419px;
    background: url(../img/poll-balk-leeg.gif) no-repeat;
}
.results-bar-inner {
	height: 22px;
    background: url(../img/poll-balk-vol.gif) no-repeat;
}
.results-percentage {
	height: 22px;
	font-weight: bold;
	width: 50px;
	float: right;
}
.meter-wrapper{
    background: url(../img/achter-meters-groot.gif) no-repeat center top;
    width:170px;
    height:205px;
    float:left;
}
.meters-per-thema{
    width:510px;
    height:205px;
}
.meter-groot{
    margin:10px 8px;
}
.resultaten-naar-keuze{
   margin:10px 0px;
}
.knop-uitleg{
   margin:0px 8px;
}
.radio-label{
    width: 520px;
    display:block;
}
.radio-label input {
    border: none;
}
.form-submit{
	width: 140px;
	height: 24px;
	border: none;
    background: url(../img/knop-stem.gif) no-repeat center top;
}

select.vergelijk {
    width:200px;
}
.banklogo {
    position: relative;
    right: 13px; 
    bottom: 13px; 
}

#choose-banks-header, #choose-themes-header {
   background: url(../img/kop-selector-smal.gif);
   width:187px;
   height:21px;
   color:#ffffff;
   font-weight:bold;
}
#choose-banks-left, #choose-themes-left {
   float:left;
	 background: url(../img/selector-307-l.gif);
   width:4px;
   height:322px;
}
#choose-banks-center, #choose-themes-center {
   float:left;
	 width:179px;
   height:322px;
   background: #830d00;
}
#choose-banks-right, #choose-themes-right {
   float:left;
	 background: url(../img/selector-307-r.gif);
   width:4px;
   height:322px;
}
.bank {
   float:left;
   padding:1px;
   width:87px;
   height:49px;
}
.item {
   float:left;
   padding:1px;
   width:177px;
   height:30px;
}
#selected-banks-header, #selected-themes-header {
   background: url(../img/kop-selector-breed.gif);
   width:276px;
   height:21px;
   color:#ffffff;
   font-weight:bold;
}
#selected-banks-left {
   float:left;
   background: url(../img/selector-52-l.gif);
   width:4px;
   height:52px;
}
#selected-banks-center{
    float:left;
	  background: url(../img/achter-bankselectie.gif) no-repeat center;
    width: 268px;
    height: 52px;
}
#selected-banks-right {
   float:left;
   background: url(../img/selector-52-r.gif);
   width:4px;
   height:52px;
}
#selected-themes-left {
   float:left;
   background: url(../img/selector-97-l.gif);
   width:4px;
   height:97px;
}
#selected-themes-center{
    float:left;
	  background: url(../img/achter-themaselectie.gif) no-repeat center;
    width: 268px;
    height: 97px;
}
#selected-themes-right {
   float:left;
   background: url(../img/selector-97-r.gif);
   width:4px;
   height:97px;
}
#selected-themes {
  clear:both;
  height:119px;
  margin-bottom: 25px;
}
#selected-banks {
  clear:both;
  height:75px;
  margin-bottom: 25px;
}
.results-table {
    margin-top:10px;
}
.berekenknop-active {
    background-image:url(../img/knop-bereken-actief.gif);
    width: 276px;
    height: 22px;
    border: 0px;
}
.berekenknop-disabled {
    background-image:url(../img/knop-bereken-inactief.gif);
    width: 276px;
    height: 22px;
    border: 0px;
}
.pijl {
    background:url(../img/pijl.gif) center no-repeat;
    width: 276px;
    height: 22px;
    border: 0px;
    margin: 40px 0px;
}
.resultaten-logo {
    margin: 0px 0px 5px 0px;
}
.table-borders-margin {
	  border-left:5px solid #830D00;
	  border-right:5px solid #830D00; 
	  border-top:1px solid #830D00; 
	  margin: 10px 0px 5px;
}
#webdesign-door-webbureau-plag {
    float:left;
    width: 880px;
    margin-bottom: 30px;
}
#plaglogo {
    float:left;
    width: 28px;
}
#plagtekst, #plagtekst a {
    float:left;
    color:#9C9C9C;
    margin: 4px 0 0 3px;
}
.score-alert {
    border-left:4px solid #830d00;
    border-right:4px solid #830d00;
    border-top:1px solid #830d00;
    border-bottom:1px solid #830d00;
    margin-bottom: 20px;
    background-color: #ac1100;
    color: #FFF;
}
.score-alert-content {
    padding:20px 20px 20px 45px;
    background: url(../img/alert-indicator.gif) 10px 15px no-repeat;
}
#meter {
    margin-top:10px;
}

.error { color: #ac1100; font-weight: bold; padding: 10px 0 3px; margin: 0; }

div.aanmeldennieuwsbrief {
	float: right; 
	display: inline; 
	width: 340px;
}

.aanmeldennieuwsbrief input.text {
	width: 315px;
}