body {
 margin:0;
 padding:0;
 font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size:80%;
}






#kopf1 {
 position:absolute;
 top:0px;
 left:0;
 height:150px;
 width:100%; 
 margin:0 0 0 0;
 background-color:#444;
 background-image:url('../grafik/obenmitte4.jpg');
 background-position:center center;
 background-repeat:no-repeat;
}

#kopf2 {
 position:absolute;
 top:0px;
 right:0;
 left:auto;
 height:150px;
 width:175px;
 margin:0 0 0 0;
 text-align:right;
}




#navigation {
 position:absolute;
 top:188px;
 left:.8em;
 width:14.5em;

}


#slogan {
}

#logotext {
 position:absolute;
 top:150px;
 left:auto;
 right:0;
 margin:0 0;
 height:25px;
 width:90%;
 vertical-align:middle;
 line-height:20px;
 text-align:right;
 font-family:Arial,Helvetica;
 background-color:#444;
 color:#fff;
}

#logoname {
 position:absolute;
 top:150px;
 left:0;
 right:auto;
 margin:0 0;
 height:25px;
 width:300px;
 vertical-align:middle;
 line-height:20px;
 text-align:left;
 font-family:Arial,Helvetica;
 background-color:#444;
 color:#fff;
}



#inhalt {
 margin-top:188px;
 margin-left:16.5em;
 margin-right:16.8em;
 margin-bottom:0;
 border-bottom:solid 1px #247;
 padding:0 0 5ex 0;
}

#information {
 position:absolute;
 top:188px;
 right:.9em;
 left:auto;
 width:14.5em;
 background-color:#eee;
 border-right:solid 1px #b3b3b3;
}

#fusszeile {
 position:relative;
 margin-left:16.5em;
 margin-right:16.8em;
 margin-top:0;
}



#logotext p, #logoname p {
 font-size:15px;
 margin:0;
 padding:0;
 font-weight:bold;
 vertical-align:middle;
 line-height:25px;
}


/* Navigation */

#hilfsnavigation ul, #pfad ul  {
 list-style-type:none;
 margin:0;
 padding:0;
}

#hilfsnavigation ul {
 width:100%;
 margin:0;
 line-height:40px;
 vertical-align:middle;
}

#hilfsnavigation ul li {
 display:inline;
 margin:0  .2em;
 font-size:85%;
}



#navigation ul {
 list-style-type:none;
 margin:0 0  0 .3em;
 padding:0;
 background-image:url('../grafik/backlinks.jpg');
 background-position: top center;
}

#navigation ul li {
 margin:0;
 padding:0;
 margin:2px 0;
/* border-bottom:solid 0px #fff;
 border-top:solid 0px #fff;*/

}

#navigation ul ul {
 list-style-type:none;
 margin:0;
 padding:0;
 background-image:none;
}
#navigation ul li  li{
 margin:2px 0 2px 1em;
}


#navigation ul li a {
 display:block;
 margin:0;
 padding:.5ex .2em;
 background-color:transparent;
 color:#000;
 text-decoration:none;
 font-weight:bold;
 border-left:solid .75em #444;
}

#navigation ul li a:hover {
 background-color:#444;
 color:#fff;
}

#navigation ul li strong {
 display:block;
 margin:0;
 padding:.5ex .2em;
 background-color:#444;
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 border-left:solid .75em #444;
}


/* Information */

#information div {
 margin:0 0 1ex .3em;
}

#information div p {
 margin:0;
 padding:.5ex .2em;
}
 

#information h2 {
 margin:0;
 padding:.7ex 32px .7ex .2em;
 font-size:115%;
 color:#444;
 background-repeat:no-repeat;
 background-position:right center;
}


#information ul {
 margin:0;
 padding:.5ex;
 list-style-type:none;
 font-size:90%;
}

#information ul li {
 margin:1.5ex 0;
}



/* Fusszeile */
#fusszeile p {
 margin:0;
 font-size:76%;
 color:#666;
}

#fusszeile p a {
 display:block;
 float:right; 
 text-align:right;
 font-weight:bold;
}

/*Überschriften*/

h1 {
 font-size:190%;
 margin:0 0 2ex 0;
 padding:0;
 font-family:Times New Roman;
}

h2 {
 margin:0;
 font-size:115%;
}


div.stylepanel {
 text-align:center;
 margin:1ex .5em;
 padding:1ex;
 font-size:90%;
}

div.stylepanel h2 {
 font-size:100%;
 margin:0 0 .5ex 0;
}

div.stylepanel button, div.stylepanel select {
 font-size:80%;
 border:outset 1px;
 margin:1px;
}

/* Links */

a {
 color:#247;
}

h1 a, h2 a, h3 a, #information a, #navigation a, #hilfsnavigation a, #fusszeile a {
 text-decoration:none;
}

a:visited {
 color:#259;
}

a:hover {
 color:#e70;
}

ul.linkliste ul {
  margin-top:1ex;
  margin-bottom:2ex;
}




/* Inhalt */

#inhalt p {
 line-height:140%;
}

#inhalt p a {
 text-decoration:underline;
}

div.kontaktdaten {
 clear:both;
}

div.kontaktdaten address {
 font-style:normal;
 margin-bottom:16ex;
 margin-left:210px;
}


div.kontaktdaten img {
 display:block;
 float:left;
 padding:1ex;
 margin-right:1em;
 border:solid 1px #eee;
}


#dekoration {
 background-image:url('../grafik/verlaufstreifen.gif');
 height:340px;
 margin:0  0 0 .3em;
}

#collage {
 border-top:  solid 15px #eee;
 background-image:url('../grafik/collage.jpg');
 background-position:top center;
 background-repeat:no-repeat;
 height:208px;
 margin:3px  0 0 .3em;
}


.rot {
 color:#a00;
}

/* Farbleitsystem */
.start div#logotext, .start div#logoname {
 color:#fff;
 background-color:#000;
 border-color:#000;
}

.stiftung div#logotext, .stiftung div#logoname {
 color:#fff;
 background-color:#c32;
 border-color:#c32;
}

.projekte div#logotext, .projekte div#logoname {
 color:#fff;
 background-color:#247;
 border-color:#247;
}

.preis div#logotext, .preis div#logoname {
 color:#fff;
 background-color:#d80;
 border-color:#d80;
}

.sbs div#logotext, .sbs div#logoname {
 color:#fff;
 background-color:#473;
 border-color:#473;
}

.spenden div#logotext, .spenden div#logoname {
 color:#fff;
 background-color:#b62;
 border-color:#b62;
}

.kontakt div#logotext, .kontakt div#logoname {
 color:#fff;
 background-color:#06a;
 border-color:#06a;
}



#navigation ul li.start a {
 border-left-color:#000;
}
#navigation ul li.start a:hover {
 background-color:#000;
}
#navigation ul li.start strong {
 background-color:#000;
 border-left-color:#000;
}
#navigation ul li.stiftung a {
 border-left-color:#c32;
}
#navigation ul li.stiftung a:hover {
 background-color:#c32;
}
#navigation ul li.stiftung strong {
 background-color:#c32;
 border-left-color:#c32;
}

#navigation ul li.projekte a {
 border-left-color:#247;
}
#navigation ul li.projekte a:hover {
 background-color:#247;
}
#navigation ul li.projekte strong {
 background-color:#247;
 border-left-color:#247;
}

#navigation ul li.preis a {
 border-left-color:#d80;
}
#navigation ul li.preis a:hover {
 background-color:#d80;
}
#navigation ul li.preis strong {
 background-color:#d80;
 border-left-color:#d80;
}

#navigation ul li.sbs a {
 border-left-color:#473;
}
#navigation ul li.sbs a:hover {
 background-color:#473;
}
#navigation ul li.sbs strong {
 background-color:#473;
 border-left-color:#473;
}

#navigation ul li.spenden a {
 border-left-color:#b62;
}
#navigation ul li.spenden a:hover {
 background-color:#b62;
}
#navigation ul li.spenden strong {
 background-color:#b62;
 border-left-color:#b62;
}

#navigation ul li.kontakt a {
 border-left-color:#06a;
}
#navigation ul li.kontakt a:hover {
 background-color:#06a;
}
#navigation ul li.kontakt strong {
 background-color:#06a;
 border-left-color:#06a;
}




img.bildrechts {
 float:right;
 margin: 0 0 1ex .5em 
}

img.bildlinks {
 float:left;
 margin: 0 1em 1ex 0
}

#dialog {
  display:block;
  position:absolute;
  padding:0;
  top:0;
  right:0;
  margin-left:auto;
  border:none;
}


#person{
  display:block;
  position:absolute;
  top:0;
  left:0;
  margin-right:auto;
  border:none;
}

img {
 border:none;
}



.zentr {
 margin-left:.4em;
}

ul#suchergebnisse {
list-style-type:none;
margin:0;
padding:0;
}
ul#suchergebnisse p {
margin:0;
}
ul#suchergebnisse h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
margin:2ex 0 .5ex 0;
}
ul#suchnavigation {
list-style-type:none;
text-align:center;
margin:1ex 0;
padding:0;
font-size:85%;
}
ul#suchnavigation li {
display:inline;
margin:0 .5em;
}






@media print {
 
 body {
  font-size:10pt;
 } 

 #information, #navigation, #hilfsnavigation, #kopf, #pfad, #logotext, #slogan, #kopf1, #kopf2 {
  display:none;
 }

 #inhalt, #fusszeile {
  margin:1em;
  padding:0;
  position:static;
  width:auto;
 }
}