*
{
margin: 0;
padding: 0;
font-weight: normal;
line-height: 1em;
font-size: 1em;
border: none;
}

.eintrag {
margin-bottom: 31px;
}

.rot {
background-color: #FF0013;
}



/* CONTENT, MARGINAL */

h1 {
display: inline;
font-size: 1em;
line-height: 1.25em;
color: #fff;
background-color: #000;
padding: 0 5px 0 5px;
}

h1 a:link,
h1 a:visited {
font-size: 1em;
color: #fff;
text-decoration: none;
margin: 0 -5px 0 -5px;
}

h1 a:hover,
h1 a:active {
font-size: 1em;
color: #fff;
text-decoration: none;
background-color: #FF0013;
}


h2 {
display: inline;
font-family: arial, san-serif;
font-weight: bold;
font-size: .85em;
line-height: 1.25em;
color: #fff;
background-color: #000;
padding: 0 5px 0 5px;
}

h2 a:link,
h2 a:visited {
font-size: 1em;
color: #fff;
text-decoration: none;
margin: 0 -5px 0 -5px;
}

h2 a:hover,
h2 a:active {
font-size: 1em;
color: #fff;
text-decoration: none;
background-color: #FF0013;
}

p {
display: inline;
font-family: arial, san-serif;
font-weight: bold;
font-size: .85em;
color: #000;
background-color: #fff;
}

/* Safari-Hack wegen der falschen Handhabung des paddings */
/* http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/ */
	p { line-height: .6em; } /* Firefox 2.0 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	p { line-height: 1em; } /* Safari 3.12 */
}

label {
font-weight: bold;
}

a:link,
a:visited {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
color: #fff;
background-color: #000;
padding: 0 5px 0 5px;
}

a:hover,
a:active,
a.active:link,
a.active:visited {
background-color: #FF0013;
}



/* FORMULAR */

.text {
font-family: arial black, sans serif;
font-size: 12px;
border: none;
background-color: #fff;
width: 170px;
height: 23px;
padding: 0 5px 0 5px;
margin: 0 5px 5px 0;
}

.submit {
font-family: arial black, sans serif;
font-size: 12px;
border: none;
background-color: #000;
color: #fff;
height: 23px;
padding: 0 5px 0 5px;
}

.submit:hover {
background-color: #FF0013;
color: #fff;
}



/* Kategorien */

p.cat_aktuell,
a.cat_aktuell:link,
a.cat_aktuell:visited {
background-color: #a7c93b;
}

p.cat_agenda,
a.cat_agenda:link,
a.cat_agenda:visited {
background-color: #e69317;
}

p.cat_medien,
a.cat_medien:link,
a.cat_medien:visited {
background-color: #718fc6;
}

a.cat_aktuell:hover,
a.cat_aktuell:active,
a.cat_agenda:hover,
a.cat_agenda:active,
a.cat_medien:hover,
a.cat_medien:active {
background-color: #FF0013;
}

.cat_aktuell,
.cat_agenda,
.cat_medien {
color: #fff;
padding: 0 5px 0 5px;
}



/* KANDIDTENLISTE */

ul#kandidaten_liste {
width: 750px;
}

ul#kandidaten_liste li {
list-style-type: none;
line-height: 2em;
float: left;
margin-right: 10px;
font-family: arial, sans-serif;
font-weight: bold;
font-size: .85em;
white-space: nowrap;
}

ul#kandidaten_liste a:link,
ul#kandidaten_liste a:link {
background-color: #fff;
color: #000;
}

ul#kandidaten_liste a:hover,
ul#kandidaten_liste a:active {
background-color: #FF0013;
color: #fff;
}



/* LEISTUNGENLISTE */

ul#leistungen_liste {
width: 750px;
}

ul#leistungen_liste li {
list-style-type: none;
line-height: 2em;
float: left;
margin-right: 10px;
font-family: arial, sans-serif;
font-weight: bold;
font-size: .85em;
white-space: nowrap;
}



/* WUNSCHLISTE */

ul#wunsch_liste {
width: 750px;
}

ul#wunsch_liste li {
list-style-type: none;
line-height: 2em;
float: left;
margin-right: 10px;
font-family: arial, sans-serif;
font-weight: bold;
font-size: .85em;
white-space: nowrap;
}





/* STRUKTUR */

#wrapper {
position: absolute;
z-index: 10;
font-family: arial black, sans serif;
}

#impressum {
position: absolute;
top: 0;
right: 0;
height: 30px;
width: 100px;
z-index: 11;
}

#darstellung {
position: absolute;
top: 0;
left: 40px;
height: 30px;
width:200px;
z-index: 11;
}

#darstellung p {
background-color: transparent;
}

#content {
position: absolute;
left: 300px;
top: 220px;
width: 420px;
}

#marginal {
position: absolute;
left: 750px;
top: 220px;
width: 300px;
}

#stadtkompetenz_waehlen {
position: absolute;
width: 405px;
height: 78px;
top: 60px;
left: 35px;
}

#logo_kampagne,
#stadtkompetenz_waehlen a {
background-color: transparent;
}

#logo_kampagne {
position: fixed;
width: 280px;
height: 47px;
z-index: 11;
left: 0;
bottom: 0;
background-color: #fff;
}

#logo_kampagne img {
position: absolute;
width: 279px;
height: 47px;
left: 0;
bottom: 0;
z-index: 11;
}

#map {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}

#map a {
background-color: transparent;
}

#navigation {
position: absolute;
left: 40px;
top: 220px;
}

#google {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 99999999;
}

/* BOEPPEl */

.boeppel {
background-image: url(../bilder/pfeil-boeppel-weiss.png);
background-position: bottom left;
background-repeat: no-repeat;
height: 52px;
width: auto;
}

.boeppel_schmal {
background-image: url(../bilder/schatten.png);
background-position: bottom left;
background-repeat: no-repeat;
height: 28px;
width: auto;
}

/* Safari-Hack wegen der falschen Handhabung des paddings */
/* http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/ */
.boeppel, .boeppel_schmal { padding: 0 6px 0 0; } /* Firefox 2.0 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .boeppel, .boeppel_schmal { padding: 0 0 0 0; } /* Safari 3.12 */
}




.boeppel:hover, .boeppel_schmal:hover {
background-image: url(../bilder/schatten_hover.png);
cursor: pointer;
}

.boeppel:hover h2, .boeppel_schmal:hover h2 {
background-color: red;
color: #fff;
}

.boeppel h2, .boeppel_schmal h2 {
padding: 0 5px 0 5px;
white-space: nowrap;
}
.boeppel:hover p, .boeppel_schmal:hover p {
background-color: #FF0013;
color: #fff;
}

.boeppel p, .boeppel_schmal a:link, .boeppel_schmal a:visited {
padding: 0 5px 0 5px;
white-space: nowrap;
color: #000;
}

.boeppel_schmal:hover a {
color: #fff;
}



/* BLASE */

.blase {
background-image: url(../bilder/pfeil-boeppel-weiss.png);
background-position: bottom left;
background-repeat: no-repeat;
background-color: #fff;
width: 280px;
padding: 7px 10px 0 10px;
}

.blase img {
width: auto;
}

.blase h1,
.blase h2,
.blase p {
margin: 0;
padding: 0;
background-color: #fff;
display: block;
color: #000;
line-height: 1em;
}

.blase p {
font-size: .7em;
font-weight: normal;
margin: 0 0 7px 0;
line-height: 1.25em;
}

.blase .scroll {
/*height: 160px;
width: 280px;
overflow-x: hidden;
overflow-y: auto;
*/
margin: 0 0 10px 0;
}

.blase #pfeil {
position: absolute;
bottom: -20px;
left: 5px;
background-image: url(../bilder/pfeil-boeppel-weiss.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
}

.blase .schliessen {
position: absolute;
top: 0;
right: 0;
}



/* DARSTELLUNG DER DIVS IN THEMEN */

#floating_eintraege {
position: fixed;
right: 100px;
top: 60px;
z-index: 99;
}

#floating_eintraege * li {
display: block;
font-family: arial, san-serif;
color: #000;
background-color: #fff;
padding-left: 10px;
font-size: .7em;
font-weight: normal;
margin: 0 0 7px 0;
line-height: 1.25em;
}

#floating_eintraege * ul {
padding-bottom: 11px;
}



/* NAVIGATION */

#navigation li {
list-style-type: none;
font-size: 1em;
line-height: 1.45em;
white-space: nowrap;
}

#navigation a:link,
#navigation a:visited {
text-decoration: none;
color: #fff;
background-color: #000;
white-space: nowrap;
line-height: 0.9em;
}

#navigation a:hover,
#navigation a:active,
#navigation a.active {
background-color: #FF0013;
}