body {
font-family:Tahoma,Arial,sans-serif;
color: #303030;
background: black url('back.jpg') no-repeat fixed center;
background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-khtml-background-size: cover;

}

#alles {
color:#000;
position: absolute;
width: 900px;
margin-left:-450px;
left:50%;
}

#head {
clear: both;
margin-top: 10px;
height: 260px;
    font-size:25px;
    float: left;
    background-color:#FFF;
    width:100%;
    border:0px;
            -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -0px -0px 8px black;

}

#bild {
width:900px;
   height:260px;
   overflow:hidden;
           -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;

}
#buld {
width:40px;
   height:40px;
position: absolute;
 overflow:hidden;
 margin-left:12px;
 margin-top:1px;
}
#bifb {
width:30px;
   height:30px;
position: absolute;
 margin-left:845px;
 margin-top:-1px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
    border-radius: 5px;
}
#tog {
 display: none;
 font-size:25px;
}
#taag {
 display: none;
}
#nav {
clear: both;
margin-top:13px;
height: 38px;
    font-size:25px;
    border: 1px solid #680D0D;
    float: left;
    background-color:#680D0D;
    width:900px;
        -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -0px -0px 8px black;
}

#nav ul {
    width: 850px;
    margin: 0;
     margin-left:50px;
padding: 0;
  }

#nav li {
 list-style: none;
 padding: 0;
 float: left;
         }

  #nav a {
    display:block;
    padding: 5px;
    padding-left:12px;
    padding-right:12px;
    text-decoration: none;
    font-weight: regular;
    border: 1px solid;
    border-right-color: #680D0D;
    border-left-color: #680D0D; border-top-color: #680D0D; border-bottom-color: #680D0D;
    color: #FFECEC;
    font-size:18px;
    height: 25px;
    vertical-align: middle;
    letter-spacing: 0.1em;
  }

#main {
clear: both;
margin-top:13px;
padding: 10px;
min-height: 100px;
    font-size:12px;
    border-bottom: 1px solid red;
    float: left;
    background-color:#FFF;
    width:880px;
    border: 1px solid #680D0D;
            -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -0px -0px 8px black;
}

#main h1 {
color:#680D0D;
}

#main h2 {
color:#680D0D;
}

#main img {
    border: 1px solid #680D0D;
            -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 10px;
}

#foot {
clear: both;
margin-top:13px;
margin-bottom:20px;
padding-left:10px;
color: #FFF;
height: 20px;
    font-size:10px;
    border: 1px solid #680D0D;
    float: left;
    line-height:160%;
    background-color:#680D0D;
    width:890px;
        -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -0px -0px 8px black;

}


@media only screen and (min-device-width: 300px) and (max-device-width: 750px) {
        /* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */

 body {
background: #680D0D;
}

#alles {
color:#000;
position: absolute;
width: 100%;
}

#head {
display: none;
}

#bild {
display: none;
}
#buld {
display: none;
}
#bifb {
display: none;
}

#taag {
 display: block;
 width: 100%;
}

#tog {
display: block;
margin-top:13px;
width: 100%;
height: 100%;
    border: 0px solid #680D0D;
    background-color:#680D0D;
    margin-bottom: 20px;
}

#tog a {
 display:block;
    padding: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-decoration: none;
    font-weight: regular;
    border: 1px solid;
    border-right-color: #680D0D;
    border-left-color: #680D0D; border-top-color: #680D0D; border-bottom-color: #680D0D;
    color: #FFECEC;
    font-size: 3em;
    vertical-align: middle;
    letter-spacing: 0.1em;
    width: 100%;
    height: 100%;
 }
 #tog img {
  height: 100%;
 }

#nav {
display: none;
margin-top:13px;
width: 100%;
height: 100%;
    border: 0px solid #680D0D;
    background-color:#680D0D;
    box-shadow: none;
    margin-bottom: 20px;
}

#nav ul {
    width: 100%;
  }

#nav li {
 list-style: none;
 padding: 1px;
 width: 100%;
 vertical-align: middle;
 margin-bottom: 20px;
         }

  #nav a {
    display:block;
    padding: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-decoration: none;
    font-weight: regular;
    border: 1px solid;
    border-right-color: #680D0D;
    border-left-color: #680D0D; border-top-color: #680D0D; border-bottom-color: #680D0D;
    color: #FFECEC;
    font-size: 3em;
    vertical-align: middle;
    letter-spacing: 0.1em;
    width: 100%;
  }

#main {
margin-top:13px;
padding: 8px;
min-height: 100px;
    font-size:16px;
    background-color:#FFF;
    width: 100%;
    border: 0px;
    margin-left: 0px;
                -moz-border-radius: 0px;
-webkit-border-radius: 0px;
    border-radius: 0px;

}

#main h1 {
color:#680D0D;
}

#main h2 {
color:#680D0D;
}

#main img {
    border: 1px solid #680D0D;
            -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 10px;
}

#foot {
display: none;
}






}