@charset "utf-8";
@font-face{font-family:'dr.po_gothicruregular';
src:url('dr_po-webfont.eot');
src:url('dr_po-webfont.eot?#iefix') format('embedded-opentype'),url('dr_po-webfont.woff') format('woff'),url('dr_po-webfont.ttf') format('truetype'),url('dr_po-webfont.svg#dr.po_gothicruregular') format('svg');
font-weight:normal;
font-style:normal}
*{margin:0;
padding:0}
body{padding:0;
color:#333;
background-image:url(../bilder/wolken.jpg);
max-width:1148px;
margin-top:10px;
margin-right:auto;
margin-bottom:30px;
margin-left:auto;
font-size:100%;
line-height:1.4;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:.03em}
h1,h2,h3,h4,h5,h6,p{padding-right:15px;
padding-left:15px}
img
{
  max-width: 100%;
  height: auto;
}
a img{border:0}
a{color:#e2001a;
text-decoration:none;
outline:0}
a:hover,a:active,a:focus{text-decoration:underline}
header{padding-right:4px;
padding-left:4px;
}
nav{padding-bottom:10px}
.content{width:748px;
float:left;
margin-right:39px;
padding-top:2px;
padding-right:0;
padding-bottom:30px;
padding-left:0;
border-radius:10px;
box-shadow:3px 3px 5px #333;
margin-top:120px;
background-color:#bdbdff;
min-height:350px}
aside{float:left;
width:347px;
border-radius:10px 10px 10px 10px;
box-shadow:3px 3px 2px #333;
padding-right:0;

padding-left:0;
background-color:#bdbdff;padding-bottom:80px;}
footer{position:relative;
clear:both;
padding-top:37px;
padding-right:80px;
padding-bottom:8px;
padding-left:70px;
background-image:url(../bilder/fuss.png);
height:68px;
left:0;
top:-30px;
bottom:0;
width:1010px;
background-repeat:no-repeat;
background-position:left center}
.wolke{padding-top:27px;
background-repeat:no-repeat;
background-position:left top;
float:left;
width:252px;
padding-left:4px;
padding-right:4px;
margin-bottom:10px;
margin-top:75px
}
.content h1{font-family:'Merienda',sans-serif;
color:#e2001a;
font-size:1.5em;
padding-bottom:10px;
padding-top:10px;
background-image:url(../bilder/content.png);
background-repeat:no-repeat;
background-position:left bottom}
.content p{margin-top:10px}
.content section figure{float:right;
margin-left:30px;
margin-top:15px;
margin-right:15px;
width:220px}

.content section figure.logo{float:none;
margin-left:30px;
margin-top:15px;
margin-right:15px;
width:220px}
.content section figure img{border-radius:5px;
box-shadow:4px 4px 3px 0 #333}
.content section figure.logo img{border-radius:0;
box-shadow:0 0 0 0}
.content section figure figcaption{font-size:.8em;
margin-top:5px}
.content ul,.content ol{padding:0 15px 15px 40px}
.content .start{float:left;
width:200px}
.wolke aside figure{margin-top:20px;
width:300px;
margin-right:auto;
margin-left:auto}
.wolke aside figure figcaption{font-size:.8em;
margin-top:5px}
.wolke aside figure img{border-radius:5px;
box-shadow:4px 4px 3px 0 #333}
.wolke aside h1{font-family:'Merienda',sans-serif;
color:#e2001a;
padding-bottom:10px;
padding-top:19px;
font-size:1.2em;
background-image:url(../bilder/medienline.png);
background-repeat:no-repeat;
background-position:left bottom}
ul.nav{list-style:none;
position:relative;
}
ul.nav li{
background-image:url(../bilder/navi.png);
background-repeat:no-repeat;
background-position:left top}
.wer{position:absolute;
left:0;
top:-10px}
.cols{-moz-column-gap:1.5em;
-webkit-column-gap:1.5em;
-moz-column-count:2;
-webkit-column-count:2;
column-gap:1.5em;
column-count:2}
.colsfirst{padding-top: 15px;}
.content ul{margin-top:10px}
.wann{position:absolute;
left:220px;
top:55px}
.was{position:absolute;
left:440px;
top:0}
.sponsor{position:absolute;
left:670px;
top:45px}
.wie{position:absolute;
left:885px;
top:0}
ul.nav li a:first-letter {font-family:'Algerian';
font-size:2em;
letter-spacing:.05em;
font-weight:normal;
color:#333}
ul.nav a{display:block;
width:227px;
text-decoration:none;
letter-spacing:.07em;
padding-bottom:23px;
padding-left:50px;
padding-top:20px;
background-repeat:no-repeat;
background-position:left top;
height:55px}
.left{padding:0}
ul.nav a:hover,ul.nav a:active,ul.nav a:focus,.index .wer,.termin .wann,.ballett .was,.kontakt .wie,.sponsoren .sponsor{color:#e2001a;
background-image:url(../bilder/navihover.png);
background-repeat:no-repeat;
background-position:left top}
.wocc{color:#e2001a;
background-image:url(../bilder/navihover.png);
background-repeat:no-repeat;
background-position:left top}
.fltrt{float:right;
margin-left:8px}
.fltlft{float:left;
margin-right:8px}
.clearfloat{clear:both;
height:0;
font-size:1px;
line-height:0}
header,section,footer,aside,article,figure{display:block}
.footer{float:right;
margin-right:15px}
address{font-style:normal;
font-family:'Merienda',sans-serif}
.content section p em{color:#e2001a;
font-style:normal;
font-family:'Merienda',sans-serif;
letter-spacing:.1em}
.imp{font-size:.9em}
@media screen and (max-width: 1140px) {
	ul.nav li{position:static!important}
	.content{
		width:99%;
		margin-left:5px;
		margin-top:0;
		margin-right:5px;
	}
	.wolke{width:100%;
	margin-top:0;}
	aside{width:99%;}
}
footer{background-size: contain;
width:80%;}

@media screen and (max-width: 570px) {
	


	.cols{

column-count:1}
.colsfirst{padding-top: 0;}
	
		

}