html {
 font-family: Verdana, Tahoma, Arial, sans-serif;
 font-size:85%;
 padding:0;
 margin:0 1em 0 0;
 background-repeat:no-repeat;
 background-position:left top;
 background-color:#8585ac;
 color:#003;
}

body {
 margin:0 2em 0 0;
 padding:0;
 background-color:#8585ac;
 color:#003;
}


div#hilfsnavigation {
 position:absolute;
 top:0; 
 left:0;
 right:0;
 margin:0;
 padding:0;
 width:100%;
 height:17.5ex;
 background-image:url('grafik/banner.png');
 background-repeat:no-repeat;
 background-position:right center;
}

div#hilfsnavigation p#slogans {
 color:#ccf;
 background-color:transparent;
 width:14em;
 font-variant:small-caps;
 font-weight:bold;
 font-style:italic;
 float:left;
 margin:1.5ex 0;
 padding:.5ex .5em;
 text-align:right;
}

div#hilfsnavigation ul {
 position:absolute;
 top:14.5ex;
 right:0;
 margin:0 0 0 auto;
}

div#hilfsnavigation ul li {
 display:inline;
}

div#hilfsnavigation ul li a {
 font-variant:small-caps;
 text-decoration:none;
}

div#hauptnavigation {
 position:absolute;
 top:17.5ex;
 left:0;
 width:15em;
 background-color:#8585ac;
 clear:both;
}

div#hauptnavigation ul {
 margin:0;
 padding:1ex;
 list-style-type:none;
}

div#hauptnavigation ul li {
 padding:1px;
 margin:1px;
}

div#hauptnavigation ul li a {
 display:block;
 font-variant:small-caps;
 font-weight:bold;
 font-size:115%;
 text-decoration:none;
 padding:.5ex 0 .5ex 2em;
 background-image:url('grafik/minilogo.png');
 background-repeat:no-repeat;
 background-position:left center;
 margin:0;
 border-bottom:dotted 2px #448;
 color:#007;
 background-color:transparent;

}

div#hauptnavigation ul li a:hover {
 color:#ccf;
 border-bottom-color:#226;
 background-color:transparent;
}


div#inhalt {
 background-image:url('grafik/hintergrund.png'); 
 background-repeat:no-repeat;
 background-position:60% 5ex;
 background-attachment:fixed;
 margin:17.5ex 0 0 15em;
 padding:1em 2em;
 width:auto;
 min-height:50ex;
 background-color:#eef;
}

#gb div#inhalt {
 background-color:#fff;
 background-image:none;
 color:#003;
}

div#fusszeile {
 margin:1ex 0;
 background-position:center center;
 background-repeat:repeat-x;
 padding-bottom:4ex;
}

div#fusszeile p {
 font-size:75%;
 color:#337;
 background-color:transparent;
 margin: 0;
 padding:.5ex;
 text-align:center;
}

h1 {
 font-size:200%;
 color:#007;
 background-color:transparent;
 font-family: "Copperplate Gothic Light", Verdana, Tahoma, Arial, sans-serif;
}

h2 {
 font-size: 140%;
 color:#007;
 background-color:transparent;
 padding:.5ex 0 0 0;
 margin:3ex 0 1ex 0;
 border-top:solid .8ex #e0e0ff;
 clear:both;
 }

h3 {
 font-size: 110%;
 color:#007;
 background-color:transparent;
}

ul.themennavigation {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 clear:both;
}

ul.themennavigation li {
 display:inline;
 padding: 0 .5em;
 font-size:80%;
}

p.artikel {
 text-align:justify;
}

img.bildrechts {
 float:right;
 display:block;
 margin:0 4ex 1ex 1ex;
 padding:0;
}

img.bildlinks {
 float:left;
 display:block;
 margin:0 1ex 1ex 0;
 padding:0;
}

img.bildmitte {
 padding:10px;
 border:none;
}

p.skalieren {
 text-align:center;
}

p.skalieren img {
 width:95%;
}

p.zeitungsvorschau {
 text-align:center;
 width:320px;
 font-size:90%;
 margin:auto;
}

p.zeitungsbild {
 margin:1ex;
 padding:1.5ex;
 width:35em;
 border:solid 1px #e0e0ff;
 text-align:center;
 float:right;
 font-size:75%;
}

p.zeitungsbild img {
 width:100%;
}

p.dynabild {
 margin:1ex 3em 1ex 2ex;
 padding:2ex;
 width:25em;
 border:solid 1px #e0e0ff;
 text-align:center;
 float:right;
 font-size:75%;
 background-color:#f8f8ff;
 color:#003;
}

p.dynabild img {
 width:100%;
}

.mitbild {
 padding-right:310px;
 margin-right:1em;
 background-repeat:no-repeat;
 background-position:top right;
}

.mitabstand {
 padding-bottom:12ex;
}

.mitvielabstand {
 padding-bottom:30ex;
}

#downloadliste {
 background-image:url('grafik/download.png');
}
#hvbgluk {
 background-image:url('grafik/hvbg-luk.png');
 padding-right:360px;
}
#terminkindernotfall {
  background-image:url('grafik/termin_kindernotfall.jpg'); 
}
#terminfuehrerschein {
 background-image:url('grafik/termin_erstehilfe.png');
}
#sofortmassnahmen {
 background-image:url('grafik/fahrschule.jpg');
}
#kinder {
 background-image:url('grafik/termin_kindernotfall.jpg'); 
}
#ersthelfer {
 background-image:url('grafik/hubschrauber.jpg');
}
#rettungswagen {
 background-image:url('grafik/rettungswagen.jpg');
}
#ehfuerkinder {
 background-image:url('grafik/ersthelferkinder.jpg');
}

ul.abstandliste ul {
 margin-bottom:4ex;
}

ul.abstandliste ul li {
 font-size:90%;
}

#partner {
 list-style-type:none;
}

#partner li img {
 vertical-align:middle;
 border:none;
 padding:1ex;
}

#partner li a {
 text-decoration:none;
}

#mailform label {
 display:block;
 clear:both;
 width:5em;
 float:left;
 margin:.75ex 0;
}

#mailform input, #mailform textarea {
 display:block;
 margin:.75ex 0 .75ex 5em;
 background-color:#f9f9ff;
 color:#003;
}

#mailform button {
 display:block;
 margin:.75ex 0 .75ex 5em;
 border:outset 1px #eee;
 background-color:#ccc;
 color:#003;
}

img {
 border:none;
}

a:link {
 color:#117;
 background-color:transparent;
}

a:visited {
 color:#339;
 background-color:transparent;
}

a:hover {
 color:#66b;
 background-color:transparent;
}

.zentr {
 text-align:center;
}

.rechts {
 text-align:right;
}

.minitext {
 font-size:85%;
}

a.fremd {
 padding-right:12px;
 background-image:url('grafik/pfeil.png');
 background-position:right center;
 background-repeat:no-repeat;
}

@media print {
 html {
  background-color:#fff;
  color:#000;
  margin:0;
  padding:0;
  border:none;
  font-size:12pt;
 }
 body {
  background-color:#fff;
  color:#000;
  margin:0;
  padding:0;
  border:none;
 }
 div#hilfsnavigation, div#hauptnavigation {
  display:none;
 }
 div#inhalt {
  position:static;
  margin:0;
  padding:2em;
  background-position:center top;
  border:none;
  background-image:url('/grafik/hintergrund.png');
  background-repeat:no-repeat;
 }
 div#fusszeile {
  border-top:solid 1pt #000;
  background-color:#fff;
  margin:0;
  padding:1ex;
 }



}