/* red #c00 border grey #8f8e83 grey #666 wake: #4888c2 snow: #c00 surf: #013469 offen: ../img/teaser-right-top.gif ../img/teaser-right-bottom.gif ../img/footer.gif */ /* ======================== */ /* Allgemein */ /* ======================== */ * {margin:0;padding:0;} p, li, h1, h2, h3, h4, h5, h6 {font-size:1em} option {padding:0 2px;} body {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;background:#fff;margin:0 10px 10px 10px;} html {height:100%;margin-bottom:1px;} img {border:none;} input,textarea {border:1px solid #8f8e83;} .none {display:none;} .v-clear {clear:both;font-size:0pt !important;height:0pt !important;line-height:0pt !important} .clear {clear:both} .left {float:left} .right {float:right} .search {background-color:#c00;color:#fff;} .searchresult {font-weight:bold;} .error {color:#c00;} .padtop10 {padding-top:10px;} .padleft10 {padding-left:10px;} .padleft15 {padding-left:15px;} .track {position:absolute;left:-800px;} /* ======================== */ /* Links */ /* ======================== */ a {font-weight:bold;color:#c00;text-decoration:none;} a:hover {text-decoration:underline;} a.snow {color:#c00;} /* Link in Header und Footer */ a.wake {color:#4888c2;} /* Link in Header und Footer */ a.surf {color:#013469;} /* Link in Header und Footer */ a.arrow {font-size:11px;background:url(../img/icons-snow.gif) 0 4px no-repeat;color:#c51414; padding:0 0 0 15px;} a.arrowgrey {background:url(../img/icons-snow.gif) 0 -699px no-repeat;color:#666; padding:0 0 0 15px;} a.more {font-size:11px;background:url(../img/icons-snow.gif) 0 -396px no-repeat;padding:0 0 0 15px;} a.less {font-size:11px;background:url(../img/icons-snow.gif) 0 -496px no-repeat;padding:0 0 0 15px;} a.bg-white {background:url(../img/icons-snow.gif) 0 -100px no-repeat;color:#c51414; padding:0 0 0 15px;} a.bg-white2 {background:url(../img/icons-snow.gif) 0 -600px no-repeat;color:#c00; padding:0 0 0 15px;} a.text {color:#666;font-size:12px;font-weight:normal;} a.arrowright {font-weight:bold;font-size:11px;} a.arrowbig {font-size:12px;background:url(../img/icons-snow.gif) 0 5px no-repeat; padding:0 0 0 15px;} a.navlev2head {font-size:14px;color:#666;font-weight:bold;} span.arrowright {background:url(../img/icons-snow.gif) 0 -197px no-repeat;} /* ======================== */ /* eMail Hack */ /* ======================== */ .email {text-decoration: none;font-weight:bold;} .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 */ /* ======================== */ /* Header */ /* ======================== */ #banner {width:840px;height:90px;position:absolute;top:9px;left:5px;background:url(/_common/img/anzeige.jpg) no-repeat;} #wrap {position:relative;margin:100px 0 0 0;padding:0;} #wrap .home {position:absolute;top:-800px;left:-800px;} #header-hp {width:808px;height:464px;position:relative;z-index:29} #header {width:808px;height:184px;position:relative;z-index:49} /* Logo */ #header-hp #logo, #header #logo {position:absolute;top:23px;} /* Content auf HP */ #header-hp #content {font-size:12px;position:absolute;left:33px;bottom:97px;z-index:39;} #header-hp #content div.hd {background-color:#c00;padding:4px 0px 5px 8px;float:left;} #header-hp #content h2 {margin-right:20px;color:#fff;font-weight:bold;font-size:14px;} #header-hp #content div.line {border-bottom:1px solid #fff;} #header-hp #content p.text {background-color:#fff;padding:5px 8px;width:355px;} /* Teaser Right auf HP */ #header-hp #teaser-right {position:absolute;right:-3px;bottom:32px;color:#fff;font-size:10px;} #header-hp #teaser-right div.hd {background:transparent url(../img/teaser-right-top.gif) no-repeat;width:236px;height:30px;} #header-hp #teaser-right h2 {color:#c00;font-weight:bold;font-size:12px;padding:12px 0 0 16px;} #header-hp #teaser-right div.iBoxes {width:234px;background-color:#fff;border-left: 1px solid #8f8e83;border-right: 1px solid #8f8e83;} #header-hp #teaser-right div.iBoxes div.Box {padding:3px 8px 0px 8px} #header-hp #teaser-right div.iBoxes div.Box a {display: block;float:left;width:119px;} #header-hp #teaser-right div.iBoxes div.Box img.arrow {float:left;margin:4px 5px 0 0;vertical-align:bottom} #header-hp #teaser-right div.iBoxes div.Box img.right {margin-bottom:5px;} #header-hp #teaser-right div.iBoxes div.Box img.last {margin-bottom:0px;} #header-hp #teaser-right div.iBoxes div.border {border-bottom: 1px solid #8f8e83;font-size:0;height:0;line-height:0;margin-left:10px;} #header-hp #teaser-right ul.smallBoxes {list-style:none} #header-hp #teaser-right ul.smallBoxes a {font-size:10px;color:#fff} #header-hp #teaser-right ul.smallBoxes li {width:222px;height:13px;padding:5px 4px 4px 10px;margin-bottom:1px;list-style:none} #header-hp #teaser-right ul.smallBoxes li.last {margin-bottom:4px;} #header-hp #teaser-right ul.smallBoxes li.bg-red {background-color:#c00;} #header-hp #teaser-right ul.smallBoxes li.bg-grey {background-color:#8f8e83;} #header-hp #teaser-right div.bottom {background:transparent url(../img/teaser-right-bottom.gif) no-repeat;width:236px;margin-bottom:1px;height:5px;line-height:0;font-size:0} /* Überschrift auf Content-Seite */ #header #content {position:absolute;right:8px;top:101px;z-index:59} #header #content div.hd {background-color:#c00;padding:4px 0 7px 8px;width:503px;float:left;} #header #content h2 {color:#fff;font-weight:bold;font-size:18px;} #header #content div.line {border-bottom:1px solid #fff;} /* ======================== */ /* Header > Navigation */ /* ======================== */ #topnavi {position:absolute;left:209px;top:18px;z-index:99} #topnavi div.toplinks {margin-bottom:3px;margin-left:13px;list-style:none} #topnavi div.toplinks a {margin-right:5px;} /* Menu */ #topnavi ul.menu {z-index:99;background:transparent url(../img/icons-snow.gif) -500px 0 no-repeat;width:591px;height:29px;padding:1px 0 0 17px;list-style:none;} #topnavi ul.menu li.nav {float:left;padding-top:8px;margin-right:15px;position:relative;font-weight:bold;white-space:nowrap;} #topnavi ul.menu li.input {text-align:right;margin-top:6px;margin-right:21px;} #topnavi ul.menu li.input input {color:#c00;height:15px;width:100px;font-size:10px;padding:0 0 0 2px;color:#c00;border:1px solid #8f8e83;} /* Submenu */ #topnavi ul.submenu {list-style:none;border:1px solid #d4d4d0;position:absolute;top:22px;left:0px;padding:0 5px 5px;background:#fff;display:none} #topnavi ul.submenu li {background:#fff;border-bottom:1px solid #d4d4d0; padding:2px;} #topnavi ul.submenu a {font-weight:normal} #shop .shopselect {margin:0 23px 3px 0;color:#c00;height:16px;width:114px;font-size:10px;padding:0;color:#c00;border:1px solid #8f8e83;} #shop input {color:#c00;height:15px;width:110px;font-size:10px;padding:0 0 0 2px;color:#c00;border:1px solid #8f8e83;} /* ======================== */ /* Main */ /* ======================== */ #main {float:left;width:501px;position:relative;z-index:89;} #main .main-content {font-size:12px;position:relative;top:-45px;} #main .main-box {width:246px;float:left;position:relative;z-index:79;font-size:12px;} /* Box 1 + Box2 auf HP */ #main .box1 {top:-67px;margin:0 0 -5px 0px} /* Box 1 auf HP */ #main .box2 {top:-51px;margin:0 0 -5px 9px} /* Box 2 auf HP */ /* Main Content auf HP */ #main .main-content div.content-hp {border-left: 1px solid #8f8e83;border-right: 1px solid #8f8e83;padding:10px 0px 0px 10px;width:489px;} #main .main-content div.content-hp div.left {border-bottom:1px solid #fff;padding:0 20px 0 0;margin:0 0 2px 0;} #main .main-content div.content-hp div.right {font-size:11px;border-bottom:1px solid #b4b4b4;float:none;text-align:right;color:#666;height:15px;padding:0 10px 0 0;} #main .main-content div.bottom {text-align:right;} #main .main-content div.bottommore {display:block;padding-top:10px;margin:0;width:475px;} /* Main Content */ #main .main-content div.hd {color:#666;background:transparent url(../img/icons-snow.gif) -500px -100px no-repeat;width:501px;height:50px;} #main .main-content div.breadnav {color:#666;padding:29px 0 0 16px;font-weight:bold;font-size:14px;} #main .main-content div.breadnav a {color:#666;font-weight:bold;font-size:14px;} #main .main-content h1 {color:#c00;font-weight:bold;font-size:14px;padding:0px 0 8px 15px;} #main .main-content span.date {display:block;color:#666;padding:3px 0 2px 0;font-weight:normal;font-size:11px} #main .main-content span.datestand {color:#666;font-weight:normal;font-size:11px} #main .main-content div.content {border-left: 1px solid #8f8e83;border-right: 1px solid #8f8e83;padding:7px 0 0 0;width:499px;} #main .main-content div.text {padding:0 15px;} #main .main-content div.imgsmall {float:left;padding:0 10px 10px 0;} #main .main-content div.imgsmallright {float:right;padding:0 0 10px 10px;} #main .main-content div.line {border-bottom: 1px solid #8f8e83;margin-right:25px;} #main .main-content div.line2 {border-bottom: 1px solid #8f8e83;margin:4px 25px 4px 0;} #main .main-content h2 {margin-bottom:10px;font-weight:bold;} #main .main-content p {margin-bottom:10px;} #main .main-content img {margin-left:8px;padding:0;} #main .main-content object {margin-left:-5px;padding:0;} #main .main-content .imgsmall img {margin:0;} #main .main-content div.description {padding-left:10px;margin-top:3px;color:#666;width:470px;font-size:11px;} #main .main-content div.pad0 {padding:0;} #main .main-content div.wpic {width:180px;} #main .main-content div.i-line {border-top: 1px solid #8f8e83;width:95px;font-size:0pt;height:0pt;line-height:0pt;margin:5px 0} #main .main-content .content div.left, #main .main-content .content div.right {padding:0 10px 5px;} #main .main-content div.bottom {background:transparent url(../img/icons-snow.gif) -500px -200px no-repeat;width:471px;height:50px;padding:0 15px;} #main .main-content h3.overview {padding:0 0 0 15px;color:#000;font-weight:bold;} /* Box 1 + Box2 auf HP */ #main .main-box div.hd {margin-top:-6px;background:transparent url(../img/icons-snow.gif) -500px -600px no-repeat;width:246px;height:30px} #main .main-box h2 {padding:10px 0 0 16px;color:#c00;font-weight:bold;font-size:13px;} #main .main-box h3 {font-weight:bold;} #main .main-box span.date {display:block;color:#666;margin-top:3px;font-size:11px;} #main .main-box div.content {border-left: 1px solid #8f8e83;border-right: 1px solid #8f8e83;} #main .main-box div.content div {border-bottom:1px solid #666;width:193px;padding:9px 12px 8px 12px;} #main .main-box div.content p {padding:5px 13px 0 13px;font-size:12px;color:#666;} #main .main-box div.bottom {background:transparent url(../img/icons-snow.gif) -500px -700px no-repeat;width:246px;height:27px;} /* ======================== */ /* Main right */ /* ======================== */ #main-right {width:300px;float:left;position:relative;top:-12px;z-index:89;padding:0 0 17px 10px;} #main-right div.hd {background:transparent url(../img/icons-snow.gif) -500px -400px no-repeat;width:298px;height:28px;border: 1px solid #8f8e83;margin:1px 0 0 0;} #main-right div.subnavi {border:none;background:transparent url(../img/icons-snow.gif) -500px -300px no-repeat;width:300px; height:35px;} #main-right div.content {border:1px solid #8f8e83;border-top:none;color:#666;padding:10px;} #main-right div.text p {margin:0 0 5px 0;} #main-right div.bottom {background:transparent url(../img/icons-snow.gif) -500px -500px no-repeat;width:300px;height:35px;margin:1px 0 0 0;} /* Werbung, Video */ #main-right div.advertising {background:transparent url(../img/icons-snow.gif) -500px -300px no-repeat;width:300px;height:35px;} #main-right div.video {background-color:#cfcfcf;color:#000;padding:3px 10px;} /* border:1px solid #8f8e83;*/ #main-right div.img-advertising {margin:1px 0 0 0;} /* Newsletter */ #main-right div.newsletter {margin:1px 0 0 0;background-color:#ce3a3a;padding:10px 0px 10px 10px;color:#fff} #main-right div.newsletter input{color:#c00;height:15px;width:115px;color:#000;font-size:10px;padding:2px 0 0 2px;margin-right:10px;border:1px solid #818181;} #main-right div.newsletter a {color:#fff;} #main-right #nl .checknl, #nl2 .checknl {padding:0;margin:2px 0;width:13px;border:none;} #main-right #nl .getit, #nl2 .getit {padding:4px 0 0 13px;margin:0;} /* Links */ #main-right div.links {width:277px;} #main-right div.links div.left {margin:2px 0 0 0;width:177px;color:#000;} #main-right div.links div.right {margin:2px 0 0 0;width:100px;text-align:right;color:#666;} /* Image+Text */ #main-right div.iBox {width:277px;} #main-right div.iBox div {float:left;width:197px;} #main-right div.iBox div.img {float:left;width:80px;} /* Überschriften */ #main-right div.newsletter h2 {padding:0;color:#fff;font-size:14px;border-bottom: 1px solid #fff;margin:0 0 5px 0;} #main-right h2.h2advertising {padding:21px 0 0 6px;color:#000;font-weight:normal;font-size:11px;} #main-right h2 {padding:9px 0 0 16px;color:#c00;font-weight:bold; font-size:14px;} #main-right h2.h2subnavi {margin:0;padding:17px 0 0 15px;} #main-right h3 {font-weight:bold;margin:0 0 5px 0;color:#000} #main-right h4 {font-weight:bold;margin:0 0 2px 0;color:#000} /* ======================== */ /* Footer */ /* ======================== */ #footer {height:87px;width:813px;position:relative;top:-70px;clear:both;background:transparent url(../img/footer.gif) no-repeat;} #footer div.content {position:absolute;left:17px;bottom:12px;width:780px;z-index:95;} #footer div.content select {width:115px;color:#c00;border:1px solid #818181;margin-top:2px;font-size:11px;} #footer ul.navi {padding-top:7px;float:right;list-style-type:none} #footer ul.navi a {font-weight:normal;} #footer ul li {float:left;margin:0 2px;} #footer li.print {background:url(../img/icons-snow.gif) 0 -300px no-repeat;} #footer li a.print {display:block;width:16px;height:15px;margin-right:6px;} #footer div.links a {margin:0 2px;}