@font-face {
font-family:myFont;
src:url("../Chalkduster.ttf");
}

body {
background-image:url("img/body_bg.jpg");
background-color:lightgray;
font-family:Times;
margin:0px auto;
padding:0px;
width:900px;
}

#header {
height:250px;
margin-top:2px;
position:relative;
width:100%;
}

#header #header_bild {
background-image:url("../../../../pic/briefkraehe.png");
background-repeat:no-repeat;
background-size:auto 100%;
height:250px;
margin-bottom:2px;
width:100%;
}

#header #header_text {
background-repeat:no-repeat;
background-size:auto 100%;
color:#eeeeee;
font-family:myFont;
font-size:100px;
height:200px;
left:300px;
position:absolute;
right:0px;
top:40px;
}

#header #header_subtext {
background-repeat:no-repeat;
background-size:auto 100%;
color: lightgrey;
font-family:myFont;
font-size:40px;
height:50px;
left:320px;
position:absolute;
right:0px;
top:200px;
}

#menu {
top:0px;
width:100%;
}

#menu.fixed {
position:fixed;
width:900px;
}

#menu ul {
display:block;
list-style:none;
margin:0px;
padding:0px;
width:100%;
}

#menu ul li {
display:block;
margin:0px;
margin-top:4px;
padding:0px;
width:100%;
}

#menu ul li a {
color:black;
display:inline-block;
font-size:16px;
font-weight:bold;
padding:5px;
outline:none;
text-decoration:none;
white-space:nowrap;
width:100%;
}

#menu ul li ul {
margin-left:15px;
width:155px;
}

#menu ul li a:hover {
background-color:rgba(255,255,255,0.3);
}

#menu ul li a.active {
background-color:rgba(255,255,255,0.3);
}

#content_left_aktuell {
background-color:rgba(255,255,255,0.15);
padding:5px;
}

#content {
display:inline-block;
margin-top:2px;
min-height:500px;
width:100%;
}

#content #content_left {
display:inline-block;
float:left;
min-height:500px;
padding:10px 40px 0px 40px;
width:170px;
}

#content #content_left #content_left_logo {
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
height:200px;
margin-top:20px;
width:100%;
}

#content #content_left #content_left_aktuell {
margin-bottom:20px;
margin-top:20px;
width:100%;
}

#content #content_right {
border:1px solid gray;
background-color:rgba(255,255,255,0.4);
border-left:1px solid gray;
display:inline-block;
float:right;
min-height:500px;
padding:10px 40px 0px 40px;
width:568px
}

#footer {
clear:both;
font-size:10px;
margin-bottom:50px;
margin-top:-7px;
text-align:right;
width:100%;
}

#background {
bottom:0px;
left:0px;
position:fixed;
right:0px;
top:0px;
z-index:-1;
}

#background #WolkenBild {
background-image:url("img/wolken.png");
background-size:cover;
height:200%;
left:0px;
position:absolute;
top:0px;
width:200%;
z-index:1;
}

#background #MondBild {
background-image:url("img/mond.png");
background-size:150px 150px;
height:150px;
left:0px;
position:absolute;
top:100%;
width:150px;
z-index:2;
}