@charset "UTF-8";
/* CSS Document */
.body {font-family:Helvetica, Arial, sans-serif;font-size:11pt;background-color:#ffffff;color:black;margin: 0;
padding: 0;}
.titel {font-family:Helvetica, Arial, sans-serif;font-size:14pt;background-color:#ffffff;color: black; text-align:center}
.menu {font-family:Helvetica, Arial, sans-serif;font-size:11pt;background-color:#ffffff;color:black;
}

.menulinks {font-family:Helvetica, Arial, sans-serif;font-size:11pt;background-color:#ffffff;color:black;}
.menulinks a:link {text-decoration: none; color:black}
.menulinks a:visited {text-decoration: none; color: black;}
.menulinks a:active {text-decoration: none; color:red;}
.menulinks a:hover {text-decoration: none; color:#b22600;}

.menulinks1 {font-family:Helvetica, Arial, sans-serif;font-size:11pt;background-color:#ffffff;color:black;}
.menulinks1 a:link {text-decoration: none; color:#b22600;}
.menulinks1 a:visited {text-decoration: none; color: #b22600;}
.menulinks1 a:active {text-decoration: none; color:red}
.menulinks1 a:hover {text-decoration: none; color:red}

.menulinks2 {font-family:Helvetica, Arial, sans-serif;font-size:9pt;background-color:#ffffff;color:black;}
.menulinks2 a:link {text-decoration: none; color:#b22600;}
.menulinks2 a:visited {text-decoration: none; color: #b22600;}
.menulinks2 a:active {text-decoration: none; color:red;}
.menulinks2 a:hover{text-decoration: none; color:red;}

.menulinks3 {font-family:Helvetica, Arial, sans-serif;font-size:9pt;background-color:#ffffff;color:black;}
.menulinks3 a:link {text-decoration: none; color:grey;}
.menulinks3 a:visited {text-decoration: none; color: grey;}
.menulinks3 a:active {text-decoration: none; color:red;}
.menulinks3 a:hover{text-decoration: none; color:#b22600;}

.menurechts {font-family:Helvetica, Arial, sans-serif;font-size:9pt;background-color:#ffffff;color:black;}
.menurechts a:link {text-decoration: none; color:#b22600;}
.menurechts a:visited {text-decoration: none; color: grey;}
.menurechts a:active {text-decoration: none; color:red;}
.menurechts a:hover{text-decoration: none; color:red;}

.infobox a:link {text-decoration: none; color:grey}

.aktiv {font-family:Helvetica, Arial, sans-serif; background-color:#ffffff;color:red;}

.text {font-family:Helvetica, Arial, sans-serif;font-size:10pt;background-color:#ffffff;color:black;}
.text a:link {text-decoration: none; color: grey}
.text a:visited {text-decoration: none; color: grey;}
.text a:active {text-decoration: none; color: red;}
.text a:hover {text-decoration: none; color:red}

.mail {font-family:Helvetica, Arial, sans-serif;font-size:14pt;background-color:#ffffff;color:black; text-align:center}
.mail a:link {text-decoration: none; color:#b22600;}
.mail a:visited {text-decoration: none; color: #b22600;}
.mail a:active {text-decoration: none; color:red;}
.mail a:hover{text-decoration: none; color:red;}

.lb {text-align: left;}
.rb {text-align: right;}
.ze {text-align: center;}
.bl {text-align: justify;}
.kursiv {font-style:italic;}

a:link {color:black; text-decoration:none}
a:visited {color:black; text-decoration:none}
a:active {color:#b22600;}
a:hover {color:#b22600;}



  .hov {text-decoration:none; }
  .hov:hover {background:white; text-decoration:none; border-style:none}
  .hov span {visibility:hidden; text-decoration:none;}
  .hov:hover span, .hov:focus span, .hov:active span {
    visibility:visible; 
    }

 a.infobox { border-bottom: 1px dashed grey; }

  a.infobox:hover { cursor:help; color:grey; background:white; }
  a.infobox span { visibility:hidden; position:absolute; left:-99em;
    margin-top:1.5em; padding:1em; text-decoration:none; }
  a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
    visibility:visible; left:1em;
    border:1px solid #c30; color:black; background:white; }



#frame{
	position: absolute;
	left: 281px;
	top: 154px;
	width: 450px;
	height: 280px;
	visibility:visible;
	
}

#hover{
	position: absolute;
	left: 234px;
	top: -1px;
	width: 450px;
	height: 280px;
	z-index:1;
}

#text{
	position: absolute;
	left: 308px;
	top: 172px;
	width: 400px;
	height: 240px;
	overflow:auto;
	z-index: 2;
	visibility: visible;
}
#menu{
	position:absolute;
	left: 47px;
	top: 155px;
	width: 101px;
	z-index:2;
}


#menubuch{
	position:absolute;
	left: 160px;
    top: 194px;
	width:100px;
}

#menubuaufbau{
	position:absolute;
	left: 160px;
    top: 230px;
	width:100px;
}
#menuimframe{
	position:absolute;
	left: 25px;
    top: 220px;
	width:350px;
}

#menubestellung{
	position:absolute;
	left: 160px;
    top: 271px;	
}


#titel{
	position:absolute;
	left: 293px;
	top: 43px;
	width: 422px;
	height: 37px;
	z-index: 1;
	visibility: visible;
}
#teaser{
	position:absolute;
	left: 45px;
	top: 31px;
	width: 150px;
	height: 100px;
	z-index: 1;
	visibility: visible;
}

#buch {position: absolute;
	left: 280px;
	top: 154px;
	width: 450px;
	height: 280px;}
	
#buch:hover {position: absolute;
	left: 280px;
	top: 154px;
	width: 450px;
	height: 280px;
	visibility:visible;}
	
#box a {color:grey}
#box a:hover {color:black;
}
#box a span {display:none}
#box a:hover span {position:absolute; top:10px; right:10px; z-index:3;
display:block;}




#linie{
	position:absolute;
	left: 47px;
	top: 155px;
	width: 101px;
	z-index:1;
}

#zusatzmenu {
	position: absolute;
	left: 308px;
	width: 400px;
	height:50px;
	top: 460px;
	overflow:auto;
	z-index: 1;
	visibility: visible;
}
#footer
{
position: absolute;
left: 430px;
top: 450px;
height: 15px;
}

#iphone
{
position: absolute;
top:450px;
left: 50px;
height: 15px;
}