/**********************
Standaard HTML tags 
**********************/

* {
    padding: 0;
    margin: 0;
    border: 0;
	scrollbar-base-color: red;
	scrollbar-arrow-color: white;
	scrollbar-DarkShadow-Color: grey;
}

a {
    text-decoration: none;
    color: #000;
}

body {
    background: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 18px;
}

hr {
    margin: 10px 0 10px 0;
    height: 0;
    border: 0;
    border-top: 1px solid #aaaaaa;
}

td {
    vertical-align: top;
}

/**********************
Layout DIVjes
**********************/

#mainContainer {
    border-top:5px solid white;
    width: 946px;
    margin: auto;
}

/* #header: plaatje bovenaan de site */
#header {
    background: #D51A21 url("../images/pvda/header1.jpg"); /* de js functie showTab() wisselt het header plaatje */
    width: 946px;
    height: 107px;
    border-bottom: 1px solid #fff;
}

#header h1 {
    position: absolute;
    margin: 32px 0 0 50px;
    width: 342px;
    height: 36px;
    padding: 0;
}

#header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#header h1 a span {
    visibility: hidden;
    text-decoration: none;
}

/* #contentContainer: hierin zit menu, leftSide en rightSide */
#contentContainer {

}

/* #menu: de tabjes bovenaan de website */
#menu {
    height: 22px;
    width: 946px;
    overflow: hidden;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background: url("../images/bg_menu.gif") right top no-repeat; /* het meest rechtse stukje in het menu */
}

/* het geselecteerde tabje */
/*#menu .selected {
    background: #616161 !important;
    border-bottom: 1px solid #616161;
}*/

/* alle 'tabjes' zijn aanklikbaar en moeten dus een handje als cursor hebben */
#menu div {
    cursor: pointer;
    background-color: #aaaaaa;
}

/* #mapTab: Kaarttab met zoomcontrols */
#mapTab {
    float: left;
    width: 213px;
    height: 21px;
    background: url("../images/pvda/bg_mapTab.jpg") repeat-x;
}

#mapTab div {
    margin: 3px 0px 0px 10px;
    background-color: transparent;
}

#mapTab span {
    float: left;
    display: block;
    margin: 1px 4px 0 0;
}

#mapTab img {
    margin: 0 1px 0 0;
}

/* 2 classes voor de zoomcontrols */
.zoomLevel {
    border: 1px solid #898989;    
}

.zoomLevel:hover {
    border: 1px solid #a6a6a6;    
}

.currentZoomLevel {
    border: 1px solid #fff;
}

/* #searchTab: Zoektablad */
#searchTab {
    float: left;
    width: 68px;
    background: url("../images/pvda/bg_searchTab.jpg") repeat-x;
    height: 21px;
    margin: 0 0 0 1px;
}

#searchTab span {
    display: block;
    margin: 4px 0 0 11px;
}

/* #infoTab: tabje waarop info over de markers komt te staan */
#infoTab {
    float: left; 
    width: 300px; 
    background: url("../images/pvda/bg_infoTab.jpg");
    height: 21px; 
    margin: 0 0 0 1px;
}

#infoTab span {
    display: block;
    margin: 4px 0 0 11px;
}

/* #catTab: tabje met alle categorieen met markers */
#catTab {
    float: left; 
    width: 75px; 
    background: url("../images/pvda/bg_tipTab.jpg");
    height: 21px; 
    padding:0 0 0 5px;
    margin: 0 0 0 1px;
}

#catTab span {
    display: block;
    margin: 4px 0 0 11px;
}

/* #tipTab: tabje met formulier voor */
#tipTab {
    float: left; 
    width: 73px; 
    background: url("../images/pvda/bg_catTab.jpg");
    height: 21px; 
    padding:0 0 0 5px;
    margin: 0 0 0 1px;
    border-right:1px solid white;
}

#tipTab span {
    display: block;
    margin: 4px 0 0 11px;
}

/* #newsTab: tab met nieuwsberichten */
#newsTab {
    float: left; 
    width: 77px; 
    background-image: url("../images/pvda/bg_newsTab.jpg");
    height: 21px; 
    padding:0 0 0 1px;
    margin: 0 0 0 1px;
}

#newsTab span {
    display: block;
    margin: 4px 0 0 6px;
}

/* #linksTab: linkjes */
#linksTab {
    float: left; 
    width: 57px; 
    background: url("../images/pvda/bg_linksTab.jpg");
    height: 21px; 
    margin: 0 0 0 1px;
}

#linksTab span {
    display: block;
    margin: 4px 0 0 11px;
}
    
/* #leftSide: linkervlak op de website waarin de kaart zit enz */
#leftSide {
    float: left;
    width: 541px;
    border: 1px solid #616161;
    padding: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #373737;
}

#leftSide #news,
#leftSide #newsIndex,
#leftSide #search,
#rightSide #tip,
#leftSide #information {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height:15px;
}


#leftSide a {
    color: #DE1B29;
}

#leftSide h2 {
    font-size: 18px;
    line-height: 22px;
    color: #DE1B29;
    background: url("../images/pvda/bol.gif") top left no-repeat;
    padding: 0 0 0 27px;
    margin: 0 0 15px 0;
}

#leftSide .icon {
    margin: 0 5px 1px 0;
}

/* pan controls */
#mapControls {
    position: absolute; 
    z-index: 1; 
    top: 143px; 
    margin: 0 0 0 -10px; 
}

#mapControls table {
    background-color: #616161;
}

#mapControls a {
    background-color: #fff;
}

#mapControls a:hover {
    background-color: #DE1B29;
}

/* #map: divje waarin de Google map zit */
#map {
    width: 539px; 
    height: 385px; 
    border: 1px solid #bfbfbd;
    background: #fff url("../images/pvda/loader.gif") center no-repeat;
}

/* #help: div met uitleg over hoe de kaart en rubrieken werken */
#help {
    display: none; /* helptekst verbergen, in de functie initMap() wordt gekeken of help getoond moet worden */
    position: absolute; 
    z-index: 1; 
    top: 184px;
    margin: 0 0 0 47px;
    width: 491px;
    height: 240px;
    border: 1px solid #D51A21;
}

#helpBg {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
}

.helpText {
    position: absolute; 
    z-index: 2;
    color: #D51A21;
    font-size: 11px;
    background: transparent;
}

.helpText img {
    vertical-align: middle;
}

#helpText1 {
    top: 66px;
    margin: 0 0 0 25px;
    width: 145px;
}

#helpText2 {
    top: 55px;
    margin: 0 0 0 252px;
    width: 220px;
}

#helpText3 {
    top: 110px;
    margin: 0 0 0 245px;
    width: 220px;
}

.posAbs {
    position: absolute; 
    z-index: 2;
}

#helpArrow1 {
    top: 15px;
    left: 7px;
}

#helpArrow2 {
    top: 5px;
    left: 306px;
}

#helpArrow3 {
    top: 119px;
    left: 430px;
}

#helpClose {
    background-color: #D51A21;
    top: 210px;
    left: 214px;
    width: 68px;
    height: 19px;
}

#helpClose a {
    display: block;
    margin: 2px 0 0 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#helpCloseX {
    top: 10px;
    left: 470px;
}

#helpShow {
    top: 143px;
    margin: 0 0 0 516px;     
}

/* #information: De div waarin informatie over kaartiems wordt getoond. #search: zoekresultaten enz. */
#information,
#search,
#news,
#newsIndex,
#colofon,
#contact {
    display: none;
    _height: 387px; /* IE hack - IE snapt min-height niet */
    min-height: 387px; /* Firefox */
}

#markersReact td,
#newsReact td {
    padding: 0 5px 1px 0;
}

/* De zoekbox op het tabblad zoeken */
#searchBox {
    border: 1px solid #bfbfbd;
    background-color: #d9d9d9;
    padding: 5px;
    margin: 0 0 20px 0;
}

#searchBox legend {
    display: none;
}

#searchBox span {
    display: block;
    margin: 0 5px 0 0;
    float: left;
}

#keyword {
    margin: 0 1px 0 0;
    float: left;
}

#leftSide input,
#leftSide textarea {
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    border: 1px solid #898989;
    width: 260px;
    padding: 0 0 0 2px;
}

#leftSide input {    
    height: 14px;
}

#leftSide textarea {
    height: 79px;
}

.btn {
    background-color: #DE1B29 !important;
    border: 1px solid #616161 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    font-weight: bold !important;
    color: #FFF;
    height: 16px !important;
    float: left;
}                                                  

.back {
    margin: 20px 0 0 0;
}

/* Het kleine Google mapje */
#information #miniMap {
    float: left;
    display: none;
    border: 1px solid #bfbfbd;
    width: 538px; /* even breed als 4 fotootjes naast elkaar */
    height: 150px;
}

/* #rightSide: rubrieken enz */
#rightSide {
    float: left;
    width: 360px;
    /*_height: 427px; /* IE hack - IE snapt min-height niet */
    /* min-height: 427px; /* Firefox */
    height: 427px;
    overflow: auto;
    overflow-x: hidden;
    margin: 0 0 0 1px;
    border: 1px solid #616161;
    background-color: #e8e8e8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* de Rubriekentab */
#cat {
    font-size:10px;
}

/* de nieuwstab en linkstab */
#newsheadlines,
#links {
    display: none;
}


#newsheadlines a,
#links a {
    display: block;
    padding: 4px 10px 5px 10px;
	font-size:10px;
}

#newsheadlines a:hover,
#links a:hover {
    color: #fff;
    background-color: #DE1B29;
}

#newsheadlines .small,
#news .small,
#links .small,
#information .small {
    color: #383838;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#information p {
    color:#7c7973;
}

#newsheadlines a:hover .small,
#links a:hover .small {
    color: #fff;
}

/* de checkbox waarmee je de markers aan en uit zet */
#rightSide input {
    width: 11px;
    height: 11px;
    margin: 0;/* voor FireFox */
}

/* Hoofdgroepen */
#rightSide .hoofdgroep {
    position: relative;
    height: 19px;/* 22px - 4px */
    padding: 2px 0 0 39px;
}

/* style voor het "Toon alle markers" vinkje */
#rightSide label {
    margin-left: -17px;
    font-weight: bold;
}

#rightSide .even {
    background-color: #e8e8e8;
}

#rightSide .uneven {
    background-color: #d9d9d9;
}

#rightSide .hoofdgroep h2 {
    font-weight: normal;
    font-size:10px;
}

#rightSide .hoofdgroep input {
    position: absolute;
    left: 6px;
    top: 5px;
}

/* het plus/min icoontje waarmee je de categorie opent/sluit */
#rightSide .hoofdgroep .catClosed,
#rightSide .hoofdgroep .catOpen {
    position: absolute;
    left: 21px;
    top: 5px;
}

#rightSide .catClosed a {
    background-image: url("../images/open_close.gif");
}

#rightSide .catClosed a:hover {
    background-position: -11px 0;
}

#rightSide .catOpen a {
    background-image: url("../images/open_close.gif");
    background-position: -22px 0;
}

#rightSide .catOpen a:hover {
    background-position: -33px 0;
}

#rightSide .hgColor {
    position: absolute;
    left: 338px;
    top: 5px;
    border: 1px solid #7f7f7f;
}

/* .hgItems: hierin zitten de subgroepen (hg = hoofdgroep) */
#rightSide .hgItems {
    display: none;
    background: #B8B8B8 url("../images/bg_hg_items.gif") top left no-repeat; 
    height: 141px; /* een hg is 22px hoog */
    padding: 5px 0 5px 0;
    overflow: auto;
    position: relative;
}

/* de subgroep waaronder de markers zitten */
#rightSide .subgroep {
    position: relative;
    height: 17px; /* 21px - 4px */
    padding: 4px 0 0 65px;
    margin: 0 0 1px 0;
}

/* het green maps icoontje */
#rightSide .subgroep .icon {
    position: absolute;
    left: 6px;
    top: 0px;
    width: 21px;
    height: 21px;
}

#rightSide .subgroep input {
    position: absolute;
    left: 32px;
    top: 5px;
}

/* het plus/min icoontje waarmee je de categorie opent/sluit */
#rightSide .subgroep .catClosed,
#rightSide .subgroep .catOpen {
    position: absolute;
    left: 47px;
    top: 5px;
}

/* .sgItems: hierin zitten de markers (sg = subgroep) */
#rightSide .sgItems {
    display: none;
    margin: 0 0 0 0px;
    padding:0px 0 0px 0;
/*    background:#B8B8B8 url(../images/bg_hg_items.gif) no-repeat scroll left top; */
}

#rightSide .sgItems ul {
    margin: 0 0 0 65px;
    _margin: 0 0 0 61px; /* IE hack */
    list-style-type: square;
}

#rightSide .sgItems ul li {
    line-height:16px;
}

/* #footer: onderaan de website */
#footer {
    width: 520px;
    margin: 0 0 0 420px;
    clear: both;
    border: 7px solid #fff; /* dit werkt beter als een margin van 7px */
    border-left: none;
    border-right: none;    
}

#footer span {
    display: block;
    float: left;
    margin: 9px 0 0 10px;
    font-size: 10px;
    color: #7A7A7A;
}

#footer ul {
    list-style-type: none;
    float: left;
    margin-top: 9px;
}

#footer ul li {
    float: left;
    font-size: 10px;
    color: #7A7A7A;
    padding-right: 7px;
    margin-left: 7px;
    border-right: 1px solid #B0B0B0;
}

#footer ul li a {
    text-decoration: none;
    color: #7A7A7A;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer #greenmap {
    display: block;
    float: left;
}

#footer #geostart {
    display: block;
    float: left;
    margin: 3px 0 0 10px;
}

#counter {
    float: left;
}

/* de ballonetjes met informatie op de Google map */
.infoWindow {
    width: 207px;
    /*
    background-color: #666666;
    color: #fff;
    */
}

.infoWindow a {
    color: #b7e74c;
    text-decoration: underline;
    background: url("../images/pvda/arrow_right.gif") right no-repeat;
    padding: 0 10px 0 0;
    z-index:2;
}

/* Zoom in zoom uit in infowindow */
.zoomAnchor {
    text-decoration:none !important;
    background:none !important;
    padding:0 !important;
}
/* Horizonal rule new, minder ruimte eronder */
.infoWindow hr {
    margin-bottom:3px;
}

.funky {
    text-decoration: underline;
    background: url("../images/pvda/arrow_right.gif") right no-repeat;
    padding: 0 10px 0 0;
    color: #4F6B83 !important;
}
.new_funky {
    text-decoration: underline;
    background: url("../images/pvda/arrow_left.gif") left no-repeat;
    padding: 0 0px 0 10px;
    color: #4F6B83 !important;
}

.thumb {
    border: 1px solid #DE1B29;
    float: left;
    padding: 2px;
    margin: 0 12px 15px 0;
}

.streepje {
    color: #b8b8b8;
    margin: 0 5px 0 5px;
}

.number {
    color: #DE1B29;
    font-size: 10px;
    float:left;
    margin-right:5px;
}

.error {
    background-color: #faa !important;
}


div#standpunt {
    margin: 0 0 20px 0;
    background-color:#EE1C25;    
}

div#standpunt p {
    background-color:#EE1C25;
    color:white;
    font-size:16px;    
    font-weight: bold;
    height:128px;
    padding:15px;
    margin-left:154px;
    line-height:19px;
    text-align:justify;
}

div#standpunt div.whois {
    background-color:#D51A21;
    height:20px;
    text-align:right;
}
div#standpunt div.whois a {
    color:white;
    text-decoration: underline;
    background: url("../images/pvda/whitearrow_right.gif") right no-repeat;
    padding: 0 10px 0 0;
    margin-right:15px;
}


      

#rightSide h4 {
    font-size: 18px;
    line-height: 22px;
    color: #DE1B29;
    background: url("../images/pvda/bol.gif") top left no-repeat;
    padding: 0 0 0 27px;
    margin: 0 0 15px 0;
}

#tip {
    padding:10px;
    display:none;
}
#tip input, 
#tip textarea {
    font-size:11px;
    height:14px;
    width:205px;    
}
#tip textarea {
    height:216px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tip .submit {
    width:auto;
    height:auto;
    border:1px;
    margin:;
    padding:2px;    
    float:right;
}

#helpShow {
    position: absolute; 
    display:none; /* niet laten zien, word geopend door init, ziet er mooier uit */
    
    z-index: 1; 
    top: 164px;
    margin: 0 0 0 262px;

    border: 1px solid black; 
    background-color: white; 
    text-align: center;
    width: 5em;
    cursor: pointer;
       
}
#helpShow div {
    border-style: solid; 
    border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; 
    border-width: 1px; 
    font-size: 12px;
}





/* Mission statement popup */
#mission {
    position: absolute; 
    z-index: 1; 
    top: 176px;
    margin: 0 0 0 59px;
    width: 420px;
    height: 355px;
    border: 1px solid #D51A21;
}

#mission_bg {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #EE1C25;
/*    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9; */
}

#mission .missionText {
    position: absolute; 
    z-index: 2;
    color: #D51A21;
    font-size: 12px;
    background: transparent;
    padding:20px 20px 20px 20px;
    line-height:16px;
	margin:20px 0 0 0;
}

#mission .missionTextBox {
    overflow:auto;
    height:275px;
}

#missionCloseX {
    top: 22px;
    left: 387px;
}

#missionClose {
    background-color: #fff;
    top: 329px;
    left: 330px;
    width: 68px;
    height: 19px;
}

#missionClose a {
    display: block;
    margin: 2px 0 0 10px;
    color: #EE1C25;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mission p {
    margin:0 0 5px 0;
}



div#missionBallon {
    margin:0;
    min-height:275px;
    display:block;
}

div#missionBallon p {
    color:white;
    font-size:10px;
    padding:0 5px 0px 5px;
    line-height:15px;
    text-align:justify;    
}

div#missionBallon .main {
    min-height:502px;
    display:none;
}

#missionBallon .main p {
    margin:0 0px 0px 0px;
    padding: 8px 10px 0 0px;
}

#missionBallon p#lees_main a {
    color:white;
    text-decoration:underline;
}

#missionBallon .intro {
}

#missionBallon .introOriginal p,
#missionBallon .intro p {
    font-weight:bold;
	font-size:14px;
	line-height:22px;
    padding-right:10px;
    padding-top:8px;
	height:240px;	
}