/* =====================================================================================================================
Stylesheet für www.maerchen-im-doppelpack.de
Stand Februar 2010
datei: feen.css
datum 02.02.2010
autor: jan saddei
aufbau 1. Kalibrierung und allgemeine styles
       2. Styles für Layoutbereiche
       3. Sonstige Styles
======================================================================================================================= */

/* ===========================================
   1. Kalibrierung und allgemeine styles
   ========================================= */

/* Kalibrierung der wichtigsten Abstände */

* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

/* Allgemeine Sektoren */

html { height: 101%; } /* erzwingt scrollbar im firefox */

body { 
   
   background: #EAF6B8 ;
   font-family: Georgia;
   font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 100%; }
img { 
   margin: 0px;
   border: 0px solid black;
}

address {
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}

/* Hyperlinks allgemein */
a { text-decoration: none; outline: none}

a:link { color: #000000; }
a:visited { color: #000000; }
}

a:active {
   color: white;
   background-color: #D5ED74;
}

/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   top: -2000px;
   left: -3000px;
   width: 0px;
   height: 0px;
   overflow:   hidden;
   display: inline; 
} 

#logo {
   color: black;
   background-color: white;
   padding: 0;
   border: 1px solid black;
   margin-left: auto;
   margin-right: auto;
   
}

.bildlinks {
   display: inline;
   float: left;
   padding:3px;
   border: 1px solid black;
   margin-right: 10px;
   margin-bottom: 10px;
}


.bildrechts {
   float: right;
   padding:3px;
   border: 1px solid black;
   margin-left: 10px;
   margin-bottom: 10px;
}

.clearing { 
   clear: both;
   padding-left: 4px;
}

/* ===================================
   2. Styles für die Layoutbereiche
   =================================== */
#text1 { color: #FFFF9A; width: 400px; margin: 40px; font-size: 120%;
   font-style: b;
   letter-spacing: 2px;
   line-height: 1.5em; } 

#wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 800px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#linksseite #wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 830px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#programmseite #wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 1100px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#applausseite #wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 1500px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#kontaktformularseite #wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 1100px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#terminseite #wrapper {
   background: /* #D7EF77 */ #990033 ;
   position: relative;
   top: 10px;
   left: 0px;
   color: black;
   height: 1100px;
   width: 981px; /* Breite des Inhaltsbereichs */
   margin: 0px auto;
   padding: 0px;
   border: 0px solid #D5ED74;
} 

#kopfbereich {
   display: inline;
   background-color: /* #D5ED74 */ #990033;
   position: absolute;
   left: 0px;
   top: 30px;
   height: 291px;
   color: black;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: 0px solid black;
}


#navibereich { 
   position: absolute;
   width: 204px;
   left: 0px;
   top: 30px;
   background-color: /* #D5ED74 */ #990033;
   padding: 0px 0px 0px 0px;
   text-align: left;
   color: #6887A4;
   border: 0px solid #6887A4;
   
 }


#navibereich ul { 
    width: 204px;
    height: 110px;
    border: 0px solid black;
    position: absolute;
    top: 292px;
    left: 0px;
    margin: 0px;
    padding: 0px
}

#navibereich li {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    font-style: italic;
    color: #000000;
    list-style-type: none;
    line-height: 10px;
    padding: 6px 0px 6px 0px;
    margin: 0px 0px 0px 0px;
    border-right: 4px /* #D5ED74 */ #990033 solid;
    border-left: 4px /* #D5ED74 */ #990033 solid;
    border-top: 4px /* #D5ED74 */ #990033 solid;
    text-align: right;
    background-color: /* #D5ED74 */ #990033 ;
    position: relative;
    top: 0px;
    left: 0px;
 }


#navibereich a {
   color: #000000;
   padding: 7px 50px 7px 50px;
   border: 1px solid #000000;
}


#navi00 a { background-color: #FFFF9A; padding: 6px 80px 6px 76px; }
#navi01 a { background-color: #FFFF9A; padding: 6px 63px 6px 63px; }
#navi02 a { background-color: #FFFF9A; padding: 6px 58px 6px 58px; }
#navi03 a { background-color: #FFFF9A; padding: 6px 67px 6px 67px; }
#navi04 a { background-color: #FFFF9A; padding: 6px 68px 6px 68px; }
#navi05 a { background-color: #FFFF9A; padding: 6px 58px 6px 58px; }
#navi06 a { background-color: #FFFF9A; padding: 6px 68px 6px 68px; }
#navi07 a { background-color: #FFFF9A; padding: 6px 56px 6px 57px; }
#navi08 a { background-color: #FFFF9A; padding: 6px 68px 6px 63px; }
#navi09 a { background-color: #FFFF9A; padding: 6px 78px 6px 78px; }

#navibereich a:hover,
#navibereich a:focus,
#startseite #navi00 a,
#aboutseite #navi01 a,
#programmseite #navi02 a,
#terminseite #navi03 a,
#applausseite #navi04 a,
#audioseite #navi05 a,
#kontaktseite #navi06 a,
#kontaktformularseite #navi06 a,
#impressumseite #navi07 a,
#preiseseite #navi08 a,
#linksseite #navi09 a
 {  
   color: white;
   background-color: /* #D5ED74 */ #990033;
   border: 1px solid white;
}


#navibereich a:active {
   color: black;
   background-color: white;
}

#textbereich { 
    position: absolute;
    width: 673px;
    height: 400px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

#linksseite #textbereich { 
    position: absolute;
    width: 673px;
    height: 430px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

#programmseite #textbereich    
 { 
    position: absolute;
    width: 673px;
    height: 700px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

#applausseite #textbereich    
 { 
    position: absolute;
    width: 673px;
    height: 1100px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

#kontaktformularseite #textbereich    
 { 
    position: absolute;
    width: 673px;
    height: 700px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

#terminseite #textbereich    
 { 
    position: absolute;
    width: 673px;
    height: 700px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    left: 204px; 
    top: 321px;
    padding:8px 0px 10px 0px;
    margin: 6px 6px 6px 0px
}

    #textbereich p.text {
    margin: 0px;
    padding: 10px 40px 10px 40px;
    line-height: 1.0em;
    border: 0px solid black;
    } 

    #textbereich p.zitat {
    background-color: #cccccc;
    margin: 0px;
    padding: 10px 40px 10px 40px;
    line-height: 1.0em;
    border: 0px solid black;
    } 

    #textbereich p.zitat2 {
    margin: 0px;
    padding: 10px 40px 10px 40px;
    line-height: 1.0em;
    border: 0px solid black;
    position: relative;
    top: -10px;
    }

    #textbereich p.texth2 {
    margin: 0px;
    padding: 0px 20px 10px 40px;
    line-height: 1.0em;
    border: 0px solid black;
    font-size: 130%;
    font-style: italic;
    } 


    #textbereich img {
        margin: 4px;
     }

     #textbereich a {
        border-bottom: 1px dotted #cc0000;
     }
      #textbereich a:hover,
      #textbereich a: focus {
          border-bottom: 1px solid #d90000;
       }



#fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 810px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}

#linksseite #fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 840px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}


#programmseite #fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 1110px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}

#applausseite #fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 1510px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}

#kontaktformularseite #fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 1110px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}

#terminseite #fussbereich {
   clear: both;
   padding: 0px 0px 0px 0px;
   border: 0px solid #000000;
   margin: -50px 0px 0px 0px;
   position: absolute;
   top: 1110px;
   left: 204px;
   width: 673px;
   height: 40px;
   font-family: Georgia;
   font-size: 12px;
   color: white;
   text-align: right;
}



/* ab hier ist alles neu - davor ist vom kth übernommen */


a:hover {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 1.5em; color: #FE8EA4; text-decoration: none}
a {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; color: #000000; text-decoration: none; line-height: 1.5em}
.text {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: normal; line-height: 2.0em; color: #000000}

.zitat {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 2.0em; color: #000000}

.zitat2 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; line-height: 2.0em; color: #000000}


form#kontakt {
   width: 650px;
   color: black;
   line-height: 2;
}


fieldset {
   padding: 20px;
   margin: 10px;
}


legend {
   font-weight: bold;
   color: black;
   padding: 0 10px;
   border: none;
}

label {
   position: relative; /*etwas höher ... */
   bottom: 1px;
   cursor: pointer;
}

label.davor {
   float: left;
   clear: left;
   width: 115px;
   text-align: right;
   margin-right: 10px;
}

label.fehler {
   float: left;
   clear: left;
   width: 115px;
   text-align: right;
   margin-right: 10px;
   margin-top: 1px;
   padding: 0px;
   color: #ff0000;
   background: #fff url(warning.png) no-repeat 10px center;
   
}

p.fehler {
   width: 400px;
   text-align: center;
   margin-right: 1px;
   margin-top: 1px;
   padding-right: 1px;
   color: #ff0000;
   background: #fff url(warning.png) no-repeat 16px center;
   border: 1px solid #3fc600;
}


input#anrede_frau { 
   padding-left: 0;
   margin-left: 125px;
}

#abschicken {
   cursor: pointer;
   padding: 0;
   margin-left: 10px;
}

form p {
   margin: 0;
   margin-left: 10px;
}

#tobesent {
   width: 400px;
   height: 200px;
   text-align: left;
   margin: 10px;
   padding: 15px;
   color: #000000;
   background: #ffcc66 ;
  

 border: 2px solid #ccc;
}

.pflichtfeld {
   color: #990033; font-weight: bold;}

#digits {
   border: 1px solid black;
   padding: 2px;
   /*float: left;
   clear: left;*/
   margin-left: 10px;
   width: 126px;
   height: 26px;
   margin-bottom: 0;
}

#bestätigen {
   cursor: pointer;
   margin-left: 115px;
   padding: 0;
}

#abschicken {
   cursor: pointer;
   margin-left: 125px;
   padding: 0;
}

#abschicken2 {
   cursor: pointer;
   margin-left: 2px;
   padding: 0;
}


#subshdigts {
   cursor: pointer;
   margin-left: 10px;
   padding: 0;
}

#digits img {
    border: none; 
    margin: 0;
    padding:0;
}

.digitstext {
   text-align: left;
   margin-left: 5px;
   padding-left: 5px;
   color: #000000;
   background: #ffff9a ;
   border: 1px solid #3fc600;
}