@import"reset.css";@import"skeleton.css";@import"superfish.css";@import"../css/flexslider.css";@import"../css/forms.css";

html,
body,
div,
span,
p,
a,
del,
em,
img,
ol,
ul,
li,
fieldset,
form,
label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color:#00AAFF;
  text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body {
  line-height: 1;
  font-family: Artial, Verdana, sans-serif;
}
body {
  background: #03141E;
  background-attachment: fixed;
  font:16px/20px 'Roboto', sans-serif;
  color:#00AAFF;
}
ol,
ul {
  list-style: none;
}
p {
  margin: 0em 0;
  line-height: 1.3em;
  color:#00AAFF;
  text-align:left;
}
q {
  font-style: italic;
  color: #333;
}
h1 {
  font-size: 2.91em;
  margin: 0;
}
h1 > small {
  text-align: right;
  display: inline-block;
  font-size: .61em;
  text-indent: 15em;
  color: #444;
}
h3 {
  color: #333;
  font-size: 1.41em;
  margin: 1em 0;
}
h4 {
  color: #444;
  font-size: 1.11em;
  margin: 1em 0;
}

/*  Header styles */
h1,h2,h3,h4,h5,h6{color:#382c27; margin:0 0 10px 0; font-weight:normal; font-family:'Economica', sans-serif;}
h1{font-size:40px;}
h2{font-size:30px; color:#FFF; text-align:left;}
h3{font-size:28px; color:#00AAFF;} 
h4{font-size:32px; padding-bottom:15px;}  
h5{font-size:18px;}
h6{font-size:14px;}

ul {list-style-type: circle; text-align:left; margin:0 0 0 20px}
li {list-style-type: circle; text-align:left; margin:0 0 10px 0}


body {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.hintergrund {
	background:#404C53; 
	width:960px; 
	height:100%; 
}

.navi_wrapper {
	width:960px;
}

.navigation {
	position:relative; 
	float:right; 
	top:55px; 
	right:42px; 
	font-weight:normal; 
	font-family:'Economica', sans-serif;font-size:30px; 
	color:#00AAFF;}

.logo {
	position:relative; 
	float:left; 
	top:38px; 
	left:20px;
}

.buehne {
	width:960px; 
	height:100%; 
	top:135px; 
	overflow:hidden
}

.picture_900 {width:900px;}
.picture_450 {width:450px;}

.line {height:1px; width:900; margin:0px 0 5px 0; background-color:#00AAFF;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	body {width: 768px;}
	.bg {width:768px}
	.wrapper {width: 768px;}
	.hintergrund {width:768px;}
	.navi_wrapper {width:768px;}
	.logo {width:200px}
	.line {width:708px}
	.picture_900 {width:708px;}
	.picture_450 {width:350px;}
	.navigation {top:50px} 
	.buehne {width:768px;}
	
}

@media only screen and (max-width: 767px) {
	.bg {width:320px}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.bg {width:420px}
}

@media only screen and (max-width: 479px) {
	.bg {width:300px}
}