/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Basisangaben */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*{
 margin: 0;
 padding: 0;
 border: 0;
 box-sizing: border-box;
}

div, p, h1, h2, h3, ul, ol, td, th,span, li{
 font-family: Cambria,Georgia,Times New Roman,Times,Arial,Calibri,Sans;
 font-size: 18px;
 line-height: 1.4;
 color: #000;
}

body{
 padding: 3%;
 background-color: #FCFC99;
 overflow-y: scroll;
 text-align: center;
}

/* Bilder */

img{
 max-width: 100%;
 max-height: 100%;
 vertical-align: top;
}

/* Links Grundausstattung */
a{color: #FF0000;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;color: #FF0000;}
a:active{text-decoration: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Navi */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#Kopfnavi{
 width: 100%;
 background-color: #FCFC99;
 text-align: left;
}
#Kopfnavi ul, #Kopfnavi li{
 list-style: none;
}
#Kopfnavi li{
 display: inline-block;
 margin-right: -0.3em;
}
a.menu1, a.menu1aktiv{
 display: block;
 padding: 0.5em 1em;
 text-align: center;
 text-decoration: none;
 background-color: #FCFC99;
 color: #007AC4;
 font-size: 0.9em;
}
a.menu1:link{text-decoration: none;}
a.menu1:visited{text-decoration: none;}
a.menu1:hover{background-color: #F9F9D9; color: #FF0000;}
a.menu1:active{background-color: #F9F9D9;}

a.menu1aktiv:link{background-color: #F9F9D9; color: #FF0000;}
a.menu1aktiv:visited{text-decoration: none;}
a.menu1aktiv:hover{background-color: #F9F9D9; color: #FF0000;}
a.menu1aktiv:active{background-color: #F9F9D9;}


#Navi{
 float: left;
 width: 25%;
 margin-top: 6%;
 margin-right: 6%;
 padding-left: 3%;
 text-align: left;
}

a.menu, a.menuaktiv{
 display: block;
 width: 98%;
 text-decoration: none;
 padding: 3px 3px 3px 3%;
 border-bottom: solid 1px #007AC4;
 text-align: left;
 font-size: 0.9em;
 color: #007AC4;
}
a.menu:first-child, a.menuaktiv:first-child{
 border-top: solid 1px #007AC4;
}
a.menu:link{background-color: #F9F9D9;}
a.menu:visited{background-color: #F9F9D9; color:#007AC4;}
a.menu:hover{background-color: #FCFC99;color: #FF0000;text-decoration: none;}
a.menu:active{background-color: #FCFC99;}

a.menuaktiv:link{background-color: #FCFC99;color: #FF0000;}
a.menuaktiv:visited{background-color: #FCFC99;color: #FF0000;}
a.menuaktiv:hover{background-color: #FCFC99;color: #FF0000;}
a.menuaktiv:active{background-color: #FCFC99;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVs */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#Gesamt{
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
 text-align: center;
 background-color: #F9F9D9;
 border: solid 0px #F9F9D9;
 box-shadow: 0px 0px 10px #AAA;
}

#Kopf{
 margin-bottom: 2%;
 text-align: center;
}

#Foto{
 width: 100%;
}

#Inhalt{
 float:left;
 width: 60%;
 margin-top: 5%;
 text-align: left;
}
#Inhalt p{margin-top: 0.4em;}
#Inhalt ul, #Inhalt ol{margin-left: 1em;}
#Inhalt p{
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 -moz-hyphens: auto;
 hyphens: auto;
}


#Fuss{
 clear: left;
 width: 100%;
 text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Formate */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3{
 font-weight: bold;
 color: #FF0000;
}
h1{
 font-size: 3em;
 padding-top: 0.5em;
 margin-bottom: 0.1em;
}

h2{
 font-size: 1.2em;
 margin: 2em 0 0.5em 0;
}

h3{
 margin: 1.5em 0 0.5em 0;
 color: #666;
}

audio{margin-top: 0.5em;}

.oAbstand{
 margin-top: 0;
 padding-top: 0;
}

/*Links nach extern*/
a.ext{color: #FFF;}
a.ext:link{text-decoration: none;}
a.ext:visited{text-decoration: none;}
a.ext:hover{text-decoration: underline;color: #FFF;}
a.ext:active{text-decoration: none;}