@charset "utf-8";
/* CSS Document */
*{
font-family: Arial;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 200px; 
}
#box a {
display:block;
background-color:#992228;
margin-bottom:5px;
height: 25px;
text-align:center;
line-height:26px;
}
#bla a{
display:none;
}
#bla2 a{
display:none;
}
#bla3 a{
display:none;
}
#bla4 a{
display:none;
}
#bla5 a{
display:none;
}
#bla6 a{
display:none;
}
#box a:hover{
background-color:#DE002E ;
}
header {
margin-top: 20px;
left: -10px;
position: relative; 
width:100%;
}
#style {
background-color: #992228;
float: left;
}
#logo img{
float: left;
}
#sprache{
float: right;
background-color: #992228;
padding: 5px 0px 5px 5px;
}
#sprache img{
margin-right:5px;
float:left;
}
.stop{
clear:both;
}
main{
margin-right: auto;
margin-left: auto;
}
#nav1 {
width: 100%;
letter-spacing:0.5px;
}
#nav1 a:hover {
background-color:#DE002E ;
}
a:link {
text-decoration:none;
color: rgba(255,255,255,1);
}
a:visited {
text-decoration:none;
color: rgba(255,255,255,1);
}
content{
padding: 15px 15px 15px 15px;
border: thin solid #992228;
border-radius: 15px;
margin: 20px;
width: 565px;
background-color:white;
float:right;
}
footer {
position: absolute;
margin-top: -50px;
left: 0;
bottom: 0;
height: 200px;
width: 100%;
background: url(bilder/bg.png);
background-repeat: repeat-x;
}
@media only screen and (max-width: 480px){
header{
height: 81px;
}
.info_1{
/*background-color: red;*/
float:left;
}
.info_2{
/*background-color: blue;*/
width:250px;
float:right;
}
#style {
width: 40%;
height: 80px;
}
#logo  img{
height: 80px;
width:55px;
}
main{
width: 480px;
}
nav{
width: 260px;
margin-left: auto;
margin-right:auto;
}
#nav1 li {
list-style-type:none;
margin-bottom: 20px;
padding: 0.4em 5.9em 0.4em 0em;
}
#n1{
background: url(bilder/m_1.jpg);
}
#n2{
background: url(bilder/m_2.jpg);
}
#n3{
background: url(bilder/m_3.jpg);
}
#n4{
background: url(bilder/m_4.jpg);
}
#n5{
background: url(bilder/m_5.jpg);
}
#n6{
background: url(bilder/m_6.jpg);
}
#nav1 a {
background-color: #992228;
display: block;
padding: 0.3em 0.3em 0.3em 2em;
margin-left: -2em;
text-decoration: none;
}
#box {
width:350px;
}
content{
width: 350px;
}
content img {
width: 350px;
height: 160px;
}
}
@media only screen and (min-width: 480px){
header{
height: 81px;
}
.info_1{
/*background-color: red;*/
float:left;
}
.info_2{
/*background-color: blue;*/
width:250px;
float:right;
}
#style {
width: 40%;
height: 80px;
}
#logo  img{
height: 80px;
width:55px;
}
main{
width: 480px;
}
nav{
width: 260px;
margin-left: auto;
margin-right:auto;
}
#nav1 li {
list-style-type:none;
margin-bottom: 20px;
padding: 0.4em 5.9em 0.4em 0em;
}
#n1{
background: url(bilder/m_1.jpg);
}
#n2{
background: url(bilder/m_2.jpg);
}
#n3{
background: url(bilder/m_3.jpg);
}
#n4{
background: url(bilder/m_4.jpg);
}
#n5{
background: url(bilder/m_5.jpg);
}
#n6{
background: url(bilder/m_6.jpg);
}
#nav1 a {
background-color: #992228;
display: block;
padding: 0.3em 0.3em 0.3em 2em;
margin-left: -2em;
text-decoration: none;
}
#box {
width:350px;
}
content{	
width: 350px;
}
content img {
width: 350px;
height: 160px;
}
}
@media only screen and (min-width: 768px){
header {
height: 151px;
}
.info_1{
float:left;
}
.info_2{
width:330px;
float:right;
}
#style {
width: 60%;
height:150px;
}
#logo img{
height: 150px;
width: 100px;
}
main{
width: 800px;
}
nav{
float:left;
margin: 20px;
width: 260px;
}  
#nav1 li {
list-style-type:none;
margin-bottom: 20px;
padding: 1.5em 5.9em 1.5em 0em;
}
#n1{
background: url(bilder/1.jpg);
}
#n2{
background: url(bilder/2.jpg);
}
#n3{
background: url(bilder/3.jpg);
}
#n4{
background: url(bilder/4.jpg);
}
#n5{
background: url(bilder/5.jpg);
}
#n6{
background: url(bilder/6.jpg);
}
#nav1 a {
background-color: #992228;
display: block;
padding: 0.3em 0.3em 0.3em 2em;
margin-left: -2em;
text-decoration: none;
}
#box {
width:425px;
}
content{
width: 425px;
}
content img{
width: 425px;
height: 192px;
}
}
@media only screen and (min-width: 1280px){
.info_1{
float:left;
}
.info_2{
width:450px;
float:right;
}
#style {
width: 60%;
}
#logo img{
height: 150px;
width: 100px;
}
main{
width:960px;
}
nav{
float:left;
margin: 20px;
width: 260px;
} 
#nav1 li {
list-style-type:none;
margin-bottom: 20px;
padding: 1.5em 5.8em 1.5em 0em;
}
#n1{
background: url(bilder/1.jpg);
}
#n2{
background: url(bilder/2.jpg);
}
#n3{
background: url(bilder/3.jpg);
}
#n4{
background: url(bilder/4.jpg);
}
#n5{
background: url(bilder/5.jpg);
}
#n6{
background: url(bilder/6.jpg);
}
#nav1 a {
background-color: #992228;
display: block;
padding: 0.3em 0.3em 0.3em 2em;
margin-left: -2em;
text-decoration: none;
}
#box {
width: 565px;
}
content{
width: 565px;
}
content img {
width: 565px;
height: 256px;
}