/* CSS-Datei für die INVITARE-Website */

* {padding:0; margin:0; border: 0 none;}
html {height:100.1%;}

body {
height:100%;
background-color:#cccccc;
font-family:verdana;
font-size:10pt;
}
#rahmen{
position:absolute;
width:1050px; height:100%;
min-height:100%;
left:50%;
margin-left:-525px;
background-color:#cccccc;
}
html > body #rahmen {height:auto;}
a {text-decoration:none;}

/* --------------- Kopfbereich --------------- */
#kopf{
position:absolute;
height:110px; width:1050px;
background-color:#f00;
}
#kopf img.logo{
margin:13px 0 0 26px;
}
#kopf img.banner{
margin-left:155px;
}
#banner{
position:absolute;
top:15px; left:310px;
color:#fff;
font-size:1.5em;
font-weight:bold;
line-height:1.7em;
text-align:center;

}
#spende{
position:absolute;
top:5px; left:850px;
color:#fff;
font-weight:bold;
}

/* --------------- Navigationsbereich --------------- */
#navi{
position:absolute;
top:110px; left:0px;
width:200px; height:470px;
padding-top:30px;
background-color:#f00;
font-size:9pt;
}
#navi a{
color:#fff;
display:block;
}
#navi a.aktiv{
color:#ff0;
border-right:solid 2px #ff0;
border-bottom:solid 2px #ff0;
}
#navi ul{
list-style-type:none;
margin-left:15px;
font-weight:bold;
line-height:1.5em;
}
#navi ul a{
margin:10px 25px 10px 5px;
border-right:solid 2px #fff;
border-bottom:solid 2px #fff;
}
#navi ul a:hover{
color:#ff0;
border-right:solid 2px #ff0;
border-bottom:solid 2px #ff0;
}

#navi ul ul{
margin-left:15px;
font-weight:normal;
line-height:1.3em;
}
#navi ul ul a{
margin:0;
border:0;
}
#navi ul ul a:hover{
color:#ff0;
border:0;
}
#navi ul ul a.aktiv{
color:#ff0;
border:0;
}
#navi img{
margin:0 30px;
}
/* --------------- Inhaltsbereich --------------- */
#inhalt0{
position:absolute;
top:110px; left:200px;
width:850px; height:500px;
overflow:auto;
background-color:#fc9;
}
#inhalt{
position:absolute;
top:110px; left:200px;
width:600px; height:480px;
overflow:auto;
padding:10px 25px;
background-color:#fc9;
}
#inhalt img{
margin:0px 10px 10px 0px;
}
#inhalt p{
margin:8px 0px;
}
#inhalt ul{
margin:5px 25px;
}
#inhalt li{
margin:0px 15px;
}
#inhalt table{
border-spacing:10px 10px;
}
#inhalt h1,h2{
font-size:1.2em;
margin:10px 25px 10px 0px;
color:#f00;
}
#inhalt h2{
text-align:center;
}
#inhalt a{
color:#00f;
}
#inhalt a.rf{
color:#f00;
font-weight:bold;}

#start {
position:absolute;
top:50px; left:250px;
}
/* --------------- Bildleistenbereich --------------- */
#rechts{
position:absolute;
top:110px; left:850px;
width:200px; height:475px;
padding-top:25px;
background-color:#fc9;
}

/* --------------- Toplinebereich --------------- */
#topline a span.meldung{
display:none;
}
#topline a:hover span.meldung{
position:absolute;
z-index:9;
top:58px; left:440px;
width:350px; height:160px;
padding:20px;
background-color:#f00;
color:#fff;
display:block;
}
/* --------------- Bereich "dringend" --------------- */
#dringend{
background-color:#fff;
}
/* --------------- Allgemein --------------- */
.einrueck{
margin:10px 35px;
}
p.stand{
margin:20px 0 0 30px;
color:#fff;
}
ul.ohne{
list-style-type:none;
}
.kursiv{
font-style:italic;
}
.fett{
font-weight:bold;
}
.gross{
line-height:1.5em;
font-weight:bold;
font-size:1.2em;
}
.rf{
color:#f00;
font-weight:bold;
}
.rfg{
color:#f00;
font-weight:bold;
font-size:1.2em;
}
.rfz{
color:#f00;
font-weight:bold;
text-align:center;
}
.kaps{
font-variant:small-caps;
}
#e99     {position:absolute; z-index:1;
          left:450px; top:170px; width:350px; height:200px;
          background-color:#FF0000;
          padding:10px;
          font-family:verdana; font-size:12pt; color:white;
          visibility:hidden; text-align:left;}
