@charset "UTF-8";
/**
 * (en) Imagezoom Screen layout developed by Andreas Hecht - www.the-netbrain.de
 * (de) Bildvergroesserungslayout entwickelt von Andreas Hecht - www.the-netbrain.de
 * Letzte Aenderung:         20.07. 2009
 */
@media screen, projection
{}
#lightbox{ 
position: absolute; 
top: 5px; 
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0; 
}
#lightbox a img{ 
border: none; 
}
#lightbox img { 
border: 2px #fff solid; 
}
#outerImageContainer{ 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}
#imageContainer{ 
padding: 0; 
}
#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}
#hoverNav{ 
position: absolute; 
top: 200px; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; 
}
#imageContainer>#hoverNav{ 
left: 0;
}
#hoverNav a{ 
outline: none;
}
#prevLink { 
left : 0; 
float : left;
width : 49%; 
height : 100%; 
background : transparent url(../images/blank.gif) no-repeat; 
display : block; 
}
#nextLink { 
right : 0; 
float : right;
width : 49%; 
height : 100%; 
background : transparent url(../images/blank.gif) no-repeat; 
display : block; 
}
#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer{ 
font: 11px Verdana, Helvetica, sans-serif; 
color: #fff; 
background-color: #57534B; 
margin: 0 auto; 
line-height: 1.4em; 
padding-top: 8px; 
border: 2px solid #888; 
position: relative; 
top: 10px; 
}
#imageData{ 
padding:0 10px; 
}
#imageData #imageDetails{ 
width: 70%; 
float: left; 
text-align: left; 
}
#imageData #caption{ 
font-weight: bold;
}
#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;
}
#imageData #bottomNavClose{ 
width: 80px; 
float: right;  
padding-bottom: 0.7em;
}
#overlay{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #515151; 
}
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
* html>body .clearfix { 
display: inline-block; 
width: 100%; 
}
* html .clearfix { 
height: 1%;
}


* {
margin:0;
padding:0;
}
#Header {
background:url(../Grafiken/Banner_ANAundANDA.jpg) no-repeat top left; 
height:89px;
width:995px;
}
html, body {
font: small Arial, Helvetica, sans-serif;
width:995px;
margin-left:auto;
margin-right:auto;
}
#Navigation {
background:url(../Grafiken/Navibild.jpg) repeat-x top left; 
height:30px;
width:995px;
}
#Navigation ul {
list-style:none;
padding-top:10px;
}
#Navigation li {
float:left;
width:100px;
border-right:1px black solid;
white-space:nowrap;
list-style:none;
padding:0;
margin:0;
text-align:center;
}
#Navigation a {
color:#000000;
font-weight:bold;
font-size:81%;
}
#Navigation a:visited { 
color:#515151; 
}
#Navigation a:hover {
color:#cc0033;
}
.eingerueckt {
padding-right:5px;
margin-left:1px;
width:100%;
font-weight:bold;
}
.eingerueckt ul, li {
padding-left:45%;
}
#Inhalt {
padding-right:5px;
padding-left:5px;
margin-left:10px;
margin-right:0;
margin-top:0;
margin-bottom:0;
width:56%;
float:left;
}
#Inhalt h1, h2, h3, p {
padding-bottom:5px;
padding-left:1px;
padding-right:1px;
padding-top:0;
margin-left:1px;
margin-right:1em;
}
#Farbe {
padding-right:5px;
padding-left:5px;
margin-left:1px;
margin-right:0;
margin-top:0;
margin-bottom:0;
width:75%;
float:left;
}
#Farbe h1 {
font-size:larger;
}
#Farbe h1, h2, h3, p {
padding-bottom:5px;
padding-left:1px;
padding-right:1px;
padding-top:0;
margin-left:1px;
margin-right:1em;
}
#Adresse {
float:left;
background-color:#cccccc;
padding-top:2px;
margin-right:1px;
width:20%;
height:100%;
font-size:0.85em;
}
#Adresse p {
padding-left:4px;
padding-right:0;
margin-right:0;
}
#Adresse img {
width:100%;
margin:0px;
padding:0px;
border:0px;
}
#Adresse ul, li {
margin-left:5px;
margin-bottom:2px;
padding-left:0.3em;
}
#Adresse li {
list-style:none;
}
a {
color:#cc0033;
font-weight:bold;
text-decoration:none;
}
a:visited { 
color:#515151;
text-decoration:none;
}
a:hover {
color:#000000;
}
#Anfrage {
list-style:none;
background-color:#cccccc;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
font: small Arial, Helvetica, sans-serif;
}
#Anfrage textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#Newsletter {
list-style:none;
float:right;
background-color:#cccccc;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
width:19%;
font: x-small Arial, Helvetica, sans-serif;
height:100%;
}
#Newsletter textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#Bilderleiste {
float:right;
background-color:#cccccc;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
width:19%;
font: x-small Arial, Helvetica, sans-serif;
height:100%;
}
#Bilderleiste img {
width:100%;
margin:0px;
padding:0px;
border:0px;
}
.Bilderleisteklein {
float:right;
background-color:#cccccc;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
width:19%;
font: x-small Arial, Helvetica, sans-serif;
height:100%;
}
.Bilderleisteklein img {
width:45%;
margin:0px;
padding:0px;
border:0px;
}
.Bilderleisteklein ul, li {
margin-left:7px;
}
.Kontakt {
clear:both;
}
.Kontakt ul {
border-top:1px dotted #999999;
padding-top:5px;
}
.Kontakt li {
list-style:none;
float:left;
width:45%;
}
#Footer {
background:url(../Grafiken/Navibild.jpg) repeat-x top left; 
height:25px;
width:100%;
font-size:small;
clear:both;
}
#Footer ul {
list-style:none;
margin-left:350px;
}
#Footer li {
float:left;
text-align:center;
width:75px;
border-right:1px black solid;
padding-left:0;
padding-right:1em;
padding-top:6px;
white-space:nowrap;
list-style:none;
}
#Footer a {
color:#000000;
font-weight:bold;
font-size:11px;
}
#Footer a:visited { 
color:#515151;
}
#Footer a:hover {
color:#cc0033;
}
#Sidenavi {
float:left;
padding-top:2px;
margin-right:1px;
margin-left:10px;
margin-top:10px;
width:20%;
height:100%;
font-size:0.85em;
}
#Sidenavi ul {
list-style:none;
}
#Sidenavi li {
list-style:none;
border-bottom:1px dotted #999999;
}
#navieingerueckt ul {
text-indent:10px;
}
#navieingerueckt li {
list-style-type:circle;
list-style-position:inside;
}
.Produktbild {
float:left;
margin-right:5px;
margin-bottom:5px;
padding-top:5px;
padding-left:1px;
padding-right:9px;
height:100%;
background-color:#CCCCCC;
width:80px;
}
.Produktbild img {
background-color:#FFFFFF;
width:80px;
}
.Produktbeschreibung {
margin-top:1px;
}
.Produktbeschreibung h4 {
font-weight:bold;
}
.Produktuntertitel p {
color:#FFFFFF;
font-size:small;
font-weight:bold;
margin-top:2px;
}
.Produktuntertitel a {
background-color:#515151;
color:White;
text-decoration:none;
}
.Produktuntertitel a:hover {
background-color:#CC0033;
}
.Preisliste {
clear:both;
}
.Preisliste ul {
padding-top:5px;
}
.Preisliste li {
list-style:none;
float:left;
width:20%;
border-bottom:1px dotted #999999;
}
#Referenzen {
padding-right:5px;
padding-left:5px;
margin-left:1px;
margin-right:0;
margin-top:0;
margin-bottom:0;
width:100%;
float:left;
}
#Referenzen ol, li {
list-style-type:circle;
}
#Referenzen h1, h2, h3, p {
padding-bottom:1em;
padding-left:1px;
padding-right:1px;
padding-top:0;
margin-left:1px;
margin-right:1em;
}
#Referenzen h5 {
text-indent:70px;
font-weight:normal;
}
.Termine {
clear:both;
}
.Termine ul {
border-top:1px dotted #999999;
padding-top:5px;
}
.Termine li {
list-style:none;
float:left;
width:25%;
}
.Links {
clear:both;
}
.Links ul {
border-top:1px dotted #999999;
padding-top:5px;
}
.Links li {
list-style:none;
float:left;
width:45%;
}
.Galerie {
clear:both;
}
.Galerie ul {
float:left;
}
.Galerie li {
list-style:none;
float:left;
font-size:xx-small;
}
.Galerie a img {
border:2px solid #CC0033;
}
.Galerie a img:visited {
border:2px solid #515151;
}
.Galerie a img:hover {
border:2px solid #000000;
}
.Pressebereich {
clear:both;
}
.Pressebereich ul {
list-style:none;
}
.Pressebereich li {
list-style:disc;
}
#Pressemitteilung {
width:600px;
font-family:"Courier New", "Times New Roman", serif;
font-size:small;
float:left;
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
}
#Pressemitteilung h3 {
font-size:medium;
font-weight:bold;
}
.Hoerbsp {
clear:both;
}
.Hoerbsp ul {
border-top:1px dotted #999999;
padding-top:5px;
}
.Hoerbsp li {
list-style:none;
width:97%;
}
.Hoerbsp img {
float:left;
margin-right:8px;
}