/* =============== global reset =======================================  */
body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a ,img{
margin: 0;
padding: 0;
border: 0;
/* background-color:#FFFFFF; */
}
blockquote:before, blockquote:after,
q:before, q:after {content: none;}          
blockquote, q {quotes: none;}
                              
body{            
    background-color: #fff;
    min-height:100%;
    height:auto !important; /* Fast IE Hack */
    height:100%;
    font-size:101%;

}    
/* ========================================= allgemeingueltig =====================================*/


h1, h2, h3, h4, h5, h6{
    font-family: georgia, serif ;
    font-weight: 700;
    line-height: 1.7em;
    color: #0033FF;
    text-align: left;
    }
h1 {
    text-align: center;
    color: #0033FF;
    font-size: 1.3em;
    line-height: 1.4;
    }
h4{
    text-align: left;}
h6{ 
    font-size: 1.1em;
    text-align: center;}

q{
    font-family: georgia, serif ;
    word-spacing: 0.1em;
    letter-spacing: 0.01em;
    font-size: 0.9em;
    font-style:italic;
    font-weight: 700;
    line-height: 1.7em;
    color: #3399FF;
    width: 36em;
    margin: 0 auto;
    display:block;
    text-align:left;
    }
q em{
    
    font-weight: 900;
    color: #0033FF;}
/* em{
    font-weight: 700;} */
cite{
    font-family: verdana, sans-serif ;
    font-size: 0.8em;
    line-height: 1.1em;
    font-weight: 500;
    font-style: normal;
    }

p, ul{
    font-family: georgia, serif;
    word-spacing: 0.0em;
    letter-spacing: 0.00em;
    font-size:  medium;
    font-weight: 500;
    line-height: 1.5em;
    color: #0033FF;
    margin: 1em auto;
    width: 36em;
    text-align:left;
}
p:first-letter{
    font-size: 1.8em;}

hr{
    color:#3399FF;
    margin-bottom: 1em;
    clear: both;
    }
    
a:link {color: #0033FF;}
a:visited {color: #0033FF;}
a:hover {color: #FF9100;}
a:active{color: #FF9100;}

.right{
    float:right;
}
.clear{
    clear:both;
}

.alt-lang{
    background-color: #FBE3B5;
    text-decoration: none;
    padding: 0.2em;
    margin: -1em auto 1em auto;

    display: inline-block;
}
.alt-lang img{
      vertical-align: middle;
}
/* ========================================= grundbausteine =====================================*/

#wrap{

}
#container{
    width: 876px;
    height:80%;
    margin:  0em auto;
    padding: 20px 0px 30px 0px;
    background-color:#FFFFFF; 
    text-align: center;
    }
#titel{
    margin: 1em auto  auto auto;
    width: 850px;
}
#titel img{
       margin: 0 auto;
}
#menu {
    margin:0.5em auto 1em auto;
    text-align: center;
    width: 800px;
}
#menu img{
    margin-bottom: 20px;
}

#menu a{
    font-family: georgia, serif ;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.0em;
    line-height: 1.7em;
    margin: 2em 0.9em;
    text-decoration: none ;
    }
#menu a:link{color: #3399FF;}
#menu a:visited {color: #3399FF;}
#menu a:hover {color:  #FF9100;}
#menu a:active{
    color:  #FF9100;
    text-decoration: none;
}
#menu .now a:link{ color:  #FF9100;}
#menu .now a:visited {color: #FF9100;}
#menu .now a:hover {color: #FF9100;}
#menu .now a:active{color: #FF9100;}
#menu .now a{
    text-decoration:none;
}
#footer{
    font-family: verdana, sans-serif ;
    font-size: 0.6em;
    line-height: 1.0em;
    color: #7BBDBC;
    margin: 0.5em;
    padding-bottom: 1em;
    text-align: center;
    }
#footer a{
    /* background-color: #C8E4FD; */
    font-size: 1em;

}
#footer a:link {color: #3399FF;}
#footer a:visited {color: #3399FF;}
#footer a:hover {color: #FF9100;}
#footer a:active {color: #FF9100;}
/* ========================================= einzelne Seiten  =====================================*/
/* ================= startseite =========================*/
#start{
    width: 35em;
    padding-top: 3em;
    margin: 0 auto;
    }
#start p{
    font-family: georgia, serif ;
    word-spacing: 0.1em;
    letter-spacing: 0.01em;
    font-style:italic;
    font-weight: 200;
    line-height: 1.7em;
    color: #003399;
    width: 36em;
    margin: 0 auto;
    text-align:left;
    font-weight: 700;
    font-size: 1.1em;
    display: inline;
    quotes: none;
    }
#start cite {
    font-weight: 500;
    font-size: 1.0em;
    text-align: right;
    display: block;
    margin: 1em;
    }
/* ================ Aktuelles ==========================*/
.aktuelles {
    padding: 0 80px;
    font-family: arial, serif ;
}
.aktuelles p, h1{
    font-size:  small;
    margin:20px auto;
    width: 420px;
}
.aktbox {
    background-color:    #FFCC99;  background-image: url(img/bg-aktpost.jpg);
    margin: 3em auto 0 auto;
    width: 550px;
}
.datum {
    color:   #0033FF;
    font-family: Futura, Century Gothic, AppleGothic, sans-serif;
    font-size: 0.8em;
    text-align: right;
}
/* ================= einleitung =========================*/
.einleitung {
    margin: 0 0 0 100px;
    text-align: left;
    width: 20em;
    padding: 0 0 0 100px;}
.pupil{
    float:right;
    margin: 0px 150px 0 0;
}
/* ================= inhaltsverzeichnis - konzept =========================*/
#inhalt{
    width: 30em;
    margin: 0 3em 0 15em;
    }   

#inhalt h2,#inhalt h3,#inhalt h4{   
    font-weight: 500;
    line-height: 1.5em;
    }
#inhalt h2{
    font-size: 1.2em;
    }
#inhalt h3{
    font-size: 1em;
    font-weight: 600;
    }
#inhalt h4{
    font-size: 1em;
    font-weight: 500;
    padding: 0em 0em 0em 2em;}

/* ================= konzept =========================*/
.konzept h2, .konzept h3{     
    font-size: 1.5em;
    line-height: 1.7em;
    padding: 0em;  
    }
.konzept h4, .konzept h5{
    line-height: 1.7em;
}
.konzept h4 {
    font-size: 1.3em;
    font-weight: 500;
    }
.konzept h5 {
    font-size: 1.1em;}
.konzept {
    width: 700px;
    margin: 0 auto;
    }    
.konzept ul{
    text-align: left;
    width: 36em;
    padding: 0 0 0 2em;}
.konzept  a:link {color: #3399FF;}
.konzept  a:visited {color: #3399FF;}
.konzept  a:hover {color: #FF9100;}
.konzept  a:active{color: #FF9100;}

  
.kasten {
    border: 1px solid #3399FF;
    width: 38em;
    padding: 0.5em 0;
    margin: 1em auto;}
.kasten cite{
    display: block;
    padding-top: 1em;
    text-align: right;}
/* ================ Fotos==========================*/
#blog{
    width: 410px;
    margin: auto;
    text-align: left;
}
#blog a:link, a:visited{
    color: #4092C9;
}
#blog .datetime{
    color:#BF9000;
    
}
/* ================ Anfahrt ==========================*/
.karte {
    border: 3px double  #3399FF;
}
#anfahrt{

}
.adresse{
    text-align: center;
}
/* ================ Kontakt ==========================*/
.kontakt{
    text-align: center;
    }
/* ================ impressum ==========================*/
.adresse{
    font-family: georgia, serif;
    word-spacing: 0.0em;
    letter-spacing: 0.00em;
    font-size:  medium;
    font-weight: 500;
    line-height: 1.5em;
    color: #0033FF;
}
/* ================ Eintrag ==========================*/
form {
    text-align: left;
}
textarea {
    width: 47em;
    height: 10em;
}
input {
    width: 30em;
}

.buttons input {
    width: 8em;
    text-align: center;
}
.buttons  {
    text-align: center;
}

.eintrag {
    border: 2px dotted   #3399FF;
    margin: 3em auto 0 auto;
    padding: 1em 2em;
    width: 600px;
}


#secret{
    text-align:left;
    padding:0;
    margin:0;
}
#secret a{
    text-decoration:none;
    color:#fff;
}    
#secret  a:link {color: #B8B8B8;}
#secret  a:visited {color: #B8B8B8;}
#secret  a:hover {color: #fff;}
#secret  a:active{color: #fff;}


/* ================ fotoedit ==========================*/
.fotoedit img{
    width: 100px;
}