/*
rot:#de0030
*/
*{padding:0; margin:0; list-style:none; border:0; text-decoration:none}
a{color:#de0030}
a:focus{outline:none}
.magma{display:none}
.clear{clear:both}
.clear_bott{clear:both; height:7.5em}
.hr{border-top:1px solid black; background:#232323; line-height:1px; height:1px; font-size:0; clear:both; margin:30px 15px 30px 0}
html, body{}
html[xmlns]{padding:0 0 0.07em 0}
body{
  text-align:center;
  font:100.01%/1.4 calibri, arial, sans-serif;
  color:black;
  background:url(img/bg_body.gif) repeat-x}
#wrap{
  max-width:1050px;
  margin:0 auto;
  text-align:left;
  min-height: 100vh;
  position:relative;
  background:url(img/bg_body.png) no-repeat 100% 100%}
header{position:relative; padding:25px 0 0 0}
header a#logo{
  max-width:315px;
  width:30%;
  height:auto;
  float:left}
header a#logo img{
  max-width:257px;
  width:84%;
  height:auto}
header img#teaser{float:right; max-width:735px; width:70%; height:auto}
/*nav{}
nav ul#nav_m{
  position:absolute;
  z-index:1;
  bottom:0;
  left:0;
  width:100%;
  height:45px;
  background:#212121;
  font-family:Candara, Arial, sans-serif;
  letter-spacing:.06em;
  font-size:.81em; 
  line-height:45px;
  text-align:center}
nav ul#nav_m:before, nav ul#nav_m:after{
  border-right:1px solid #131313;
  position:absolute;
  z-index:2;
  top:0;
  height:45px;
  display:block;
  content:'';
  width:1px}
nav ul#nav_m:before{left:-3px}
nav ul#nav_m:after{right:0}  
nav ul#nav_m li{display:inline-block; background:url(i/bg_nav.gif) right center no-repeat; padding:0 2px 1px 0}
nav ul#nav_m li.la{background:transparent}
nav ul#nav_m a{padding:0 11px 0 11px; line-height:45px; height:45px; display:block; color:white; text-transform:uppercase}
nav ul#nav_m a:hover, nav ul#nav_m li.cur a{text-shadow:1px 1px 0 black; color:#de0030; background:url(i/bg_nav_a.gif) center top no-repeat}
nav ul#nav_m a:hover{background:transparent}
nav ul#nav_m li.cur a:hover{}*/

#main{
  width:70%;
  float:right}
#left{
  float:left; 
  width:30%;
  min-width:185px; 
  margin:0; 
  position:relative}

footer{position:relative; height:6em; margin:-6em auto 0 auto; background:black}
ul#nav_f{font-size:.81em; padding:16px 2px 18px 0}
ul#nav_f li{display:inline-block}
ul#nav_f li.la{background:transparent}
ul#nav_f a{padding:10px 20px; color:white}
ul#nav_f a:hover{color:#de0030}
ul#nav_f li.cur a{color:#de0030}
footer p{text-transform:uppercase; color:white; font-size:.69em; letter-spacing:.2em}
footer span{letter-spacing:0}
footer p a{color:white}

h1{
  color:#de0030;
  font-size:2.4em;
  font-weight:normal;
  letter-spacing:.01em;
  margin:40px 25px 20px 25px;
  line-height:1;
  position:relative;
  padding:0 0 5px 0;
  clear:both;
  text-transform:uppercase;
  -ms-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens:auto}
#left h2{
  font-size:1.2em;
  letter-spacing:.01em;
  font-weight:bold;
  line-height:1;
  text-transform:uppercase;
  background:black;
  margin:15px 0 4px 15px;
  padding:5px 5px 5px 5px;
  color:white}
#left h2:nth-of-type(1){margin:0 0 2px 15px}
#left p{font-size:.9em; padding:0 15px 0 15px}
#left table{font-size:.9em; margin:0 15px 5px 15px}
#left table td{vertical-align:top}
#main h2, #main h3, #main h4{margin:0 25px 4px 25px}
#main h2{margin:25px 25px 4px 25px; text-transform:uppercase; font-weight:normal}
#main h3{font-weight:normal; font-style:italic}
#main p{font-size:1em; margin:0 25px 5px 25px; padding:0}
#main ul li{font-size:1em; margin:0 25px 5px 25px; padding:0 0 0 10px; background:url(img/bg_li.gif) no-repeat left .6em}

.slicknav_menu{display:none}
/*############### kleiner als 640 ###############*/
@media screen and (max-width:640px) {
	/*.js #nav_m{display:none}
	.js .slicknav_menu{display:block}*/
	#main{width:60%}
  #left{width:40%}
  header a#logo{width:40%; text-align:center}
  header a#logo img{width:50%; height:100%; margin:0 0 0 -10px}
  header img#teaser{width:60%}
}
/*############### max 483px ###############*/
@media screen and (max-width:483px) {
  header{padding:5px 0 0 0}
  header a#logo{
    max-width:100%;
    width:100%;
    float:none;
    text-align:center;
    display:block}
  header a#logo img{
    max-width:200px;
    width:60%;
    height:auto;
    margin:0 0 0 -15%}
  header img#teaser{float:none; max-width:100%; width:7100%}
  #main{
    width:100%;
    float:none}
  #left{
    float:none; 
    width:auto; 
    margin:25px 15px 0 0}
  ul#nav_f a{padding:8px 5px}
}