@import url("../Fonts/fontfaces.css");

body{
margin: 0px;
padding: 8px;
font-family: "Helvetica Neue", "Helvetica", "Arial", "sans serif";
color: #164362;
background-color: #E9AD78;
}

#container{
position: relative;
width: inherit;
max-width: 960px;
margin: 0 auto 0 auto;
color: inherit;
}

#kopfleiste {
position: relative;    
width: 600px;
overflow: hidden;
height: 100px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 15px;
background-color: #E9AD78;
}

#kopfleiste h1 {
font-family: "Chewy";
font-size: 48px;
line-height: 80px;
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

@media screen and (max-width:600px) {
#kopfleiste h1 {
font-family: inherit;
font-size: 32px;
line-height: 60px;
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    
}
}

#navigation {
position: absolute;
top: 50px;
right: 20px;
width: 300px;
height: 50px;    
}

#navigation :first-child {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;    
}

#navigation :nth-child(2) {
position: absolute;
top: 0px;
right: 80px;
width: 50px;
height: 50px;    
}

#menu {
position: absolute;
top: 50px;
right: 20px; 
width: 200px;
height: auto;
background-color: #E9AD78;
box-shadow: 2px 2px 2px 2px #7F4A1B;
z-index: 1;
visibility: hidden;   
}

#menu p {
font-size: 16px;
margin: 10px 0px 20px 10px;
}

#imenu {
border: 2px #000000;
z-index: 1;
visibility: visible;
}

#inhalt {
overflow: hidden;
width: auto;
height: auto;
margin: 0px;
padding: 15px;
background-color: #EDCEAB;
}

#inhalt p {
font-size: 16px;
line-height: 1.4;
}

#inhalt p.fett {
font-size: 20px;
font-weight: bold;
}

#inhalt img.topImg {
display: block;
margin: 25px auto 25px auto;
border: 0;
}

#inhalt img.FloatLeft {
float: left;
margin: 50px auto 50px auto;
border: 0;
}

#inhalt img.FloatRight {
float: right;
margin: 25px auto 25px auto;
border: 0;
}

a {
color: #164362;
font-family: inherit;
text-decoration: underline;
}

a:link {
color: #164362;
font-family: inherit;
text-decoration: underline;
}

a:visited {
color: #164362;
font-family: inherit;
text-decoration: underline;
}

a:hover {
color: #BF00FF;
font-family: inherit;
text-decoration: underline;
}

a:active {
color: #164362;
font-family: inherit;
text-decoration: underline;
}

em {
font-weight: bold;
font-style: italic;
}

.bold {
font-weight: bold;
}

.highlight {
background-color: #FFDF00;
}

.schattiert {
box-shadow: 2px 2px 2px 0px #7F4A1B;    
}

.hide {
visibility: hidden;
}