body {
background-image:url(grafiken/hintergrund.png);
}

.nosee {display: none;} /*Blendet die Fake-Formularfelder aus*/


hr
{
border: 0;
background-image:url(grafiken/hr.jpg);
height: 12px;
}

h1 {
text-align:center;
vertical-align:top;
font-size:18pt;
}

h2 {
text-align:center;
vertical-align:top;
font-size:16pt;
}

h3 {
text-align:center;
vertical-align:top;
font-size:14pt;
}

h3.reklame {
text-align:left;
vertical-align:top;
font-size:14pt;
}

h2.rang1
{
text-align:center;
vertical-align:top;
font-size:12pt;
color: yellow;
}

h2.rang2
{
text-align:center;
vertical-align:top;
font-size:12pt;
color: red;
}

h2.rang3
{
text-align:center;
vertical-align:top;
font-size:12pt;
}

/*Formatierung der Textbereich Tabelle */
td.tlo {
background-image:url(grafiken/lo.png);
background-repeat:no-repeat;
width: 12px;
height: 12px;
}
td.to {
background-image:url(grafiken/o.png);
height: 12px;
}
td.tro {
background-image:url(grafiken/ro.png);
background-repeat:no-repeat;
width: 19px;
height: 12px;
}
td.tlm {
background-image:url(grafiken/l.png);
min-width: 12px;
}
td.trm {
background-image:url(grafiken/r.png);
min-width: 19px;
}
td.tmm {
background-color:#16CD47;
}
td.tlu {
background-image:url(grafiken/lu.png);
background-repeat:no-repeat;
width: 12px;
height: 19px;
}
td.tu {
background-image:url(grafiken/u.png);
height: 19px;
}
td.tru {
background-image:url(grafiken/ru.png);
background-repeat:no-repeat;
width: 19px;
height: 19px;
}

.links
{
float: left;
}
.rechts
{
float: right;
}

a img
{
border-style:none;
}

#alles {
position:absolute; top:0px; left:0px; width:100%;
background-image:url(grafiken/Ruth01.png); background-repeat:no-repeat; background-position:left top;
}

#inhalt {

}

.sprache
{
position:absolute; top:5px; right:5px;
}

#status
{
font-weight:bold;
text-align:right;
margin: 5px;

}

div#menu { width:777px; border:#000000 1px solid; height:26px; margin: 0 auto;}
div#menu a, div#menu span { display:block; height:26px; vertical-align:middle; line-height:26px; text-decoration:none; color:#000000;}

div#menu a:hover, div#menu span:hover { background:#008202; font-weight:bold; }
div#menu div:hover { background:#008202; }
div#menu div { width:110px; float:left; position:relative; text-align:center; border-right:1px #000000 solid; background-color:#16CD47;}


div#menu div div.eben1 div { width:170px; }
div#menu div div.eben2 div.eben3 div.eben4 div { width:170px; }
div#menu div div.eben2 div { width:170px; }

div#menu div:hover div.eben2 { display:block; }
div#menu div div.eben2 { display:none; width:170px; position:absolute; top:27px; left:-16px; border:#000000 1px solid;  margin-top:-1px; }
div#menu div div.eben2 a { display:block; height:22px; line-height:22px; border-bottom:#000000 1px solid; }
div#menu div div.eben2 span { display:block; height:22px; line-height:22px; border-bottom:#000000 1px solid; }

div#menu div div.eben2 div.eben3 div.eben4 { display:none; width:170px; position:absolute; top:-1px; left:170px; border:#000000 1px solid; background:#008202; }
div#menu div div.eben2 div.eben3 div.eben4 a { display:block; height:22px; line-height:22px; border-bottom:#000000 1px solid; }
div#menu div div.eben2 div.eben3 div.eben4 span { display:block; height:22px; line-height:22px; border-bottom:#000000 1px solid; }

div#menu div div.eben2 div.eben3:hover div.eben4 { display:block; }

#fuss {
position:relative;
width:100%;
margin: 0 auto;
text-align:center;

}

.vali
{
position:absolute; top:0px; left:15px;
float: right;
}

.LogIn
{
position:absolute; top:0px; right:15px;
float: left;
text-align: right;
font-size: 11px;
font-weight:bold;
}

.FormularKlein
{
height:12px;
}

/* Tooltip */
span.tooltip, a.tooltip:visited, a.tolltip:link, a.tolltip:active
{
      text-decoration: none;
      color: #000000;
      font-weight:bold;
      cursor:help
}

span.tooltip:hover
{    position: relative;                        /* Bezug für span, IE: erst bei :hover setzen */
     background: transparent;          /* IE, Farbe egal */
}

span.tooltip span
{    position: absolute;                     /* aus Textfluß herausnehmen */
     visibility: hidden;                        /* normal: unsichtbar */
     width: 30em;                               /* FF: kein Leerzeichen vor Einheit */
     top: 2em; left: 1em;                    /* Tooltip-Position, sollte man festlegen */
     background: #ffffdd;
     border: 1px solid #aaaaaa;
     padding: 7px;
     font-weight:normal;
}

span.tooltip:hover span
{    visibility: visible;   }                     /* hover: sichtbar */

#Formular
{
margin-left:80px;
text-align:left;
}
.FormularText
{
width:150px;
float: left;
}

.FormularTextklein
{
width:100px;
float: left;
}
.FormularMeldung
{
font-weight:bold;
color: #fcff00;
}

.FormularMeldungErfolg
{
font-size:12pt;
font-weight:bold;
color: #00e4ff;
}
#skizze
{
background-image:url(grafiken/dancingonice_023.jpg);
width:850px;
height:1160px;
margin: 0 auto;
}

.photolist
{
background-color:#24bd4d;
width:80%;
height:62px;
margin: 0 auto;
border-width:3px;
border-color:#008000;
border-style:inset;
}

.photovor
{
float: left;
width: 82px;
margin: 0;
padding: 5px 10px 5px 20px;
height:52px;
}
a.photovor, a.photovor:visited, a.photovor:link, a.photovor:active
{
text-decoration: none;
}

.photoanz
{
float: right;
width: 90px;
margin: 0;
padding: 18px;
height:26px;
}
a.photoanz, a.photoanz:visited, a.photoanz:link, a.photoanz:active
{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
font-style: italic;
text-align:right;
}

.phototext
{
display: block;
margin: 0 90px 0 0;
padding: 9px;
height:44px;
}
a.phototext, a.phototext:visited, a.phototext:link, a.phototext:active
{
text-decoration: none;
color: #000000;
text-align:left;
}
#Gallery
{
width: 100%;
margin: 0 auto;
}

#Gallery  ul
{
list-style: none;
}

#Gallery li
{
display: inline-block;
width: 200px;
height: 280px;
text-align: center;
vertical-align: bottom;
}

.Fotonavigation
{
width: 800px;
margin: 0 auto;
text-align: center;
}

.Fotokommentar
{
width: 800px;
margin: 0 auto;
text-align: left;
}

.Newskommentar
{
width: 100%;
margin: 0 auto;
text-align: left;
}
.Guest
{
background-color:#24bd4d;
width:80%;
margin: 0 auto;
border-width:2px;
border-color:#008000;
border-style:inset;
}

.GZeile00
{
background-color:#1caa42;
width:100%;
font-weight: bold;
text-align: center;
font-size: 20px;
color: #FFFFFF;
border-bottom-width:1px;
border-bottom-color: #000000;
border-bottom-style:solid;
padding: 5px 0 5px 0;
}
.GZeile01
{
padding: 10px 10px 3px 10px;
font-weight: bold;
}
.GZeile02
{
padding: 0 10px 10px 10px;
}
.GZeile03
{
background-color:#1caa42;
text-align: right;
border-top-width:1px;
border-top-color: #000000;
border-top-style:solid;
padding: 5px 10px 5px 10px;
}


#Cards
{
width: 100%;
margin: 0 auto;
}

#Cards  ul
{
list-style: none;
}

#Cards li
{
display: inline-block;
width: 250px;
height: 220px;
text-align: center;
vertical-align: bottom;
}
#Kartnachricht
{
width: 640px;
margin: 0 auto;
background-color:#24bd4d;
text-align: left;
border-width:2px;
border-color:#008000;
border-style:inset;
padding: 10px 10px 10px 10px;
}


#News
{
width: 35%;
float: left;
margin-left: 5px;
margin-right: 5px;

}

#Newsan
{
margin: 0px 130px 5px 36%;
padding: 0px 10px 0px 10px;
display: block;
text-align: left;
}

.NewsBild
{
padding-top:4px;
padding-bottom:4px;
padding-left:4px;
float:right;
font-size: x-small;
color: #FFFFFF;
}


#nWerbung
{
float: right;
width: 130px;
}

#nListe
{
display: block;
width: 100%;
}

.nKommentar
{
display: block;
width: 100%;
text-align: right;
}

.linie
{
background-image:url(grafiken/linie.jpg);
width: 100%;
height: 16px;
}

.ndatum
{
background-color:#16CD47;
font-size:10pt;
margin-left: 50px;
height: 16px;
font-weight: bold;
display:inline;
}

.nUhr
{
float: left;
width: 60px;
font-style:italic;
}
.nNews
{
margin: 0px 0px 0px 60px;
padding: 0px 3px 0px 3px;
border-left:1px solid;
}


.nmeldung
{
width: 100%;
font-size:10pt;
text-align: left;
}

.Meldung
{
font-size:10pt;
}

h3.NewsU
{
font-size:14pt;
font-weight:bold;
text-align: left;
display:inline;
}
h4.NewsU
{
font-size:12pt;
font-style:italic;
text-align: left;
display:inline;
}

#termine
{
float: right;
width: 240px;
margin: 0 5px 0 5px;
clear:both;
}
#Forum
{
float: right;
width: 240px;
margin: 0 5px 0 5px;
clear:both;
}
.tvdate
{
float: left;
width: 70px;
font-size:10pt;
}

.tvtime
{
float: left;
width: 70px;
font-size:10pt;
}
.tvsender
{
float: left;
width: 100px;
font-size:10pt;
}
.tvname
{
font-weight:bold;
}

.pressdate
{
float: left;
width: 70px;
font-size:10pt;
}
.pressday
{
float: left;
width: 170px;
font-size:10pt;
}


.fuenf
{
height: 8px;
}



a.newsKommentar
{
font-size:9pt;
text-decoration:none;
color:#FFFFFF;
}

span.emailr { unicode-bidi:bidi-override; direction:rtl; }


.Kat
{
margin: 0 15px 0 15px;
text-align:left;
}
.KatLinie
{
background-image:url(grafiken/linie.jpg);
width: 100%;
height: 16px;
text-align:center;
}


.KatTitel
{
background-color:#16CD47;
font-size:10pt;
height: 16px;
font-weight: bold;
}

.KatText
{
margin: 0 5px 0 5px;
display: inline;
}

.KatSpalte01
{
margin-left:100px;
width: 250px;
float:left;
display: inline;
font-weight:bold;
}

.KatSpalte02
{
margin-left:260px;
margin-right:100px;
}

.KatSpalte03
{
margin-left:100px;
margin-right:100px;
}

.Tgren2 a
{

color: white;
}

.Tgren2
{
background-color:#008000;
border-color: #008000;
color: white;
}
.Tgren
{
border-color: #008000;
}

div.LiveTermin
{
position:relative;
display:inline;
cursor:help;
}

div.LiveTermin div.LiveInfo, div.LiveTermin div.LiveInfoklein
{display:none;}



div.LiveTermin:hover div.LiveInfo, div.LiveTermin:hover div.LiveInfoklein
{display:block;}

.LiveInfo{
min-height:350px;
width:600px;
position:absolute;top:-130px;right:16px;
z-index: 20;
}
.LiveInfo2{
min-height:340px;
width:590px;
margin: 5px;
padding: 5px;
background-color: #16cd47;

border-style: solid;
border-width: 3px;
border-color: #008000;

}

.LiveInfoklein{
height:350px;
width:300px;
position:absolute;top:-130px;right:16px;
z-index: 20;
}
.LiveInfo2klein{
height:340px;
width:290px;
margin: 5px;
padding: 5px;
background-color: #16cd47;

border-style: solid;
border-width: 3px;
border-color: #008000;

}

.TVPromo
{
width:300px;
font-size: 10px;
color: white;
float:right;
}

.ImText
{
margin: 3px;
}

.StartWerbung
{
width:90%;
margin:0px auto;
}