
/*
***************************************
** CONTENT
***************************************
*/

iframe {
  margin: 0;
  padding: 0;
  border: none;
}

#logo {
  position: absolute;
  display: block;
  right: -23px;
  top: 61px;
  margin: 0;
  padding: 0;
}

.letzteMeldung {
  width: 388px;
  margin: 0 0 40px 120px;
  padding: 0;
}

.letzteMeldung-titel {
  margin: 0;
  padding: 0;
}

.letzteMeldung-inhalt {
  margin: 0;
  padding: 10px 3px 3px 38px;
  background-color: #EDEBE6;
}

.ueberschrift {
  width: 388px;
  margin: 0;
  padding: 0 0 0 120px;
}

.main {
  margin: 28px 0 0 0;
  padding: 0;
  width: 508px;
}

#gesamtSpalte .main {
  margin: 28px 0 0 0;
  padding: 0;
  width: 100%;
}

.inhalt {
  margin: 0;
  padding: 0;
  width: 347px;
  float: left;
}

#gesamtSpalte .inhalt {
  margin: 0;
  padding: 0;
  width: 595px;
  float: left;
}

.inhalt-untertitel {
  font-weight: bold;
}

.balken {
  position: relative;
  left: 120px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 389px;
  height: 9px;
  background-color: #B88884;
  font-size: 1px;
  line-height: 1px;
  float: left;
}

#gesamtSpalte .balken {
  position: relative;
  left: 120px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 636px;
  height: 9px;
  background-color: #B88884;
  font-size: 1px;
  line-height: 1px;
  float: left;
}


/*
***************************************
** LINKS
***************************************
*/

a.infobox-link:link,
a.infobox-link:visited,
a.infobox-link:hover,
a.infobox-link:active {
  color: #3B4B5B;
	text-decoration: none;
  background-color: transparent;
  font-weight : bold;
}

a.infobox-link:hover,
a.infobox-link:active {
  color: #DD8800;
	text-decoration: underline;
  background-color: transparent;
  border: 1px transparent;
}

a.service-link:link,
a.service-link:visited,
a.service-link:hover,
a.service-link:active {
  background-color: transparent;
  font-weight : normal;
  font-size: .9em;
}

a.rubrik-link:link,
a.rubrik-link:visited,
a.rubrik-link:hover,
a.rubrik-link:active {
  display: block;
  margin: 7px 0 0 0;
  padding: 0 0 1px 26px;
  background-color: transparent;
  font-weight : normal;
  background-image: url(/kiosk/grafik/service_4.gif);
  background-repeat: no-repeat;
  font-weight : bold;
}


/*
***************************************
** KOMPONENTEN
***************************************
*/

.infobox {
  margin: 0 0 8px 0;
  padding: 0;
  width: 192px;
}

.infobox-titel {
  margin: 0;
  padding: 0;
  background-color: #FF9900;
}

.infobox-inhalt {
  margin: 0;
  padding: 0;
  background-color: #EDEBE6;
  width: 200px;
}

.infobox-inhalt-eintrag-first {
  margin: 0 9px 0 9px;
  padding: 10px 0 10px 0;
}

.infobox-inhalt-eintrag {
  margin: 0 9px 0 9px;
  padding: 10px 0 10px 0;
  /*border-top: 1px dashed #3B4B5B;*/
  border-top: 1px solid #3B4B5B;
}

.infobox-inhalt-eintrag-wichtig {
  margin: 0 9px 0 9px;
  padding: 10px 0 10px 35px;
  /*border-top: 1px dashed #3B4B5B;*/
  border-top: 1px solid #3B4B5B;
  background-image: url(/kiosk/grafik/ausrufezeichen.gif);
  background-repeat: no-repeat;
}

.infobox-inhalt-eintrag-datum {
  font-size: .75em;
}

.infobox-inhalt-eintrag-text {
  margin: 0;
  padding: 0;
  font-size: .9em;
}


.rubrik {
  margin: 0;
  padding: 0;
}

.rubrik-eintrag {
  margin: 0 0 9px 0;
  padding: 0;
  /*border-bottom: 1px dashed #3B4B5B;*/
  border-bottom: 1px solid #3B4B5B;
  width: 347px;
}

.rubrik-eintrag-inhalt-mit {
  margin: 0;
  padding: 0 10px 0 0;
  width: 277px;
  float: left;
}
            
.rubrik-eintrag-inhalt-ohne {
  margin: 0;
  padding: 0;
  width: 347px;
  float: left;
}

.rubrik-eintrag-bild {
  margin: 0;
  padding: 3px 0 0 0;
  width: 60px;
  float: left;
}

.rubrik-eintrag-datum {
  margin: 0;
  padding: 0 0 4px 0;
  font-size: .8em;
}

.rubrik-eintrag-titel {
  margin: 0;
  padding: 0 0 4px 0;
  font-weight: bold;
}

.rubrik-eintrag-text {
  margin: 0;
  padding: 0;
  font-size: .8em;
}

.rubrik-eintrag-text-bild {
  padding: 0 5px 5px 0;
  float: left;
}

h3.h3-rubrik {
  margin: 0;
  padding: 0 0 1em 0;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-size: 1.2em;
  color: #B88884;
  background-color: transparent;
  font-weight: bold;
  font-style: italic;
}


.fotogalerie {
  margin: 0 0 1em 0;
  padding: 10px 0 0 0;
  background-color: transparent;
}

.fotogalerie-inhalt {
  margin: 0;
  padding: 0;
  width: 349px;
}

.fotogalerie-inhalt-fotos {
  width: 96px;
  margin: 0 30px 15px 0;
  padding: 2px 0 2px 0;
  border-top: 4px solid #E09C68;
  border-bottom: 2px solid #EDEBE6;
  float: left;
  text-align: center;
}

.fotogalerie-inhalt-fotos-last {
  width: 96px;
  margin: 0 0 15px 0;
  padding: 2px 0 2px 0;
  border-top: 4px solid #E09C68;
  border-bottom: 2px solid #EDEBE6;
  float: left;
  text-align: center;
}

.kreisvorstand,
.vereinigungen,
.abgeordnete,
.stadtbezirksverbaende,
.kandidaten,
.fraktion,
.stadtvorstand,
.ortsbeirat {
  margin: 0;
  padding: 0;
}

.kreisvorstand-eintrag,
.vereinigungen-eintrag,
.abgeordnete-eintrag,
.stadtbezirksverbaende-eintrag,
.kandidaten-eintrag,
.fraktion-eintrag,
.stadtvorstand-eintrag,
.ortsbeirat-eintrag {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  /*border-bottom: 1px dashed #3B4B5B;*/
  border-bottom: 1px solid #3B4B5B;
}

.kreisvorstand-eintrag-text,
.vereinigungen-eintrag-text,
.abgeordnete-eintrag-text,
.stadtbezirksverbaende-eintrag-text,
.kandidaten-eintrag-text,
.fraktion-eintrag-text,
.stadtvorstand-eintrag-text,
.ortsbeirat-eintrag-text {
  margin: 0;
  padding: 0;
  width: 225px;
  float: left;
}

.kreisvorstand-eintrag-name,
.vereinigungen-eintrag-name,
.abgeordnete-eintrag-name,
.stadtbezirksverbaende-eintrag-name,
.kandidaten-eintrag-name,
.fraktion-eintrag-name,
.stadtvorstand-eintrag-name,
.ortsbeirat-eintrag-name {
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
}

.kandidaten-eintrag-listenplatz {
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
}

.kreisvorstand-eintrag-adresse,
.vereinigungen-eintrag-adresse,
.abgeordnete-eintrag-adresse,
.stadtbezirksverbaende-eintrag-adresse,
.kandidaten-eintrag-adresse,
.fraktion-eintrag-adresse,
.ortsbeirat-eintrag-adresse {
  margin: 0;
  padding: 0 0 9px 0;
}

.kreisvorstand-eintrag-amt,
.vereinigungen-eintrag-amt,
.abgeordnete-eintrag-amt,
.stadtbezirksverbaende-eintrag-amt,
.ortsbeirat-eintrag-amt {
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
}

.kandidaten-eintrag-familienstand,
.kandidaten-eintrag-aufgaben {
  margin: 0;
  padding: 0 0 9px 0;
}

.vereinigungen-eintrag-bezirk {
  margin: 0;
  padding: 0 0 9px 0;
}

.fraktion-eintrag-stadtteil {
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
}

.fraktion-eintrag-arbeitsschwerpunkte,
.fraktion-eintrag-ausschussmitgliedschaften {
  margin: 0;
  padding: 0 0 9px 0;
}

.ortsbeirat-eintrag-familienstand,
.ortsbeirat-eintrag-arbeitsschwerpunkte,
.ortsbeirat-eintrag-ausschussmitgliedschaften {
  margin: 0;
  padding: 0 0 9px 0;
}

.stadtbezirksverbaende-eintrag-weitere-aemter,
.vereinigungen-eintrag-weitere-aemter,
.kandidaten-eintrag-weitere-aemter,
.fraktion-eintrag-weitere-aemter {
  margin: 0;
  padding: 0 0 9px 0;
}

.kreisvorstand-eintrag-foto,
.vereinigungen-eintrag-foto,
.abgeordnete-eintrag-foto,
.stadtbezirksverbaende-eintrag-foto,
.kandidaten-eintrag-foto,
.fraktion-eintrag-foto,
.stadtvorstand-eintrag-foto,
.ortsbeirat-eintrag-foto {
  margin: 0;
  padding: 0;
  float: right;
  border-right: 8px solid #FF9900;
}



/*
***************************************
** SCHRIFTFORMATIERUNGEN
***************************************
*/

h2.h2-ueberschrift {
  margin: 0;
  padding: 5px 14px 3px 37px;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.4em;
  color: #FFFFFF;
  background-color: #B88884;
  font-weight: bold;
  width: auto;
  height: auto;
}

h3.h3-zwischenueberschrift {
  margin: 0;
  padding: 0 0 1em 0;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-size: 1em;
  color: #3B4B5B;
  background-color: transparent;
  font-weight: bold;
}

h3.h3-infobox {
  margin: 0;
  padding: 5px 0 1px 7px;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.4em;
  color: #FFFFFF;
  background-color: #FF9900;
  font-weight: bold;
  width: 100%;
  height: 22px;
  border-bottom: 3px solid #FFFFFF;
}

h3.h3-kreisvorstand,
h3.h3-vereinigungen,
h3.h3-abgeordnete,
h3.h3-stadtbezirksverbaende,
h3.h3-kandidaten,
h3.h3-fraktion,
h3.h3-stadtvorstand,
h3.h3-ortsbeirat {
  margin: 0;
  padding: 0 0 1em 0;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-size: 1.2em;
  color: #B88884;
  background-color: transparent;
  font-weight: bold;
  font-style: italic;
}


/*
***************************************
** AUSRICHTUNG
***************************************
*/


.ausrichtung-links {
  margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}

.ausrichtung-rechts {
  margin: 0;
  padding: 0 0 10px 10px;
  float: right;
}

.ausrichtung-zentriert {
  margin: 0;
  padding: 17px 0 0 0;
  text-align: center;
  width: 100%;
}


/*
***************************************
** BILD
***************************************
*/

.bild-links {
  margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}

.bild-rechts {
  margin: 0;
  padding: 0 0 10px 10px;
  float: right;
}

.bild-zentriert {
  margin-right:auto;
  margin-left:auto;
  padding: 0 0 1em 0;
  text-align: center;
  width: 100%;
  border-top: 4px solid #B88884;
}

.bild-inhalt-links {
  margin: 0;
  padding: 0;
  border-left: 8px solid #FF9900;
}

.bild-inhalt-rechts {
  margin: 0;
  padding: 0;
  text-align: right;
  border-right: 8px solid #FF9900;
}

.bild-inhalt-zentriert {
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}

.bildbeschreibung-links {
  margin: 0;
  padding: 0;
  background-color: #DEDBD1;
  border-left: 3px solid #FF9900;
}

.bildbeschreibung-rechts {
  margin: 0;
  padding: 0;
  background-color: #DEDBD1;
  border-right: 3px solid #FF9900;
}

.bildbeschreibung-zentriert {
  margin: 0;
  padding: 0;
  background-color: #EDEBE6;
}

p.p-bildbeschreibung {
  margin: 0;
  padding: 5px 9px 5px 9px;
}

p.p-bildbeschreibung-zentriert {
  margin: 0;
  padding: 5px;
  font-size: .9em;
  font-style: italic;
}


/*
***************************************************************************************************
***************************************************************************************************
** TABELLEN
***************************************************************************************************
***************************************************************************************************
*/

table {
	margin: 0 0 18px 0;
	padding: 0;
  width: 100%;
  font-size: .9em;
}

th {
  margin: 0;
  padding: 3px 6px 3px 6px;
  background-color: #B88884;
	color: #FFFFFF;
}

td {
  margin: 0;
  padding: 6px;
  background-color: #EDEBE6;
	color: #3B4B5B;
}




/*
***************************************************************************************************
***************************************************************************************************
** FORMULAR
***************************************************************************************************
***************************************************************************************************
*/

.kontaktformular,
.suchformular {
  margin: 0;
  padding: 0;
}


/*
******************************************
** FOMULARFELDER
******************************************
*/

fieldset {
  margin: 0 0 5px 0;
  padding: 10px 0 10px 0;
  background-color: #FFFFFF;
  border: none;
  font-size: .95em;
}

.label {
  padding: 3px 0 3px 0;
  width: 11em;
  font-weight: bold;
  float: left;
}

.formular {
  padding: 0 0 5px 0;
}

p.formular-beschreibung {
  padding: 0 4px 0 4px;
}

input.InputTextfeldEinzeilig {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 203px;/*250*/
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

input.InputTextfeldEinzeilig-lang {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 273px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

input.InputTextfeldEinzeilig-mittel {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 156px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

input.InputTextfeldEinzeilig-kurz {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 38px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

input.InputTextfeldEinzeilig-Suche {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 0;
  padding: 1px 0 1px 3px;
  width: 150px;
  font-size: .9em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

input.InputRadio {
  margin: 2px 0 0 0;
  padding: 0;
}

input.InputCheck {
  margin: 2px 0 0 0;
  padding: 0;
}

input.InputSenden {
  border: 1px solid #B88884;
  color: #FFFFFF;
  background-color: #B88884;
  margin: 0;
  padding: 0;
  width: 100px;/*115*/
  height: auto;
  font-size: 1.0em;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

textarea.Textfeld {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 203px;/*250*/
  height: 150px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

select.normal {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 0;
  padding: 0 0 1px 1px;
  width: 209px;
  height: 15px;
  font-size: .8em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

select.mittel {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 0;
  padding: 0 0 1px 1px;
  width: 126px;
  height: 15px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}

select.kurz {
  border: 1px solid #B88884;
  color: #3B4B5B;
  background-color: #FAF9F7;
  margin: 0;
  padding: 0 0 1px 1px;
  width: 42px;
  height: 15px;
  font-size: 1.0em;
  font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** FUSS
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


.service {
  position: relative;
  left: 120px;
  top: 0;
  margin: 30px 0 10px 0;
  padding: 0 0 0 36px;
  width: 389px;
  height: auto;
  float: left;
}

#gesamtSpalte .service {
  position: relative;
  left: 120px;
  top: 0;
  margin: 30px 0 10px 0;
  padding: 0 0 0 36px;
  width: 636px;
  height: auto;
  float: left;
}

.service1 {
  background-image: url(/kiosk/grafik/service_1.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0 74px 0 0;
  padding: 0 0 0 24px;
  float: left;
}

#gesamtSpalte .service1 {
  background-image: url(/kiosk/grafik/service_1.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0 74px 0 0;
  padding: 0 0 0 24px;
  float: left;
}

.service2 {
  background-image: url(/kiosk/grafik/service_2.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0 65px 0 0;
  padding: 0 0 0 24px;
  float: left;
}

#gesamtSpalte .service2 {
  background-image: url(/kiosk/grafik/service_2.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0 310px 0 0;
  padding: 0 0 0 24px;
  float: left;
}

.service3 {
  background-image: url(/kiosk/grafik/service_3.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0;
  padding: 0 0 0 24px;
  float: left;
}

/*
***************************************
** NAVIGATION
***************************************
*/

.navigation {
  margin: 1em 0 1em 0;
  padding: 0;
}

table.tabelle-navigation {
	margin: 0;
  padding: 0;
  /*width: 100%;*/
  width: 349px;
  font-size: .85em;
}

td.tabelle-navigation-zurueck {
  margin: 0;
  padding: 4px 0 4px 2px;
  background-color: #EDEBE6;
	color: #000000;
  vertical-align: top;
  width: 60px;
  text-align: left;
}

td.tabelle-navigation-position {
  margin: 0;
  padding: 4px 0 4px 0;
  background-color: #EDEBE6;
	color: #000000;
  vertical-align: top;
  text-align: center;
}

td.tabelle-navigation-weiter {
  margin: 0;
  padding: 4px 2px 4px 0;
  background-color: #EDEBE6;
	color: #000000;
  vertical-align: top;
  width: 60px;
  text-align: right;
}

