@charset "iso-8859-1";
/* TCK basis css Standard CSS by miradlo Maerz 2007 Autor: Ute Hauth                  */
/* Wichtige Farben des Projekts:                                                                  */
/* festgelegte Farben                                                                                 */
/* Headerhintergrund im Bild:     #004c92                                                        */
/* body:     #8fb0cf                                                                                    */
/* Blautöne TCK pantone: #0C2E82  #2A438F #405398 #7981B5 #ACAFCF #C6C7DE #E3E3EE */
/* Farben aus Verlauf fff nach 004c92: hellblau#c5d6e6 etwas dunkler #87abcd        */
/* dunkler #5588b7 fast headerblau #1e629f                                                     */
/*                                                                                                          */
/* blau bg_logo:#000080 Verlauf von 004c92 nach 000080; etwas dunkler #00408f      */
/* dunkler #00398e     noch dunkler #002088    fast bg_logo #000a83                      */
/* miradlo_blau #00c dblau_ #00f                                                                  */
/* ********************************************************************************/
html, body, div, p, h1, h2, h3,h4, ul, ol,
span, a, table, td, img, li{
    margin:0;
    padding:0;
    font-family: "nimbus  sans",  arial, helvetica, tahoma, sans-serif;
}
/* HTML (gilt für Head gefolgt von Body) und Body selbst werden mit CSS versorgt Size 100.01% hilft manche Schriftgrößenprobleme in IE und Opera zu vermeiden.*/
html, body{
    font-size:100.01%;
    border:none;
    color:#004c92;
    background-color: #8fb0cf;
    min-height:100%;
    width:100%;
    height:100%;
}
html>body{
    height:auto;
}
body{
    font-size:.8em;
    position:absolute;
    background: #8fb0cf url(../images/logos/bg_logo.gif)  top right repeat-y;
    text-align: center;
}
#wrapper{
    width:90%;
    margin:0 auto 0 auto;
    padding:0;
    text-align:center;
    background-color:#fff;
    max-width:1500px;
}
#main{
    margin:0;
    padding:0;
    /*max-width:70em;*/
}
#content{
    float:left;
    position:relative;
    margin:0 10px 0 0;
    padding:0 1.5em 2em 1.5em;
    }
#inner{
    float:left;
    margin:0  260px 0 0;
    padding:0 10px;
    min-height:75em;
    }
#block{
    margin:0 0 0 390px;
    }
#hcontent{
    position:relative;
    height:13em;
    min-height:200px;
    margin:0 auto 0 auto;
    padding:0;
    text-align:center;
    width:90%;
    background:#fff url(../images/logos/header.jpg)  100% 0 no-repeat;
    color:#fff;
    max-width:1500px;
}
#navigation{
    text-align:center;
    top:162px;
    left:0;
    min-width:75em;
    background-color:transparent;
    margin:0;
    padding:0;
    position:absolute;
    z-index:100;
}
#teaser{
    position:absolute;
    top:5em;
    right:0;
    width:250px;
    max-width:260px;
    margin:0;
    padding:0;
}
#facebook{
    position:absolute;
    top:8em;
    right:20px;
    width:250px;
    max-width:260px;
    margin:0;
    padding:0;
}
#txteaser{
    float:right;
    width:242px;
    margin:0 0 20px 0;
    border-style: solid;
    border-color: #004c92  #004c92 #87abcd #87abcd;
    border-width: 1px 2px 2px 1px;
}
#teaser h2{
    margin:0;
    padding:0 0 0 8px;
    background-color:#004c92;
    color:#fff;
    line-height:1.5;
}
#teaser h3{
    margin:0;
    padding:1em 0 .5em 8px;
}
#teaser p{
    margin:0;
    padding:.5em .5em 1em 8px;
}
#imgteaser img{
    display:block;
    border-style: solid;
    border-color: #004c92  #004c92 #87abcd #87abcd;
    border-width: 1px 2px 2px 1px;
}
#imgteaser{
    clear:right;
    float:right;
    margin:0;
    padding:0;
}
#imgteaser ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
#imgteaser li{
    list-style-type:none;
}
#footer{
    bottom:1em;
    width:100%;
    height:2em;
    margin:0;
    padding-top:1em;
    text-align:center;
    font-size:.9em;
    background-color:#004c92;
    clear:both;
}
/* Allgemein gültige Formatierungen werden gesetzt.                                *                          ***/
h1, h2, h3, h4, h5{
    text-align:left;
    font-weight:bold;
    margin:0;
    padding:0;
    font-family:arial, "nimbus sans", helvetica, tahoma, sans-serif;
}
h2, caption{
    font-size:1.3em;
    margin:0 0 0 0;
    padding:1.2em 0 .8em 0;
    font-weight:bold;
}
h3{
    font-size:1.1em;
    margin:0 0 0 0;
    padding:1em 0 .6em 0;
}
h4{
    font-size:1em;
    margin:0 0 0 0;
    padding:.8em 0 .4em 0;
}
h5{
    font-size:.9em;
    margin:0 0 0 0;
    padding:.7em 0 .3em 0;
}
p{
    font-size:1em;
    line-height:1.3em;
    text-align: justify;
    padding:.4em 0 .2em 0;
}
ul{
    font-size:1em;
    line-height:1.3em;
/*    margin-left:1.9em;*/
    padding:.4em 0 .2em 0;
}
li{
    text-align:left;
    padding:.2em 0 .1em .3em;
    margin-left:10px;
    list-style-position:inside;
}
a{
    background-color:#fff;
    color:#004c92;
}
a:visited{
    color:#5588b7;
    background-color:#fff;
}
a:focus{
    background-color:#004c92;
    color:#fff;
}
a:hover{
    background-color:#004c92;
    color:#fff;
}
a:active{
    background-color:#004c92;
    color:#fff;
    text-decoration:underline;
}
img{
    border-style: outset;
    border-color: #999;
    border-width: 2px 4px 4px 2px;
}
/* Sektionsweite Formatierungen                          *                                *                          ***/
#hcontent h1{
    font-size: 3em;
    text-align: left;
    margin:0 0 0 135px;
    padding:14px 0 0 0;
    color: #fff;
}
#hcontent .logo{
    float:left;
    margin:24px 0 0 0;
    padding:0 0 0 20px;
    border:none !important;
}
#navi ul {
    margin:0;
    padding:0;
    list-style-type:none;
    float:left;
}
#navigation li {
    float:left;
    position:relative;
    margin:0;
    padding:0;
    width: 9em;
    display:block;
    background-color:#004c92;
    color:#fff;
    text-align:center;
}
#navigation li a {
    display:block;
    width: 9em;
    text-decoration:none;
    color:#fff;
    background-color:#004c92;
}
#navigation li.submenu a{
    background:#004c92 url(../images/logos/submenu_bottom.gif)top right no-repeat;
}
#navigation li.sub  a{
    background-image:none !important;
}
#navigation li a:visited {
    color:#5588b7;
}
#navigation li a:focus {
    color:#004c92;
    background:#fff;
}
#navigation li a:hover {
    color:#004c92;
    background:#fff;
}
#navigation li a:active {
    color:#004c92;
    background:#fff;
    text-decoration:underline;
}
#navigation li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 1em;
    left: 0;
    list-style-type:none;
    width: 9em;
    padding-top:.2em;
}
#navigation li>ul { /* überschreibt top und left in nicht-IEs, der IE 7 braucht was extra */
    top: auto;
    left: auto;
}
/* mit + für ul testen!!! lässt sich auch bei focus die Liste aufklappen, zumindest in Standardbrowsern, IE testen*/
#navigation li a:focus ul{
    display: block;
    color:#004c92;
    background-color:#fff;
}
#navigation li.submenu a:focus +ul{
    display: block;
    color:#004c92;
    background-color:#fff;
}
#navigation li:hover ul{ /* lists nested under hovered list items */
    display: block;
    color:#004c92;
    background-color:#fff;

}
#navigation li.over ul { /* lists nested under hovered list items */
    display: block;
    color:#004c92;
    background-color:#fff;
}
/*  Footer            *                              *                                *                          ***/
#footer li{
    display:block;
    float: right;
    margin:0;
    padding:0;
    padding-left:.5em;
    list-style-type:none;
}
#footer li.copyright{
    display:block;
    float: left;
    margin:0;
    padding:0;
    padding-left:.5em;
    list-style-type:none;
    color:#fff;
}
#footer li a{
    display:block;
    color: #fff;
    background-color:#004c92;
    text-decoration:none;
}
#footer a:visited{
    color:#bfc5d5;
    background-color:#004c92;
}
#footer a:hover{
    color:#004c92;
    background-color:#fff;
}
#footer a:active{
    color:#004c92;
    background-color:#fff;
    text-decoration:underline;
}
/* Links oder Texte fuer Screenreader                 *                                *                          ***/
#skip{
    display:inline;
    position: absolute;
    left: -2500px;
    top: -2000px;
    width: 0;
    height: 0;
}
#skip a.skipa:focus, #skip a.skipa:active{
    display:inline;
    position: absolute;
    left: 2750px;
    top: 2025px;
    width: 13em;
    height: 1.8em;
    font-size:1em;
    padding: .2em .2em .2em 1em;
    color:#004c92;
    background-color:#fff;
    border:1px dotted red;
}
/* Bilder werden grundsätzlich über Klassen und Sektionen eingebunden                *                          ***/
#album{
    float:right;
    width:45%;
}
#albumlist{
    margin-left:0;
    padding:0;
    list-style-type:none;
}
#albumlist li{
    float: left;
    margin:.5em .7em 1em 0;
    padding:.7em .7em 0 0;
    text-align:left;
    font-size: 0.7em;
    font-weight:bold;
    text-indent:-6px;
    list-style-type:none !important;
}
#albumlist img{
    display: block;
    border-style: outset;
    border-color: #999;
    border-width: 2px 4px 4px 2px;
    text-indent:0;
    margin:.2 .7em 0 0;
}
.albumlist{
    margin-left:0;
    list-style-type:none;
    padding:0;
}
.albumlist li{
    float: left;
    margin:.5em .7em 1em 0;
    padding:.7em .7em 0 0;
    text-align:left;
    font-size: 0.7em;
    font-weight:bold;
    list-style-type:none !important;
}
.albumlist img{
    display: block;
    border-style: outset;
    border-color: #999;
    border-width: 2px 4px 4px 2px;
}
.albumlistre{
    list-style-type:none;
    padding:0;
}
.albumlistre li{
    float: right;
    margin:.5em 10.5em 1em 0;
    padding:0 1.5em 0 0;
    text-align:left;
    font-size: 0.7em;
    font-weight:bold;
    list-style-type:none !important;
}
.albumlistre img{
    display: block;
    border-style: outset;
    border-color: #999;
    border-width: 2px 4px 4px 2px;
}
/* Klassen, die grundsätzlich angelegt werden                      *                                *          ***/
.floatright{
    float:right;
}
.floatleft{
    float:left;
}
.clear{
    clear:both;
}
.clearleft{
    clear:left;
}
.clearright{
    clear:right;
}
.hsmall{
    font-size:0.7em;
    font-variant:small-caps;
}
.small{
    font-size:0.8em;
    line-height:1em;
}
/* Klassen, für dieses Projekt                                          *                                *         ***/
.aktuell{
    font-size:1.4em;
    line-height:1.4em;
    font-weight:bold;
}
.copyright{
    list-style-type:none;
}
.symbol{
    font-size:1.5em;
    }
.liste ul{
    list-style-type:square  !important;
    margin-left:1em;
}
.liste li{
    list-style-type:square  !important;
    margin-left:1em;
}
.error{
    font-weight:bold;
    color:#d71b14;
}
/*Kontaktformular            *                              *                                *                          ***/
fieldset > legend{
    display:block;
}
fieldset{
    width:40em;
    margin: 1em auto .5em auto;
    padding:.5em;
    border-width:1px 2px 2px 1px;
    border-style:solid outset outset solid;
    border-color:#00398e #c5d6e6 #c5d6e6 #00398e;
}
#content fieldset fieldset{
    width:38em;
    border:none;
    text-align:right;
}
legend{
    font-size:100.01%;
    font-weight: bold;
    display:none;
    padding:1em 1em;
    margin-top:2em;
    color:#fff;
    background-color:#004c92;
}
label{
    display:block;
    text-align:right;
    line-height:1.4em;
}
.labels{
    width:38em;
}
input{
    font-family:arial, "nimbus  sans", arial, helvetica, tahoma, sans-serif;
    font-size:.95em;
    text-align:left;
    color:#00398e;
    background-color:#e8e8ff;
}
input.text{
    font-weight:bold;
    text-align:left;
    width:20em;
    margin:2px 0;
    padding:2px;
    border:1px outset #c5d6e6;
}
input.submit{
    width:8em;
    border:2px outset #c5d6e6;
    font-size:.95em;
    cursor:pointer;
    text-align:center;
    }
select{
    color:#00398e;
    background-color:#e8e8ff;
    font-family:arial, "nimbus  sans", arial, helvetica, tahoma, sans-serif;
    line-height:1.3em;
    width:9em;
    overflow:visible;
    }
input:focus{
    color:#fff;
    background-color:#00398e;
}
input.anmelden{
    display:block;
    margin-top:10px;
    padding:1px 3px;
    width:5em;
    text-align:center;
    color:#fff;
    background-color:#004c92;
    font-weight:bold;	}

textarea{
    font-size:.95em;
    text-align:left;
    color:#00398e;
    background-color:#e8e8ff;
    border:1px outset #c5d6e6;
    font-family:arial, "nimbus  sans", arial, helvetica, tahoma, sans-serif;
}
textarea:focus{
    color:#fff;
    background-color:#00398e;
}
/* Tabellenformatierungen    mit class, weil sonst IE Navi Probleme macht, die sich mit Überschreiben nicht auf Anhieb lösen liessen  ***/
.inhalt table{
    font-size:1em;
    margin-right:250px;
    border-collapse:collapse;
    padding:20px;
    border-top:1px #e0e4ff outset;
    border-right:2px #e0e4ff outset;
    border-bottom:2px #e0e4ff outset;
    border-left:1px #e0e4ff outset;
}
.inhalt th{
    margin:0;
    padding:.3em;
    font-weight:bold;
    border-width:2px;
    border-color:#e0e4ff;
    border-style:double outset groove outset;
}
.inhalt td{
    padding:.2em;
    border:1px #e0e4ff outset;
    text-align:left;
}
.alt {
    background-color:#e0e4ff;
    border:1px #fff outset !important;
}
tr:hover{
    background-color:#a5acbb;

}
td:hover{
    color:#fff;
    background-color:#005;
}
.ausgegraut{
    font-style:italic;
    font-weight:bold;
}
.minis{
    margin:0 0 0 380px;
    padding:1em 0 .6em 0;
}
.queenies{
    margin:0 0 0 380px;
    padding:1em 0 .6em 0;
}
.hippos{
    margin:0 0 0  20px;
    padding:1em 0 .6em 0;
}
.pikos{
    margin:0 0 0 20px;
    padding:1em 0 .6em 0;
}
h3.minis{
    height:135px;
    background:transparent url(../images/logos/tanzmini.gif)  bottom left no-repeat;
    margin:0 0 0 380px;
    padding:1em 0 .6em 0;
}
h3.queenies{
    height:60px;
    margin:0 0 0 380px;
    padding:1em 0 .6em 0;
    background:transparent url(../images/logos/queenies.gif)  bottom left no-repeat;
}
h3.hippos{
    height:135px;
    margin:0 0 0  20px;
    padding:1em 0 .6em 0;
    background:transparent url(../images/logos/hippos.gif)  bottom left no-repeat;
}
h3.pikos{
    height:135px;
    margin:0 0 0 20px;
    padding:1em 0 .6em 0;
    background:transparent url(../images/logos/pikos.gif)  bottom left no-repeat;
}
ul.listentext{
    margin-right:300px;
}
#anfahrten{
    width:40em;
    margin: 1em auto .5em auto;
    padding:.5em;
}
/* twitter widget                         ***/
.twtr-ft a, .tugrbazapryahcsa a{
    background:transparent !important;
}
/* Ende Inhalt                  *                              *                                *                          ***/
a.imglink{
    border:none !important;
    background-image:none;
    background-color:transparent !important;
}
a.imglink:hover{
    background-color:#004c92 !important;
    border:none !important;
}
img.imglink{
    border:none !important;
    background-color:transparent !important;
}
/* Ende CSS                  *                              *                                *                          ***/