@charset "utf-8";
/* CSS Document */
body {
  scrollbar-base-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:#a1a1a1;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#a1a1a1;
  scrollbar-shadow-color:#a1a1a1;
  scrollbar-track-color:#ffffff;
  margin:0px;
  background:#ffffff;
  font-family:"Century Gothic";
  src: url(http://www.al-websites.de/schriften/GOTHIC.TTF) format("truetype");
  text-decoration:none;
  font-weight:normal;
  font-size:13px;
  color:#6e6e6e;
}
#ges {
position: absolute;
width: 100%;
height: 100%;
background:url(../images/bg.jpg) no-repeat 40px 510px;
z-index:3;
}
#corpus {
position: absolute;
top: 0px;
width: 1000px;
height: 100%;
left: 50%;
margin-left: -500px;
z-index:4;
}
/* Header */
#logo {
position: absolute;
width: 320px;
height: 170px;
background:url(../images/hk.png) no-repeat left bottom;
left:0px;
top: 50px;
z-index:5;
}
#sz {
position: absolute;
width: 400px;
height: 55px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
letter-spacing:2px;
line-height:1px;
color:#ffffff;
padding-top:10px;
text-transform:uppercase;
background:url(../images/sz.png) no-repeat right top;
left:600px;
top: 85px;
z-index:5;
}
/* Navigation */
#navigation {
position: absolute;
width: 240px;
height: 380px;
background:url(../images/bg_nav.png) no-repeat;
left:42px;
top: 176px;
z-index:7;
}
#menu {width:200px; position:absolute; left:39px; top:25px; z-index:7;}
#menu ul {list-style:none; margin:0; padding:0; width:200px;} 
#menu a, #menu h4, #menu h5 { font-weight:bold; font-size:14px; text-align:left; text-transform:uppercase; display:block; border:0px; margin:0;}
#menu h4 {font-size:14px; color:#ab2b2b; text-align:left; text-decoration:none; background:url(../images/rot.png) no-repeat left top transparent; line-height:1;
          border:0px; margin:0; padding-left:12px; padding-top:0px; padding-bottom:8px;}
#menu h5 {font-size:14px; color:#ab2b2b; text-align:left; text-decoration:none; background:url(../images/rot2.png) no-repeat left top transparent; line-height:1;
          border:0px; margin:0; padding-left:24px; padding-top:0px; padding-bottom:8px;}
a.mha:link, a.mha:visited, a.mha:active {color:#a1a1a1; text-decoration:none; line-height:1; padding-left:12px; padding-top:0px; padding-bottom:8px;
                                            background:url(../images/grau.png) no-repeat left top transparent; border:0px;}
a.mha:hover {color:#ab2b2b; text-decoration:none; background:url(../images/rot.png) no-repeat left top transparent;}
a.msub:link, a.msub:visited, a.msub:active {color:#a1a1a1; text-decoration:none; line-height:1; padding-left:24px; padding-top:0px; padding-bottom:8px;
                                            background:url(../images/grau2.png) no-repeat left top transparent; border:0px;}
a.msub:hover {color:#ab2b2b; text-decoration:none; background:url(../images/rot2.png) no-repeat left top transparent;}
#menu li {position:relative;} 
#menu ul ul { position:relative; z-index:8; }
#menu ul ul ul { position:absolute; top:0; padding-top:0px; } 
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display:none;} 
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display:block;}
/* Inhalt */
#text {
position: absolute;
width: 100%;
height: 100%;
left:0px;
top: 0px;
text-align:left;
font-size:13px;
z-index:1;
}
#text_bl {
position: absolute;
width: 100%;
height: 100%;
left:0px;
top: 0px;
background:#ffffff;
z-index:2;
}
#inhalt {
position: absolute;
width: 640px;
height: 450px;
left: 341px;
top: 176px;
z-index:6;
}
#inhalt_referenzen {
position: absolute;
width: 958px;
height: 485px;
left: 42px;
top: 176px;
z-index:6;
}
/* Kontaktformular Fehlermeldung */
#feld {
position: absolute;
width: 366px;
height: 348px;
top: 50%;
left: 50%;
margin-top: -174px;
margin-left: -183px;
background:url(../images/warnung.png) no-repeat left bottom;
z-index:4;
}