/* General Styles */
html {min-height: 101%; background: #fff; margin: 0px; padding: 0px;
}
body { color: white; margin: 0; padding: 0;height: 101%; z-index: 1 }
* { color: #394141; font-size: 13px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin: 0; padding: 0 }
h1 { color: #86a20b; font-size: 21px; font-family: calibri, arial, helvetica, tahoma, verdana; font-style: normal; font-weight: normal; line-height: 26px; letter-spacing: 0.5px; margin: 0; padding: 0 }
h2 { color: #86a20b; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: bold; line-height: 20px; margin: 0; padding: 0px 0 5px }
h3 { color: #86a20b; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: bold; line-height: 16px; margin: 0; padding: 5px 0 0; border-top: 1px solid #666 }
h4 { color: #5f7d05; font-size: 12px; font-family: calibri, arial, helvetica, tahoma, verdana; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 0px 0 7px }
h5 { color: #5f7d05; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: normal; line-height: 16px; margin-left: 2px; padding:0px }
span { color: #86a20b; font-size: 18px; font-family: calibri, arial, helvetica, tahoma, verdana; margin: 0; padding: 0; font-style: normal }
ol { padding-left: 18px;}
ul { list-style-type: none; padding-left: 18px }
li { color: #394141; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; }
a.black { color: #000; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin: 0; padding: 0 }
a.blackbold { color: #000; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: bold; line-height: 16px; margin: 0; padding: 0 }
a.greenbold { color: #86a20b; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: bold; line-height: 16px; margin: 0; padding: 0 }
a.greenspace { color: #86a20b; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; font-weight: bold; line-height: 20px; letter-spacing: 1px; margin: 0; padding: 0 }
a.red { color: #ca0000; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin: 0; padding: 0 }
a.grey { color: #394141; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin: 0; padding: 0 }
/* General DIV Styles */
#container { background: white; text-align: left; margin: 0 auto; padding: 0px 0 0; position: relative; z-index: 14; width: 1024px }
#lines { background: white url("images/lines.png"); margin-left: 0px; top: 112px; width: 100%; height: 101px; padding-bottom: 0; position: absolute; z-index: 4 }
#lefty { background: white url("images/lefty.png"); margin-left: 570px; top: 112px; width: 28px; height: 101px; padding-bottom: 0; position: absolute; z-index: 5 }
#logo { background-color: white; background-repeat: no-repeat; margin-left: 36px; top: 35px; width: 200px; height: 42px; padding-bottom: 0; position: absolute; z-index: 50; }
.logolink {background: white url("images/qualogo.png") }
#pixhome { background: white url("images/pixhome.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixquantum { background: white url("images/pixquantum.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixteam { background: white url("images/pixteam.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixleistungen { background: white url("images/pixleistungen.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixreferenzen { background: white url("images/pixreferenzen.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixanfahrt { background: white url("images/pixanfahrt.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#pixkontakt { background: white url("images/pixkontakt.png"); background-repeat: no-repeat; margin-left: 0px; top: 112px; width: 571px; height: 101px; padding-bottom: 0; position: absolute; z-index: 19; }
#headleistungen { background: white url("images/headleistungen.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headteam { background: white url("images/headteam.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headkontakt { background: white url("images/headkontakt.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headimpressum { background: white url("images/headimpressum.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headanfahrt { background: white url("images/headanfahrt.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headreferenzen { background: white url("images/headreferenzen.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headservices { background: white url("images/headservices.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 238px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headmanagement { background: white url("images/headmanagement.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 283px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
#headagb { background: white url("images/agb.gif"); background-repeat: no-repeat; margin-left: 589px; top: 181px; width: 283px; height: 30px; padding-bottom: 0; position: absolute; z-index: 18; }
/* Navigation Styles 03*/
#navigation01 { color: #465050; font-size: 13px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin-left: 315px; padding: 0; position: absolute; z-index: 20; top: 27px; width: 130px; height: 70px }
a.navi:link { color: #394141; text-decoration: none; background: #fff url("images/wingarrowgrey.png") no-repeat; padding-top: 0; padding-left: 20px }
a.navi:visited { color: #465050; text-decoration: none; background: #fff url("images/wingarrowgrey.png") no-repeat; padding-top: 0; padding-left: 20px }
a.navi:hover { color: #5f7d05; text-decoration: none; background: white url("images/wingarrowgreen.png") no-repeat }
a.navi:active { color: #5f7d05; text-decoration: none; background: #fff url("images/wingarrowgrey.png") no-repeat; padding-top: 0; padding-left: 20px }
a.naviquadrat { color: #5f7d05; text-decoration: none; background: #fff url("images/quadrat.gif") no-repeat; padding-top: 0; padding-left: 20px; cursor : default;}
/* Navigation Styles 02*/
#navigation02 { color: #666; font-size: 13px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin-left: 571px; padding-left: 2px; padding-right: 2px; position: absolute; z-index: 22; top: 27px; width: 130px; height: 70px }
a.navitwo:link { color: #5f7d05; text-decoration: none; padding-top: 0; padding-left: 2px; padding-right: 2px; }
a.navitwo:visited { color: #5f7d05; text-decoration: none; padding-top: 0; padding-left: 2px; padding-right: 2px; }
a.navitwo:hover { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px }
a.navitwo:active { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px }
a.navitwofix:link { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px }
a.navitwofix:visited { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px; cursor: default}
a.navitwofix:hover { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px }
a.navitwofix:active { color: #fff; text-decoration: none; background-color: #86a20b; padding-left: 2px; padding-right: 2px; cursor: default}
/* Navigation Styles 03*/
#navigation03 { color: white; font-size: 13px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 16px; margin-left: 36px; padding: 0; position: absolute; z-index: 24; top: 129px; width: 130px; height: 70px }
a.navithree:link { color: #5f7d05; text-decoration: none; background-image: url("images/wingarrowgreen.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 0; padding-left: 20px;padding-right: 3px }
a.navithree:visited { color: #5f7d05; text-decoration: none; background-image: url("images/wingarrowgreen.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 0; padding-left: 20px;padding-right: 3px }
a.navithree:hover { color: white; text-decoration: none; background: #86a20b url("images/wingarrowwhite.png") no-repeat; padding-top: 0; padding-left: 20px; padding-right: 3px }
a.navithree:active { color: #fff; padding-right: 3px }
a.navithreefix:link { color: white; text-decoration: none; background: #86a20b url("images/wingarrowwhite.png") no-repeat; padding-top: 0px; padding-left: 20px;padding-right: 3px }
a.navithreefix:visited { color: white; text-decoration: none; background: #86a20b url("images/wingarrowwhite.png") no-repeat; padding-top: 0px; padding-left: 20px; cursor: default;padding-right: 3px }
a.navithreefix:hover { color: white; text-decoration: none; background: #86a20b url("images/wingarrowwhite.png") no-repeat; padding-top: 0px; padding-left: 20px;padding-right: 3px }
a.navithreefix:active { color: white; text-decoration: none; background: #86a20b url("images/wingarrowwhite.png") no-repeat; padding-top: 0px; padding-left: 20px;padding-right: 3px; cursor: default }
a.navithreeblock { color: #5f7d05; text-decoration: none; background-image: url("images/wingarrowgreen.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 0; padding-left: 20px;padding-right: 3px; cursor: default }
a.navicor:link { color: #86a20b; font-weight: bold; text-decoration: none; letter-spacing: 1px; padding-top: 0; padding-right: 2px; padding-left: 2px }
a.navicor:visited { color: #86a20b; font-weight: bold; text-decoration: none; letter-spacing: 1px; padding-top: 0; padding-right: 2px; padding-left: 2px }
a.navicor:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #86a20b; letter-spacing: 1px; padding-right: 2px; padding-left: 2px }
a.navicor:active { color: #fff; font-weight: bold; text-decoration: none; background-color: #86a20b; letter-spacing: 1px; padding-right: 2px; padding-left: 2px }
/* Left Column Styles */
#kubald { background-color: white; background-repeat: no-repeat; margin-left: 37px; top: 266px; width: 130px; height: 35px; padding-bottom: 0; position: absolute; z-index: 31; }
.kubaldlink {background: white url("images/kubaldlogo.gif") }
#myprojects { background-color: white; background-repeat: no-repeat; margin-left: 36px; top: 484px; width: 130px; height: 47px; padding-bottom: 0; position: absolute; z-index: 35; }
.projectslink {background: white url("images/projectslogo.gif") }
#ecce { background-color: white; background-repeat: no-repeat; margin-left: 34px; top: 329px; width: 110px; height: 62px; padding-bottom: 0; position: absolute; z-index: 36; }
.eccelink {background: white url("images/eccelogo.gif") }
#xeos { background-color: white; background-repeat: no-repeat; margin-left: 36px; top: 413px; width: 110px; height: 47px; padding-bottom: 0; position: absolute; z-index: 37; }
.xeoslink {background: white url("images/xeoslogo.gif") }
/* Main Column Styles */
#maintext01 { color: #465050; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; background-color: #fff; margin-left: 243px; padding: 0; position: absolute; z-index: 41; top: 264px; width: 313px; height: 370px; font-size: 14px }
#maintext02 { color: #465050; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 22px; background-color: #fff; margin-left: 243px; padding: 0; position: absolute; z-index: 41; top: 264px; width: 430px; height: 370px; #465050: font-size: 14px }
#maintext03 { color: #465050; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; background-color: #fff; margin-left: 243px; padding: 0; position: absolute; z-index: 41; top: 264px; width: 313px; height: 370px; font-size: 14px }
#teamtext01 { color: #465050; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; margin-left: 243px; padding: 0px; position: absolute; z-index: 42; top: 305px; width: 313px; height: 370px }
#maintext04 { color: #465050; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; background-color: #fff; margin-left: 0px; padding: 0; position: absolute; z-index: 43; top: 264px; width: 313px; height: 370px; font-size: 14px }
/* Right Column Styles */
#righttext01 { color: #86a20b; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; background-color: #fff; margin-left: 573px; position: absolute; z-index: 49; top: 264px; width: 137px; height: 370px; font-size: 14px }
#rightpix01 { background: white url("images/Holch.jpg"); background-repeat: no-repeat; margin-left: 573px; top: 334px; width: 59px; height: 59px; padding-bottom: 0; position: absolute; z-index: 46; }
#rightpix02 { background: white url("images/Kilp.jpg"); background-repeat: no-repeat; margin-left: 573px; top: 433px; width: 59px; height: 59px; padding-bottom: 0; position: absolute; z-index: 47; }
#rightpix03 { background: white url("images/Hagemann.jpg"); background-repeat: no-repeat; margin-left: 573px; top: 552px; width: 59px; height: 59px; padding-bottom: 0; position: absolute; z-index: 48; }
#rightpix04 { background: white url("images/Eisermann.jpg"); background-repeat: no-repeat; margin-left: 573px; top: 652px; width: 59px; height: 59px; padding-bottom: 0; position: absolute; z-index: 49; }
#white { background: #fff; margin-left: 555px; position: absolute; z-index: 99; top: 250px; width: 200px; height: 635px }
/* Abbinder Styles */
#abbinder { color: #5f7d05; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 20px; background-color: #fff; margin-left: -207px; position: absolute; z-index: 69; margin-top: 44px; width: 527px; height: 170px; }
/* 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: 90; top: 0; left: 0; width: 100%; height: 500px }
/* Formular Styles */
table
textarea { background-color: #eff1dd; margin: 0; padding: 5px 25px 5px 5px; width: 305px; height: 110px; border: solid 1px white }
.text { color: black; font-size: 14px; background-color: white; padding: 5px 25px 5px 5px;}
input { color: black; font-size: 11px; font-family: calibri, arial, tahoma, verdana, helvetica; background-color: #eff1dd; padding-left: 5px; height: 13px; border-style: solid; border-width: 0 1px; border-color: white }
.submit { color: #5f7d05; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 12px; background-color: #fff; cursor: pointer; margin-left: -1px; padding: 0; position: relative; z-index: 60; top: 15px; height: 17px }
.submit:hover { font-size: 14px;color: white; text-decoration: none; background: #86a20b }
.form {font-size: 14px; padding: 0px; }
.error { color: #ca0000; font-size: 14px; padding: 0 }
input.text { background-color: white; width: 300px; height: 150px; border-style: none; border-color: }
#kontaktformular { color: #465050; font-size: 14px; font-family: calibri, arial, helvetica, tahoma, verdana; line-height: 18px; background-color: #fff; margin-left: 243px; padding: 0; position: absolute; position: absolute; z-index: 75; top: 430px; width: 310px; height: 470px }
/* Mail Styles */
a.mail:link { font-size: 14px; color: #5f7d05; text-decoration: none; background: #fff; padding-top: 0; padding-left: 0 }
a.mail:visited {font-size: 14px; color: #5f7d05; text-decoration: none; background: #fff; padding-top: 0; padding-left: 0 }
a.mail:hover { font-size: 14px;color: white; text-decoration: none; background: #86a20b }
a.mail:active { font-size: 14px;color: white; text-decoration: none; background: #86a20b }
a.mailbau:link { font-size: 14px; color: #394141; }
a.mailbau:visited {font-size: 14px; color: #394141; }
a.mailbau:hover { font-size: 14px;color: #5f7d05; }
a.mailbau:active { font-size: 14px;color: #5f7d05; }
/* pale Styles */
a.pale:link { font-size: 14px; color: #394141; text-decoration: none; background: #fff; padding-top: 0; padding-left: 0 }
a.pale:visited {font-size: 14px; color: #394141; text-decoration: none; background: #fff; padding-top: 0; padding-left: 0 }
a.pale:hover { font-size: 14px;color: white; text-decoration: none; background: #86a20b }
a.pale:active { font-size: 14px;color: white; text-decoration: none; background: #86a20b }