/* General Styles */
html { background: white; margin: 0; padding: 0; min-height: 101% }
body { color: #373f3f; background-color: #fff }
* { color: #374040; font-size: 11px; font-family: helvetica, arial, tahoma, calibri, verdana; line-height: 14px; margin: 0; padding: 0 }
b { color: #374040; font-size: 12px; font-family: helvetica, arial, tahoma, calibri, verdana; font-weight: bold; line-height: 17px; margin: 0; padding: 0 }
.twelve { color: #374040; font-size: 12px; font-family: helvetica, arial, tahoma, calibri, verdana; font-weight:normal; line-height: 20px; margin: 0; padding: 0 }
h1 { color: #009ddb; font-size: 20px; font-weight: normal; line-height: 26px }
h2 { color: #000; font-size: 16px; font-weight: normal; line-height: 16px }
h3 { color: #000; font-size: 20px; font-weight: normal; line-height: 26px }
h4 { color: #0088d3; font-size: 12px; font-weight: bold; line-height: 15px }
h5 { color: #373f3f; font-size: 20px; font-weight: normal; line-height: 26px }
h6 { color: #0088d3; font-size: 21px; font-weight: normal; line-height: 26px }
.abstand {
margin-bottom: 4px;
}
.abstand02 {
margin-top: 4px;
}
.abstand03 {
margin-right: 7px;
}
#backtone { background-color: #f4f4f4; margin-top: 0; margin-left: 0; position: absolute; z-index: 4; width: 100%; height: 98px }
#backgrey { background-color: #dbe0e4; margin-top: 98px; margin-left: 0; position: absolute; z-index: 5; width: 100%; height: 260px }
#backsubtone { background-color:#f4f4f4; margin-top: 210px; margin-left: 0; position: absolute; z-index: 6; width: 100%; height: 81% }
#backwhite { background-color:#fff; margin-top: 210px; margin-left: 0; position: absolute; z-index: 6; width: 100%; height: 81% }
#backsubtone105 { background-color:#f4f4f4; margin-top: 210px; margin-left: 0; position: absolute; z-index: 6; width: 100%; height:135% }
#logo { background-color: none; background-repeat: no-repeat; margin-left: 62px; padding-bottom: 0; position: absolute; z-index: 50; top: 31px; width: 101px; height: 47px }
.logolink {background: url("images/uhelogo.png"); }
#mainnavi01 { margin-top: 70px; margin-left: 225px; position: absolute; z-index: 90}
#mainnavi02 { margin-top: 70px; margin-left: 340px; position: absolute; z-index: 91}
#mainnavi02e { margin-top: 70px; margin-left: 322px; position: absolute; z-index: 91}
#mainnavi03 { margin-top: 70px; margin-left: 433px; position: absolute; z-index: 92}
#mainnavi03e { margin-top: 70px; margin-left: 415px; position: absolute; z-index: 92}
#mainnavi04 { margin-top: 70px; margin-left: 515px; position: absolute; z-index: 93}
#mainnavi04e { margin-top: 70px; margin-left: 497px; position: absolute; z-index: 93}
#mainnavi05 { margin-top: 70px; margin-left: 599px; position: absolute; z-index: 94}
#mainnavi05e { margin-top: 70px; margin-left: 582px; position: absolute; z-index: 94}
#mainnavi06 { margin-top: 70px; margin-left: 680px; position: absolute; z-index: 95}
#topnavi00 { margin-top: 0px; margin-left: 454px; position: absolute; z-index: 16}
#topnavi01 { margin-top: 0px; margin-left: 502px; position: absolute; z-index: 17}
#topnavi01e { margin-top: 0px; margin-left: 506px; position: absolute; z-index: 17}
#topnavi02 { margin-top: 0px; margin-left: 561px; position: absolute; z-index: 18}
#topnavi02e { margin-top: 0px; margin-left: 567px; position: absolute; z-index: 18}
#topnavi03 { margin-top: 0px; margin-left: 616px; position: absolute; z-index: 19}
#topnavi03e { margin-top: 0px; margin-left: 625px; position: absolute; z-index: 19}
#topnavi04 { margin-top: 0px; margin-left: 670px; position: absolute; z-index: 20}
#topnavi04e { margin-top: 0px; margin-left: 687px; position: absolute; z-index: 20}
#topnavi05 { margin-top: 0px; margin-left: 742px; position: absolute; z-index: 21}
div#Rahmen div { clear: left }
/* the menu */
ul,li,a {
display:block;
margin:0;
padding:0;
border:0;
}
ul { background: white; list-style: none; width: auto }
li { padding: 0; position: relative; z-index: 97 }
li.folder ul { position: absolute; top: 120px; left: 0; width: 150px }
li.folder>ul { top: 28px; left: 0 } /* Position Ebene 2 */
li.folder>ul ul { left:149px; top:-8px;} /* Position Ebene 3 */
a { color: #373f3f; text-decoration: none; padding: 0px; width: 100%; height: auto }
li>a { width:auto; } /* others */
/* hovers with specificity */
li.folder:hover { z-index:98; }
ul ul, li:hover ul ul {
display:none;
}
li:hover ul, li:hover li:hover ul {
display:block;
}
a.topnavi:link { color: #373f3f; background-color: #f4f4f4; padding: 14px 6px 3px; width: auto;height: 12px }
a.topnavi:visited { color: #373f3f; background-color: #f4f4f4;; padding: 14px 6px 3px; width: auto; height: 12px }
a.topnavi:hover { color: #0088d3; background-color: #dbe0e4; padding: 14px 6px 3px; width: auto;height: 12px }
a.topnavi:active { color: #0088d3; background-color: #dbe0e4; padding: 14px 6px 3px; width: auto; height: 12px }
a.topcyan:link { color: #0088d3; background-color: #f4f4f4; padding: 14px 6px 3px; width: auto;height: 12px }
a.topcyan:visited { color: #0088d3; background-color: #f4f4f4; padding: 14px 6px 3px; width: auto;width: auto; height: 12px }
a.topcyan:hover { color: #0088d3; background-color: #dbe0e4; padding: 14px 6px 3px; width: auto; height: 12px }
a.topcyan:active { color: #0088d3; background-color: #dbe0e4; padding: 14px 6px 3px; width: auto;height: 12px }
a.topcyanactive { color: #0088d3; background-color: #dbe0e4; padding: 14px 6px 3px; width: auto; height: 12px }
a.submenu:link { color: #373f3f; background-color: #f4f4f4; padding: 7px 6px; height: 14px }
a.submenu:visited { color: #373f3f; background-color: #f4f4f4; padding: 7px 6px; height: 14px }
a.submenu:hover { color: #0088d3; background-color: #dbe0e4; padding: 7px 6px; height: 14px }
a.submenu:active { color: #0088d3; background-color: #dbe0e4; padding: 7px 6px; height: 14px }
a.subcyan:link { color: #0088d3; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subcyan:visited { color: #0088d3; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subcyan:hover { color: #0088d3; background-color: #f4f5f6; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subcyan:active { color: #0088d3; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subactive { color: #0088d3; background-color: #dbe0e4; padding: 7px 6px; height: 14px }
ul#sub01 { width: auto; border-bottom: 1px solid #b9b9b9 }
ul#sub02 { width: 149px; border-bottom: 1px solid #b9b9b9 }
a.subline:link { color: #373f3f; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subline:visited { color: #373f3f; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subline:hover { color: #0088d3; background-color: #f4f5f6; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
a.subline:active { color: #0088d3; background-color: #f4f4f4; padding: 1px 6px; border-top: 1px solid #b9b9b9 }
/* left column styles */
#leftpix01 { background-image: url("images/blechteil54.jpg");margin-top: 395px; margin-left: 45px; position: absolute; z-index: 31; width: 153px; height: 119px }
#lefttext01 {background-color: #f4f4f4;line-height: 16px; margin-top: 230px; margin-left: 50px; position: absolute; z-index: 31; width: 153px; height: 119px }
#lefttext02 {background-color: white;line-height: 16px; margin-top: 230px; margin-left: 50px; position: absolute; z-index: 31; width: 153px; height: 119px }
#lefttext03 { background: none ;margin-top: 395px; margin-left: 52px; position: absolute; z-index: 31; width: 130px; height: 119px }
#lefttext04 { background: none ;margin-top: 486px; margin-left: 52px; position: absolute; z-index: 31; width: 130px; height: 119px }
/* main column styles */
#maintext01 { font-size: 12px; line-height: 18px; margin-top: 395px; margin-left: 228px; position: absolute; z-index: 40; width: 467px; height: auto }
#maintext02 { font-size: 11px; line-height: 16px; background-color:none; margin-top: 230px; margin-left: 228px; position: absolute; z-index: 40; width: 250px; height: auto }
#maintext03 { font-size: 11px; line-height: 16px; background-color:none; margin-top: 230px; margin-left: 458px; position: absolute; z-index: 41; width: 250px; height: auto }
#maintext04 { font-size: 12px; line-height: 17px; background-color:none; margin-top: 230px; margin-left: 228px; position: absolute; z-index: 40; width: 464px; height: auto }
#maintext05 { font-size: 12px; line-height: 17px; background-color:none; margin-top: 250px; margin-left: 268px; position: absolute; z-index: 40; width: 464px; height: auto }
#maintext_ober01 { font-size: 12px; line-height: 18px; margin-top: 435px; margin-left: 228px; padding-right: 55px; position: absolute; z-index: 40; width: 467px; height: 467px; overflow: scroll; overflow-x: hidden ; border: none}
#gallerytext01 { font-size: 11px; line-height: 12px; margin-top: 230px; margin-left: 228px; position: absolute; z-index: 40; width: 150px; height: 150px }
#gallerytext02 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 230px; margin-left: 387px; position: absolute; z-index: 41; width: 150px; height: 150px }
#gallerytext03 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 230px; margin-left: 546px; position: absolute; z-index: 42; width: 150px; height: 150px }
#gallerytext04 { font-size: 11px; line-height: 12px; margin-top: 390px; margin-left: 228px; position: absolute; z-index: 43; width: 150px; height: 150px }
#gallerytext05 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 390px; margin-left: 387px; position: absolute; z-index: 44; width: 150px; height: 150px }
#gallerytext06 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 390px; margin-left: 546px; position: absolute; z-index: 45; width: 150px; height: 150px }
#gallerytext07 { font-size: 11px; line-height: 12px; margin-top: 550px; margin-left: 228px; position: absolute; z-index: 46; width: 150px; height: 150px }
#gallerytext08 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 550px; margin-left: 387px; position: absolute; z-index: 47; width: 150px; height: 150px }
#gallerytext09 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 550px; margin-left: 546px; position: absolute; z-index: 48; width: 150px; height: 150px }
#gallerytext10 { font-size: 11px; line-height: 12px; margin-top: 710px; margin-left: 228px; position: absolute; z-index: 49; width: 150px; height: 150px }
#gallerytext11 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 710px; margin-left: 387px; position: absolute; z-index: 50; width: 150px; height: 150px }
#gallerytext12 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 710px; margin-left: 546px; position: absolute; z-index: 51; width: 150px; height: 150px }
#gallerytext13 { font-size: 11px; line-height: 12px; margin-top: 870px; margin-left: 228px; position: absolute; z-index: 52; width: 150px; height: 150px }
#gallerytext14 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 870px; margin-left: 387px; position: absolute; z-index: 53; width: 150px; height: 150px }
#gallerytext15 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 870px; margin-left: 546px; position: absolute; z-index: 54; width: 150px; height: 150px }
#gallerytext16 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 1030px; margin-left: 228px; position: absolute; z-index: 55; width: 150px; height: 150px }
#gallerytext17 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 1030px; margin-left: 387px; position: absolute; z-index: 56; width: 150px; height: 150px }
#gallerytext18 { font-size: 11px; line-height: 12px; background-color:none; margin-top: 1030px; margin-left: 546px; position: absolute; z-index: 57; width: 150px; height: 150px }
#mess3D { font-size: 11px; line-height: 12px; margin-top: 0px; margin-left:0px; position: absolute; z-index: 40; width: 150px; height: 150px }
#mess2D { font-size: 11px; line-height: 12px; margin-top:0px; margin-left: 160px; position: absolute; z-index: 41; width: 150px; height: 150px }
#obertext01 { margin-top: 132px; margin-left: 228px; position: absolute; z-index: 40; width: 150px; height: 150px }
#obertext02 { margin-top: 132px; margin-left: 387px; position: absolute; z-index: 41; width: 150px; height: 150px }
#obertext03 { margin-top: 132px; margin-left: 546px; position: absolute; z-index: 42; width: 150px; height: 150px }
#obertext04 { margin-top: 259px; margin-left: 228px; position: absolute; z-index: 43; width: 150px; height: 150px }
#obertext05 { margin-top: 259px; margin-left: 387px; position: absolute; z-index: 44; width: 150px; height: 150px }
#obertext06 { margin-top: 259px; margin-left: 546px; position: absolute; z-index: 45; width: 150px; height: 150px }
#movieshot {background: url("images/movieshot.jpg"); margin-top: 293px; margin-left: 695px; position: absolute; z-index: 39; width: 115px; height: 65px }
#movieback {
background-color: #000000;
margin-top: 357px;
margin-left: 695px;
position: absolute;
z-index: 47;
width: 115px;
height: 22px
}
#movielink { background-color: none; margin-top: 361px; margin-left: 697px; position: absolute; z-index: 49; }
#mainpix01 {background: none; margin-top: 98px; margin-left: 0; position: absolute; z-index: 11; width: 810px; height: 260px }
#mainpix02 {background: url("images/mainpix_pylon.jpg"); margin-top: 98px; margin-left: 0; position: absolute; z-index: 30; width: 694px; height: 260px }
#mainpix03 {background: url("images/main6398.jpg"); margin-top: 98px; margin-left: 0; position: absolute; z-index: 30; width: 694px; height: 260px }
#mainpix05 {background: url("images/main6360b.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 0px; position: absolute; z-index: 30; width: 694px; height: 260px }
#mainpix06 {background: url("images/main6596.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 230px; position: absolute; z-index: 30; width: 464px; height: 260px }
#mainpix07 {background: url("images/mainpix16.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 230px; position: absolute; z-index: 30; width: 464px; height: 260px }
#mainpix08 {background: url("images/main6378.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 0px; position: absolute; z-index: 30; width: 694px; height: 260px }
#mainpix09 {background: url("images/mainpix21.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 230px; position: absolute; z-index: 30; width: 464px; height: 260px }
#mainpix10 {background: url("images/mainpix27.jpg"); background-repeat: no repeat; margin-top: 98px; margin-left: 230px; position: absolute; z-index: 30; width: 464px; height: 260px }
#mainpix_blank {background: none; background-repeat: no repeat; margin-top: 98px; margin-left: 230px; position: absolute; z-index: 30; width: 464px; height: 260px }
#qs {background: url("images/QS.png"); margin-top: 205px; margin-left: 710px; position: absolute; z-index: 31; width: 100px; height: 130px }
#mainhead01 { font-size: 12px; line-height: 18px; margin-top: 174px; margin-left: 228px; position: absolute; z-index: 40; width: 467px; height: 32px }
#mainhead02 { color: #0088d3; font-size: 20px; line-height: 26px; margin-top: 150px; margin-left: 228px; position: absolute; z-index: 40; width: 467px; height: 62px }
a.cyan:link { font-size: 12px; line-height: 17px; color: #0088d3; background-image: url("images/arrow.png"); background-repeat: no-repeat; display: inline; padding: 1px 1px 1px 16px }
a.cyan:visited { font-size: 12px; line-height: 17px;color: #0088d3; background-image:url("images/arrow.png"); background-repeat: no-repeat;display:inline; padding: 1px 1px 1px 16px }
a.cyan:hover { font-size: 12px; line-height: 17px;color: #0088d3; background-color: #dbe0e4; background-image: url("images/arrowhover.png"); background-repeat: no-repeat; display: inline; padding: 1px 1px 1px 16px }
a.cyan:active { font-size: 12px; line-height: 17px;color: #0088d3; background-color: #dbe0e4; background-image: url("images/arrowhover.png"); background-repeat: no-repeat; display: inline; padding:1px 1px 1px 16px }
a.ober:link { font-size: 12px; line-height: 15px; color: #0088d3; background-image: url("images/arrow2.png"); background-repeat: no-repeat; display: inline; padding: 1px 1px 1px 16px }
a.ober:visited { font-size: 12px; line-height: 15px;color: #0088d3; background-image:url("images/arrow2.png"); background-repeat: no-repeat;display:inline; padding: 1px 1px 1px 16px }
a.ober:hover { color: #0097ec; font-size: 12px; line-height: 15px; background-color: #bfc5c9; background-image: url("images/arrow2hover.png"); background-repeat: no-repeat; display: inline; padding: 1px 1px 1px 16px }
a.ober:active {color: #0097ec; font-size: 12px; line-height: 15px; background-color: #bfc5c9; background-image: url("images/arrow2hover.png"); background-repeat: no-repeat; display: inline; padding: 1px 1px 1px 16px}
a.vcf:link { font-size: 11px; line-height: 16px; color: #0088d3; display: inline; padding: 0px }
a.vcf:visited { font-size: 11px; line-height: 16px;color: #0088d3;display:inline; padding: 0px }
a.vcf:hover { color: #0088d3; font-size: 11px; line-height: 16px; background-color: #dbe0e4; background-repeat: no-repeat; display: inline; padding: 1px 0 }
a.vcf:active { font-size: 11px; line-height: 16px;color: #0088d3; background-color: #dbe0e4; background-repeat: no-repeat; display: inline; padding:1px }
a.white:link { color: white; font-size: 10px; line-height: 15px; background-color: #bdc2c6; background-image: url("images/arrow04.png"); background-repeat: no-repeat; display: inline; padding: 3px 3px 3px 18px }
a.white:visited { color: white; font-size: 10px; line-height: 15px; background-color: #bdc2c6; background-image: url("images/arrow04.png"); background-repeat: no-repeat; display: inline; padding: 3px 3px 3px 18px }
a.white:hover { font-size: 10px; line-height: 15px;color: #0088d3;background-color: #bdc2c6; background-image: url("images/arrow03.png"); background-repeat: no-repeat; display: inline; padding: 3px 3px 3px 18px }
a.white:active { font-size: 10px; line-height: 15px;color: white; background-color: #bdc2c6; background-image: url("images/arrow04.png"); background-repeat: no-repeat; display: inline;padding:3px 3px 3px 18px }
a.grey:link { font-size: 11px; line-height: 16px; color: #374040; background-image: url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding: 0px 1px 1px 14px }
a.grey:visited { font-size: 11px; line-height: 16px;color: #374040; background-image:url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display:inline; padding: 0px 1px 1px 14px }
a.grey:hover { font-size: 11px; line-height: 16px;color: #0088d3; background-image: url("images/arrowtonehover.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding: 0px 1px 1px 14px }
a.grey:active { font-size: 11px; line-height: 16px;color: #374040; background-image: url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding:0px 1px 1px 14px }
a.black:link { color:white; font-size: 12px; line-height: 15px; background-color: none; background-image: url("images/arrowblack.png"); background-repeat: no-repeat; display: inline; padding: 3px 3px 3px 18px }
a.black:visited { color:white; font-size: 12px; line-height: 15px; background-color: none; background-image: url("images/arrowblack.png"); background-repeat: no-repeat; display: inline; padding: 3px 3px 3px 18px }
a.black:hover {
font-size: 12px;
line-height: 15px;
color:#16A5DE;
background-color: none;
background-image: url("images/arrowblackhover.png");
background-repeat: no-repeat;
display: inline;
padding: 3px 3px 3px 18px
}
a.black:active { font-size: 12px; line-height: 15px;color: white; background-color:none; background-image: url("images/arrowblack.png"); background-repeat: no-repeat; display: inline;padding:3px 3px 3px 18px }
a.arrow:link { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 16px }
a.arrow:visited { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 16px }
a.arrow:hover { color: #0088d3; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhitehover.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 16px }
a.arrow:active { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 16px }
a.classic:link { font-size: 11px; line-height: 16px; color: #374040; background-color: none;display: inline; padding: 0px }
a.classic:visited { font-size: 11px; line-height: 16px;color: #374040; background-color: none;display:inline; padding: 0px }
a.classic:hover { font-size: 11px; line-height: 16px;color: #0088d3; background-color: none;display: inline; padding: 0px }
a.classic:active { font-size: 11px; line-height: 16px;color: #374040; background-color: none; display:inline; padding: 0px }
a.site:link { font-size: 11px; line-height: 20px; color: #374040; background-color: none;display: inline; padding: 0px }
a.site:visited { font-size: 11px; line-height: 20px; color: #374040; background-color: none;display:inline; padding: 0px }
a.site:hover { font-size: 11px; line-height: 20px; color: #0088d3; background-color: none;display: inline; padding: 0px }
a.site:active { font-size: 11px; line-height: 20px; color: #374040; background-color: none; display:inline; padding: 0px }
#site01 { background-color: none; font-size:11px; font-weight:bold; margin-top: 253px; margin-left: 308px; position: absolute; z-index: 50;}
#site02 { background-color: none; font-size:11px; font-weight:bold; margin-top: 413px; margin-left: 308px; position: absolute; z-index: 51;}
#site03 { background-color: none; font-size:11px; font-weight:bold; margin-top: 494px; margin-left: 308px; position: absolute; z-index: 52;}
#site04 { background-color: none; font-size:11px; font-weight:bold; margin-top: 789px; margin-left: 308px; position: absolute; z-index: 53;}
#site05 { background-color: none; font-size:11px; font-weight:bold; margin-top: 829px; margin-left: 308px; position: absolute; z-index: 54;}
#site06 { background-color: none; font-size:11px; font-weight:bold; margin-top: 911px; margin-left: 308px; position: absolute; z-index: 55;}
#site01a { background-color: none; font-size:11px; font-weight:normal; margin-top: 272px; margin-left: 330px; position: absolute; z-index: 56;}
#site02a { background-color: none; font-size:11px; font-weight:normal; margin-top: 431px; margin-left: 330px; position: absolute; z-index: 57;}
#site03a { background-color: none; font-size:11px; font-weight:normal; margin-top: 514px; margin-left: 330px; position: absolute; z-index: 58;}
#site03b { background-color: none; font-size:11px; font-weight:normal; margin-top: 700px; margin-left: 330px; position: absolute; z-index: 59;}
#site05a { background-color: none; font-size:11px; font-weight:normal; margin-top: 848px; margin-left: 330px; position: absolute; z-index: 60;}
#site06a { background-color: none; font-size:11px; font-weight:normal; margin-top: 930px; margin-left: 330px; position: absolute; z-index: 61;}
#site03c { background-color: none; font-size:11px; font-weight:normal; margin-top: 595px; margin-left: 352px; position: absolute; z-index: 62;}
#site03d { background-color: none; font-size:11px; font-weight:normal; margin-top: 719px; margin-left: 352px; position: absolute; z-index: 62;}
/* video */
#video {background: none; margin-top: 44px; margin-left: 224px; position: absolute; z-index: 77; width: 810px; height: 260px }
#videotape {background: #f4f4f4;; margin-top: 44px; margin-left: 219px; position: absolute; z-index: 78; width: 810px; height: 54px }
/* right column styles */
#rightpix01 { background-image: url("images/erich_uhe.jpg"); background-repeat: no-repeat; margin-top: 395px; margin-left: 712px; position: absolute; z-index: 32; width: 99px; height: 114px }
#rightpix02 { background-image: url("images/Zertifikat_QS.gif"); background-repeat: no-repeat; margin-top: 230px; margin-left: 712px; position: absolute; z-index: 32; width: 99px; height: 138px; border: solid 1px #ccc }
#rightpix03 { background-image: url("images/umstempelung.gif"); background-repeat: no-repeat; margin-top: 230px; margin-left: 712px; position: absolute; z-index: 32; width: 110px; height: 138px; border: solid 1px #ccc }
#righttext01 { font-size: 11px; line-height: 14px; margin-top: 525px; margin-left: 712px; position: absolute; z-index: 40; width: 99px; height: auto }
#righttext01e { font-size: 11px; line-height: 14px; margin-top: 525px; margin-left: 712px; position: absolute; z-index: 40; width: auto; height: auto }
#righttext02 { font-size: 11px; line-height: 14px; margin-top: 378px; margin-left: 712px; position: absolute; z-index: 40; width: 99px; height: auto }
#righttext02e { font-size: 11px; line-height: 14px; margin-top: 378px; margin-left: 712px; position: absolute; z-index: 40; width: auto; height: auto }
#righttext03 { font-size: 11px; line-height: 14px; margin-top: 638px; margin-left: 712px; position: absolute; z-index: 40; width: 99px; height: auto }
#righttext03e { font-size: 11px; line-height: 14px; margin-top: 638px; margin-left: 712px; position: absolute; z-index: 40; width: auto; height: auto }
#righttext04 { font-size: 11px; line-height: 14px; margin-top: 230px; margin-left: 712px; position: absolute; z-index: 40; width: 99px; height: auto }
#righttext05 { font-size: 11px; line-height: 14px; margin-top: 402px; margin-left: 712px; position: absolute; z-index: 40; width: 105px; height: auto }
#righttext05e { font-size: 11px; line-height: 14px; margin-top: 402px; margin-left: 712px; position: absolute; z-index: 40; width: auto; height: auto }
/* =Hoverbox Code
----------------------------------------------------------------------*/
#projectpix01
{ margin-left: 42px; position: absolute; z-index: 50; top: 399px; width: 73px; height: 75px }
#projectpix02
{ margin-left: 118px; position: absolute; z-index: 51; top: 399px; width: 73px; height: 75px }
.hoverbox01
{ cursor: default; list-style: none; text-decoration: none }
.hoverbox01 a
{ cursor: default ;text-decoration: none; display:inline;}
.hoverbox01 a .preview
{ display: none ;text-decoration: none}
.hoverbox01 a:hover .preview
{
display: block;
position: absolute;
top: -300px;
left: -42px;
z-index: 16;text-decoration: none
}
.hoverbox01 img
{ text-decoration: none; margin: 0 0 0 0; padding: 0; width: 73px; height: 35px; vertical-align: top; border-width: 0; border-color: transparent }
.hoverbox01 li
{ text-decoration: none; display:inline; margin: 0; padding: 0px; position: static; }
.hoverbox01 .preview
{
position: absolute; margin-top: -1px; margin-left:0px; width: 694px; height: 260px;z-index: 80;text-decoration: none }
.hoverbox02 img
{ text-decoration: none; margin: 0 0 0 0; padding: 0; width: 73px; height: 35px; vertical-align: top; border-width: 0; border-color: transparent }
.hoverbox02 li
{ text-decoration: none; display:inline; margin: 0; padding: 0px; position: static; }
.hoverbox02 .preview
{
position: absolute; margin-top: -1px; margin-left:-73px; width: 694px; height: 260px;z-index: 80;text-decoration: none }
.hoverbox02
{ cursor: default; list-style: none; text-decoration: none }
.hoverbox02 a
{ cursor: default ;text-decoration: none; display:inline;}
.hoverbox02 a .preview
{ display: none ;text-decoration: none}
.hoverbox02 a:hover .preview
{
display: block;
position: absolute;
top: -300px;
left: -45px;
z-index: 16;text-decoration: none
}
.hoverbox03 img
{ text-decoration: none; margin: 0 0 0 0; padding: 0; width: 73px; height: 35px; vertical-align: top; border-width: 0; border-color: transparent }
.hoverbox03 li
{ text-decoration: none; display:inline; margin: 0; padding: 0px; position: static; }
.hoverbox03 .preview
{
position: absolute; margin-top: -1px; margin-left:230px; width: 464px; height: 260px;z-index: 80;text-decoration: none }
.hoverbox03
{ cursor: default; list-style: none; text-decoration: none }
.hoverbox03 a
{ cursor: default ;text-decoration: none; display:inline;}
.hoverbox03 a .preview
{ display: none ;text-decoration: none}
.hoverbox03 a:hover .preview
{
display: block;
position: absolute;
top: -300px;
left: -42px;
z-index: 16;text-decoration: none
}
.hoverbox04 img
{ text-decoration: none; margin: 0 0 0 0; padding: 0; width: 73px; height: 35px; vertical-align: top; border-width: 0; border-color: transparent }
.hoverbox03 li
{ text-decoration: none; display:inline; margin: 0; padding: 0px; position: static; }
.hoverbox04 .preview
{
position: absolute; margin-top: -1px; margin-left:230px; width: 464px; height: 260px;z-index: 81;text-decoration: none }
.hoverbox04
{ cursor: default; list-style: none; text-decoration: none }
.hoverbox04 a
{ cursor: default ;text-decoration: none; display:inline;}
.hoverbox04 a .preview
{ display: none ;text-decoration: none}
.hoverbox04 a:hover .preview
{
display: block;
position: absolute;
top: -300px;
left: -118px;
z-index: 17;text-decoration: none
}
a.gallery:link { color: none; text-decoration: none }
a.gallery:visited { color: none; text-decoration: none }
a.gallery:hover { color: none; text-decoration: none }
a.gallery:active { color: none; text-decoration: none }
/* Formular Styles */
td { color: #373f3f; font-size: 11px; line-height: 17px; }
textarea { color: #000; background-color: #fff; margin: 0; padding: 0 3px; width: 468px; height: 135px; overflow: hidden; border-style: solid; border-width: 0 0 1px; border-color: #dbe0e4 }
.text { color: black; font-size: 11px; padding: 0 }
input { color: black; font-size: 11px; font-family: arial, tahoma, verdana, helvetica; background-color: #fff; padding-left: 5px; width: 355px; height: 13px; border-style: solid; border-width: 0 0 1px; border-color: #dbe0e4 }
.submit { color: #0088d3; font-size: 11px; font-family: arial, helvetica, tahoma, calibri, verdana; line-height: 12px; background-color: #f4f4f4; text-align: center; cursor: pointer; margin-top: 3px; margin-left: 0; padding: 0; position: relative; z-index: 60; width: auto; height: 17px; border-bottom: 0 solid }
.submit:hover { color: #0088d3; font-size: 11px; text-decoration: none; background: #dbe0e4 }
.form { color: #373f3f; font-size: 11px; line-height: 17px; padding: 0 }
.error { color: #ca0000; font-size: 13px; padding: 0 }
.checkboxes { color: #e2e5e5; background-color: #e2e5e5; width: 15px; height: 15px }
input.text { color: black; width: 300px; height: 150px; border-style: none; border-color: }
#contactform { color: #630056; font-size: 11px; font-family: arial, helvetica, tahoma, calibri, verdana; line-height: 15px; background-color: none; margin-top: 230px; margin-left: 228px; padding: 0; position: absolute; z-index: 99; height: 470px }
/* Lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#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 { line-height: 1.4em; background-color: #fff; margin: 0 auto; width: 100%; overflow: auto }
#imageData { color: #666; padding: 0 10px }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay { background-color: #fff; position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 500px }
/* spamschutz */
.email>ins:before {content: "@"; text-decoration: none}
.email del {text-decoration: none; }
.email>del {display: none}
*:first-child+html .email>del {display:inline} /* Workaround fuer IE 7 */
a.email:link { font-size: 11px; line-height: 16px; color: #374040; background-image: url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding: 0px 1px 1px 14px }
a.email:visited { font-size: 11px; line-height: 16px;color: #374040; background-image:url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display:inline; padding: 0px 1px 1px 14px }
a.email:hover { font-size: 11px; line-height: 16px;color: #0088d3; background-image: url("images/arrowtonehover.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding: 0px 1px 1px 14px }
a.email:active { font-size: 11px; line-height: 16px;color: #374040; background-image: url("images/arrowtone.png"); background-repeat: no-repeat; background-color: #f4f4f4;display: inline; padding:0px 1px 1px 14px }
.email02>ins:before {content: "@"; text-decoration: none}
.email02 del {text-decoration: none; }
.email02>del {display: none}
*:first-child+html .email02>del {display:inline} /* Workaround fuer IE 7 */
a.email02:link { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 14px }
a.email02:visited { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 14px }
a.email02:hover { color: #0088d3; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhitehover.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 14px }
a.email02:active { color: #374040; font-size: 11px; line-height: 16px; background-color: #fff; background-image: url("images/arrowwhite.png"); background-repeat: no-repeat; display: inline; padding: 0 1px 1px 14px }
.email03>ins:before {content: "@"; text-decoration: none}
.email03 del {text-decoration: none; }
.email03>del {display: none}
*:first-child+html .email03>del {display:inline} /* Workaround fuer IE 7 */
a.email03 { color: #374040; font-size: 12px; line-height: 16px; display: inline; }
#fixiert {
position: absolute;
top: 2.8em; left: 2em;
width: 18em;
background-color: white;
border: 1px solid silver;
}
html>body #fixiert { /* nur fuer moderne Browser! */
position: fixed;
}
#fixiert img {
height: 6.8em; float: right;
}
/* tabelle */
.taba { color: #373f3f; font-weight: bold; line-height: 15px; background-color: #dbe0e4; display: absolut; padding: 0 0 0 3px }
.tabb { color: #373f3f; line-height: 15px; background-color: #dbe0e4; display: absolut; padding: 0 0 0 3px }
.tabc { color: #373f3f; font-weight: normal; line-height: 15px; background-color: #f4f4f4; display: absolut; padding: 0 0 0 3px }
.tabd { color: #373f3f; line-height: 15px; background-color: #f4f4f4; display: absolut; padding: 0 3px }