@media (min-width: 801px) and (max-width: 1100px){
  
#container {
width: 800px;
}
  
#header {
height: 200px;
background: url('../images/landshut_interkulturell_x.jpg') no-repeat center top;
background-size: cover;
}
  
#top {
height: 50px;
}
  
#nav {
height: 150px;
}
  
#arena {
width: 720px;
margin:40px;
padding:0;
}
  
#section {
width: 435px;
margin: 0 40px 0 0;
float: left;
}
  
#aside {
width: 225px;
margin: 0;
float:right;
}
  
/* TOP */
  
#header > div#top > ul.nav {
width: 315px;
text-align: right !important;
margin: 0 0 0 auto;
padding: 0;
}
  
  
/* Logo */

#logo div.custom {
width: 250px;
height: auto;
padding: 10px 20px 10px 30px;
}
  
#logo div.custom h3 {
margin: 0;
padding: 0;
border:0;
font-weight:700;
text-align: left;
font-size: 1.8em;
line-height: 1.0em;
}

#logo div.custom p {
margin: 0;
padding: 0;
border:0;
font-weight:300;
text-align: right;
font-size: 1.8em;
line-height: 1.0em;
}
  
/* Begruessung */

div.wk {
position: absolute;
top: 135px;
left: 50%;
height: 60px;
width: 200px;
overflow: hidden;
padding:0;
margin:0 0 0 -140px;
text-align: center;
}

div.wk div {
height: 100%;
width: 100%;
padding:0;
margin:0 auto 0 auto;
}


div.wk p{
position: relative;
top: 0;
left: 0;
height: 60px;
width: 200px;
font-size: 1.6em;
font-weight: bold;
padding:0 auto 0 auto;
margin:0;
text-align: center;
line-height: 1.0em;
animation: slide 30s ease-in-out 1s infinite;
}

@keyframes slide {
0%   {top: 0px;}
5%   {top: -60px;}
10%  {top: -120px;}
15%  {top: -180px;}
20%  {top: -240px;}
25%  {top: -300px;}
30%  {top: -360px;}
35%  {top: -420px;}
40%  {top: -480px;}
45%  {top: -540px;}
50%  {top: -600px;}
55%  {top: -660px;}
60%  {top: -720px;}
65%  {top: -780px;}
70%  {top: -840px;}
75%  {top: -900px;}
80%  {top: -960px;}
85%  {top: -1020px;}
90%  {top: -1080px;}
95%  {top: -1140px;}
100% {top: -1200px;}
}
  

/* NAV */
  
#nav > ul.nav > li a {
display: block;
width: auto;
height:75px;
border:0;
background-color: #d4cfc5;
font-size: 1.7em;
font-weight:700;
line-height: 1.0em;
color: #ffffff;
text-align: left;
text-decoration: none;
}
  
#nav > ul.nav > li:first-of-type > a {
margin: 4px 2px 2px 4px;
padding:12px 20px 0 90px;
}

#nav > ul.nav > li:last-of-type > a {
margin: 4px 4px 2px 2px;
padding:12px 100px 0 90px;
}
  
/* Level 2 */
  
#nav > ul.nav > li li {
height: 40px;
}

#nav > ul.nav > li li a {
padding:10px 20px;
font-size: 1.3em;
}
  
   
}