/******** CSS-Resets ********/ * {margin:0px;padding:0px;border:0px;outline:0px;} /**** Allgemeine Angaben zum Seitenaufbau ****/ body {line-height:18px;color:#000;font-family:Verdana,sans-serif;font-size:11px;font-weight:normal;background-color:#fff;background-image:url(../images/layout/bg.jpg);background-repeat:no-repeat;} /***** Bild *****/ img {vertical-align:text-bottom;} /***** Verlinkung *****/ a:link, a:active, a:visited {font-weight:normal;color:#044FA2;text-decoration:underline;} a:hover, a:focus {font-weight:normal;color:#000;text-decoration:none;} /***** Absatz *****/ p {margin:5px 0px 5px 0px;clear:both;} /***** Listen ****/ ol {margin-left:20px;} /***** Angaben zu Überschriften *****/ h1 {margin:10px 0px 10px 0px;font-size:12px;font-weight:bold;color:#044FA2;} h2 {padding:10px 0px;font-size:11px;font-weight:bold;} h3 {padding:10px 0px;font-size:11px;font-weight:bold;} /**** Angaben zur Formulargestaltung ****/ form {padding:5px 0px;} legend {font-size:11px;font-weight:bold;} input {padding:2px;margin:2px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #858585;border-left:1px solid #e1e1e1;font-size:10px;font-family:Verdana,sans-serif;} select {padding:2px;margin:2px;font-family:Verdana,sans-serif;font-size:10px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #858585;border-left:1px solid #e1e1e1;} textarea {padding:2px;margin:2px;font-family:Verdana,sans-serif;font-size:10px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #858585;border-left:1px solid #e1e1e1;} label {margin:2px;padding:2px;} .form_ok {height:0px;max-height:0px;width:0px;max-width:0px;line-height:0px;border:0px;} .cursor {padding:1px;margin:2px;cursor:pointer;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #858585;border-left:1px solid #e1e1e1;background-color:transparent;color:#044FA2;font-size:11px;} /***** Formular Validierung *****/ #debugMode {background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:block;padding:10px;color:#fff;font-size:14px;z-index:100000;} .formError {position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;cursor:pointer;} .formError .formErrorContent {background:#093992;color:#fff;width:150px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow:0px 0px 6px #000;-moz-box-shadow:0px 0px 6px #000;-webkit-box-shadow:0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .formError .formErrorArrow {position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001;} .formError .formErrorArrow div {border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0px 2px 3px #444;-moz-box-shadow:0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444;font-size:0px;height:1px;background:#093992;margin:0 auto;line-height:0px;font-size:0px;display:block;} .formError .formErrorArrow .line10 {width:15px;border:none;} .formError .formErrorArrow .line9 {width:13px;border:none;} .formError .formErrorArrow .line8 {width:11px;} .formError .formErrorArrow .line7 {width:9px;} .formError .formErrorArrow .line6 {width:7px;} .formError .formErrorArrow .line5 {width:5px;} .formError .formErrorArrow .line4 {width:3px;} .formError .formErrorArrow .line3 {width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2 {width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1 {width:1px;border:none;background:#ddd;} /**** Angaben zu Tabellen ****/ table {margin:5px 0px 5px 0px;padding:1px;width:90%;} th {padding:3px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e1e1;font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;} td {padding:3px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e1e1;font-family:Verdana,sans-serif;font-size:11px;font-weight:normal;} .noborder {border:0px;} .drittel {width:163px;text-align:center;} .ver {width:200px;} .ort {text-align:left;} .ter {width:80px;} .viertel {padding:3px;width:25%;} /************************************/ /***** ANGABEN ZUM SEITENAUFBAU *****/ /************************************/ #z1 {width:940px;height:30px;text-align:right;} #z1 a.login:link,#z1 a.login:visited,#z1 a.login:active {padding:3px 0px 3px 25px;color:#044FA2;font-weight:normal;text-decoration:underline;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-860px -32px;} #z1 a.login:hover,#z1 a.login:focus {padding:3px 0px 3px 25px;color:#000;font-weight:normal;text-decoration:none;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-860px -8px;} #z1 a.logout:link,#z1 a.logout:visited,#z1 a.logout:active {padding:3px 0px 3px 25px;color:#044FA2;font-weight:normal;text-decoration:underline;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-860px -8px;}} #z1 a.logout:hover,#z1 a.logout:focus {padding:3px 0px 3px 25px;color:#000;font-weight:normal;text-decoration:none;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-860px -32px;} #z2 {width:960px;background-image:url(../images/layout/bg_zeile2.jpg);background-repeat:repeat-y;} #z2s1 {padding:15px 0px 0px 0px;width:200px;float:left;} #z2s1 ul.ebene1 {margin:0px 0px 0px 5px;width:190px;} #z2s1 ul.ebene1 li {width:190px;list-style-type:none;} #z2s1 ul.ebene1 li a {padding:0px 0px 0px 5px;display:block;width:182px;height:25px;line-height:25px;color:#000;text-decoration:none;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -194px;} #z2s1 ul.ebene1 li a:hover,#z2s1 ul.ebene1 li.active1 a {color:#fff;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -227px;} #z2s1 ul.ebene1 li ul.ebene2 {width:182px;} #z2s1 ul.ebene1 li ul.ebene2 li a {padding:0px 0px 0px 5px;color:#898989;width:182px;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -260px;} #z2s1 ul.ebene1 li ul.ebene2 li a:hover,#z2s1 ul.ebene1 li ul.ebene2 li.active2 a {color:#000;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -293px;} #z2s1 ul.ebene1 li ul.ebene2 li ul.ebene3 {width:182px;} #z2s1 ul.ebene1 li ul.ebene2 li ul.ebene3 li a {padding:0px 0px 0px 5px;color:#666;width:182px;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -326px;} #z2s1 ul.ebene1 li ul.ebene2 li ul.ebene3 li a:hover,#z2s1 ul.ebene1 li ul.ebene2 li ul.ebene3 li.active3 a {color:#000;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -359px;} /***** Suchmaske *****/ #suchen {padding:0px 0px 0px 5px;} /***** Callbackformular / Suchformular *****/ #callback, #search {margin:1px 0px 4px 7px;width:178px;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;} #callhead, #searchhead {padding:0px 0px 0px 3px;width:178px;display:block;height:20px;line-height:20px;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -166px;} #callbody, #searchbody {width:175px;padding:0px 3px;} #searchbody {width:175px;padding:0px 3px;} #callbody table {width:170px;padding:3px 0px 0px 0px;} #callbody th {font-weight:normal;width:40px;padding:3px 0px;font-size:9px;} #callbody td {width:120px;} #callbody .input, #searchbody .input {width:80%;} #callbody select {width:90%;padding:2px;margin:2px;font-family:Verdana,sans-serif;font-size:9px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #858585;border-left:1px solid #e1e1e1;} #z2s2 {padding:15px 0px 0px 0px;width:510px;float:left;} #z2s2 a:link,#z2s2 a:visited,#z2s2 a:active {color:#044FA2;font-weight:normal;text-decoration:underline;} #z2s2 a:hover,#z2s2 a:focus {color:#000;font-weight:normal;text-decoration:none;} #inhalt {padding:0px 15px 0px 10px;} /***** Listen *****/ #inhalt ul {margin:10px 0px 10px 15px;} #inhalt li {margin:5px 0px 5px 0px;list-style-type:square;} #subnavi {margin:10px;padding:0px 10px 0px 10px;text-align:right;} #z2s2 ul.ebene1 {padding:2px 0px;text-align:left;} #z2s2 ul.ebene1 li {padding:2px;list-style-type:none;} #z2s2ul.ebene1 li ul.ebene2 {list-style:none;text-align:left;} #z2s2 ul.ebene1 li ul.ebene2 li {padding:0px 0px 0px 30px;} #z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 {list-style:none;text-align:left;} #z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 li {padding:0px 0px 0px 30px;} /***** Aufbau von div`s in den Seiten zum gestalten des Inhalts *****/ .both {height:1px;clear:both;} .rahmen {margin:5px 0px;} .links {padding:0px 5px 0px 0px;width:290px;float:left;vertical-align:top;} .rechts {width:190px;float:left;vertical-align:top;} .beschreibung {padding:0px 5px 0px 0px;width:330px;float:left;vertical-align:top;} .logos {width:150px;float:left;vertical-align:top;} .text {clear:both;} .float_l {float:left;} .drittel {width:32%;} .float150 {padding:5px 0px 0px 0px;width:150px;float:left;} .float330 {padding:5px 0px 0px 0px;width:330px;float:left;} .floatright {padding:5px 0px 0px 0px;margin:0px 0px 0px 5px;float:right;} #z2s3 {padding:0px 5px 0px 0px;width:230px;float:left;} #z2s3 a:link,#z2s3 a:visited,#z2s3 a:active {margin:0px;padding:0px;color:#044FA2;font-weight:normal;text-decoration:underline;} #z2s3 a:hover,#z2s3 a:focus {color:#000;font-weight:normal;text-decoration:none;} #service {margin:0px 5px 0px 15px;} #z3 {padding:4px 0px 0px 0px;width:960px;color:#000;height:25px;background-image:url(../images/layout/bg_zeile3.jpg);background-repeat:repeat-y;} .z3navi {width:940px;text-align:right;} #z3 a:link,#z3 a:visited,#z3 a:active {color:#044FA2;font-weight:normal;text-decoration:none;} #z3 a:hover,#z3 a:focus {color:#000;font-weight:normal;text-decoration:none;} #z4 {width:960px;height:74px;background-image:url(../images/layout/bg_zeile4.jpg);background-repeat:no-repeat;} #z4 a:link,#z4 a:visited,#z4 a:active {margin:30px 0px 0px 70px;color:#044FA2;font-weight:bold;text-decoration:none;} #z4 a:hover,#z4 a:focus {margin:30px 0px 0px 70px;color:#000;font-weight:bold;text-decoration:none;} #box1 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -8px;} #box2 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-291px -8px;} #box3 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-576px -8px;} #box4 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-8px -88px;} #box5 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-291px -88px;} #box6 {margin:0px 1px;height:74px;width:235px;float:left;background:transparent url(../images/layout/ll-sprite.png) no-repeat;background-position:-576px -88px;} #z5 {width:960px;font-size:10px;font-family:Arial,sans-serif;text-align:center;vertical-align:top;} /**** Firmenrundgang ****/ #rundgang {width:750px;height:575px;z-index:100;position:absolute;background:url(../images/firmenrundgang/bg_rundgang.png) no-repeat #fff;top:36px;} #container {position:relative;width:710px;height:410px;overflow:auto;left:21px;top:20px;overflow:hidden;} .item {display: block;width:710px;height:410px;overflow:hidden;} .item h1 {margin:0 20px;padding-top:20px;} .item h2 {margin:0 20px;padding-top:20px;} .item p {margin:10px 20px;} .item ul {margin:10px 20px;} .item li {list-style-type:none;} #controls1 {display:block;position:absolute;left:10px;top:442px;width:740px;} .prev_btn {float:left;width:115px;height:35px;text-align:center;background:url(../images/firmenrundgang/bg_navi.png) no-repeat transparent;padding-top:3px;color:#044FA2;} .next_btn {float:left;width:115px;height:35px;text-align:center;background:url(../images/firmenrundgang/bg_navi.png) no-repeat transparent;padding-top:3px;color:#044FA2;} .play_btn {float:left;width:115px;height:35px;text-align:center;background:url(../images/firmenrundgang/bg_navi.png) no-repeat transparent;padding-top:3px;color:#044FA2;} .haken {padding:5px 0px 5px 20px;background:url(../images/firmenrundgang/check.png) no-repeat;} .folie1 {display:block;background:url(../images/firmenrundgang/folie1.png) no-repeat;} .folie2 {display:block;background:url(../images/firmenrundgang/folie2.png) no-repeat;} .folie3 {background:url(../images/firmenrundgang/folie3.png) no-repeat;} .folie4 {background:url(../images/firmenrundgang/folie4.png) no-repeat;} .folie5 {background:url(../images/firmenrundgang/folie5.png) no-repeat;} .folie6 {background:url(../images/firmenrundgang/folie6.png) no-repeat;} .folie7 {background:url(../images/firmenrundgang/folie7.png) no-repeat;} .folie8 {background:url(../images/firmenrundgang/folie8.png) no-repeat;} .folie9 {background:url(../images/firmenrundgang/folie9.png) no-repeat;} .folie10 {background:url(../images/firmenrundgang/folie10.png) no-repeat;} .folie11 {background:url(../images/firmenrundgang/folie11.png) no-repeat;} .folie12 {background:url(../images/firmenrundgang/folie12.png) no-repeat;} .folie13 {background:url(../images/firmenrundgang/folie13.png) no-repeat;} .folie14 {background:url(../images/firmenrundgang/folie14.png) no-repeat;} .folie15 {background:url(../images/firmenrundgang/folie15.png) no-repeat;} .folie16 {background:url(../images/firmenrundgang/folie16.png) no-repeat;} .folie17 {background:url(../images/firmenrundgang/folie17.png) no-repeat;} .folie18 {background:url(../images/firmenrundgang/folie18.png) no-repeat;} .folie19 {background:url(../images/firmenrundgang/folie19.png) no-repeat;} .folie20 {background:url(../images/firmenrundgang/folie20.png) no-repeat;} .folie21 {background:url(../images/firmenrundgang/folie21.png) no-repeat;} .folie22 {background:url(../images/firmenrundgang/folie22.png) no-repeat;} .folie23 {background:url(../images/firmenrundgang/folie23.png) no-repeat;} .folie24 {background:url(../images/firmenrundgang/folie24.png) no-repeat;} .folie25 {background:url(../images/firmenrundgang/folie25.png) no-repeat;} .folie26 {background:url(../images/firmenrundgang/folie26.png) no-repeat;} .folie27 {background:url(../images/firmenrundgang/folie27.png) no-repeat;} .folie28 {background:url(../images/firmenrundgang/folie28.png) no-repeat;} .folie29 {background:url(../images/firmenrundgang/folie29.png) no-repeat;} .folie30 {background:url(../images/firmenrundgang/folie30.png) no-repeat;} .folie31 {background:url(../images/firmenrundgang/folie31.png) no-repeat;} .folie32 {background:url(../images/firmenrundgang/folie32.png) no-repeat;} .folie33 {background:url(../images/firmenrundgang/folie33.png) no-repeat;} .folie34 {background:url(../images/firmenrundgang/folie34.png) no-repeat;} .folie35 {background:url(../images/firmenrundgang/folie35.png) no-repeat;} .folie36 {background:url(../images/firmenrundgang/folie36.png) no-repeat;} .folie37 {background:url(../images/firmenrundgang/folie37.png) no-repeat;} .folie38 {background:url(../images/firmenrundgang/folie38.png) no-repeat;} .folie39 {background:url(../images/firmenrundgang/folie39.png) no-repeat;} .folie40 {background:url(../images/firmenrundgang/folie40.png) no-repeat;} .folie41 {background:url(../images/firmenrundgang/folie41.png) no-repeat;} .folie42 {background:url(../images/firmenrundgang/folie42.png) no-repeat;} .folie43 {background:url(../images/firmenrundgang/folie43.png) no-repeat;} .folie44 {background:url(../images/firmenrundgang/folie44.png) no-repeat;} .folie45 {background:url(../images/firmenrundgang/folie45.png) no-repeat;} .folie46 {background:url(../images/firmenrundgang/folie46.png) no-repeat;} .folie47 {background:url(../images/firmenrundgang/folie47.png) no-repeat;} .folie48 {background:url(../images/firmenrundgang/folie48.png) no-repeat;} .folie49 {background:url(../images/firmenrundgang/folie49.png) no-repeat;} .folie50 {background:url(../images/firmenrundgang/folie50.png) no-repeat;} .folie51 {background:url(../images/firmenrundgang/folie51.png) no-repeat;} .folie52 {background:url(../images/firmenrundgang/folie52.png) no-repeat;} .folie53 {background:url(../images/firmenrundgang/folie53.png) no-repeat;} .folie54 {background:url(../images/firmenrundgang/folie54.png) no-repeat;} /**** Daumenkino Startseite ****/ #bilderstapel {background:url(../images/daumenkino-start/bg-daumenkino.png);width:487px;height:243px;} #bilderstapel img {position:absolute;height:215px;width:465px;z-index:1;margin-left:11px;margin-top:14px;} #bilderstapel img.obersteebene {z-index:3;} #bilderstapel img.mittlereebene {z-index:2;} /**** nur für das ECI-Formular ****/ .clear {clear:both;padding:3px 0px;border-bottom:1px solid #f9f9f9;} .float_1 {float:left;width:100px;} .float_2 {float:left;width:390px;} /* Aufklappbox - default style */ .eciform h2 {margin-bottom:5px;border:1px solid #e9e9e9;cursor:pointer;padding:2px 10px;background:url(../images/eci/pfeil-zu.png) #f5f5f5 no-repeat;} .eciform h2:hover, .eciform h2:active {margin-bottom:5px;border:1px solid #e9e9e9;cursor:pointer;padding:2px 10px;background:url(../images/eci/pfeil-offen.png) #e5e5e5 no-repeat;} .noeciform h2 {margin-bottom:5px;background:#f5f5f5;border:1px solid #e9e9e9;padding:2px 10px;} .eciform div.boxen, .noeciform div.box {margin-bottom:5px;border:1px solid #e9e9e9;padding:9px;} .boxnavi {padding-left:240px;height:47px;} .open {height:47px;width:121px;background:url(../images/eci/bg_open.png) no-repeat;text-align:left;float:left;padding:12px 0px 0px 0px;} .close {height:47px;width:132px;background:url(../images/eci/bg_close.png) no-repeat;text-align:left;float:left;padding:12px 0px 0px 0px;}