/*

Uniform Theme: Aristo
Version: 1.0
By: 280North / Ported by Josh Pyles
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
  background-image: url(../images/sprite-aristo.png);
  background-repeat: no-repeat;
}

.selector, 
.radio, 
.checker, 
.uploader, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
    margin: 0;
    padding: 0;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -160px;
  line-height: 32px;
    height: 32px;
}

div.selector span {
  background-position: right 0px;
  height: 32px;
    line-height: 32px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
    left: 0px;
}

div.selector:active, 
div.selector.active {
    background-position: -483px -192px;
}

div.selector:active span, 
div.selector.active span {
    background-position: right -32px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
    background-position: -483px -224px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
    background-position: right -64px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
    background-position: -483px -256px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
    background-position: right -96px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
    background-position: -483px -288px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -128px;
}

/* Checkbox */

div.checker {
  width: 23px;
  height: 23px;
}

div.checker input {
  width: 23px;
  height: 23px;
}

div.checker span {
  background-position: 0px -320px;
  height: 23px;
  width: 23px;
}

div.checker:active span, 
div.checker.active span {
    background-position: -23px -320px;
}

div.checker.focus span,
div.checker:hover span {
    background-position: -46px -320px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -69px -320px;
}

div.checker span.checked {
    background-position: -92px -320px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
    background-position: -115px -320px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position: -138px -320px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position: -161px -320px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
    background-position: -184px -320px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
    background-position: -207px -320px;
}

/* radio */

div.radio {
  width: 23px;
  height: 23px;
}

div.radio input {
  width: 23px;
  height: 23px;
}

div.radio span {
  height: 23px;
  width: 23px;
  background-position: 0px -343px;
}

div.radio:active span, 
div.radio.active span {
    background-position: -23px -343px;
}

div.radio.focus span, 
div.radio:hover span {
    background-position: -46px -343px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
    background-position: -69px -343px;
}

div.radio span.checked {
    background-position: -92px -343px;
}

div.radio:active span.checked,
div.radio.active span.checked {
    background-position: -115px -343px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
    background-position: -138px -343px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
    background-position: -161px -343px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
    background-position: -184px -343px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
    background-position: -207px -343px;
}

/* uploader */

div.uploader {
  background-position: 0px -366px;
  height: 32px;
}

div.uploader span.action {
  background-position: right -494px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 4px 0px 4px 4px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -430px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -526px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -558px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -590px;
}

div.uploader.disabled {
  background-position: 0px -398px;
}

 div.uploader.disabled span.action {
  background-position: right -462px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 20px;
  width: 190px;
  font-weight: bold;
  color: #464545;
  font-size: 14px;
}

div.selector select {
  width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  /*cursor: pointer;*/
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
    color: #bbb;
}

/* checker */
div.checker {
  margin-right: 10px;
}

/* radio */
div.radio {
  margin-right: 10px;
}

/* uploader */
div.uploader {
  width: 190px;
  margin-bottom: 20px;
  cursor: pointer;
}

div.uploader span.action {
  width: 83px;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  background-color: #fff;
  font-weight: bold;
  color: #1c4257;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #567c91;
  font-size: 90%;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

 div.uploader.disabled span.action {
  color: #aaa;
}

 div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

/* Select */

 div.selector {
    position: relative;
    padding-left: 10px;
}

 div.selector span {
    display: block;
    float: left;
}

 div.selector select {
    position: absolute;
    opacity: 0;
}

/* checker */

 div.checker {
    position: relative;
    float: left;
}

 div.checker span {
    display: block;
    float: left;
    text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
}

/* radio */

div.radio {
    position: relative;
    float: left;
}

div.radio span {
    display: block;
    float: left;
    text-align: center;
}

 div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
}

/* uploader */

div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 4px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
}

/* SIMPLEMODAL */

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

#basic-modal-content {display:none;}

/* Overlay */
/*#simplemodal-overlay {background-color:#000; cursor:wait;} */

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/simplemodal_close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* STYLE */
body {
    padding:0;
    margin:0;
    background:#E5E5E5 url(../images/header.png) repeat-x top left;
    font-family:Arial;
    color: #003964;      
}

a img {
    border:none;
}

#page {
    width:1000px;
    margin:0 auto;
}

#header {
    height:81px;
    position:relative;
}
#header h1{
    width: 310px; 
    height: 79px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/header_logo.gif) no-repeat top left;   
}
#header h1 span{
    display: none;
}

#header img {
    vertical-align:middle;
}


#header img#beta {
    position:absolute;
    left:655px;
    top:0;
}

#header img#menutext {
    position:absolute;
    
    display:block;
    top:35px;
    right:0;
}

#header ul#menu {
    list-style-type: none;
    margin:0;
    padding:0;
    position:absolute;
    top:29px;
    left:335px;
}          
#header ul#menu li {
    float:left;
    margin:0 0 0 10px;
    padding:0;
}

#header ul#menu li a {
    outline:none;
    display:block;
    height:25px;
    background-repeat:no-repeat;
    background-position: top left;
}


#header ul#menu li a span {
    display:none;
}

#header ul#menu li a#btn_over {     
    background-image:url(../images/btn_over.png);
    width:156px;
}

#header ul#menu li a#btn_widget {     
    background-image:url(../images/btn_widget.png);
    width:60px;
}

#header ul#menu li a#btn_contact {     
    background-image:url(../images/btn_contact.png);
    width:65px;
}

#header ul#menu li a:hover {
    background-position:bottom left;
}

.column .col_header {
    margin-top:15px;
}

.column.col_left {
    width:389px;
    float:left;
}

.col_left .col_header {
    background:url(../images/col_left_header.png) no-repeat top left;
    height:8px;
}

.col_left div.col_content_kiesverkiezing h2 {
    margin:0;padding:0;
}
.col_left div.col_content_kiesverkiezing {
    height:50px;   
}

#kies_verkiezing {
    margin-top:5px;
}
    
    
.col_left .col_content {
    background:url(../images/col_left_content.png) repeat-y top left;
}

.col_left .col_footer {
    background:url(../images/col_left_footer.png) no-repeat top left;
    height:8px;
}

.col_right {
    width:596px;
    float:right;
}

.col_right .col_header {
    background:url(../images/col_right_header.png) no-repeat top left;
    height:8px;
}

.col_right .col_content {
    background:url(../images/col_right_content.png) repeat-y top left;
}

.col_right .col_footer {
    background:url(../images/col_right_footer.png) no-repeat top left;
    height:8px;
}

.column .col_content {
    min-height:50px;
}

.column.col_left .col_content {
    padding:5px 10px 5px 10px;
    width:369px;
}

.column.col_right .col_content {
    padding:5px 16px 10px 16px;
    width:564px;
}


.column .col_content h2 {
    margin:0 0 10px 0;
    font-size:13px;
    font-weight:normal;
}


/* CONTROLS */


.select_container div.selector {
    margin:0 0 0 -5px;
}


.select_container div.selector span {
    font-size:11px;
    color: #003964;
    width:340px;
}

.select_container div.selector select {
    font-size:11px;
    left:3px;
    top:5px;
    width:370px;
}

.select_container div.selector select option {
    padding:2px 5px;
}

/* MAP */

#mapcontainer {
    position:relative;
}

#maplegend {
    height:20px;
    padding:10px 0;
    margin:0 auto;
}

#maplegend #schaal,
#maplegend #partijenlist {
    display:none;
}

#maplegend #schaal {
    font-size:12px;
    margin:0 auto;
}

#maplegend #schaal img {
    width:180px;
}

#maplegend #partijenlist ul {
    margin:0 auto;
    padding:0;
    list-style-type:none;
    height:20px;
    font-size:11px;
    width:100%;
}

#maplegend #partijenlist ul li {
    float:left;
    width:14%;
    line-height:15px;
}

#maplegend #partijenlist ul li span.color {
    display:block;
    float:left;
    border:1px solid white;
    width:15px;
    height:15px;
    margin-right:3px;
}


#map {
    width:366px;
    height:450px;
    border:1px solid #B8B8B8;
    overflow:hidden;
}

#maploader {
    z-index:100;
    position:absolute;
    display:none;
    left:45%;
    top:45%;
}

#kies_partij {
    /*margin-top:10px;*/
    height:30px;
}

/* UITSLAGEN */

#uitslagen {
    position:relative;
    width:100%;   
}
#uitslagen h3{
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    z-index: 999;
}


#jaar_partijen {
    height:210px;
    border:1px solid #CACACA;
    background:#EDEDED;
    overflow:auto;
    position:relative;
}

.uitslagen_balk .partij {
    width:40px;
    height:100%;
    margin:0 5px;
    position:absolute;
    
}

.uitslagen_balk .partij .uitslag {
    width:50%;
    height:150px;
    position:absolute;
    bottom:20px;
}

.uitslagen_balk .partij .uitslag.first {
    left:0;
}

.uitslagen_balk .partij .uitslag.last {
    left:50%;
}


.uitslagen_balk .partij .uitslag .zetels,
.uitslagen_balk .partij .uitslag .percentage {
    position:absolute;
    text-align:center;
    display:block;
    width:100%;
    font-size:13px;
    z-index:100;
}

.uitslagen_balk .partij .uitslag .percentage {
    font-size:8px;
}



.uitslagen_balk .partij .uitslag.first .zetels,
.uitslagen_balk .partij .uitslag.first .percentage  {
    color:#aaa;
}

.uitslagen_balk .partij .uitslag .uitslagbar {
    display:block;
    width:100%;
    position:absolute;
    bottom:0;
}


.uitslagen_balk .partij .uitslag.first .uitslagbar {
    opacity:0.25;
    filter:alpha(opacity=25);
}

.uitslagen_balk .partij .naam {
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%;
    font-size:13px;
    padding:2px 0;
}


#jaar_gemeenten {
    border:1px solid #CACACA;
    background:#EDEDED;
    position:relative;
}

#jaar_gemeenten table {
    width:545px;
    font-size:12px;
}

#jaar_gemeenten table th,
#jaar_gemeenten table td {
    padding:8px;
    border-bottom:1px solid #C9C9C9;
    border-right:1px solid #C9C9C9;
}

#jaar_gemeenten table tr.last td,
#jaar_gemeenten table tr.last th {
    border-bottom:none;
}

#jaar_gemeenten table th {
    font-weight:normal;
    text-align:left;
}

#jaar_gemeenten table thead th {
    padding-top:4px;
    padding-bottom:4px;
    font-size:11px;
    background:#E2E2E2;
    font-style: italic;
    color:#DE2537;
    border-bottom:none;
}

#jaar_gemeenten table thead th.recent {   
    display:none;
}

#jaar_gemeenten table thead th a { 
    color:inherit;
    outline:none;
    text-decoration: none;
}

#jaar_gemeenten table thead th img {
    display:none;
    vertical-align:middle;
}

#jaar_gemeenten table thead th.asc img.asc {
    display:inline;
}

#jaar_gemeenten table thead th.desc img.desc {
    display:inline;
}

#jaar_gemeenten table .recent {    
    width:20%;
}

#jaar_gemeenten table .gemeentenaam {
    width:65%;
}

#jaar_gemeenten table .gemeentenaam a {
    color:inherit;
    padding:5px;
    outline:none;
}

#jaar_gemeenten table .gemeentenaam a:hover { 
    color:#FF0000;
}

#jaar_gemeenten table .grootstepartij {
    width:20%;
}

#jaar_gemeenten table .opkomst {
    width:15%;
    border-right:none;
}

#jaar_gemeenten_header {
    width:100%;
    background:#E2E2E2;
    border-bottom:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
}

#jaar_gemeenten_table {
    margin-bottom:1px;
    
}

#jaar_gemeenten_table_wrapper {
    overflow:auto;
    height:328px;
}

#jaar_gemeenten_table_container {
    height:100%;
    margin-bottom:1px;
}

p.g_search {
    font-size:12px;
    padding:0;
    vertical-align:middle;
    margin:0 0 0 10px;
}

.loader {
    position:absolute;
    top:45%;
    left:256px;
    z-index:100;
}

/* SIMPLEMODAL */

.simplemodal-wrap {
    overflow:auto;
}

#simplemodal-container {
    background:white;
    color:#003964;
    border-color:#E5E5E5;
    font-size:11px;
}

#simplemodal-container .gem_loader {
    position:absolute;
    top:45%;
    left:45%;
    z-index:100;
}    


#simplemodal-container h1 {
    padding:0;
    margin:0 0 10px 0;
    font-size:20px;
    font-weight:normal;
}

#simplemodal-container h2 {   
    padding:0;
    margin:0;
    font-size:15px;
    font-weight:normal;
}
#simplemodal-container h3 {   
    padding:0;
    margin:0;
    font-size:12px;
    font-weight:normal;
}

#simplemodal-container h3 {   
    padding:0;
    margin:0;
    font-size:13px;
    font-weight:normal;
}

#simplemodal-container p {   
    font-size:11px;
    margin:10px 0;
}

#simplemodal-container .tekstpage p {   
    font-size:13px;
    line-height: 18px;
}

#simplemodal-container ul {   
    padding:10px 0;
    list-style-type: none;
    margin:0;
    font-size:12px;
}

#gemeente_partijen {
    position:relative;
    height:210px;
    border:1px solid #CACACA;
    background:#EDEDED;
    overflow:auto;
    position:relative;   
}

#simplemodal-container a {color:#067FDB;}
#simplemodal-container a:visited {color:#067FDB;}

#simplemodal-container iframe {
    border:none;
    width:366px;
}
    
#contactformulier * {
    font-family:Arial;
    font-size: 12px;
}

#contactformulier span.error { 
    color:red;
}

    
#contactformulier p {
    margin-top:0;
    padding-top:0;
}

#contactformulier input.text { 
    width:291px;
    height: 25px;
    padding:0 3px;
    line-height:25px;
    border:none;
    background:#FFF url('../images/contact_form_sprite.gif') top left no-repeat;
}

#contactformulier label { display:block; width:57px; }

#contactformulier textarea { 
    padding:5px; 
    height:76px;
    overflow: hidden;
    padding:5px;
    width:344px;
    _width:354px;
    border: none;
    background:#FFF url('../images/contact_form_sprite.gif') bottom left no-repeat;
}

/* FOOTER */

#footer {
    clear:both;
    width:1000px;
    position:relative;
    height:222px;
    background:url(../images/footer.png) no-repeat top left;
}

#footer a {
    position:absolute;
    outline:none;
}

#footer #b_swis {
    left:0;
    top:42px;
}

#footer #b_twitter {
    left:340px;
    top:60px;
}

#footer #b_pressdoc {
    left:540px;
    top:50px;    
}

#footer #b_appstore {
    left:780px;
    top:5px;    
}

#footer #b_bright {
    left:0px;
    top:120px;    
    width:600px;
    height:80px;
    display:block;
}
#footer #b_bright span{
    display: none;
}


#footer #apple_temp {
    position: absolute;
    left:740px;
    top:10px;    
}

.copymap { cursor: pointer; margin-top:5px; }

#map_titel_input { padding:5px; width:283px; border:none; background: white url('../images/embedkaart/input_titel.gif') no-repeat;}
.grootte input { margin-left:10px; padding:5px; width:41px; border:none;background: white url('../images/embedkaart/input_cijfers.gif') no-repeat; }
.grootte { padding-left:10px; }

#mapmakerEmbedCode { font-size:11px; }

hr.seperator { border:none; border-bottom: 1px solid #D8D8D8; margin:10px 10px; }