@charset "utf-8";
/* CSS Document */
body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	width:100%;
	margin:0px;
	padding:0px;
  line-height:19px;
    background-color:#666;
    min-height:101%;
}
h1 {
  margin:10px 0px 0px 0px;padding:0px;
  font-size:18px;
  line-height:24px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
h2 {
  margin:0px;
  font-size:14px;
  line-height:20px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-style:italic;
}
h3 {
  margin:0px;
  font-size:12px;
  line-height:22px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
}
h4 {
  margin:0px;
  font-size:14px;
  line-height:28px;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
}
h5 {
  margin:0px;
  font-size:12px;
  line-height:26px;
  color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#bild br {
  line-height:50%;
}
#bild .adr {
  position: absolute; 
  top: 0px; 
  left: 30px; 
  width: 590px; 
  color: #000;
}
a:link {
  text-decoration:none;
  color:#d40e14;
}
a:hover{
  color:#fff;
}
.container {
  position:relative;
  width:100vw;
  max-width:1024px;
  margin:0px auto;
  text-align:left;
  background-color:#fff;
}
.header {
  position:relative;
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
	width:100vw;
  overflow:hidden;
  height:350px;
	max-width:1024px;
}
#bild {
  position:absolute;
  width:100%;
  margin-top:186px;
  font-size:1em;
}
#tor {
  position:absolute;
}
#logo {
  position:absolute;
  left:4%;
  top:50px;
  color:#fff;
  display:inline;
}
#logo img {
  float:left;
  width:25%;
  margin-right:15px;
}
#logo p {
  display:inline-block;
  color: #fff;
  margin-top:40px;
  font-size:115%;
  font-weight: bold;
}
#email {
  position:absolute;
  top:280px;
  left:90px;
  display:block;
  height:20px;
  width:190px;
}
#content {
  position:relative;
  width:1024px;
  background-color:#ccc;
}
#Inhalt {
  padding:15px;
}
#transpartent {
  position:relative;
  z-index:0;
}
#aktion {
  position:relative;
  height:auto;
  width:90%;
  background-size:100%;
   background-color: #d40e14;
  margin:5px 0px 0px 0px;
  color:#fff;
  padding:10px 0px 15px 10%;
  background-repeat:no-repeat;
  z-index:0;
}
#info {
  position:relative;
  height:90px;
  width:90%;
  margin-left:0px;
  margin-top:5px;
  background-color:#666;
  color:#fff;
  padding:10px 0px 10px 10%;
}
.angebot tr:nth-child(2n+1) {
   background-color: #d40e14;
  color:#fff;
  font-size:1.0em;
}
.angebot tr:nth-child(2n+1) td {
  padding:10px;
}
.angebot td:nth-child(2n+0) {
  font-weight:bold;
}
#aktion span.dick {
  color:d40e14;
  font-weight:bold;
  font-size:1.5em;
}
#navi-home {
  position:relative;
  padding:0px;
  height:60px;
  width:100%;
  background-color: #d40e14;
}
#home {
  display:block;
  height:30px;
  clear:left;
}
#navi-home #navi {
  display:block;
  height:30px;
  padding:0px;
  margin-left:15%;
}
#navi-home #navi ul {
  display:block;
  margin:0px;
  padding:0px;
  height:28px !important;
  width:100%;
  z-index:600;
}
#navi-home #navi ul li, #navi-home #navi ul li a {
  float:left;
  	display:block;
  width:100px;
  margin:0px;
  padding:0px;
  color:#fff;
  background-color:transparent;
  border:none;
}
#home ul li {
  float:left;
}
#navi-home ul#home {text-align:right;
  display:inline;
  margin:0px;
  padding:0px;
  height:28px !important;
}
#navi-home ul#home li ul {
  display:none;
}
#navi-home ul#home li:focus ul {
  display:block;
}
#navi-home ul {
  margin:0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  overflow: hidden;
    width:100%;
  z-index:600;
  clear:left;
}
#navi-home li {
	position:relative;
  display: block;
    width:100%;
	padding:0px 0px 0px 0px;
}
#navi-home li a {
  display: block;
    width:97%;
  text-decoration: none;
  font-size:1em;
  color:#fff;
  font-weight:bold;
	padding:10px 0px 10px 2.983%;
    background-color:#666;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  background-color:#333;
}
#navi-home li ul li a {
    background-color:#666;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
    font-weight:normal;
    width:97%;
  }
#navi-home li a:hover {
}
#navi-home li ul {
  	position:relative;
	display:block;
	margin:0px;
	padding:0px;
  overflow:visible;
}
#navi-home li ul li {
	display:inline-block;
	clear:both;
	width:100%;
	text-align:center;
}
.header .logo {
  display: block;
    float:left;
  font-size: 2em;
  padding: 20px 5%;
  text-decoration: none;
}

#navi-home .menu {
  clear: both;
  z-index:600;
  max-height: 0;
  transition: max-height .2s ease-out;
}
#navi-home .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 14px 20px;
  position: relative;
  user-select: none;
}

#navi-home .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 20px;
}

#navi-home .menu-icon .navicon:before,
#navi-home .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

#navi-home .menu-icon .navicon:before {
  top: 6px;
}
#navi-home .menu-icon .navicon:after {
  top: -6px;
}
#navi-home .menu-btn {
  display: none;
}

#navi-home .menu-btn:checked ~ .menu {
  max-height: 240px;
}

#navi-home .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

#navi-home .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

#navi-home .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

#navi-home .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
#navi-home .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
#navi-home .menu-btn:checked ~ ul {
  overflow:visible;
}
#footer {
  position:relative;
  clear:left;
  height:220px;
  background-color:#d40e14;
  width:94,99%;
  color:#fff;
  text-align:center;
  font-size:1.1em;
  padding:10px 0px 0px 5%;
  z-index:0;
  display:block;
}
#footer .custom {
  clear:left;
  width:99%;
  display:inline;
  margin-bottom:10px;
}
ul#fm {
  position:relative;
  width:99%;
  left:0;
  text-align:center;
  margin:0px ;
  padding:0px;
}
ul#fm li {
	text-decoration:none;
  	list-style-type:none;
  	float:left;
}
ul#fm li:first-child {
  border-right:2px solid #fff;
}
ul#fm li a {
    color:#fff;
	margin:10px 10px;
}

/*/////////////////////
///// Desktop /////////
/////////////////////*/

@media (min-width: 64em) {
body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	margin:0px;
	padding:0px;	
	line-height:15px;	
	background-color:#666;	
	min-height:101%;
}
#bild br {
  line-height:200%;
}
#bild .adr {
  position: absolute; 
  top: -6px; 
  left: 60px; 
  width: 590px; 
  color: #000;
}
div.container {
  background-color:#ccc;
  }
#logo {
    left:7%;
  }
#logo p {
    font-size:1.8em;
  }
#content {
	background-color:#ccc;
  }
.header .logo {
	display:block;
	width:90%;
    }
  #transparent {
    position:relative;
    float:left;
}
#aktion {
  position:relative;
  height:132px;
  width: 298px;
  background-image:url('/dornestrasse/images/infobox_rot.png');
  background-color:transparent;
  margin:20px 0px 0px 0px;
  color:#fff;
  padding:10px 0px 0px 50px;
  background-repeat:no-repeat;
}
#aktion span.dick {
  font-size:18px;
  color: #d40e14;
  margin-left:60px;
}
#info {
  position:relative;
  height:90px;
  width:250px;
  margin-left:50px;
  background-color: #666;
  color:#fff;
  padding:10px 0px 0px 42px;
}
.angebot tr:nth-child(2n+1) {
   background-color: #d40e14;
  color:#fff;
  font-size:1.1em;
}
.angebot tr:nth-child(2n+1) td {
  padding:15px;
}
.angebot td:nth-child(2n+0) {
  font-weight:bold;
}
#Inhalt {
  position:relative;
  z-index:0;
  padding:25px 0px 25px 0px;
  margin-left:382px;
  width:610px;
  text-align:left;
}
  #navi-home .menu {
    clear: none;
    max-height: none;
  }
#navi-home .menu-icon {
    display: none;
  }
  #left {
    clear:left;
  }
  #left {
  position:relative;
  width:345px;
  height:100%;
  background-image:url('/dornestrasse/images/transparent.png');
  background-repeat:repeat-y;
  float:left;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
#navi-home {
    width:95%;
  	height:30px;
    padding-left:5%;
	z-index:900;
} 
#navi-home ul {
    overflow:visible;
	margin:30px 0px 0px 0px;
    float:left;
  	width:290px;
    z-index:0;
} 
#navi-home li {
    display:inline-block;
    width:288px;
  }
  #navi-home li a {
    background-color:#333;
  }
#navi-home li ul {
	display:none;
	position:relative;
	z-index:0;
	top:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
  	background-color:#d40e14;
}
* html ul li ul {  /* Korrektur fuer IE 5.x */
    left:0px;
    lef\t:0px;
}
*:first-child+html ul ul {  /* Workaround fuer den IE 7 */
	padding-bottom:0.6em;
}
#navi-home li.current.active ul {
    z-index:0;
    display: block;  /* UnterNavi in modernen Browsern einblenden */
}
#navi-home li ul li {
	clear:both;
	display:block;
	margin:0px;
	white-space: nowrap;
	padding:0px 0px 0px 0px;
	text-align:left;
    width:288px;
}
#navi-home li ul li a {
    background-color:#666;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    font-weight:normal;
  color:#fff;
    width:97%;
  }
#navi-home ul#home li:hover ul {
    display:block;
  }
#navi-home li.active.deeper.parent ul.nav-child.unstyled.small {
    display:block;
  }
#footer {
  position:relative;
  clear:left;
  height:50px;
  background-color:#d40e14;
  width:94,99%;
  color:#fff;
  text-align:left;
  font-size:1.1em;
  padding:10px 0px 0px 5%;
}
#footer .custom {
  display:block;
  float:left;
}
#footer p {
  margin-top:0px;  
  float:left;
  }
#footer p:before {
    content:'\00a0·\00a0';
  }
#footer p:first-child:before {
	content:' ';    
  }
#footer p:last-child:before {
	content:' ';    
  }
#footer p:last-child {
    clear:left;
  }
ul#fm {
  position:absolute;
  width:auto;
  right:10px;
  left:auto;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:0px;
}
#navi-home ul#home {
  display:inline;
  float:left;
  margin:0px 0px 0px 30px;
  padding:0px;
}
#navi-home #navi {
  margin-left:30%;
  }
#navi-home ul#home li {
    float:left;
  	display:block;
  width:150px;
  margin:0px;
  padding:0px;
  }
#navi-home ul#home li a {
    background-color:transparent;
  text-align:center;
  width:130px;
  padding:7px 10px;
    border-right:2px solid #fff;
  }
#navi-home ul#home li:hover, #navi-home ul#home li:hover a {
    background-color:transparent;
  	text-decoration:underline;
  }
}