.ipt { width:310px; height:28px; line-height:28px; border:#ddd 1px solid;} .myButton { -moz-box-shadow: 0px 1px 0px 0px #f0f7fa; -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa; box-shadow: 0px 1px 0px 0px #f0f7fa; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2)); background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0); background-color:#33bdef; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #057fd0; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px -1px 0px #5b6178; height:30px; width:290px; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef)); background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0); background-color:#019ad2; } .myButton:active { position:relative; top:1px; } *{font-family: "Microsoft Yahei",Heiti, arial,helvetica,sans-serif !important;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Nur Firefox */ @-moz-document url-prefix() { #bottom { margin-top: -441px; } } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* temp helper SHU */ #menu_header ul.dropdown ul.vv { visibility: visible; } .csc-textpic-text p img, .csc-textpic-text .rte_image { margin: 10px; } body img { /* SHU 28-01-2013 cursor:auto !important; */ } /* ==== CUTSOM STYLES ==== */ .contenttable td { vertical-align: top } /* ==== GENERAL STYLES ==== */ a, a:visited, a:hover, a:active { text-decoration: none; color: #333; } #content p a, #content ul li a { text-decoration: underline; } body { font-size: 12px; /*color:#202020;*/ color: #535353; } #content { min-height: 150px; } .csc-header, h1 { color: #333; font-size: 16px; padding-top: 0; } .csc-default .csc-sitemap ul { list-style: none outside none; padding-left: 0; } .csc-default .csc-sitemap ul li a { background: url(../images/sprite_ico_h.png) repeat-x scroll 0 -147px transparent; color: #fff; display: block; padding: 2px 0 3px 10px; } .csc-default .csc-sitemap ul ul { margin-bottom: 10px; } .csc-default .csc-sitemap ul li ul li a { background: url("../images/sprite_ico_h.png") repeat-x scroll 0 -207px transparent; color: inherit; padding: 2px 0 3px 10px; margin-bottom: 3px; } .csc-default .csc-sitemap ul ul ul { list-style: disc outside none; padding-left: 20px; margin-bottom: 10px; } .csc-default .csc-sitemap ul li ul li ul li a { background: #fff; } h1 { padding: 0 0 10px 0; } .csc-default h1 { clear: both; } h2 { padding: 10px 0 0 0; line-height: 22px; font-size: 16px; margin-bottom: 15px; } .csc-default h2 a:hover { text-decoration: none; } .popover h3 { font-size: 12px; font-weight: bold; } p, .csc-default ul, .csc-default ol { margin: 10px 0 0 0; line-height: 19px; } .csc-default ul, .csc-default ol { padding-left: 20px; } .csc-default ul { list-style-type: disc; } .csc-default ol { list-style-type: decimal; } strong, b { font-weight: bold; } .csc-default a:hover { text-decoration: underline; } i { font-style: italic; } sup { font-size: 0.8em; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin-right: 10px !important; } .csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } .csc-textpic-imagewrap img, .left .csc-textpic-imagewrap img { width: auto; height: auto; } .csc-textpic-clear { clear: both; } .csc-textpic-imagewrap ul { padding: 0; list-style-type: none; } .csc-textpic-imagewrap li, .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn { float: left; } #predocument, #container, #postdocument, #footer { width: 1012px; overflow: hidden; margin: 0 auto; } .bg_shadow_top { margin-top: 30px; padding-top: 16px; background: url('../images/predocument.png') no-repeat 0 0 transparent; } .bg_shadow_y { background: url('../images/content.png') repeat-y scroll 0 0 transparent; } .img_full_width .csc-textpic-imagewrap img { width: 940px; height: auto; } .contact h2 { font-size: 13px; line-height: 15px; padding: 0; } /* *** FORMULARE *** */ input { border: solid 1px #dcdcdc; line-height: 14px; font-size: 12px; height: 14px; padding: 1px; margin: 0; } .btn_search { background: url('../images/btn_search.png') no-repeat 0 0 transparent scroll; text-indent: -9999px; border: 0 none; display: block; height: 18px; width: 18px; padding: 0; } .arrow_right { padding-left: 20px; background: url('../images/icon_arrow_right.png') no-repeat 0 center transparent scroll; } /* *** Header *********************************************************************************** */ #header { height: 81px; position: relative; /*background:url('../images/content.png') repeat-y 0 0 transparent;*/ } #header .logo { float: left; width: 339px; height: 63px; margin: 28px 0 0 34px; background: url(../images/logo.png) no-repeat; } .en #header .logo, .cn #header .logo { background-position: -138px -77px; } #header #menu_lang { float: right; margin: 0 10px 0 0; font-size: 12px; color: #6b6b6b; line-height: 13px; } #menu_lang a { font-style: italic; display: block; float: left; color: #6b6b6b; padding: 0 0 0 25px; background: url('../images/bg_flags.png') transparent 0 0 scroll no-repeat; } #menu_lang a.en { background-position: 0 -13px; } #menu_lang a:hover { text-decoration: underline; } /* *** Container ******************************************************************************** */ #container { background: url('../images/content.png') repeat-y 0 0 transparent; } #container #content { position: relative; } #content>div>.left { padding: 0 26px 0 26px; } /* DROP DOWN MENU OBEN Start*/ #menu_main { width: 1000px; margin: 0 auto; position: relative; } #menu_main a { color: #535353; text-decoration: none; } /*DROP DOWN MENU*/ /* LEVEL ONE */ #menu_header { margin: 0 auto 17px; display: block; height: 40px; overflow: inherit; z-index: 998; } #menu_header .visiual-padding-wrap { padding: 0 6px 0 5px; } #menu_header a { color: #535353; text-decoration: none; } #menu_header ul.dropdown { position: relative; z-index: 998; margin-left: 0; height: 40px; /*background: url('../images/sprite_ico_h.png') repeat-x 0 -207px transparent;*/ font-size: 100%; border-top: 1px solid #e8e8e8; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ } #menu_header ul.dropdown li { font-weight: normal; float: left; zoom: 1; border-right: 1px solid #DBD7D7; } #menu_header ul.dropdown a:hover { color: #00408f; } #menu_header ul.dropdown a:active { color: #00408f; } #menu_header ul.dropdown li a { display: block; padding: 14px 35px 14px 35px; color: #535353; text-decoration: none; /*border-right: 1px solid #333; color: #222; */ } #menu_header ul.dropdown li.first a { padding: 14px 35px 14px 35px; } #menu_header ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ #menu_header ul.dropdown li.hover { position: relative; } #menu_header ul.dropdown li.hover a { color: #00408f; } #menu_header ul.dropdown>li.current>a, #menu_header ul.dropdown li a:hover, #menu_header ul.dropdown .active { /* background: url('../images/menu_hover.png') repeat-x 0 1px transparent; */ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ } #menu_header ul.dropdown>li.current>a { color: #00408f; } /* LEVEL TWO */ #menu_header ul.dropdown ul { /* width: 250px; */ visibility: hidden; position: absolute; /* background: url('../images/sprite_ico_h.png') repeat-x 0 -265px #f5f5f5; */ background-color: #f5f5f5; } #menu_header ul.dropdown ul li { font-weight: normal; background: transparent; border-bottom: 1px solid #929292; float: none; } /* IE 6 & 7 Needs Inline Block */ #menu_header ul.dropdown ul li a { border-right: none; min-width: 200px; display: block; font-size: 85%; color: #505050; } #menu_header ul.dropdown ul li a:hover, #menu_header ul.dropdown ul li.act a { color: #00408f; background: #fff; } #menu_header ul.dropdown li.hover ul li a { border-right: none; width: 100%; display: inline-block; font-size: 85%; color: #505050; } #menu_header ul.dropdown li.hover ul li a:hover { color: #00408f; } /* LEVEL THREE */ #menu_header ul.dropdown ul ul { left: 100%; margin-top: -39px; /*background: url('../images/menu.png') repeat-x 0 0 transparent; */ background-color: #f5f5f5;} #menu_header ul.dropdown li:hover>ul { visibility: visible; } #menu_header ul.dropdown ul li.act ul li a { background: inherit; } #menu_header ul.dropdown ul li ul li a:hover, #menu_header ul.dropdown ul li ul li.act a { color: #00408f; background: #fff; } /* DROP DOWN MENU OBEN End*/ /* *** Menu ************************************************************************************* */ #menu_main { display: none; width: 1000px; margin: 0 auto; position: relative; } #menu_main a { color: #535353; text-decoration: none; } /* Erste Ebene */ #menu_main>ul { display: block; width: 100%; clear: both; background: url('../images/menu.png') repeat-x 0 0 transparent; } #menu_main>ul>li { display: block; float: left; height: 40px; } #menu_main>ul>li>a { height: 40px; display: block; float: left; line-height: 40px; padding: 0 15px; font-size: 10pt; text-transform: uppercase; color: #505050; } #menu_main>ul>li.current>a { background: url('../images/menu_hover.png') repeat-x 0 1px transparent; } /*#menu_main > ul > li > a:first-child { padding-left: 30px; }*/ #menu_main .current { color: #00408f; } /* Zweite Ebene */ #menu_main>ul>li>ul { margin-top: 40px; display: none; width: 990px; clear: both; background: url('../images/submenu.png') repeat-x 0 0 #f5f5f5; position: absolute; left: 0; } #menu_main>ul>li:hover>ul { display: block; padding-left: 10px; } .spacer { width: 100%; height: 25px; background: transparent; position: absolute; bottom: -25px; } #menu_main>ul>li:hover>ul { z-index: 8; } #menu_main>ul>li.current>ul { z-index: 7; } #menu_main>ul>li>ul>li { display: block; float: left; padding: 0 3px 0 3px; /*height: 22px;*/ } #menu_main>ul>li>ul>li>a { /*height: 40px; line-height: 40px;*/ height: 30px; line-height: 30px; padding: 0; font-size: 11px; text-transform: uppercase; color: #505050; display: block; } #menu_main>ul>li>ul>li>a:first-child { padding-left: 7px; padding-right: 7px; } #menu_main li.current>a, #menu_main li>a:hover { color: #00408f; } /* Dritte Ebene | Tab menu */ .menu_tab { display: block; /* width: 950px; margin-left:26px;*/ margin-left: 0; height: 49px; clear: both; background: url('../images/products_menubg.png') repeat-x 0 0 transparent; } .menu_tab li { display: block; float: left; } .menu_tab li a { display: block; float: left; border-left: 1px solid #d2d2d2; padding: 0 4px 0 5px; height: 49px; font-size: 12px; text-transform: uppercase; color: #505050; line-height: 45px; text-decoration: none; } .menu_tab li.last a { padding:0px 5px 0px 5px; } .menu_tab li.current a, .menu_tab li a:hover { color: #00408f; } .menu_tab li.current { background: url('../images/products_menubg_active.png') repeat-x 0 0 transparent; } .menu_tab li:last-child { border-right: 1px solid #d2d2d2; } /* *** Quickstart ******************************************************************************* */ #menu_quickstart { width: 200px; position: absolute; right: 25px; top: 0; z-index: 15; } #menu_quickstart #quickstart_handle { text-align: right; cursor: pointer; background: url('../images/quickstart_arrow.png') no-repeat right 16px transparent; font-size: 10pt; text-transform: uppercase; padding-right: 20px; color: #535353; margin-right: 25px; height: 40px; line-height: 40px; } #menu_quickstart #quickstart_content { display: none; font-size: 12px; text-transform: uppercase; margin-left: -2px; width: 220px; } #menu_quickstart:hover #quickstart_content { display: block; } #menu_quickstart:hover #quickstart_content .top { height: 27px; width: 100%; background: url('../images/quickstart_bg_top.png') no-repeat 0 0 transparent; } #menu_quickstart:hover #quickstart_content .middle { width: 100%; background: url('../images/quickstart_bg_middle.png') repeat-y 1px 0 transparent; } #menu_quickstart:hover #quickstart_content .bottom { height: 19px; width: 100%; background: url('../images/quickstart_bg_bottom.png') no-repeat 0 0 transparent; } #menu_quickstart:hover #quickstart_content li { text-align: center; padding: 8px 0; cursor: default; } #menu_quickstart li a { color: #00408f; cursor: pointer; } #menu_quickstart li a:hover { text-decoration: underline; } #menu_quickstart .quickstart_second { left: -200px; position: absolute; width: 220px; display: none; margin-top: -30px; } #menu_quickstart .quickstart_second .top { height: 12px !important; } #menu_quickstart li.menuparent:hover .quickstart_second { display: block; } #content>.col_wrapper { margin: 0 5px 0 5px; line-height: 1.2; } /* *** News ***************************************************************************** */ .news-single-item h1 { font-size: 26px; padding-bottom: 5px; color: #00408f; } .news-single-backlink { padding-left: 0 !important; margin-left: 0 !important; } /* *** Suchformular ***************************************************************************** */ #search { /* position:absolute; right:25px; top:12px; */ } #search input { float: left; } #search input.input_field { width: 130px; } /* *** Breadcrumb ******************************************************************************* */ #menu_breadcrump { margin: 10px 0 40px 33px; } #menu_breadcrump a { font-size: 9pt; text-decoration: none; color: #929292; } #menu_breadcrump a:hover { text-decoration: underline; } #menu_breadcrump .pipe { font-size: 8pt; text-decoration: none; color: gray; } #menu_breadcrump .current a { font-style: italic; } /* *** Accordion ******************************************************************************** */ .accordion { background-color: #fafafa; } div .accordion:first-child { margin-top: 10px; } .accordion .csc-header { font-size: 13px; cursor: pointer; line-height: 26px; background: url('../images/bg_accordion_headline.png') repeat-x 0 0 transparent; border: 1px solid #eeeeee; padding: 0; } .accordion .csc-header.active h1 { font-weight: bold; color: #00408f; font-style: italic; background: url("../images/icon_arrow_right.png") no-repeat scroll 13px center transparent; font-size: 13px; } .accordion .csc-header h1 { font-weight: normal; color: #2a2a2a; padding: 0 33px; background: url("../images/icon_arrow_down_black.png") no-repeat scroll 13px center transparent; font-size: 13px; } .accordion .accordion_content { padding: 10px 33px; border: 1px solid #eeeeee; border-top: 0 none; overflow: hidden; } .accordion .accordion_content p:first-child { margin-top: 0; } /* *** Productselection ******************************************************************************* */ .tx-dwproductsviews-pi1 { /*width: 950px;*/ } .product_navi { display: block; width: 100%; height: 49px; clear: both; background: url('../images/products_menubg.png') repeat-x 0 0 transparent; } .product_navi ul { display: block; } .product_navi ul li { display: block; float: left; border-left: 1px solid #d2d2d2; padding: 0 10px; height: 49px; } .product_navi ul li.active { background: url('../images/products_menubg_active.png') repeat-x 0 0 transparent; } .product_navi ul li a img { margin-top: 7px; } .product_navi ul li.active a img.gray { display: none; } .product_navi ul li.active a img.colored { display: inline; } .product_navi ul li a img.gray { display: inline; } .product_navi ul li a img.colored { display: none; } .product_navi ul li a:hover img.gray { display: none; } .product_navi ul li a:hover img.colored { display: inline; } .product_navi ul li:first-child { border-left: none; } .product_navi ul li:first-child { border-left: none; } /* *** Product Details Tabs ******************************************************************************* */ .product_detail .tabs>.content { display: none; clear: both; padding: 25px; background: url('../images/tab_content_middle.png') repeat-y 0 0 transparent; } .product_detail .tabs>.content.active { display: block; } .product_detail .tabs>.header { width: 100%; height: 44px; clear: both; background-color: transparent; } .product_detail .tabs>.header .handle { float: left; padding: 0; color: #6d6d6d; cursor: pointer; height: 44px; font-size: 13px; text-transform: uppercase; } .product_detail .tabs>.header .handle>div { height: 44px; background: url('../images/tab_handle_middle.png') repeat-x 0 5px transparent; float: left; } .product_detail .tabs>.header .handle .left { width: 13px; height: 44px; } .product_detail .tabs>.header .handle.first .left { background: url('../images/tab_handle_left.png') no-repeat 1px 5px transparent; } .product_detail .tabs>.header .handle .middle { text-align: center; line-height: 44px; } .product_detail .tabs>.header .handle .right { width: 13px; height: 44px; } .product_detail .tabs>.header .handle.last .right { background: url('../images/tab_handle_right.png') no-repeat -1px 5px transparent; } .product_detail .tabs>.header .handle.active { color: black; border-bottom: none; } .product_detail .tabs>.header .handle.active.first .left { background: url('../images/tab_handle_active_left_first.png') no-repeat 1px 0 transparent; } .product_detail .tabs>.header .handle.active .left { background: url('../images/tab_handle_active_left.png') no-repeat 0 0 transparent; } .product_detail .tabs>.header .handle.active .middle { background: url('../images/tab_handle_active_middle.png') repeat-x 0 0 transparent; color: #00408f; } .product_detail .tabs>.header .handle.active.last .right { background: url('../images/tab_handle_active_right_last.png') no-repeat -1px 0 transparent; } .product_detail .tabs>.header .handle.active .right { background: url('../images/tab_handle_active_right.png') no-repeat 0 0 transparent; } .bottom_shadow { height: 15px; left: 0; position: absolute; bottom: -15px; width: 475px; background: url('../images/tab_bottom_shadow.png') no-repeat 0 0 transparent; } /* *** Product Details ******************************************************************************* */ .product_detail { position: relative; /* SHU Test */ overflow: hidden; } .product_detail>img { width: 100%; height: 578px; } .product_detail .product_info { position: absolute; left: 458px; top: 30px; width: 474px; max-height: 530px; font-size: 10pt; } .product_detail .product_info .content a { color: #00408f; } .product_detail .tabs>.content * { color: #202020; font-size: 12px } .product_detail .tabs>.content h1 { font-size: 18px; color: #3C4E7B; padding: 0 0 10px 0; } .product_detail .tabs>.content table { margin-top: 10px; } .product_detail .tabs>.content table th { } .product_detail .tabs>.content table th { width: 130px; text-align: left; font-weight: bold; padding-bottom: 3px; } .product_detail .tabs>.content table td { padding-bottom: 3px; } .product_detail_box_static .contenttable th { font-weight: bold; font-size: 14px; } /* spezification buttons */ .product_specifications { padding: 20px 0 30px 0; } .product_specifications>div { height: 31px; float: left; margin-right: 20px; margin-left: -1px; cursor: pointer; } .button { display: inline-block; } a.button:hover { text-decoration: none !important; } .product_specifications>div>div, .button span { display: block; float: left; } .product_specifications>div .left, .button .left { height: 31px; width: 11px; background: url('../images/button_blue_left.png') no-repeat 0 0 transparent; } .product_specifications>div .middle, .button .middle { height: 31px; line-height: 21px; color: #fff; font-size: 12px; padding: 0 5px 0 5px; background: url('../images/button_blue_middle.png') repeat-x 0 0 transparent; } .product_specifications>div .right, .button .right { height: 31px; width: 31px; background: url('../images/button_blue_right.png') no-repeat 0 0 transparent; } .button:hover .right { background: url('../images/button_blue_right_hover.png') no-repeat 0 0 transparent; } .button:hover .middle { background: url('../images/button_blue_middle_hover.png') repeat-x 0 0 transparent; } .button:hover .left { background: url('../images/button_blue_left_hover.png') no-repeat 0 0 transparent; } .teaser_container { margin: 20px 0; } .teaser { padding: 0 20px; } .teaser.image { /*width: 570px;*/ width: 560px; min-height: 200px; overflow: hidden; float: left; } .teaser.image img { height: auto; width: 254px; display: block; float: left; margin-top: -40px; margin-right: 20px; } .teaser.image .csc-header { margin-left: 273px; } .teaser.no-image { width: 300px; min-height: 200px; overflow: hidden; float: left; } .teaser>div>.csc-textpic-text { padding-right: 20px; } .teaser h1 { font-size: 18px; } .logo_tab { position: absolute; top: 53px; right: 18px; } .popover_spezification_wrapper { position: fixed; width: 100%; height: 100%; background: url('../images/pixel_semi_transparent.png') repeat 0 0 transparent; top: 0; left: 0; z-index: 99999; display: none; } .popover_spezification_wrapper .popover { position: absolute; width: 900px; margin: 50px auto; min-height: 400px; overflow-x: hidden; overflow-y: auto; height: 90%; background-color: #fff; border: 1px solid #ccc; position: absolute; top: 10px; left: 50%; margin-left: -450px; margin-top: 0; } .popover_spezification_wrapper .popover .close { width: 14px; height: 16px; background: url('../images/close.png') no-repeat 0 0 transparent; position: fixed; top: 20px; left: 50%; margin-left: 424px; cursor: pointer; z-index: 999999; } .popover_spezification_wrapper .popover .content { padding: 20px; } /* *** Contact Pages ******************************************************************************* */ .left>div>div>div>img { /*width: 950px;*/ width: 950px; height: 470px; } .left .contacts_bg { width: 100%; height: 95px; background: url('../images/contacts_bgline_laenger.png') no-repeat center center transparent; position: absolute; top: 430px; left: 0; } .left .tx-wtdirectory-pi1 { position: relative; left: 0; float: left; padding: 40px 40px 40px 0; z-index: 90; } .left .tx-wtdirectory-pi1 .piclistwrapper { top: -90px; margin-left: 40px; position: relative; } .left .tx-wtdirectory-pi1 .contact { height: 23px; float: left; margin: 0 20px 0 0; position: relative; padding: 0 16px 0 0; background: url('../images/contact_button_arrows.png') no-repeat right 5px transparent; } .left .tx-wtdirectory-pi1 .contact>.name { color: #505050; text-align: right; font-size: 15px; cursor: pointer; } .left .tx-wtdirectory-pi1 .contact .title { position: absolute; top: -36px; width: 300px; display: none; color: #00408f; font-size: 18px; } .left .tx-wtdirectory-pi1 .contact:first-child .title { display: block; } .left .tx-wtdirectory-pi1 .contact .popup { display: none; width: 281px; position: absolute; top: -20px; left: -56px; z-index: 99; } .left .tx-wtdirectory-pi1 .contact .popup .close { width: 14px; height: 16px; background: url('../images/close.png') no-repeat 0 0 transparent; position: absolute; top: 30px; right: 30px; cursor: pointer; } .left .tx-wtdirectory-pi1 .contact .popup .top { width: 100%; height: 21px; background: url('../images/contact_popup_top.png') no-repeat 0 0 transparent; } .left .tx-wtdirectory-pi1 .contact .popup .middle { width: 199px; background: url('../images/contact_popup_middle.png') repeat-y 0 0 transparent; font-size: 12px; padding: 25px 43px; } .left .tx-wtdirectory-pi1 .contact .popup .bottom { width: 100%; height: 18px; background: url('../images/contact_popup_bottom.png') no-repeat 0 0 transparent; } .left .tx-wtdirectory-pi1 .contact .popup h2 { color: #00408f; font-size: 12px; padding-bottom: 13px; font-weight: bold; } .left .tx-wtdirectory-pi1 .contact .popup .wt_directory_icon_fax { display: none; } .left .tx-wtdirectory-pi1 .contact .popup a { color: #00408f; text-decoration: none; } /* *** Sitemap ********************************************************************************** */ #premenu_sitemap { margin: 20px 0 0 5px; height: 14px; background: url('../images/premenu_sitemap.png') no-repeat 0 0 transparent; } #menu_sitemap { height: 336px; /* width: 1001px; padding: 0; margin: 0 0 0 5px; */ } .ru #menu_sitemap, .cn #menu_sitemap, .en #menu_sitemap { height: 142px;} #menu_sitemap .sitemap { display: block; padding: 20px 0 0 26px; background: url("../images/premenu_sitemap.png") no-repeat scroll center top #f8f8f8; } #menu_sitemap .sitemap>li { display: block; width: 215px; padding: 12px; float: left; } #menu_sitemap .sitemap>li>a { color: #3c4e7b; font-size: 12px; text-decoration: none; line-height: 125%; } #menu_sitemap .sitemap>li>ul { display: block; padding: 5px 0 0 0; } #menu_sitemap .sitemap>li>ul>li { line-height: 16px; height: auto; margin-bottom: 2px; } #menu_sitemap .sitemap>li>ul>li.menuparent { height: auto !important; } #menu_sitemap .sitemap>li>ul a { color: #333; font-size: 10px; text-decoration: none; } #menu_sitemap .sitemap>li>ul a:hover { color: #929292; } #menu_sitemap .sitemap .bullets li { padding-left: 0; } #menu_sitemap .sitemap .menuparent { /*padding-top: 4px;*/ } #menu_sitemap .sitemap>li { padding-top: 4px; } #menu_sitemap .sitemap>li ul.bullets { margin-left: 15px; list-style: outside disc none; } #postdocument { height: 16px; background: url('../images/postdocument.png') no-repeat 0 0 transparent; margin: 0 auto 30px auto; } .bg_shadow_bottom { background: url('../images/postdocument.png') no-repeat bottom center transparent; margin: 0 auto 30px auto; padding-bottom: 9px; } .bg_shadow_left { background: url('../images/postdocument.png') no-repeat bottom center transparent; margin: 0 auto 30px auto; padding-bottom: 9px; } /* *** Footer *********************************************************************************** */ #footer { background: url("../images/postdocument.png") no-repeat scroll center top transparent; padding: 45px 0 20px 0; margin-left:-1px; } #footer ul { display: inline-block; height: 25px; padding-top: 5px; } #footer ul li { display: inline-block; color: #333; font-size: 12px; } #footer ul li a { color: #333; text-decoration: none; padding: 6px; } #footer ul li a:hover { color: #929292; } #menu_footer { display: block; width: 100%; text-align: center; } #menu_footer .zoom { } #menu_footer .zoom span { cursor: pointer; } #menu_footer .zoom .smaller { font-size: 10px; } #menu_footer .zoom .normal { font-size: 14px; } #menu_footer .zoom .bigger { font-size: 20px; } /* ============================================================================================== */ /* ==== TEMPLATE 3 COL ========================================================================== */ /* ============================================================================================== */ .col { float: left; /*padding:25px;*/ } .col.col1, .col.col2 { width: 250px; /*padding-right:25px;*/ } .col.col2 { padding: 0 85px 0 85px; } .col.col3 { width: 280px; } .col h1 { font-weight: normal; font-size: 18px; } .col h2 { font-weight: normal; font-size: 15px; } .search_bg_left, .search_bg_main { float: left; } .search_wrapper_inner { float: right; } .search_wrapper { margin-left: -26px; width: 1001px; background: url('../images/bg_search_home.png') transparent 0 0 scroll repeat-x; height: 33px; overflow: hidden; } .search_bg_left { width: 20px; height: 33px; background: url('../images/bg_search_home.png') transparent 0 -66px scroll repeat-x; } .search_bg_main { background: url('../images/bg_search_home.png') transparent 0 -33px scroll repeat-x; } .searchlabel { display: none; float: left; padding: 0 10px 0 0; line-height: 18px; text-transform: uppercase; color: #00408f; } .search_form .searchlabel { display: block; } #tx_indexedsearch2 { display: block; float: left; } .search_form { float: left; padding: 8px; height: 18px; } .search_form input { float: left; margin-top: 0 } .testcertificates_linkbox { float: left; height: 17px; top: 6px; position: relative; padding: 3px 20px 2px 17px; margin-right: 13px; background: url('../images/icon_arrow_right.png') transparent right 6px scroll no-repeat; } .testcertificates_linkbox a { color: #00408f; } /* ============================================================================================== */ /* ==== SALES PERSONS - MAP ===================================================================== */ /* ============================================================================================== */ #c1412 .tx-wtdirectory-pi1 .wtdirectory_dots { top: -528px; } .wtdirectory_persons { width: 500px; } .wtdirectory_dots { position: absolute; top: -470px; left: -20px; cursor: pointer; } .wtdirectory_dots .dot { position: absolute; width: 20px; height: 20px; cursor: pointer; background: url('../images/icon_dot_yellow.png') transparent 0 0 scroll no-repeat; } .wtdirectory_dots .dot:hover { background: url('../images/icon_dot_blue.png') transparent 0 0 scroll no-repeat; } .wtdirectory_persons .details { width: 100%; padding-bottom: 50px; display: none; } .wtdirectory_persons .address { line-height: 16px; padding: 5px 0 0 0; } .wtdirectory_persons .fax img { display: none; } .wtdirectory_persons .description_raw { display: none; } .wtdirectory_persons .location { color: #00408f; font-size: 24px; } .wtdirectory_persons .company { font-size: 18px; padding: 10px 0; } #c57 .wtdirectory_persons, #c274 .wtdirectory_persons { width: 550px; } .wtdirectory_persons .country { color: #00408f; font-size: 26px; } .wtdirectory_persons .name h2 { padding-top: 0; font-size: 16px; } .wtdirectory_persons .heading_person { color: #00408f; font-size: 16px; padding: 20px 0 0 0; } .wtdirectory_persons .mail a { color: #00408f; } /* ============================================================================================== */ /* ==== Search ================================================================================== */ /* ============================================================================================== */ .tx-indexedsearch-searchbox { width: 100%; clear: both; height: 30px; } #tx_indexedsearch input { float: left; } ul.browsebox { display: block; width: 100%; height: 30px; margin: 0 0 20px 0; text-align: center; } ul.browsebox li { display: inline-block; padding: 10px 6px 10px 6px; } ul.browsebox li strong { font-weight: normal; } ul.browsebox li.tx-indexedsearch-browselist-currentPage a { color: #fff !important; border: 1px solid #00408f; background: #00408f; } ul.browsebox li a, ul.browsebox li a:visited, ul.browsebox li a:hover, ul.browsebox li a:active { color: #00408f; border: 1px solid #00408f; padding: 2px 8px; text-decoration: none; } .tx-indexedsearch-res.item { padding: 3px; margin: 0 0 20px 0; background: #f1f1f1; clear: left; } .tx-indexedsearch-res.item .header { width: 100%; height: 30px; } .tx-indexedsearch-res.item .title { float: left; } .tx-indexedsearch-res.item .title a { color: #00408f; font-size: 15px; } .tx-indexedsearch-res.item .date { float: right; color: gray; } .tx-indexedsearch-res.item .path { color: gray; padding-top: 6px; font-style: italic; } .tx-indexedsearch-res.item .path a { color: gray; } .tx-indexedsearch-res.item strong { font-weight: bold; color: #00408f; background: yellow; } /* ============================================================================================== */ /* ==== Header Image Movie ====================================================================== */ /* ============================================================================================== */ .tx-dwheadermovie-pi1 { margin: 0 0 -31px 0; } .tx-dwheadermovie-pi1 .header_movie_wrapper { display: block; } .tx-dwheadermovie-pi1 .header_movie_big_wrapper { position: relative; height: 466px; overflow: hidden; } .tx-dwheadermovie-pi1 .header_movie_big { position: absolute; top: 0; left: 0; } .tx-dwheadermovie-pi1 .header_movie_thumbs_wrapper { margin: 16px 0 0 0; float: right; } .tx-dwheadermovie-pi1 .movie_thumb { float: left; margin: 0 0 0 26px; } /* ============================================================================================== */ /* ==== contact form ====================================================================== */ /* ============================================================================================== */ label, legend { font-weight: normal !important; } .tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend { color: #515151; display: block; float: left; font-weight: bold; white-space: normal; width: 200px; } div.tx_powermail_pi1_fieldwrap_html { clear: both; margin: 0 0 0.5em; } .tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #CCCCCC; padding: 2px; width: 300px; } #kontakt_anfrage { } .powermail_form .mandatory, .Tx-Formhandler .mandatory { color: red;} .powermail_form .parsley-errors-list li { background-color: #ff0000; border: 1px solid #ff0000; border-radius: 5px; box-shadow: 0 0 6px #ddd; color: #fff; font-size: 11px; height: auto; margin-left: -2px; padding: 3px 10px 5px; text-align: left; z-index: 10; position: absolute; left: 360px; margin-top: -35px; } .powermail_form .powermail_label { color: #515151; display: block; float: left; font-weight: bold; white-space: normal; width: 200px; } .powermail_form .powermail_input { background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #ccc; padding: 2px; width: 150px; } .powermail_form .powermail_textarea { background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #cccccc; padding: 2px; width: 300px; } .powermail_form .powermail_radio_legend { padding-bottom: 40px; } .powermail_form #powermail_captchaimage { display: block; float: left; width: 306px; } .powermail_form .powermail_captcha { position: absolute; margin-top: 80px; left: 200px; background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #ccc; padding: 2px; width: 150px; } .powermail_form .powermail_fieldwrap_submit { margin-left: 200px; margin-top: 120px; } .powermail_form .powermail_fieldwrap_submit input { background: url("../images/submit_button.png") no-repeat scroll 0 9px transparent; border: medium none; color: white; cursor: pointer; font-weight: normal !important; height: 40px; padding: 0 15px; text-align: left; width: 159px; } .powermail_form .powermail_fieldwrap_5, .powermail_form .powermail_fieldwrap_10, .powermail_form_2 .powermail_fieldwrap_37, .powermail_form_2 .powermail_fieldwrap_44, .powermail_form_2 .powermail_fieldwrap_46, .powermail_form_4 .powermail_fieldwrap_70, .powermail_form_4 .powermail_fieldwrap_68 { left: 365px; margin-top: -30px; position: absolute; } .powermail_form_2 .powermail_fieldwrap_44, .powermail_form_4 .powermail_fieldwrap_68 { left: 265px; } .powermail_form .powermail_fieldwrap_5 label, .powermail_form .powermail_fieldwrap_10 label, .powermail_form_2 .powermail_fieldwrap_37 label, .powermail_form_2 .powermail_fieldwrap_44 label, .powermail_form_2 .powermail_fieldwrap_46 label, .powermail_form_4 .powermail_fieldwrap_70 label, .powermail_form_4 .powermail_fieldwrap_68 label { display: none; } .powermail_form #powermail_field_uid22, .powermail_form_2 #powermail_field_uid42, .powermail_form_2 #powermail_field_uid45, .powermail_form_4 #powermail_field_uid122, .powermail_form_4 #powermail_field_uid121 { width: 50px; } .powermail_form #powermail_field_uid27 { width: 150px; } .powermail_form_2 .powermail_fieldwrap_51 .parsley-errors-list li, .powermail_form_1 .powermail_fieldwrap_17 .parsley-errors-list li { margin-top: 75px; left: 360px; } .powermail_form .powermail_radio_inner { margin-bottom: 5px; } #kontakt_anfrage>*>*>legend, .powermail_legend, .powermail_message_error { display: none; } .powermail_form_1 fieldset { background-color: #fff; padding: 0; border: none; } #kontakt_anfrage .style1 input[type="text"] { width: 150px; } #kontakt_anfrage .style2 { margin: -26px 0 0 367px; padding-bottom: 5px; } #kontakt_anfrage .style2 label { display: none; } #kontakt_anfrage .style2 input { width: 50px; } #kontakt_anfrage .style3 input { width: 50px; } /* Hausnummer */ #kontakt_anfrage #powermaildiv_uid24, #kontakt_anfrage #powermaildiv_uid58, #kontakt_anfrage #powermaildiv_uid435, #kontakt_anfrage #powermaildiv_uid120, #kontakt_anfrage #powermaildiv_uid184, #kontakt_anfrage #powermaildiv_uid218, #kontakt_anfrage #powermaildiv_uid137 { margin: -26px 0 0 267px; padding-bottom: 5px; } #kontakt_anfrage #powermaildiv_uid24 label, #kontakt_anfrage #powermaildiv_uid58 label, #kontakt_anfrage #powermaildiv_uid435 label, #kontakt_anfrage #powermaildiv_uid184 label, #kontakt_anfrage #powermaildiv_uid218 label { display: none; } /* Mobil*/ #kontakt_anfrage #powermaildiv_uid27, #kontakt_anfrage #powermaildiv_uid61, #kontakt_anfrage #powermaildiv_uid438 { margin: -26px 0 0 367px; padding-bottom: 5px; } #kontakt_anfrage #powermaildiv_uid61 label, #kontakt_anfrage #powermaildiv_uid27 label, #kontakt_anfrage #powermaildiv_uid438 label, #kontakt_anfrage #powermaildiv_uid120 label, #kontakt_anfrage #powermaildiv_uid137 label { display: none; } #kontakt_anfrage textarea { height: 100px; } .tx_powermail_pi1_fieldwrap_html { clear: none !important; } /* ============================================================================================== */ /* ==== uniservic form ====================================================================== */ /* ============================================================================================== */ #uniservice_contact { } #uniservice_contact>*>*>legend, #uniservice-formular legend { color: #00408f; font-size: 16px; font-weight: normal; display : block; } #abmessung { clear: both; height: 200px; width: 600px; } #uniservice_contact fieldset { background-color: #fff; border: none; margin: 20px 0; } #uniservice_contact input[type="text"] { width: 150px; } #uniservice_contact #powermaildiv_uid34 { margin-top: -22px; } /* style2 */ #uniservice_contact .style2 { margin: -26px 0 0 367px; padding-bottom: 5px; } #uniservice_contact .style2 label { display: none; } /* plz, stadt */ #uniservice_contact #uid42 { width: 50px; } #uniservice_contact #powermaildiv_uid43 { margin-left: 267px; } /* straße, hausnummer */ #uniservice_contact #uid45 { width: 50px; } input.powermail_kontakt_anfrage.powermail_submit, input.powermail_uniservice_contact.powermail_submit { height: 40px; width: 159px; border: none; background: url('../images/submit_button.png') transparent 0 9px scroll no-repeat; text-align: left; padding: 0 15px; color: white; font-weight: normal !important; cursor: pointer; } input.powermail_kontakt_anfrage.powermail_submit:hover { background: url('../images/submit_button_hover.png') transparent 0 9px scroll no-repeat; } .powermail_fieldset_2 .powermail_radio_inner { height: 20px; width: 200px; line-height: 14px; } .powermail_fieldset_2 .powermail_radio_inner { margin: 0; } .powermail_fieldset_2 .powermail_radio_outer { margin-bottom: 15px; } .powermail_fieldset_2 legend { width: 200px; float: left; } .tx-powermail .powermail_form h3 { display: none; } #p88 .powermail_fieldset_3 legend { display: block; font-size: 18px; line-height: 22px; margin-bottom: 15px; padding: 10px 0 0; color: #00408f; } .powermail_fieldset_2 .powermail_radio_inner_1, .powermail_fieldset_2 .powermail_radio_inner_2, .powermail_fieldset_2 .powermail_radio_inner_3,.powermail_fieldset_2 .powermail_radio_inner_4, .powermail_fieldset_2 .powermail_radio_inner_5,.powermail_fieldset_2 .powermail_radio_inner_6, .powermail_fieldset_2 .powermail_radio_inner_7,.powermail_fieldset_2 .powermail_radio_inner_8 { width: 200px; float: left; } .powermail_fieldset_2 .powermail_radio_inner_9,.powermail_fieldset_2 .powermail_radio_inner_10, .powermail_fieldset_2 .powermail_radio_inner_11,.powermail_fieldset_2 .powermail_radio_inner_12, .powermail_fieldset_2 .powermail_radio_inner_13,.powermail_fieldset_2 .powermail_radio_inner_14, .powermail_fieldset_2 .powermail_radio_inner_15,.powermail_fieldset_2 .powermail_radio_inner_16 { width: 200px; float: right; } .powermail_fieldset_2 .powermail_radio_outer { width: 400px; top:0; float: left; } #p88 .powermail_radio_inner_uid34_9, #uniservice_contact .powermail_radio_inner_uid34_10, #uniservice_contact .powermail_radio_inner_uid34_11, #uniservice_contact .powermail_radio_inner_uid34_12, #uniservice_contact .powermail_radio_inner_uid34_13, #uniservice_contact .powermail_radio_inner_uid34_14, #uniservice_contact .powermail_radio_inner_uid34_15, #uniservice_contact .powermail_radio_inner_uid34_16 { /*position:relative; top:-160px;*/ position: absolute; top: 0; left: 200px; } #uniservice_contact .powermail_radio_inner_uid34_10 { top: 20px; } #uniservice_contact .powermail_radio_inner_uid34_11 { top: 40px; } #uniservice_contact .powermail_radio_inner_uid34_12 { top: 60px; } #uniservice_contact .powermail_radio_inner_uid34_13 { top: 80px; } #uniservice_contact .powermail_radio_inner_uid34_14 { top: 100px; } #uniservice_contact .powermail_radio_inner_uid34_15 { top: 120px; } #uniservice_contact .powermail_radio_inner_uid34_16 { top: 140px; } /* catcha */ #kontakt_anfrage #uid51, #uniservice_contact #uid50, #kontakt_anfrage #uid67 { margin-top: 100px; width: 196px; } #kontakt_anfrage #powermaildiv_uid51 img, #uniservice_contact #powermaildiv_uid50 img, #kontakt_anfrage #powermaildiv_uid67 img { margin-left: -205px; margin-top: -131px; } .tx-srfreecap-pi2-cant-read { color: gray; } .tx-srfreecap-pi2-cant-read a { color: gray; } /*Änderung IBP 77.06.2012*/ .product_info .mail { color: #00408f } .product_detail .tabs>.content .mail { color: #00408f } #c706, #c707 { clear: both; } .mapclearfix { clear: both; } .mapclearfix p, .mapclearfix h1, .mapclearfix h2, .mapclearfix h3, .mapclearfix h4 { clear: both } /* Language Menu */ #languages { background: none repeat scroll 0 0 #FFFFFF; border: 0 solid #dcdcdc; padding: 0; /*width: 95px;*/ } #sprachnavigation { border: 1px solid #dcdcdc; float: right; width: 75px; } #languages a { color: #666666; text-decoration: none; } #languages a:hover, #sprachnavigation a:active, #sprachnavigation a:focus { text-decoration: underline; background-color: #efefef; } #languages .label { font-size: 11px; width: 58px; line-height: 16px; display: block; float: left; text-align: right; } #languages .select { background: url("../images/sprite_ico.png") no-repeat scroll right -23px transparent; cursor: pointer; display: block; font-size: 12px; margin: 0; padding: 0; } #languages .select2 { background: url("../images/sprite_ico.png") no-repeat scroll 77px -241px transparent; display: block; margin: 0; padding: 0; } #languages .flage { display: block; height: 17px; line-height: 16px; margin: 0; padding: 0 0 0 5px; font-size: 11px; color: #666; } #languages .de { background: url("../images/sprite_ico.png") no-repeat scroll 30px 4px transparent; } #languages .en { background: url("../images/sprite_ico.png") no-repeat scroll 30px -50px transparent; } #languages .cn { background: url("../images/asia-flag.png") no-repeat scroll 30px 3px transparent; } #languages .ru { background: url("../images/russi-flag.png") no-repeat scroll 30px 3px transparent; } #languages .flagge_inactive_en { background: url("../images/sprite_ico.png") no-repeat scroll 35px -173px transparent; display: none; } #languages .hiddenflaggen span { display: none; } #languages .hiddenflaggen { display: none; margin: 0; padding: 0; } /* Gorillary */ .tx-gorillary-pi1 { position: relative; } .tx_gorillary_collection { line-height: normal; margin: 0; } ul.tx_gorillary_collection { list-style-type: none; padding-left: 0; } .tx_gorillary_collection li { background: none repeat scroll 0 0 transparent; padding: 0; position: relative; } .tx_gorillary_collection .title, #sms_buehne .title{ position: absolute; left: 45px; top: 30px; color: #fff; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 3px #444444; } .tx_gorillary_collection .caption { padding: 13px; background: url(../images/sprite_ico_h.png) repeat-x 0 0; color: #525451; height: auto; position: absolute; top: 117px; /*width: 344px;*/ width: 518px; font-size: 11px; } .tx_gorillary_collection .caption strong { display: block; font-weight: bold; } .tx_gorillary_collection .caption p { line-height: normal; margin: 0; } .tx_gorillary_collection .caption a.button, #sms_buehne .caption a.button{ background: url(../images/sprite_ico_h.png) repeat-x 0 -150px; color: #fff; padding: 0 10px 0 10px; margin: 10px 10px 0 0; } .tx_gorillary_collection .caption a.button:hover { background: url(../images/sprite_ico_h.png) repeat-x 0 -180px; } .tx-gorillary-pi1 .slidenav { background: none repeat scroll 0 0 transparent; bottom: 15px; height: auto; left: 0; position: absolute; text-align: center; width: 100%; z-index: 15; } .tx-gorillary-pi1 .slidenav a, .tx-gorillary-pi1 .slidenav a:link, .tx-gorillary-pi1 .slidenav a:visited { background-image: url(../images/sprite_ico.png); background-repeat: no-repeat; background-position: -77px -132px; display: inline-block; height: 27px; margin: 0 6px; text-indent: -9000em; width: 27px; } .tx-gorillary-pi1 .slidenav a.activeSlide, .tx-gorillary-pi1 .slidenav a.activeSlide:link, .tx-gorillary-pi1 .slidenav a.activeSlide:visited { background-position: -48px -132px; } a#nextslide, a#prevslide, div.leftarrow, div.rightarrow { background-image: url("../images/sprite_ico.png"); background-repeat: no-repeat; display: block; width: 49px; height: 49px; position: absolute; text-decoration: none; text-indent: -9000em; top: 117px; z-index: 12; } a#nextslide, .rightarrow { right: 13px; background-position: -50px -66px; } a#nextslide:hover, a#prevslide:hover, .rightarrow:hover, .leftarrow:hover { background-color: #003B6F; box-shadow: 0 0 5px #444; } a#prevslide, .leftarrow { left: 13px; background-position: -50px 0; } /* Site-Switch */ #siteswitch { height: 11px; } #siteswitch ul { font-size: 11px; } #siteswitch ul li { display: inline-block; } #siteswitch ul li.first { padding-right: 30px; } #siteswitch ul li a { color: #535353; text-decoration: underline; } /* Search */ #search { } #search.uk { float: right; width: 167px; } #search .submit-suchen { background: url("../images/sprite_ico.png") no-repeat scroll right top transparent; border: medium none; height: 18px; padding: 0; width: 18px; } #search input#sitesearch { border: 1px solid #dcdcdc; height: 15px; width: 112px; padding-left: 4px; } /* Boxes right column */ .box { border: 1px solid; margin-bottom: 18px; position: relative; overflow: hidden; } .blue { border-color: #f0f0f0; } .item1 { float:left; margin-top:12px; } .dot-right { font-size: 0; line-height: 0; border-width: 6px; border-color: #74c6ff; border-right-width: 0; border-style: dashed; border-left-style: solid; border-top-color: transparent; border-bottom-color: transparent; } .login.box.blue h4, .contacts.box.blue h4, .tsr.box.blue h4 { background: #eeeded; color: #fff; font-size: 14px; margin: 0; padding: 0px 3px 0px 0px; height:35px; line-height:35px; } .login.box.blue, .contacts.box.blue, .tsr.box.blue { font-size: 10px; } .box .submit { background: #eeeded; color: #fff; border: 1px solid #eeeded; float: right; height: auto; cursor: pointer; padding: 2px 10px 2px 1px; font-family: 'Verdana', 'Arial', sans-serif; font-weight: bold; } .box a.submit { line-height: 22px; padding: 0 10px 0 0; } .loginform fieldset { border: 0 solid #E6E6E6; margin: 0; } .loginform div.type-text, .loginform div.type-select, .loginform div.type-check { display: block; margin: 0.5em 0; padding: 3px 0; position: relative; } .loginform div.type-button, .tsr div.type-button { display: block; margin: 0; padding: 0; position: absolute; bottom: 0; background: #eeeded; width: 100%; /*height: 24px;*/ } .contacts div.type-button { display: block; margin: 0; padding: 0; background: #eeeded; width: 100%; height: 25px; } .loginform label { float: left; width: 33%; font-size: 10px; color: inherit; padding-bottom: 2px; padding-top: 6px; padding-left: 10px; margin: 3px 0 3px 0; } .loginform .type-text input, .loginform .type-text textarea, .loginform .type-select select { float: left; margin-right: 0; width: 56%; border: 1px solid #E0E0E0; padding: 3px 1%; margin: 3px 0 3px 0; } .box .wrapper { padding: 8px; float: left; } .box .formwrapper { margin-bottom: 35px; } .box ol { list-style: none outside none; padding: 0; margin: 0; } .box ol li { border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 10px; } .box ol li:last-child { border-bottom: none; margin-bottom: 15px; } .box ol li .caption { display: block; line-height: 125%; } .box ul { list-style: square outside none; padding: 2px 0 2px 10px; } .box ul li { list-style: square outside none; line-height: 150%; width:45%; float:left; margin-left:5px; } .contacts .wrapper p { line-height: 125%; color: #535353; margin: 0 0 10px 0; } /* News-Teaser */ .teaser-list-item { min-height: 200px; margin-bottom: 40px; line-height: 180%; } .teaser-list-image { position: relative; margin-bottom: 10px; } .teaser-list-image img { cursor: pointer !important; } .teaser-list-title { width: 100%; } .teaser-list-title h3 { margin: 0 0 0px 0; line-height: 125%; padding-top:10px; font-size: 14px; font-weight: normal; } .teaser-list-morelink { display: block; } .teaser-list-morelink a { float: left; margin-top: 10px; border: 1px solid #00408f; padding: 3px 10px 3px 10px; font-weight: bold; text-decoration: none; } .teaser-list-morelink a:hover { color: #fff; background: #00408f; text-decoration: none; } /* ImageFlow */ #myImageFlow { position: relative; margin: 0 0 20px 0; height: 290px; width: 620px; padding-top: 10px; /*-moz-box-shadow: inset 0 0 5px #E3E3E3; -webkit-box-shadow: inset 0 0 5px #E3E3E3; box-shadow: inset 0 0 5px #E3E3E3;*/ } .imageflow { position: relative; text-align: left; visibility: hidden; width: 100%; } .imageflow img { cursor: pointer !important; border: none; position: absolute; top: 65px !important; visibility: hidden; -ms-interpolation-mode: bicubic; -moz-box-shadow: 0 0 5px #D4D4D4; -webkit-box-shadow: 0 0 5px #D4D4D4; box-shadow: 0 0 5px #D4D4D4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; /* Enables bicubic image resampling for the IE7 */ } .imageflow p { margin: 0 auto; text-align: center; } .imageflow .loading { border: 1px solid #00408f; height: 15px; left: 50%; margin-left: -106px; padding: 5px; position: relative; visibility: visible; width: 200px; } .imageflow .loading_bar { background: #00408f; height: 15px; visibility: visible; width: 1%; } p.loading_txt { color: #999; } .imageflow .navigation { margin-top: 50px; z-index: 10000; } .imageflow .caption { color: #00408f; font-size: 16px; position: absolute; text-align: center; top: 10px; z-index: 10001; } .imageflow .caption span { min-height: 24px; font-size: 13px; padding-top: 7px; display: inline-block; } .imageflow .caption span.true { } .imageflow .caption span strong { padding: 4px 4px 2px 4px; display: inline-block; border: 1px solid #FFFFFF; border-top: none; -moz-box-shadow: 0 2px 3px #494949; /* FF3.5+ */ -webkit-box-shadow: 0 2px 3px #494949; /* Saf3.0+, Chrome */ box-shadow: 0 2px 3px #494949; /* Opera 10.5, IE 9 */ } .imageflow .scrollbar { z-index: 10002; margin-top: 6px; margin-left: 27px !important; height: 6px; } .imageflow .slider { margin: -12px 0 0 -15px; position: absolute; z-index: 10003; height: 34px; width: 34px; display: none; } .imageflow .slideshow { cursor: pointer; height: 14px; margin: 20px 0 0 20px; position: absolute; width: 14px; z-index: 10003; } .imageflow .images { overflow: hidden; white-space: nowrap; } .imageflow .button { position: absolute; cursor: pointer; text-indent: -9000px; } .imageflow .previous, .imageflow .next { height: 25px; width: 25px; bottom: 40px; background: url(../images/sprite_ico.png) no-repeat; border: 1px solid transparent; } .imageflow .previous { left: 20px; z-index: 322; background-position: -44px -169px; } .imageflow .next { right: 20px; z-index: 324; background-position: -82px -169px; } .imageflow .previous:hover, .imageflow .next:hover { border: 1px solid #fff; background-color: #fff; } /* SMS Bühne */ #sms_buehne { margin-left: auto; margin-right: auto; position: relative; top: 0; } /* THE BACKGROUND OF THE SLIDER */ #sms_buehne .kb-pause { position: absolute; top: 20px; right: 20px; z-index: 9000; /* background:url(../images/pause.png) no-repeat; */ width: 21px; height: 21px; } #sms_buehne .kb-timer { position: absolute; width: 0; height: 0; border-top: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 10000; } /* THE PRELOADER OF THE BANNER */ #sms_buehne .kenburn-preloader { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; z-index: 9999; background: #000 url('../other/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==') no-repeat 50% 50%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin-left: -14px; } /* THUMBNAIL OPTIONS */ #sms_buehne .thumbbuttons { height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; bottom: -33px; z-index: 100; top: 250px; } #sms_buehne .grainme { height: 35px; width: 100%; } #sms_buehne .leftarrow, #sms_buehne .rightarrow{ top: 120px; } #sms_buehne .leftarrow { left: 13px; cursor: pointer; } #sms_buehne .rightarrow { cursor: pointer; right: 13px; } #sms_buehne .minithumb { /* background-image: url('../other/371+wRiMAK0MZNosmL3kAAAAASUVORK5CYII='); background-repeat: no-repeat; margin-top: 9px; margin-left: 9px; width: 16px; height: 16px; float: left; */ background: url("../images/sprite_ico.png") no-repeat -77px -132px; display: inline-block; height: 27px; margin: 0 6px; text-indent: -9000em; width: 27px; cursor: pointer; } #sms_buehne .thumbs { float: left; } #sms_buehne .minithumb:hover, #sms_buehne .thumbs .selected { /*background-image: url('../other/laOcS08PJzMJGesCiRbE4MIr7SYliABdHeQKUxbX+AAAAAElFTkSuQmCC'); background-image: no-repeat;*/ background: url("../images/sprite_ico.png") -48px -132px; } #sms_buehne ul >li { display: none; } /* TEASER CAPTION*/ #sms_buehne .caption { color: #ffffff; /*background: rgba(252, 252, 252, 0.75);*/ background-image: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpi/P///34GIgATA5FgVCF1FAIEGAAEGgPQuieHwgAAAABJRU5ErkJggg=='); background-repeat: repeat; z-index: 500; max-height: 35%; padding: 1% 0 1% 1%; overflow: hidden; position: absolute; top: 120px; width: 500px; } #sms_buehne .caption.left{ left: 79px; } #sms_buehne .caption.right{ right: 79px; } #sms_buehne h3 { color: #00408f; font-family: "Fedra Sans Medium", sans-serif; font-weight: normal; } #sms_buehne p { color: #313131; font-size: 0.98em; } #sms_buehne .button { float: right; } #sms_buehne p.teaserheadline{ font-weight:bold; color: #00408f; font-size: 15px; } .contacts.box.blue hr { border-bottom: 1px solid #D2D2D2; border-top: medium none; color: #FFFFFF; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; text-align: center; width: 95%; -webkit-margin-before: 0; -webkit-margin-after: 0; } .tx-powermail-pi1_mandatory_submit { height: 25px; padding-bottom: 4px; background: url("../images/submit_button.png") no-repeat scroll 0 0 transparent; padding-right: 20px; color: #fff; margin-top: 10px; cursor: pointer; min-width: 150px; } .tx-powermail-pi1_mandatory_submit:hover { background: url("../images/submit_button_hover.png") no-repeat scroll 0 0 transparent; } #c991 { clear: both; } span.description {display: none;} /* Site-Switch */ #siteswitch { height: 18px; line-height: 18px; width: 295px; float: right; margin-right: 40px; text-align: center; } #siteswitch { font-size:10px; margin-top: 20px; font-family: 'Verdana', 'Arial', sans-serif;} #switch { border: 1px solid #dcdcdc; width: 130px; float: right; cursor: pointer; color: #7a7a7a; font-size: 11px; text-align: left; padding-left: 4px;} #aktiv-site { width: 138px; float: left; font-weight: bold; line-height: 20px; font-size: 11px; padding-right: 20px; text-align: right;} #switch div { background: url("../images/sprite_ico.png") no-repeat scroll right -23px transparent; cursor: pointer; height: 18px; width: 18px; float: right; } #standorte { display: none; position: absolute; padding: 15px 10px; width: auto; height: auto; border: 1px solid #dcdcdc; background-color: #fff; z-index: 1002; margin-top: 19px; right: 40px;} #standorte dl { float: left; margin: 0 3px;} #standorte .csc-textpic-imagecolumn { float: left; margin: 0 3px;} #standorte dl a { outline: none;} #standorte .csc-textpic-imagecolumn a { outline: none;} #standorte dl img { border: 1px solid #dcdcdc;} #standorte .csc-textpic-imagecolumn img { border: 1px solid #dcdcdc;} #standorte dd { font-weight: bold; line-height: 14px; font-size: 12px; position: relative; width: 108px; height: auto; } #standorte .csc-textpic-caption { font-weight: bold; line-height: 14px; font-size: 12px; position: relative; width: 108px; height: auto; } #standorte dt a { padding-bottom: 38px; position: relative; z-index:1004;} #standorte figure:hover a img { border-color: #00408f;} #standorte dd ul.subs li { font-size: 9px; list-style-type: circle; position: relative; z-index: 1003; margin-left: 20px;} #standorte dd ul.subs a { padding: 0; color: #7a7a7a; text-decoration: none;} #standorte dd ul.subs a:hover { color: #00408f;} /* ### Newsletter Subscription ### */ #newsletterabmeldung, #kontakt-formular, #uniservice-formular { margin-top: 20px; } #uniservice-formular { margin-left: 10px; } #newsletter-anmeldung label, #newsletterabmeldung label, #kontakt-formular label { width: 200px; display: block; float: left; margin-right: 10px; } #uniservice-formular label { width: 190px; display: block; float: left; margin-right: 10px; } #newsletter-anmeldung .row { padding: 10px 0; } #kontakt-formular .row { padding: 0 0 0.5em; } #uniservice-formular .row { padding: 0 0 0.3em; } #newsletter-anmeldung input, #newsletterabmeldung input, #uniservice-formular input { height: 18px; width: 190px; } #kontakt-formular input, #uniservice-formular input { height: 16px; width: 150px; background-color: #f8f8f8; border: 1px solid #ccc; } #kontakt-formular textarea, #uniservice-formular textarea { background-color: #f8f8f8; border: 1px solid #333; border: 1px solid #ccc; } #kontakt-formular textarea:focus , #uniservice-formular textarea:focus { background-color: #fff; } #uniservice-formular legend { margin-bottom: 10px; } #uniservice-formular input { margin: 1px 0; } #kontakt-formular .row input:focus, #uniservice-formular .row input:focus { background-color: #ffffff; border: 1px solid #333; } #uniservice-formular .moveerror .error { margin-left: 336px; } #uniservice-formular .moveerror2 .error { margin-left: 203px; margin-top: -33px; } #kontakt-formular .move, #uniservice-formular .move { left: 373px; margin-top: -26px; position: absolute; } .error em { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ff0000 transparent; border-image: none; border-style: solid solid none; border-width: 10px 10px 0; bottom: -10px; display: block; height: 0; left: 5px; position: absolute; width: 0; z-index:11; } #kontakt-formular .moves, #uniservice-formular .moves { left: 273px; margin-top: -26px; position: absolute; } #uniservice-formular .movesbig { left: 373px; margin-top: -26px; position: absolute; } #kontakt-formular .small input, #uniservice-formular .small input { width: 50px; } #kontakt-formular .move label, #kontakt-formular .moves label, #uniservice-formular move label, #uniservice-formular .move label, #uniservice-formular .moves label, #uniservice-formular .movesbig label { display: none; } #newsletter-anmeldung select, #uniservice-formular select { height: 24px; width: 194px; } #newsletter-anmeldung .mandatory, #newsletterabmeldung .mandatory, #kontakt-formular .mandatory { color: red; } #newsletter-anmeldung .submit, #newsletterabmeldung .submit, #kontakt-formular .submit, #uniservice-formular .submit { background: url("../images/submit_button.png") no-repeat scroll 0 9px transparent; border: medium none; color: #FFFFFF; cursor: pointer; font-weight: normal !important; height: 40px; padding: 0 15px; text-align: left; width: 159px; } #newsletter-anmeldung .submit:hover, #newsletterabmeldung .submit:hover, #kontakt-formular .submit:hover, #uniservice-formular .submit:hover { background: url("../images/submit_button_hover.png") no-repeat scroll 0 9px transparent; } #kontakt-formular .error, #uniservice-formular .error { background-color: #ff0000; border: 1px solid #ff0000; border-radius: 5px 5px 5px 5px; color: #fff; font-size: 11px; font-weight: bold; line-height: 19px; height: auto; margin-left: 340px; margin-top: -39px; padding: 3px 10px 5px; text-align: center; position: absolute; } #kontakt-formular .radio .error, #uniservice-formular .radio .error { margin-left: 204px; margin-top: -34px; } #kontakt-formular .textfield .error, #uniservice-formular .textfield .error { margin-left: 510px; } #kontakt-formular .captcha .error, #uniservice-formular .captcha .error { margin-left: 390px; margin-top: 65px; z-index: 10; } #kontakt-formular .captcha input, #uniservice-formular .captcha input { width: 196px; } #kontakt-formular .sr_freecap-input input { margin-left: 10px; } #kontakt-formular #kontakt-tel, #kontakt-formular #kontakt-perso, #kontakt-formular #kontakt-mail { margin: 3px 0; } /* ##### Anpassungen Content 17.09.2013 HST ##### */ #content .csc-textpic ul li { /*list-style-type: disc;*/ margin-right: 5px; margin-bottom: 5px; } #content .csc-textpic-imagewrap { /* margin-top: 25px;*/ } #content .csc-textpic-text { /* margin-left: 25px;*/ } #content .csc-textpic-caption { padding: 5px 0 10px 0; font-style: italic; } .newsletter, .kontakt-formular { margin-left: 200px!important; margin-top: 10px;} .nl-img { width: 220px; margin-left: 189px;} .nl { margin-left: 200px; margin-top: 20px; } /* Memberlogos Startseite */ #teaser .csc-textpic { width: 300px; padding-left: 50px;} .page126{background:#fff!important; min-width:1px!important;} .page126 .pb125{padding-bottom:10px!important;} .page126 #page{background:#fff!important; margin:0px!important; padding:20px 0px!important;} .page126 #inner{background:#fff!important; margin:0px!important; padding:0px!important;} .page126 #content_header, .page126 #header, .page126 #footer, .page126 #menu_breadcrump, .page126 #menu_header, .page126 #menu_sitemap{display:none!important;} .page126 .container_12 .grid_12, .page126 .container_12{ width:auto!important; } .page126 form { margin-top: 140px; } .page126 h3 { visibility: hidden; } #tx_standortkarte{ height:500px; width:700px; float:right; } /* #tx_standortkarte_div .navi .header{ display:block; background:#fff url(../images/header.gif) repeat-x left bottom; color:#00408f; font-size:14px; font-weight:bold; border-bottom:1px solid #eeeeee; padding:7px 7px 7px 13px; text-decoration:none; font-style:italic; } #tx_standortkarte_div .navi .header strong{ display:block; min-height:12px; padding:0px 0px 0px 19px; background:url(../images/header_strong.gif) no-repeat left center; } #tx_standortkarte_div .navi{ float:left; width:220px; border:1px solid #eeeeee; } #tx_standortkarte_div .navi .body{ padding:8px 0px; border-bottom:2px solid #eeeeee; } #tx_standortkarte_div .navi .body a{ display:block; padding:8px 8px 8px 32px; color:#535353; text-decoration:none; } #tx_standortkarte_div .navi .body a:hover, #tx_standortkarte_div .navi .body a:active, #tx_standortkarte_div .navi .body a:focus, #tx_standortkarte_div .navi .body a.active{ color:#00408f; } */ #tx_standortkarte_div .navi{ float:left; width:220px; } .tx_standortkarte_pi2 .country, #tx_standortkarte_div .gm-style .country{ color: #00408f; font-size: 26px!important; padding-bottom:10px; } .tx_standortkarte_pi2 .company, #tx_standortkarte_div .gm-style .company{ font-size:18px!important; color:#535353; padding-bottom:10px; } .tx_standortkarte_pi2 .logo, #tx_standortkarte_div .gm-style .logo{ padding-bottom:5px; } .tx_standortkarte_pi2 .address, #tx_standortkarte_div .gm-style .address{ padding-bottom:7px; } .tx_standortkarte_pi2 .ansprechspartner, #tx_standortkarte_div .gm-style .ansprechspartner{ padding-top:20px; color: #00408f; font-size: 16px!important; padding-bottom:5px; } .tx_standortkarte_pi2 .ansprechspartner{ padding-top:0px; padding-bottom:10px; } .tx_standortkarte_pi2 .name, #tx_standortkarte_div .gm-style .name{ color:#535353; font-size: 16px!important; padding-bottom:5px; } .tx_standortkarte_pi2 .name{ padding-bottom:10px; } .tx_standortkarte_pi2 .phone, .tx_standortkarte_pi2 .www, .tx_standortkarte_pi2 .email, #tx_standortkarte_div .gm-style .phone, #tx_standortkarte_div .gm-style .www, #tx_standortkarte_div .gm-style .email{ color:#535353; font-size: 13px!important; padding-bottom:3px; } #tx_standortkarte_div .gm-style .info{ white-space:nowrap; } #tx_standortkarte_div .gm-style .info2 .clear{ clear:both; height:1px; overflow:hidden; } #tx_standortkarte_div .gm-style .info2 .left{ width:190px; float:left; white-space:normal; } #tx_standortkarte_div .gm-style .info2 .right{ width:240px; float:right; white-space:normal; } #tx_standortkarte_div .gm-style .info2{ width:450px; } #tx_standortkarte_div .gm-style .anfrageurl{ margin-top:15px; } .tx_standortkarte_pi2{ padding-bottom:30px; padding-top:20px; } .tx_standortkarte_pi2 .left{ float:left; width:250px; } .tx_standortkarte_pi2 .right{ float:left; width:250px; margin-left:50px; } #sb-info, #sb-info-inner{ position:absolute!important; right:0px!important; top:0px!important; width: 115px; } #sb-nav { width: 50%!important; } .tx-smsgeoipcontacts-pi1 .box .clearfix { display: block; } #allpartnerslink { background: url("../images/bg_accordion_headline.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #eeeeee; color: #00408f; cursor: pointer; font-size: 13px; line-height: 26px; padding: 0; } #allpartnerslink span { background: url("../images/icon_arrow_right.png") no-repeat scroll 13px center rgba(0, 0, 0, 0); color: #00408f; display: block; font-size: 13px; font-style: italic; font-weight: bold; padding: 0 33px; } .nl-img { height:95px; } .tx-srfreecap-pi1-image { position: absolute; margin-left: 0!important; } .tx-srfreecap-pi1-cant-read { position: absolute; font-size: 11px; margin-top: 110px; width: 350px; left: 415px; position: absolute; } #kontakt-formular.formhandler{ clear:both; padding-top:30px; } .wtdirectory_list.piclistwrapper .contact .popup .middle h2{ margin-bottom:0px; } #p893 #menu_breadcrump, #p642 #menu_breadcrump, #p495 #menu_breadcrump { display: none;} .messe-liste { width: 100%;} .messe-liste th {font-size: 14px; font-weight: normal; border: 1px solid #f0f0f0; padding: 6px;} .messe-liste td { text-align: center;} .messe-liste .messelogo .imageHolder { display: none;} .messe-liste .messelogo .imageHolder:first-child { display: block;} .messe-liste .aussteller .imageHolder {position: absolute; top: 0; margin-top: 14%;} .messe-liste .aussteller .imageHolder {} .messe-liste .aussteller { position: relative; overflow: hidden; width: 140px;} .messe-liste .messelogo p a { color: transparent; display: block; height: 50px; margin-top: -20px; position: absolute; width: 167px; } .messe-latest-image p a { color: transparent; display: block; height: 160px; margin-top: 0px; position: absolute; width: 300px; } .messe-latest-container { min-height: 180px;} .messe-latest-container .messe-latest-item { width: 32.6%; height: 50px; float: left;} .messe-latest-container .messe-latest-image img { display: none;} .messe-latest-container .messe-latest-image img:last-child { display: block;} .messe-latest-container .messe-latest-image { margin-bottom: 10px; position: relative; } .messe-latest-container .messe-latest-title { background: rgba(0, 0, 0, 0) url("../images/sprite_ico_h.png") repeat-x scroll 0 0; bottom: 38px; position: relative; width: 100%; text-align: center; } .messe-latest-container .messe-latest-title h3 { font-size: 16px; line-height: 125%; margin: 0 0 5px; padding: 5px; } .messe-liste th { background-color: #00408f; color: #fff; padding: 10px 0; font-size: 16px; line-height: 24px; } .messe-liste td { vertical-align: middle; padding: 15px 10px; height: 40px; } .messe-liste td.art, .messe-liste td.date { text-align: left; } .messe-liste tr:nth-child(odd){ background-color: #dbd7d7; } .messe-liste .detail a { color: #535353; text-decoration: none; } .messe-liste .detail:hover { background-color: #00408f; color: #fff; } .messe-liste .detail:hover a { color: #fff; } .messe-liste .aussteller .imageHolder { display:none;} .messe-liste .aussteller .imageHolder:first-child { display:block;} /* ###### MESSE AUF DER STARTSEITE ##### */ .news-latest-box .wrapper .news-latest-item .caption p, .news-latest-box .wrapper .news-latest-item .caption { line-height: 12px; padding-bottom: 10px; display: block; } /* ###### PRODUCT SEITE > ONEPAGER TEASER ##### */ #onepager-teaser { margin-top: 10px; border: 1px solid #ddd; -webkit-box-shadow: 1px 3px 4px 0px rgba(221,221,221,1); -moz-box-shadow: 1px 3px 4px 0px rgba(221,221,221,1); box-shadow: 1px 3px 4px 0px rgba(221,221,221,1); } #onepager-teaser h1 { font-size: 16px; margin-top: 15px; text-align: center; color: #535353; font-weight: bold; } #onepager-teaser p { text-align: center; margin-bottom: 20px; } #onepager-teaser p a { text-decoration: none; border: 1px solid #00408f; font-size: 14px; padding: 6px 30px; color: #535353; } #onepager-teaser p a:hover { border: 1px solid #535353; color: #00408f; } .comm_body{ background:#f8f8f8} .comm_body{ background:#f8f8f8} .shad{ background:url(../images/shad_bg.gif) no-repeat top #fcfcfc} .submenu{ color:#fff;font-family:"宋体"; padding:0 22px} .submenu a{ color:#fff; padding:0 5px;font-family:"微软雅黑"} .submenu a:hover{ color:#ff0;} .totallm{ background:url(../images/shad2.gif) repeat-x 0 4px} .i_title{ background:url(../images/i_03.gif) no-repeat 0 5px; height:33px; width:229px; text-indent:18px; color:#fff; font-size:14px; line-height:34px; margin-top:13px} .i_title.long{ width:230px;} .line{ background:url(../images/line.gif) no-repeat 0 5px} .i_comp_tit{ border-bottom:1px #d8d8d8 solid; width:510px; padding-top:12px; padding-bottom:5px} .i_comp_tit span,.act_shad span{ float:left; color:#333; font-size:14px; padding-left:5px} .i_comp_tit a img,.act_shad a img{ float:right; border:none; margin-top:7px} ul.i_news{ width:240px; padding:10px; padding-top:15px} ul.i_news li{ width:240px; line-height:29px; border-bottom:1px #e4e4e4 dotted} ul.i_news li a{ background:url(../images/i_news_icon.gif) no-repeat 0 5px; padding-left:10px} .act_shad{ background:url(../images/shad.gif) no-repeat 0 -8px} .act_shad span,.act_shad a img{ margin-top:13px} .act_prut{ width:820px; padding-top:15px} .runlf,.runrg{ width:28px; height:20px; text-align:center; margin-top:43px; float:left} .runlf a#downimgd,.runrg a#upimgd{ background:url(../images/arr.gif) no-repeat 0 0; width:12px; height:12px; display:block; float: left; margin-left:8px; cursor:pointer} .runrg a#upimgd{background-position:0 -29px;margin-left:12px;} .prut{ width:760px; float:left;} .prut #prut_pic{ width:765px;overflow:hidden; float:left} .prut #prut_pic ul{ width: 50000px;} .prut #prut_pic li{ width: 148px; padding-left:5px} .prut #prut_pic li a{ background:url(../images/p1.gif) no-repeat;width:130px; height:95px; padding:5px; display:block; float:left} .prut #prut_pic li a img{ width:130px; height:88px; border:none} .i_cont{ background:url(../images/woman.gif) no-repeat right 92%;padding:10px 0 0 34px; line-height:26px} .i_cont B{ font-size:14px} .left_bg{ background:url(../images/left_menu_bg.gif) repeat-y 0 0; border-right:1px #ddd dotted; background:#f9f9f9;} .left_bg H1{ width:200px; padding-left:13px; padding-top:20px; background:url(../images/downarr.gif) no-repeat 13px bottom; height:45px; font-size:20px; font-weight:normal; color:#666; } .left_bg H1 B{ font-weight:normal; float:left; color:#444} .left_bg H1 span{ font-size:12px; color:#999; float:left; padding-top:9px; padding-left:5px; text-transform:uppercase} .left_bg ul{ width:200px; padding:10px 0 20px 13px} .left_bg ul li{ width:200px; height:40px;} .left_bg ul li a{ background:url(../images/larr.gif) no-repeat 175px -16px ;line-height:36px; width:187px; padding-left:10px; height:36px; float:left; border-bottom:1px #e5e5e5 solid} .left_bg ul li.this a,.left_bg ul li a:hover{background:url(../images/bg.png) no-repeat; color:#fff; text-decoration:none} .left_icon{ width:200px; padding-left:13px; padding-bottom:20px} .left_icon li{ width:200px; padding-bottom:12px; list-style-type:none;} .comm_body_right{ padding-left:20px;vertical-align:top; } .local H1.nav_tit{ font-size:15px; padding-top:15px; font-weight:normal; color:#333} .local{ border-bottom:1px #e6e6e6 solid} .comm_body_text{ line-height:28px; font-size:13px; padding:30px 0} .comm_body_text H5.tit{ font-size:18px; float:none; padding-bottom:15px; color:#cb434d} ul.prudlist{ width:226px; height:200px; float:left;overflow:hidden; text-align:center} ul.prudlist li{ width:226px;text-align: center;} ul.prudlist li img{ margin-bottom:10px} ul.prudlist li a{ line-height:15px; color:#444} ul.prudlist li a:hover{ color:#f50} ul.prudlist li a img{ border:1px #ccc solid; width:200px; height:140px; padding:3px;} ul.prudlist li a:hover img{ border-color:#f50}