/* Style-Sheets zum Überschreiben der Style-Sheets der Landes-Homepage */

/***** Manipulation der vorgegebenen CSS *****/
#spcms-menuleft.col-md-3,
#spcms-content.col-md-9 {
  margin: 1em 0 5em 0;
  padding: 0;
}

#status-tabelle-wahl *,
#rangliste-tabelle-wahl * {
  box-sizing: content-box;
}

/*#spcms-menuleft section.col-xs-12,
#spcms-area-content section.col-xs-12{
	padding-bottom: 0em;
}*/

/***** Allgemeine Styles *****/
#ueberschrift-wahl {
  padding: 5px;
}  

#inhalt-wahl {
  font-size: 14px;
  margin-top: 2em;
  padding: 5px;
}

#inhalt-wahl div.roteSchrift {
  color: red;
}

/* Tabellen allgemein */
table.wertetabelle {
  width: 100%;
  border: 2px solid;
  border-collapse: collapse;
}

table.wertetabelle thead,
table.wertetabelle tfoot {
  background: #ef8489;
}

table.wertetabelle thead th {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
  border-left: 1px solid;
}

table.wertetabelle thead td {
  font-weight: bold;
  text-align: center;
  border: 1px solid;
}

table.wertetabelle tbody th {
  text-align: center;
  font-weight: bold;
}

table.wertetabelle tbody.links td,
table.wertetabelle .links {
  text-align: left;
}

table.wertetabelle .mitte {
  text-align: center;
}

table.wertetabelle .rechts,
table.wertetabelle tbody td {
  text-align: right;
}

table.wertetabelle .fett {
  font-weight: bold;
}

table.wertetabelle tfoot td {
  padding-left: .5em;
}

table.wertetabelle tfoot span.warn {
  color: red;
  font-size: 1.5em;
}

/* Trennlinien in Tabellen */
table.wertetabelle tr.h-linie th,
table.wertetabelle tr.h-linie td {
  border-top: 1px solid;
}

table.wertetabelle *.v-linie {
  border-left: 2px solid;
}

/* Zeilenfarbe in Tabellen */
table tr.hinterlegt {
  background: #DDDDDD;
}

table.wertetabelle tbody tr:hover,
table.wertetabelle tr.markiert {
  background: #bed2dc !important;
}

/* Auswahlmenüs */
div.menue-wahl {
  width: 18em;
}

div.menue-wahl span {
  font-weight: bold;
}

div.menue-wahl select {
  width: 100%;
}

html.wait, html.wait * {
  cursor: wait;
}

/***** Überschrift *****/
#ueberschrift-wahl h2,
#ueberschrift-wahl2 h2 {
  font-weight: bold;
}

#ueberschrift-wahl h3,
#ueberschrift-wahl2 h3 {
  font-size: 1em;
}

#ueberschrift-wahl span.ue_hr,
#ueberschrift-wahl2 span.ue_hr {
  color: red;
}

/***** Ergebnisse und Hochrechnung *****/
/* Auswahlmenü in Ergebnisse */

#tabelle-top-wahl {
  position: relative;
  z-index: 1;
}

#tabelle-menue-wahl,
#hr-menue-wahl,
#nw-menue-wahl {
  float: left;
  margin-right: 2em;
}

/* Grafik in Ergebnisse */
div.balkengrafik {
  position: relative;
  z-index: -1;
}

div.balkengrafik table {
  border-collapse: separate;
  border-spacing: 2px;
}

div.balkengrafik * {
  padding: 0em;
  size: 40px;
}

div.balkengrafik td.balken-partei {
  font-weight: bold;
  color: #FFFFFF;
  padding: 0em 0.5em;
  line-height: 1.0em;
}

div.balkengrafik span.balken {
  width: 100%;
  min-width: 200px;
  float: left;
  padding: 0em;
  height: 2em;
  position: relative;
}

div.balkengrafik span.balken_akt {
  height: 1.5em;
  width: 0%;
  position: absolute;
  z-index: 1;
}

div.balkengrafik span.balken_vgl {
  height: 1.5em;
  width: 0%;
  background: #D4D4D4;
  border-color: #D4D4D4;
  position: absolute;
  top: 0.5em;
  left: 0em;
}

div.balkengrafik span.balken_ganz {
  height: 2em;
  width: 0%;
  position: absolute;
  z-index: 1;
}

div.balkengrafik span.balken-wert {
  text-align: center;
  padding: 0em 1em;
  height: 2em;
  z-index: 2;
  position: absolute;
  top: 0em;
  left: 0%;
}

div.balkengrafik span.balken_akt-wert {
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  top: -0.3em;
}

div.balkengrafik span.balken_vgl-wert {
  font-size: 0.9em;
  position: relative;
  top: -1em;
}

div.balkengrafik span.balken_ganz-wert {
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  top: 0.1em;
}

div.hr_balkengrafik td.balken-partei {
  font-size: 1.4em;
}

div.hr_balkengrafik span.balken {
  height: 3em;
}

div.hr_balkengrafik span.balken_akt {
  height: 2em;
}

div.hr_balkengrafik span.balken_vgl {
  height: 2em;
  top: 1em;
}

div.hr_balkengrafik span.balken_akt-wert {
  font-size: 1.5em;
  top: 0;
}

div.hr_balkengrafik span.balken_vgl-wert {
  font-size: 1.1em;
  top: -0.5em;
}

/* Tabelle in Ergebnisse */
#tabelle-main-wahl {
  min-width: 45em;
  clear: left;
}

#tabelle-main-wahl thead th,
#reststimmen-wahl thead th,
#gemeindevorstand-wahl thead th,
#bmw-nachwahl thead th {
  font-size: 1.3em;
  line-height: 1.2em;
}

#bmw-nachwahl tbody {
  cursor: pointer;
}

#gvw-bmw-link-wahl {
  font-weight: bold;
}

/* Positionierung Text in Ergebnistabelle */
#tabelle-main-wahl tbody th,
#reststimmen-wahl tbody th,
#gemeindevorstand-wahl tbody th {
  text-align: left;
  padding-left: .5em;
}

#reststimmen-wahl tbody td,
#gemeindevorstand-wahl tbody td {
  padding: 0 .5em;
}

#tabelle-main-wahl .tab-ebene1 {
  padding-left: 1em;
}

#tabelle-main-wahl .tab-ebene2,
#reststimmen-wahl .tab-ebene2 {
  padding-left: 1.5em;
}

#tabelle-main-wahl tr,
#reststimmen-wahl tr {
  height: 1.6em;
}

#hr_auszaehlung {
  font-size: 1.2em;
}

/* Reststimmen, Gemeindevorstand */

#reststimmenlink-wahl,
#gemeindevorstandlink-wahl {
  color: #00468C;
  cursor: pointer;
}

#reststimmenlink-wahl:hover,
#gemeindevorstandlink-wahl:hover {
  text-decoration: underline;
}

#reststimmen-wahl,
#gemeindevorstand-wahl {
  display: none;
}

/***** Rangliste und Wahlstatus *****/

#rangliste-menue-wahl {
  width: 24em;
}

table.sortierbar {
  position: relative;
}

table.sortierbar thead tr {
  width: 100%;
}

table.sortierbar thead th {
  background-color: #bed2dc;
  cursor: pointer;
  padding: 1px 10px 1px 1px;
  background-image: url('sort.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

table.sortierbar thead th.nosort {
  cursor: auto;
  background-image: none;
  padding: 1px;
}

table.sortierbar thead th.sortiert,
table.sortierbar thead th.resortiert {
  background-color: #005587;
  color: white;
  border-color: black;
}

table.sortierbar thead th.sortiert {
  background-image: url('sort_ab.gif');
}

table.sortierbar thead th.resortiert {
  background-image: url('sort_auf.gif');
}

table.sortierbar tbody td {
  cursor: pointer;
  padding-right: 1em;
}

table.sortierbar tr.ebene0 {
  background-color: #999999;
}

table.sortierbar tr.ebene1 {
  background-color: #AAAAAA;
}

table.sortierbar tr.ebene2 {
  background-color: #BBBBBB;
}

table.sortierbar tr.ebene3 {
  background-color: #CCCCCC;
}

/***** Karten *****/

#karten-wahl {
  position: relative;
}

#karten-beschreibung-wahl {
  margin-bottom: 2em;
}

#karten-menue-wahl {
  position: absolute;
  z-index: 1;
  width: 21em;
}

#karten-parteiauswahl1-wahl,
#karten-parteiauswahl2-wahl {
  width: 45%;
}

#karten-grafik-wahl {
  background: url('salzburgkarte.gif') repeat scroll 0% 0% transparent;
  position: relative;
  padding: 0;
  width: 727px;
  height: 610px;
}

#karten-grafik-wahl img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  border: 0 none;
}

#karten-text-wahl {
  position: absolute;
  left: 580px;
  z-index: 1;
  width: 220px;
}

#karten-text-wahl table {
  width: 100%;
  border: 2px solid;
  border-collapse: collapse;
  font-size: 0.9em;
  line-height: 1.2em;
}

#karten-text-wahl th {
  border-bottom: 1px solid;
}

#karten-text-wahl td {
  padding: 0 .4em;
}

#karten-text-wahl .beschreibung {
  text-align: right;
}

#karten-legende-wahl {
  position: absolute;
  top: 200px;
  z-index: 1;
}

#karten-legendenbalken-wahl div {
  float: left;
}

#karten-legende-wahl table {
  border-collapse: separate;
}

#karten-legende-wahl * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#karten-legende-wahl th {
  text-align: left;
}

#karten-legende-wahl td {
  text-align: left;
  padding: 0;
  margin: 0;
}

#karten-legende-wahl #legende-maxwert {
  padding-left: 0.2em;
  vertical-align: top;
}

#karten-legende-wahl #legende-nullwert {
  padding-left: 0.2em;
  vertical-align: center;
}

#karten-legende-wahl #legende-minwert {
  padding-left: 0.2em;
  vertical-align: bottom;
}

#karten-parteienlegende-wahl {
  position: absolute;
  /*top: 386px;*/
  top: 350px;
  left: 4px;
  z-index: 1;
}

#karten-parteienlegende-wahl td {
  padding: 0em 0.5em;
  line-height: 1.0em;
}

/***** Vorzugsstimmen *****/
#vz-tabelle-wahl thead th {
  background-color: inherit;
}

#vz-tabelle-wahl th.vz-metadaten {
  text-align: right;
  padding-right: .5em;
  width: 20%;
}

#vz-tabelle-wahl td.wert {
  padding-right: 2em;
}

#vz-tabelle-wahl td.pwert {
  padding-right: 2.2em;
}

/***** Wählerströme *****/
#waehlerstroeme-wahl path.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .6;  
}

#waehlerstroeme-tooltip-wahl {
    position: absolute;
    text-align: center;
    padding: 2px;
    background: white;
    border: 1px solid black;
    pointer-events: none;
}

/***** Historie *****/
#historie-menue-wahl th {
  text-align: left;
  padding-right: 1em;
}

#historie-tabelle-wahl {
  margin-top: 1em;
}

#historie-tabelle-wahl tbody td {
  padding-right: 0.5em;
}

#historie-tabelle-wahl tbody.zentriert td {
  text-align: center;
  padding: 0;
}

/***** Download *****/
#download-tabelle-wahl {
  margin-top: 1em;
}

#download-tabelle-wahl tbody th,
#download-tabelle-wahl tbody td {
  text-align: center;
  border-right: 1px solid;
}

#download-wahl a {
  color: #00468C;
  cursor: pointer;
}

#download-wahl span:hover {
  text-decoration: underline;
}

/***** Buttonbar *****/
#content div.buttonbar {
  width: 63em;
  margin: 0.7em;
  padding: 1em;
}

/***** Aktualisierungs-Button *****/
#aktualisieren {
  text-align: center;
}

#aktualisieren button {
  width: 100%;
}

/***** Startseite *****/
#start-wahl {
  margin-bottom: 1em;
}

#start-stimmen-wahl,
#start-mandate-wahl {
  width: 48%;
  float: left;
}

#start-abstand-wahl {
  width: 4%;
  float: left;
}

#start-kommentar-wahl {
  clear: left;
}

#start-links-wahl a {
  font-weight: bold;
  font-size: 0.75em;
  padding: 0.3em 4em 0.3em 0.7em;
  background: url(http://www.salzburg.gv.at/images/cms/arrow_new_29.png) no-repeat 0px 8px;
}