/* BASE */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing : 0; } fieldset, img { border: 0; } form { display: block; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; } table, tr, td { font-size: 1em; } /* GLOBAL */ body { margin: 0; padding: 0; background: #fff; font: normal 12px Arial, Helvetica, sans-serif; } a { color: #000; text-decoration: underline; } a:hover { color: #999; text-decoration: none; } .c { clear: both; margin: 0; padding: 0; border: 0; line-height: 0; font-size: 0; } .transparent { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .pointer { cursor: pointer; } /* COUNTRY SELECTOR */ #country-locator{/*background-color:#1d1d1d;*/ background:url(/banner/images/select-country-bg.png) repeat-x top left; color:#FFF; width:1000px; height: 515px; position:absolute; z-index:200; display:none; } #country-locator a{ color:#FFF; text-decoration:none;} /*#country-locator{ opacity: .75;} */ #country-locator h1, #country-locator h1 span, #country-locator h1 a, #country-locator h2 { padding: 35px 0 0 22px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; font-style: italic; } #country-locator h1, #country-locator h2 { padding:0;} #country-locator h1 span{ color:#c51321; padding:0 40px 0 0;} #country-locator h2{ font-size:18px;} #country-locator h1 a{ padding:0; text-decoration:none; } .locator-content{ margin-top:130px; padding-left:50px; position:relative; float:left;} .remember-me{ color:#FFF; margin:5px 0 70px 0; } .countries-list{ margin-right:150px;} .countries-list, .country-box{ margin-top:50px; float:left; } .country-box{ width:200px; height:140px;} .country-box a{ display:block; padding:4px 0;} .logo-austria{ position:absolute; right:0; bottom:0;} /* BANNER SPECIFIC */ #bodywrapper { position: absolute; top: 10px; left: 50%; width: 1000px; margin-left: -500px; z-index: 1; } #header { position: relative; width: 1000px; height: 139px; z-index: 150; } #startheader { position: relative; width: 1000px; height: 139px; z-index: 5; } #starturl { position: absolute; top: 0; left: 0; z-index: 10; } #line { background: #e20608 url(/banner/images/design/headergradient.jpg) repeat-y 0 0; width: 1000px; height: 15px; } #line2 { background: #e20608 url(/banner/images/design/headergradient.jpg) repeat-y 0 0; } #startline { position: absolute; top: 15px; left: 0; height: 1px; overflow: hidden; line-height: 0; width: 1000px; background-color: #fff; z-index: 15; } #url { display: block; float: left; z-index: 20; } #country { display: block; float: right; text-decoration: none; color: #fff; margin: 1px 30px 0 0; } #startcountry { display: block; position: absolute; top: 1px; right: 30px; text-decoration: none; color: #fff; z-index: 20; } #logo { height: 123px; width: 1000px; border-top: 1px solid #fff; background: #e20608 url(/banner/images/design/headergradient.jpg) repeat-y 0 0; } #startlogo { position: absolute; top: 16px; left: 0; height: 123px; width: 1000px; background: #e20608 url(/banner/images/design/headergradient.jpg) repeat-y 0 0; } #bueffel { position: absolute; top: 16px; right: 0px; } #startbueffel { position: absolute; top: 10px; right: 0; } * html #startbueffel { right: 12px; } #startmain { position: relative; height: 327px; width: 1000px; z-index: 25; } #startmenu { position: relative; top: 133px; left: 0; width: 1000px; height: 184px; } #standardmenu { display: block; } #alternativemenu { display: none; } #startmenu .bg { position: absolute; top: 0; left: 0; background-color: black; width: 1000px; height: 155px; z-index: 5; } #startmenu .container { position: absolute; top: 0; left: 0; width: 1000px; height: 155px; z-index: 10; } #startmenu .container .smallelement { float: left; height: 155px; width: 229px; } #startmenu .container .smallelement .headline { padding: 35px 0 0 22px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; font-style: italic; } #startmenu .container .smallelement .text { padding: 10px 0 0 22px; color: #fff; font-size: 12px; } #startmenu .container .element { float: left; height: 155px; width: 256px; border-left: 1px solid #666; } #startmenu .container .element .item { display: block; padding: 6px 0 0 21px; height: 19px; width: 235px; border-bottom: 1px solid #666; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 12px; } #startmenu .container .element .item:hover { color: #fff; background: #a6a4a5 url(/banner/images/design/arrow.gif) no-repeat right center; } #startmenu .container .element .last { border-bottom: 0; } #startmenu .link .headline { padding: 35px 0 0 22px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; font-style: italic; } #startmenu .link .headline img { margin: 0 0 0 12px; } #startmenu .link .subheadline { padding: 7px 0 0 22px; color: #fff; font-size: 20px; } #startmenu .box { position: absolute; bottom: 0; right: 0; width: 383px; height: 79px; } #startmenu .box .diagonal { float: left; width: 44px; height: 79px; } #startmenu .box .content { position: relative; float: left; width: 303px; height: 55px; background-color: #c41220; padding: 12px 24px 12px 12px; } #startmenu .box .content .headline { color: #fff; font-size: 18px; font-style: italic; margin: 0 0 3px 0; } #startmenu .box .content .text { color: #fff; font-size: 12px; } #startmenu .box .content .link { display: block; position: absolute; bottom: 12px; right: 24px; color: #fff; font-size: 12px; padding: 0 0 0 8px; background: transparent url(/banner/images/design/arrow.gif) no-repeat 0 center; text-decoration: none; } #startcontent { background-color: #fff; width: 1000px; } #startcontent .element { float: left; width: 250px; height: auto; } #startcontent .element .headline { color: #484848; font-size: 13px; padding: 10px 0 5px 20px; } #startcontent .element .headline .logo { font-weight: bold; color: #c31222; } #startcontent .element .content { padding: 0 0 0 20px; } #startcontent .element .content .news { padding: 0 0 3px 0; } #startcontent .element .content .news .date { font-size: 12px; color: #a7a7a7; } #startcontent .element .content .news a { font-size: 12px; font-weight: bold; color: #636361; text-decoration: none; } #startcontent .element .content .news a:hover { color: #a7a7a7; } #startcontent .element .content .text { font-size: 12px; color: #646464; } #startcontent .element .content .link { display: block; float: right; font-size: 12px; color: #646464; text-decoration: none; padding: 0 5px 0 7px; background: transparent url(/banner/images/design/arrow_grey.gif) no-repeat 0 center; } #mainnavigation { width: 998px; height: 24px; background-color: #000; border: 1px solid #8B8788; } #mainnavigation a { display: block; float: left; padding: 5px 21px 5px 21px; text-transform: uppercase; color: #fff; background-color: #000; text-decoration: none; border-right: 1px solid #8B8788; } #mainnavigation a:hover, #mainnavigation a.active { background-color: #de070c; } #searchform { width: 200px; float: right; margin-right: 12px; text-align: right; } #search { display: block; float: right; width:160px; height: 15px; border: 1px solid #7c7c7c; font-size: 10px; color: #818181; padding: 1px 7px 0 7px; margin: 3px 6px 0 0;} #searchsubmit { display: block; float: right; width:11px; height: 11px; margin-top: 7px; } #subnavigation { width: 218px; float: left; margin: 24px 15px 24px 0; } #subnavigation ul li.off a { display: block; padding: 11px 10px 11px 10px; background: #f2f2f2; color: #454545; width: 198px; font-size: 12px; text-decoration: none; border-bottom: 1px solid #fff; } #subnavigation ul li.off a .arrow { margin: 2px 3px 2px 0; } #subnavigation ul li.on a, #subnavigation ul li.tempon a { display: block; padding: 11px 10px 11px 10px; background: #f2f2f2; color: #454545; width: 198px; font-size: 12px; text-decoration: none; border-bottom: 1px solid #fff; } #subnavigation ul li.on a .arrow, #subnavigation ul li.tempon a .arrow { margin: 2px 3px 2px 0; } #subnavigation ul li.on ul, #subnavigation ul li.tempon ul { padding: 5px 0; } #subnavigation ul li.on ul li.on ul, #subnavigation ul li.tempon ul li.on ul { padding: 1px 0 3px 0; } #subnavigation ul li.on ul li a, #subnavigation ul li.tempon ul li a { font-size: 11px; display: block; padding: 5px 21px 5px 19px; background-color: #fff; color: #808080; border: 0; width: 166px; } #subnavigation ul li.on ul li ul li { margin-top: -7px; } #subnavigation ul li.on a, #subnavigation ul li.on ul li.on a, #subnavigation ul li.on ul li.on ul li.on a { color: #c61120; } #subnavigation ul li.on ul li.on ul li a { color: #808080; background-color: transparent; } #subnavigation ul li.on ul { display: block; } #subnavigation ul li.off ul { display: none; } #subnavigation ul li.on ul { border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; margin-top: -1px;} #subnavigation ul li.on ul li.on ul { border: none; } #content { width: 752px; margin: 0 0 0 15px; float: left; overflow: hidden; } #content .header { position: relative; width: 752px; height: 250px; margin-bottom: 20px; } #content .header .gradient { position: absolute; top: 0; left: 0; z-index: 20; } #content .header .img { position: absolute; top: 0; left: 0; z-index: 10; } #content .header h1, h1.headertext { font-size: 24px; color: #a3a3a3; font-style: italic; font-family: Arial, Tahoma; } #content .header h1 { position: absolute; top: 35px; left: 0; z-index: 30; } #content .header h2 { position: absolute; top: 65px; left: 0; z-index: 30; color: #808080; } #content .header .text { position: absolute; top: 85px; left: 0; width: 350px; color: #808080; font-size: 12px; z-index: 30; } #content .matrix { width: 760px; margin-left: -4px; } #content .matrix .element { position: relative; width: 185px; height: 280px; margin-left: 4px; float: left; } #content .matrix .last { margin-right: 0; } #content .matrix .element .matrixbg { position: absolute; top: 0; left: 0; z-index: 10; } #content .matrix .element .headline { display: block; position: absolute; top: 148px; left: 16px; z-index: 20; font-size: 12px; font-weight: bold; color: #c61122; text-decoration: none; } #content .matrix .element .text { position: absolute; top: 170px; left: 16px; width: 150px; z-index: 20; font-size: 12px; color: #000;} #content .matrix .element .icons { position: absolute; top: 219px; left: 16px; width: 150px; z-index: 20; font-size: 12px; color: #000;} #content .matrix .element .icons a { float: left; width: 25px; height: 25px; z-index: 20; } /*--*/ #content .header .product_hl { position:absolute; top:150px; left:22px; z-index:50; font-size: 20px; color:#464445; font-family: Arial, Tahoma; } #content .header .product_text { position:absolute; top:180px; left:22px; z-index:50; font-size: 12px; color:#464445; font-family: Arial, Tahoma; font-weight:bold;} #content .matrixbig { width: 750px; } #content .matrixbig .element { position: relative; width: 250px; height: 255px; float: left; } #content .matrixbig .element .matrixbg { position:absolute; top:0; left:0; z-index:10; } #content .matrixbig .element .headline { display: block; position: absolute; top: 166px; left: 22px; z-index: 20; font-size: 20px; color: #c61122; text-decoration:none;} #content .matrixbig .element .text { position: absolute; top: 190px; left: 22px; width: 222px; z-index: 20; font-size: 12px; color:#a3a3a3; } /*--*/ #content .content-box { width:50%; float:left; margin-bottom:20px; } #content .content-box h3 { display:inline; padding:2px 20px 2px 10px; width:auto; background:#F2F2F2 url(/banner/images/design/headlinecorner.png) no-repeat right top; font-weight:bold; } #content .content-box ul { list-style-type:none; background-color:#F2F2F2; padding:5px 10px; margin:0; } #content .content-box li { padding:5px; } #content .content-box li a { text-decoration:none; color:#C41222; } #content .content-box li a:hover { text-decoration:underline; } #content .content-box li img { vertical-align:middle; margin-right:5px; } #footer { } #footer_top, #footer_intro_top { width: 974px; height: 58px; padding: 3px 13px 15px 0; } #footer_intro_top { margin-top: 225px; } #footer_breadcrumb { float: left; font-size: 11px; padding-top: 49px; color: #808080; } #footer_breadcrumb a { text-decoration: none; padding: 0 3px; color: #808080; } #footer_logo { float: right; margin-right: -10px; } #footer_madeina { float: left; margin: 17px 0 0 12px; } #footer_bar { background-color: #c51221; width: 974px; height: 17px; padding: 3px 13px 0 13px; } #copyright { float:left; color:#fff; font-size:11px; } #copyright a { color:#fff; text-decoration: none; } #footerlinks { float:right; margin-top:2px; } #footerlinks a { padding:0 10px; display:block; float:left; text-decoration:none; border-right:1px solid #fff; height:10px; color:#fff; font-size:11px; line-height:10px; } #footerlinks a.last { border:0; } #footerlinks a.only { border: 0; margin-right: 45px; } #tab { } #tab .header { width:auto; height:17px; margin-bottom: 0px; } #tab .header div { float:left; font-size:1.1em; height:17px; padding:0; padding-right:12px; color:#9fa3a6; cursor:pointer; font-weight: bold; background:transparent url(/banner/images/design/tab_bg.gif) repeat; } #tab .header div.sep { padding:0; padding-right: 12px; width:17px; height:17px; background:url(/banner/images/design/tab_sep.gif) no-repeat; } #tab .header div.left-on { background:url(/banner/images/design/tab_sep_left_on.gif) no-repeat; } #tab .header div.on { color:#4e575c; background:#F2F2F2; } #tab_one { padding-left: 20px; } #tab .header div.whiteout { padding:0; height:17px; background-color: #ffffff; } #tab .data { background:#F2F2F2; clear:both; } #tab .data div.tab { display:none; padding:10px; } /* #tab { } #tab .header { width:auto; height:17px; background:transparent url(/banner/images/design/tab_bg.gif) repeat; } #tab .header div { float:left; font-size:1.1em; width:100px; height:17px; padding:0 0 0 12px; color:#9fa3a6; cursor:pointer; font-weight: bold; } #tab .header div.sep { padding:0; width:17px; height:17px; background:url(/banner/images/design/tab_sep.gif) no-repeat; } #tab .header div.left-on { background:url(/banner/images/design/tab_sep_left_on.gif) no-repeat; } #tab .header div.right-on { background:url(/banner/images/design/tab_sep_right_on.png) no-repeat; } #tab .header div.on { color:#4e575c; background:#F2F2F2; } #tab .header div.whiteout { padding:0; height:17px; background-color: #ffffff; } #tab .data { background:#F2F2F2; clear:both; } #tab .data div.tab { display:none; padding:10px; } */ #content .columns { margin-top:40px; margin-bottom:20px; } #content .columns .left { width:500px; float:left; } #content .columns .right { width:220px; float:right; } #content ul.icons { list-style-type:none; margin:10px; } #content ul.icons li { margin-bottom:10px; } #content ul.icons .icon { width:50px; height:45px; border:1px solid #BBBBBB; text-align:center; vertical-align:middle; float:left; margin-right:10px; padding-top:5px; } #content ul.icons p { margin:0; padding-top:20px; color:#6C6C6C; } .headline { color:#484848; font-size:13px; } .headline .logo { font-weight:bold; color:#c31222; } #introheader { width:1000px; } #intromain { border-top:1px solid #ffffff; width:1000px; height:592px; background:url(/banner/images/design/intro.jpg); border-bottom:1px solid #ffffff; } #intromain h1 { font-size:16px; color:#ffffff; font-weight:normal; margin-bottom:8px; } #intromain h2 { font-size:12px; color:#ffffff; } #intromain form { margin-top:200px; margin-left:650px; } #intromain form select { width:180px; font-size:12px; } #intromain form input.text { font-size:13px; } #intromain form label { font-size:12px; color:#ffffff; } #intromain form div { margin-bottom:5px; } #content h2 { font-size:12px; color:#454545; font-weight:bold; margin-top:10px; margin-bottom:10px; } #content ul { } #content table { width:100%; margin-top:10px; } #content table th, #content table td { text-align:left; padding:2px; color:#454545; } #content table th { color:#C41222; text-transform: uppercase; font-weight: normal; font-size: 1.1em; border-bottom: 1px solid #BBBBBB; } #content table td { color:#454545; } #content table tr.even { background: #FFFFFF; padding:2px; } #content table tr.odd { background: #F2F2F2; padding:2px; } #content table td a:link, #content table td a:visited { color:#C41222; text-decoration:none; } #content a:link { color: #C41222; text-decoration: none; } #content a:visited { color: #C41222; text-decoration: none; } #content a:active { color: #454545; } #content a:hover { color: #454545; } .bold { font-weight: bold; } p { margin-bottom: 1em; } .left { float: left; } .right { float: right; } #main .rightelement { margin-top: 40px;} #main .righttext { color: #999999; } #main .rightlink { color: #999999; text-decoration: none; float: right; } #main .contentgrey { background-color: #f2f2f2; padding: 0 15px 10px 15px; color: #999999; } #main .contentgrey input { background-color: #ffffff; color: #999999; } #tippbox .content { color: #999999; padding: 8px 15px; } #tippbox, #pressemeldungen { border: 1px solid #F2F2F2; } #tippbox .headline, #pressemeldungen .headline { border-bottom: 1px solid #F2F2F2; padding: 4px 15px; } #pressemeldungen .headline { color: #808080; background-color: #F2F2F2; font-weight: bold; font-size: 12px; padding: 7px 20px; } #pressemeldungen .content { padding: 7px 20px; } #pressemeldungen .content ul { padding-left: 10px; } #pressemeldungen .content ul li { padding: 5px 0px; list-style-image: url(/banner/images/design/arrow_grey.gif); } #pressemeldungen a { text-decoration: none; } #pressechooser { color: #C41222; text-align: center; } #pressechooser, h1.headertext { display: block; padding: 35px 0 20px 0; float: left; } #pressechooser img { margin: 0 5px 0 5px; } #pressechooser a { text-decoration: none; color: #C41222; } .pressetext, h1.headertext { width: 500px; } .presselead { font-weight: bold; margin-bottom: 15px; } .pressetext { margin-top: 15px; } #presseleft { float: left; width: 500px; } #presseright, #pressechooser { float: right; width: 160px; margin: 0 40px 0 35px; } .pressethumbnail { border: 1px solid #f2f2f2; margin-bottom: 25px; padding: 12px 2px 2px 2px; } .pressethumbnailimg { text-align: center; } .pressethumbnailcaption { color: #C41222; } #mediainfo a, #iconsbottom a { text-decoration: none; } #mediainfo img { margin-right: 5px; } #mediainfo .headline { font-weight: bold; margin-bottom: 10px; } #mediainfo .icon, #mediainfo .text { float: left; } .prodthumbnail { border: 1px solid #e8e8e8; margin: 10px 0 5px 0; width: 195px; float: left; } .prodthumbnailimg { text-align: center; } div.prodthumbwrapper { margin: 15px 4px 0 4px; padding: 0; } div.prodthumbwrapper .mediascopeThumbnailSlideshow { margin:auto; } .prodthumbnailcaption { color: #C41222; } .prodthumbnailzoom { float: right; width: 10px; height: 10px; background-color: #e8e8e8; height: 13px; width: 13px; } .prodthumbnailzoom img { margin: 2px; } #iconsbottom { margin-top: 20px; } #iconsbottom .icon, #iconsbottom .text, #iconsbottom .spacer { float: left; } #iconsbottom .spacer { width: 30px; } #iconsbottom .text { height: 20px; margin: 0 0 0 0; } #iconsbottom .icon { margin-right: 5px; } #iconsbottom a { color: #C41222; } #teaserwith, #teasernews, #teaserpress { float: left; } #teaserwith .teaser, #teaserwith .teaserlast { float: left; width: 195px; } #teaserwith .teaser { margin-right: 60px; } #teaserwith .teaserlast { margin-right: 0px; } #teaserwith .teaserheader { font-size: 120%; font-weight: bold; margin: 5px 0; } #teaserwith .teaserheader a { color: #999999; text-decoration: none; } #teaserwith .teasercontent { line-height: 140%; } #teasernews, #teaserpress { padding-top: 45px; width: 330px; } #teasernews { margin-right: 50px; } #teasernews .teaserheader, #teaserpress .teaserheader { font-size: 140%; color: #999999; font-weight: bold; margin-bottom: 10px; } #teasernews .teaser, #teaserpress .teaser { } #teasernews .teaserdate, #teaserpress .teaserdate { float: left; width: 40px; } #teasernews .teasercontent, #teaserpress .teasercontent { float: left; width: 290px; margin-bottom: 7px;} #teasernews .teaserarchive, #teaserpress .teaserarchive { margin-top: 10px; } #teasernews .teaserarchive a, #teaserpress .teaserarchive a { margin-left: 40px; text-decoration: none; color: #999999; } .teaserarchive img { margin: 0 0 2px 5px; } #teaserlist .teaser .teaserdate, #teaserlist .teaser .teasercontent { float: left; } #teaserlist .teaser .teaserimage { float: right; } #teaserlist .teaser .teaserdate { width: 60px; } #teaserlist .teaser .teasercontent { width: 500px; } #teaserlist .teaser { height: 70px; } #prodnavilinks { margin: 20px 0 20px 0; } #prodnavilinks ul { margin: 3px 0 0 10px; } #prodnavilinks ul li { background: url(/banner/images/design/bullet.jpg) no-repeat center left; padding-left: 8px; } .chronicle { margin-top: 15px; } .chronicledate { padding-top: 5px; font-weight: bold; } .chroniclecontent { padding: 5px 10px 0 25px; } .article_link { color: #C41222; padding-left: 5px; cursor: pointer; } .nodeco, .teasercontentlink { text-decoration: none; color: #000000; } #locations { width: 175px; margin-left: 17px; } .rightelement { font-size: 11px; } #tab-2 .downloadicon, #tab-2 .text { float: left; } #tab-2 .text { padding-left: 10px; } ul.defaultbullets li { background: url(/banner/images/design/bullet.jpg) no-repeat center left; padding-left: 8px; } ol.listol {padding-left:25px;} ol.listol li {list-style-type:decimal;} div.headerspacer { clear: both; margin-bottom: 15px; } img { behavior: url(/banner/externals/png.htc); border: 0; } td.facts_label, td.facts_info { text-align: left; vertical-align: top; padding: 10px !important; } td.facts_label { font-weight: bold; } .menu { position:relative; z-index:100;} .menu ul { padding:0; margin:0; list-style-type:none; } .menu ul ul { width:149px; } .menu li {float:left; width:inherit; position:relative; } .menu a, .menu a:visited { display:block; } .menu ul ul { visibility:hidden; position:absolute; height:0; top:25px; left:0; width:inherit; border: transparent 0px solid; } .menu table { position:absolute; top:0; left:0; border-collapse:collapse; } .menu ul ul a, .menu ul ul a:visited { height:auto; line-height:1em; padding:5px 10px; width: 130px; border-width:0 1px 1px 1px; font-size: 11px; } #mainnavigation .menu ul li ul li a { color: #636363; border: none; margin-top: -1px; background: #f2f2f2 url(/banner/images/design/harrow.gif) no-repeat 10px center; } .menu ul ul a:hover { color: #C41222; } #mainnavigation .menu ul li ul li a:hover, #mainnavigation .menu ul li ul li a.active { background-color: #eeeeee; color: #C41222; } .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; } .menu ul li ul li a { text-transform: none !important; } #contactform .hide { display:none; position:absolute; } #contactform .item { display: block; clear: both; } #contactform .item span { float: left; width: 130px; padding: 5px 20px 0 0; font-size: 1.1em; } #contactform .item span em { color: #999; font-style: normal; padding: 0 0 0 4px; } #contactform .item .text, span.group, span.single { float: left; width: 250px !important; } #contactform .item .text, .item textarea { border: 1px solid #cbcbcb; } #contactform .item select { float: left; border: 1px solid #cbcbcb; } #contactform .item textarea { width: 260px; } #contactform .subitem { float: left; width: 125px; } #contactform { margin-top:0; } #contactform div.c { height:10px; } #contactform .actions { text-align:center; } #contactform .button { width:150px; padding:2px 5px; text-align:center; border:1px outset #dadada; background:#dadada; color:#0b333c; margin: 0 17px 25px 0; font-size:12px; } #contactform .reset { } #map { border: 1px solid #666666; height: 500px; margin-top: 20px; } #map img { /*border: 1px solid #666666;*/ padding: 10px; } /*#map24 { float: left; }*/ #map24mod { float: right; width: 220px; } #map24 input { border: 1px solid #666666; background-color: #dddddd; margin: 0; padding: 3px; width: 180px; } #map24 input.submit { border: none; background-color: #ffffff; color: #666666; margin: 0; padding: 3px; font-weight: bold; width: 20px; } #map24 .poweredbymap24 { font-size: 0.8em; float: right; margin-right: 30px;} #produktbild { width: 200px; height: 160px; overflow: hidden; margin-top: -20px; } .overview_textonly { margin: 0 0 20px 5px; } #london { margin-left: 50px; width: 450px; } #london .cell01, #london .cell02, #london .cell03 { float: left; padding: 3px; } #london_header .cell02, #london_header .cell03 { font-weight: bold; margin: 0; } #london_header { border-bottom: 1px solid #cccccc; } #london .cell01 { font-weight: bold; width: 130px;} #london .cell02 { width: 140px;} #london .cell03 { width: 160px;} #london .cell01 { float: left; } #weather_pockined { margin-top: -15px; float: left; } #weatherByDay { margin-top: 25px; } #weatherByDay .weatherDayDate { } #weatherByDay .weatherDay { float: left; width: 60px; margin-right: 13px; } #weatherByDay .weatherDayData { background: url(/banner/images/aktuelles/weather/bg_wetter.png) repeat-x; border: 1px solid #F2F2F2; text-align: center; margin-top: 5px; } #weatherByDay .weatherDateDay { float: left; font-style: italic; } #weatherByDay .weatherDateDate { float: right; } #weatherByDay .weatherIcon { margin: -7px; } #weatherByDay .weatherDataTmp { color: #7F7F7F; font-weight: bold; padding-bottom: 6px; } #weatherByDay .weatherDataWind { color: #7F7F7F; border-top: 1px solid #F2F2F2; padding: 6px 0; } #weather_today .weatherDateDay, #weather_today .weatherDateDate, #weather_today .weatherDataTmp, #weather_today .weatherDataWind { color: #C71120; } #weatherByDay .weatherLabelTmp, #weatherByDay .weatherLabelWind { color: #444444; } #weatherByDay .weatherLabelTmp { padding: 80px 0 6px 0; } #weatherByDay .weatherLabelWind { padding: 6px 0; } #weatherByLocation { } #weatherByLocation .weatherByLocationHalf { float: left; width: 210px; margin-right: 60px; background: url(/banner/images/aktuelles/weather/bg_wetter_list.png) no-repeat 125px 0; } #weatherByLocation .weatherLocation { height: 31px; border-bottom: 1px solid #F2F2F2; } #weatherByLocation .weatherLocationLocation, #weatherByLocation .weatherLocationIcon { float: left; } #weatherByLocation .weatherLocationLocation { padding: 8px 0 0 10px; width: 115px; background: url(/banner/images/design/harrow.gif) no-repeat 0 13px; } #weatherByLocation .weatherLocationLocation a { color: #000000; } #weatherByLocation .weatherLocationIcon { height: 31px; width: 45px; overflow: visible; margin: -18px -7px -7px -10px; } #weatherByLocation .weatherLocationTmp { float: right; margin-top: 8px; } .pictolist { float: left; width: 235px; height: 60px; } .pictolist div.icon { width: 40px; float: left; } .pictolist p { width: 160px; padding: 12px 0 0 10px; float: left; } .job { margin: 10px 0 0 0; } .jobdate { float: left; width: 80px; } .jobcontent { float: left; width: 450px; } .jobcontent p { color: #454545; } .jobimage { float: right; } .country { position: absolute; right: 22px; top: 0; z-index:1000; padding-right: 10px } .country ul { width: 140px; padding:0; margin:0; list-style-type:none; } .country ul ul { width:140px; } .country li {float:left; width:inherit; position:relative; } .country a, .country a:visited { display:block; color: #fff; text-decoration: none; text-align: right} .country ul ul { visibility:hidden; position:absolute; height:0; top:15px; width:inherit; border: transparent 0px solid; } .country table { position:absolute; top:0; left:0; border-collapse:collapse; } .country ul ul a, .country ul ul a:visited { height:auto; line-height:1em; padding:5px 10px; width: 130px; border-width:0 1px 1px 1px; font-size: 11px; } #line .country ul li ul li a { color: #636363; border: none; margin-top: -1px; background: #f2f2f2 url(/banner/images/design/harrow.gif) no-repeat 10px center; } #line2 .country ul li ul li a { color: #636363; border: none; margin-top: -1px; background: #f2f2f2 url(/banner/images/design/harrow.gif) no-repeat 10px center; } .country ul ul a:hover { color: #C41222; } #line .country ul li ul li a, #line .country ul li ul li a:hover, #line .country ul li ul li a.active { background-color: #C41222; color: #ffffff; } #line2 .country ul li ul li a, #line2 .country ul li ul li a:hover, #line2 .country ul li ul li a.active { background-color: #C41222; color: #ffffff; } .country ul li:hover ul, .country ul a:hover ul { visibility:visible; } .country ul li ul li a { text-transform: none !important; } .l { float: left; } .c { clear: both; } .l { float: left; } .c { clear: both; } #k-calc { width: 751px; position: relative; margin: 120px 0 30px 0; } #k-calc div { color: #999; } #k-calc .cols div { height: 15px; overflow: hidden; } #k-calc .cols div.c { height: auto !important; } #k-calc input { background: #eee; border: 0; color: #000; padding: 3px; height: 13px; color: #666; } #k-calc .col-1 { width: 140px; height: 22px; } #k-calc .col-1 input { width: 130px; } #k-calc .col-2 { width: 90px; height: 22px; } #k-calc .col-2 input { width: 80px; } #k-calc .col-3 { width: 12px; padding: 3px 0 0 5px; } #k-calc .col-4 { width: 90px; height: 22px; } #k-calc .col-4 select { width: 80px; } #k-calc .col-5 { width: 10px; padding: 3px 6px 0 0; } #k-calc .col-6 { width: 90px; height: 22px; } #k-calc .col-6 input{ width: 80px; } #k-calc #k-add { float: left; } #k-calc #k-factor { color: #ccc; font-size: 0.9em; } #k-calc #k-postit { position: absolute; left: 480px; top: -100px; } #k-calc #form-result { float: left; width: 700px; } #k-calc #form-result div { float: left; font-weight: bold; } #k-calc #form-result div.x, #form-result div.xe { float: left; padding: 2px 5px 0 5px; } #k-calc #form-result div.l-h { float: left; padding: 0 5px 0 446px; margin: -5px 0 0 0; } #k-calc #form-result div.l-g { float: right; padding: 0 29px 0 0; margin: -5px 0 0 0; } #k-calc #form-result input { width: 80px; height: 13px; padding: 3px; border: 0; color: #666; } #k-calc #form-result p { display: block; float: left; font-weight: bold; width: 335px; padding: 2px 5px 0 0; text-align: right; } #k-calc #result-B { margin: 0 0 10px 0; } #k-calc #result-B div { padding: 0 0 0 10px; font-weight: bold; color: #000; } #k-calc #result-G { text-align: right; font-weight: bold; } #k-calc #result-2bat, #k-calc #result-24v { margin: 10px 0; border: 1px solid #eee; padding: 5px 10px; } #k-calc #result-info { display: none; } #k-calc .k-battery { display: none; background: #eee; padding: 10px 30px 10px 10px; margin: 0 0 15px 0; } #k-calc .k-battery img { float: left; margin: 0 10px 10px 0; } #k-calc .k-battery .co-r { float: right; width: 580px; }