@charset "UTF-8";

.stopfen_reihe {
    margin-left: -20px;
    width: 980px;
    border-bottom-width: 1px;
}

.stopfen_reihe a {
    position: relative;
    float: left;
    width: 163px;
    height: 461px;
    text-decoration: none;
}

.stopfen_reihe a * {
    -webkit-transition: 0.1s ease-in;
     -webkit-transform: translateZ(0);
}

.stopfen_reihe a img {
    position: absolute;
    width: 160px;
    z-index: 99;
}

.stopfen_reihe a span {
    top: 315px;
    left: -3px;
    position: absolute;
    width: 154px;
    height: 43px;
    padding: 103px 8px 0 8px;
    color: #fff;
    background-color: #fff;
    text-decoration: none;
    font-size: 13px;
    text-align:center;
}

.stopfen_reihe a span * { 
	display: none; 
}

.stopfen_reihe a span h3 {
    font-family: DINWeb, Arial,sans-serif;
    font-size: 20px;
    padding-bottom: 0;
}

.stopfen_reihe a span ins {
    color: #cc0000;
}

.stopfen_reihe a:hover img {
    width: 190px;
    left: -15px;
    top: -30px;
}
.stopfen_reihe a:hover span {
    display: block;
    background-color: #000;
    z-index: 99;
}

.stopfen_reihe a:hover span * {
    display: inline-block;
}

.bfs_system {
    background: url('../uploads/ckfinder/images/System/block.jpg') center top no-repeat;
    height: 700px;
}

.bfs_system_teil {
    position: absolute;
    width: 940px;
    height: 590px;
    background-position: center top;
    background-repeat: no-repeat;
    display: none;
}

div.bfs_system_endstuecke { background-image: url('../uploads/ckfinder/images/System/endstuecke.jpg'); }
div.bfs_system_filter { background-image: url('../uploads/ckfinder/images/System/filter.jpg'); }
div.bfs_system_fliessanzeiger { background-image: url('../uploads/ckfinder/images/System/fliessanzeiger.jpg'); }
div.bfs_system_klemmring_6 { background-image: url('../uploads/ckfinder/images/System/klemmring_6.jpg'); }
div.bfs_system_klemmring_10 { background-image: url('../uploads/ckfinder/images/System/klemmring_10.jpg'); }
div.bfs_system_kupplung_mutter { background-image: url('../uploads/ckfinder/images/System/kupplung_mutter.jpg'); }
div.bfs_system_kupplung_vater { background-image: url('../uploads/ckfinder/images/System/kupplung_vater.jpg'); }
div.bfs_system_pvc_6 { background-image: url('../uploads/ckfinder/images/System/pvc_6.jpg'); }
div.bfs_system_pvc_10 { background-image: url('../uploads/ckfinder/images/System/pvc_10.jpg'); }
div.bfs_system_staubkappe { background-image: url('../uploads/ckfinder/images/System/staubkappe.jpg'); }
div.bfs_system_stopfen { background-image: url('../uploads/ckfinder/images/System/stopfen.jpg'); }
div.bfs_system_tstueck { background-image: url('../uploads/ckfinder/images/System/tstueck.jpg'); }
div.bfs_system_winkel { background-image: url('../uploads/ckfinder/images/System/winkel.jpg'); }

.bfs_system_rows {
    position: absolute;
    margin-top: 590px;
}

.bfs_system_row {
    float: left;
    padding: 14px 12px 0 23px;
}

.bfs_system_row a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    display: block;
    line-height: 26px;
}

.bfs_system_row a:hover {
    color: #cc0000;
}

.product {
    padding: 26px 0;
}

.product h3 { font-size: 20px; font-family: DINWeb, Arial,sans-serif; }
.product h3 span { color: #666; }

.product .scrollable {
    width: 220px;
    float: left;
    margin-top: 36px;
}

.product .product_img_wrapper {
    width: 220px;
    height: 360px;
    background-position: center center;
    background-repeat: no-repeat;
}



.product .navi {
    width: 410px;
    float: right;
    margin-top: 20px;
}

.product .navi li {
    float: left;
    width: 44px;
    height: 90px;
    margin-right: 16px;
    text-align: center;
    background: url('../img/content/product_img_nav.gif') center bottom no-repeat;
}

.product .navi li.active {
    background-position: center top;
}

.product .tabs {
    position: relative;
    width: 410px;
    float: right;
    background: url('../img/content/product_tabs_bg.gif') top no-repeat;
    margin-top: 36px;
}

.product .tabs_wrapper {
    position: relative;
    background: url('../img/content/product_tabs_wrapper_bg.gif') bottom no-repeat;
}

.product .tabs_navigation { height: 34px; }
.product .tabs_navigation li { float: left; }
.product .tabs_navigation li a { 
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 4px 10px 0 10px;
    text-decoration: none;
    color: #666;
    font-size: 13px;
}

.product .tabs_navigation li a:hover, .product .tabs_navigation li a.active {
    background-color: #000;
    color: #ccc;
}

.product .tabs_content { color: #666; font-size: 13px; padding: 0 1px; position: relative; }
.product .tabs_content table { width: 100% !important; padding-bottom: 2px; }
.product .tabs_content table td { padding: 2px 9px 0px 5px; }
.product .tabs_content table td.col_right { text-align: right; }
.product .tabs_content table tr.row_even td { background-color: #e7e7e7; }

.product .tabs_content_padding ul { padding: 12px 12px 0 12px; }

.product_teaser {
    padding: 10px 20px;
    border-top-width: 1px;
    width: 700px;
    margin-left: -20px;
}

.contentproduct .product_img_wrapper {
    height: 260px;
    float: left;
    margin-right: 20px;
}

.animation {
    float: right;
    margin: 0 40px;
}

.ani_wrapper {
    position: relative;
    overflow: hidden;
    width: 360px;
    height: 600px;
}

.ani_wrapper img { position: absolute; }

.ani_playbar {
    margin: 40px 0 0 15px;
}

.ani_play {
    display: block;
    width: 27px;
    height: 27px;
    background: url('../img/content/ani_play.jpg') top no-repeat;
    float: left;
}

.ani_playbar .play {
    background-position: bottom;
}

.ani_regler {
    float: left;
    width: 276px;
    padding: 1px 2px 1px 14px;
    height: 25px;
    margin-left: 10px;
    background: url('../img/content/ani_regler_bg.jpg') top no-repeat;
}

.ani_regler_bar {
    width: 0%;
    height: 25px;
    background: url('../img/content/ani_regler_bar.png') right no-repeat;
}

.highlights {
    position: relative;
}

.hl_wrapper { height: 605px; }

.hl_inner, .hl_outer {
    height: 605px;
    width: 700px;
    position: absolute;
    top:0;
}

.hl_inner { background: url('../img/content/highlights/inner.jpg') no-repeat; }
.hl_outer { background: url('../img/content/highlights/outer.jpg') no-repeat; display: none; }

.hl_changer {
    margin-left: 205px;
    width: 289px;
    height: 25px;
    padding: 1px;
    background: url('../img/content/highlights/changer_bg.jpg');
}
.hl_changer_active {
    width: 269px;
    padding: 0 10px;
    height: 25px;
    background: url('../img/content/highlights/changer_active.png') left no-repeat;
    -webkit-transition: 0.1s ease-in;
    -webkit-transform: translateZ(0);
}

.hl_changer_active_right { background-position: right; }

.hl_changer_active a {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    padding-top: 2px;
    text-decoration: none;
    width: 134px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.hl_changer_active a.active { color: #fff; }

.highlight {
    position: absolute;
}

.highlight a {
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/content/highlights/button.png') top no-repeat;
    z-index: 80;
}

.highlight a:hover { background-position: bottom; }
.highlight a.active { 
    background-position: bottom; 
    -webkit-transition: 0.1s ease-in; 
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.hl_layer {
    position: absolute;
    margin: 35px 0 0 -50px;
    width: 400px;
    display: none;
    z-index: 100;
}

.hl_layer_top {
    height: 20px;
    background: url('../img/content/highlights/layer.png') top no-repeat;
}

.hl_layer_content {
    padding: 2px 40px 30px 38px;
    background: url('../img/content/highlights/layer.png') bottom no-repeat;
}

.hl_layer_content h4 { color: #cc0000; font-size: 20px; padding-bottom: 12px; }
.hl_layer_content img { margin-bottom: 16px; }

.highlight_1 { margin: 140px 0 0 300px; }
.highlight_2 { margin: 143px 0 0 227px; }
.highlight_3 { margin: 130px 0 0 368px; }
.highlight_4 { margin: 212px 0 0 334px; }
.highlight_5 { margin: 174px 0 0 275px; }
.highlight_6 { margin: 228px 0 0 245px; }
.highlight_7 { margin: 281px 0 0 327px; }
.highlight_8 { margin: 226px 0 0 273px; }
.highlight_9 { margin: 183px 0 0 450px; }
.highlight_10 { margin: 271px 0 0 240px; }
.highlight_11 { margin: 127px 0 0 282px; }
.highlight_12 { margin: 311px 0 0 229px; }
.highlight_13 { margin: 500px 0 0 365px; }

.hl_layer_33 { margin: 130px 0 0 368px; }
.hl_layer_4 { margin: -80px 0 0 -410px; }
.hl_layer_5 { margin: -60px 0 0 40px; }
.hl_layer_6 { margin: -60px 0 0 40px; }
.hl_layer_7 { margin: -100px 0 0 -410px; }
.hl_layer_8 { margin: -120px 0 0 40px; }
.hl_layer_9 { margin: -60px 0 0 -410px; }
.hl_layer_10 { margin: -140px 0 0 40px; }
.hl_layer_11 { margin: -80px 0 0 40px; }
.hl_layer_12 { margin: -220px 0 0 40px; }
.hl_layer_13 { margin: -420px 0 0 -300px; }

.sf_box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 14px;
    color: #ccc;
    behavior: url(/css/PIE.htc);
}

.sf_box p {
    padding-left: 0 !important;
}

.sf_box hr {
    margin-bottom: 30px;
}

.sf_box h3 { font-size: 28px; }

.schwimmerfinder {
    width: 720px;
}

.schwimmerfinder .select_replace { 
    width: 160px;
    background-image: url('../img/elements/select_replace_red_div.png');
}

.schwimmerfinder .select_replace span {
    padding-top: 3px;
    font-size: 13px; 
    height: 24px;
    background-image: url('../img/elements/select_replace_red_span.png');
}

.sf_step_inactive .select_replace {
    background-image: url('../img/elements/select_replace_div.png');
    color: #999;
}

.sf_step_inactive .select_replace span {
    background-image: url('../img/elements/select_replace_span.png');
    color: #999;
}

.sf_tiefenmass .select_replace { width: 128px; }
.sf_durchmesser .select_replace { width: 123px; }

.sf_step_cont { float: left; }

.sf_step {
    padding-left: 27px;
    float: left;
    background: url('../img/elements/arrows/large_right_on_black.gif') 5px 1px no-repeat;
}

.sf_step_inactive {
    background-image: url('../img/elements/arrows/large_right_grey_on_black.gif');
}

.sf_ergebniss span {
    display: block;
    float: left;
    color: #999;
    font-size: 13px;
    line-height: 20px;
    padding-top: 4px;
}
.sf_ergebniss span.sf_nummer {
    color: #c00;
    font-size: 20px;
    margin-left: 8px;
}

.anwendung_img {
    margin: 14px 0 45px 0;
}

.anwendung h2 {
    padding-bottom: 20px;
}

.imageflow {
    overflow: visible;
    height: 550px !important;
}

#imageflow_images {
    position: relative;
    margin-top: -140px;
    height: 500px !important;
    -webkit-transform: translateZ(0);
    overflow: visible;
}

#imageflow_images img {
    -webkit-box-shadow: 0 0 6px #000;
}

.imageflow .scrollbar { border: 0;}

.imageflow .previous {
    position: absolute;
    width: 16px;
    height: 24px;
    top: 0;
    left: -240px;
    margin: -255px 0 0 0;
    background: url('../img/elements/arrows/large_left.gif') !important;
}

.imageflow .next {
    position: absolute;
    width: 16px;
    height: 24px;
    top: 0;
    right: -225px;
    margin: -255px 0 0 0;
    background: url('../img/elements/arrows/large_right.gif') !important;
}

#imageflow_navigation { height: 1px !important; }

.anwendung_teaser {
    width: 290px;
    margin-right: 35px;
    float: left;
    padding-top: 45px;
}

.stopfengalerie {
    position: relative;
}

.schwimmergalerie {
    position: relative;
}

.schwimmergalerie .sg_schwimmer {
	position: relative;
    float: left;
    height: 340px;
    width: 116px;
    text-align: center;
    font-size: 15px;
    color: #666;
}

.schwimmergalerie .sg_schwimmer img {
	position: absolute;
	bottom: 30px;
	left: 7px;
}

.schwimmergalerie .sg_schwimmer p {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.schwimmergalerie .active {
    font-size: 17px;
    color: #cc0000;
}
.schwimmergalerie .active p {
    display: block;
    margin-top: -2px;
}

.schwimmergalerie .prev, .schwimmergalerie .next {
    margin: 130px 0 0 0;
}

.historie { margin-bottom: 35px; }

.historie .h_year {
    float: left;
    font-size: 20px;
    margin-right: 12px;
}

.historie img {
    float: left;
    margin-right: 33px !important;
}

.historie .h_text {
    float: left;
    width: 350px;
}

.historie .h_text h3 { font-size: 20px; }

.historie .h_text p { font-size: 15px; }

.teammember {
    width: 220px;
    margin-right: 20px;
    float: left;
    height: 320px;
}

.tm_position {
    font-size: 15px;
    color: #666;
    height: 32px;
}

.tm_name {
    font-size: 20px;
    margin-bottom: 6px;
}

.tm_info { font-size: 13px; }

.newslist a {
    display: block;
    padding-top: 40px;
    text-decoration: none;
    color: #000;
}

.newslist a small {
    font-size: 13px;
    color: #c00;
    float: left;
    width: 100px;
    padding-top: 7px;
}

.newslist a .news_main {
    float: right;
    width: 647px;
    font-size: 13px;
}

.newslist a:hover h4 { color: #c00; }

.newslist a .news_more { color: #c00; text-decoration: underline; }

.news_detail span.news_date { 
    color: #c00;
    font-size: 13px;
    display: block;
    margin-bottom: 8px;
}

.news_detail h3 {
    font-size: 20px;
    font-family: DINWeb, Arial,sans-serif;
    padding-bottom: 24px;
}

.branding {
    position: relative;
}

.branding .slide {
    height: 400px;
    width: 700px;
}

.downloads {
    margin-top: 45px;
    border-top-width: 1px;
    margin-left: -20px;
    width: 740px;
}

.dl_category {
    border-bottom-width: 1px;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    padding: 15px 20px;
    background: url('../img/elements/arrows/small_red_right.jpg') 646px 22px no-repeat;
}

.downloads .close {
    background: url('../img/elements/arrows/small_black_down.jpg') 646px 22px no-repeat;
}

.dl_download {
    border-bottom-width: 1px;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    height: 35px;
    padding: 7px 20px;
}

.dl_download span, .download_tab li a span {
    display: block;
    width: 132px;
    padding-top: 2px;
    height: 23px;
    background: url('../img/content/download_btn.jpg') top;
    float: right;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
}

.dl_download span:active {
    background-position: bottom;
}

.dl_download p {
    width: 460px;
    float: left;
    margin-top: 6px;
}

.download_tab li {
    padding-bottom: 14px;
}

.download_tab li a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.download_tab li a span {
    margin-top: -3px;
}

#video_container {
    display: none;
    height: 500px;
}

.video_loader {
    background-position: 50% 28%;
}

.video_detail {
    padding-bottom: 13px;
    border-bottom-width: 1px;
    margin-bottom: 44px;
}

.video {
    display: block;
    width: 220px;
    margin-right: 20px;
    height: 280px;
    float: left;
    text-decoration: none;
    color: #000;
    font-size: 13px;
}

.video .video_img {
    width: 220px;
    height: 124px;
    margin-bottom: 12px;
}

.video .video_img span {
    display: block;
    width: 220px;
    height: 124px;
    background: url('../img/content/play_hover.png') 0px -13px no-repeat;
}

.video:hover .video_img span, .active .video_img span {
    background-position: 0px -163px;
}

.content_faq h3 {
    padding-bottom: 24px;
}

.content_faq h4 {
    border-top-width: 1px;
    padding: 10px 0;
    margin: 0;
    cursor: pointer;
}

.content_faq em {
    display: block;
    padding-bottom: 16px;
    font-style: normal;
}

.content_faq br {
    display: none;
}

.content_faq em br {
    display: block;
}

#contact_form {
    width: 816px;
}

.contact_col {
    width: 260px;
    float: left;
    margin-right: 6px;
}

.contact_col .select_replace {
    margin-bottom: 15px;
}

.content_col_2 { padding-top: 73px; }

.contact_col p {
    display: inline;
}

.contact_required {
    text-align: right;
    font-size: 13px;
    height: 44px;
    padding-right: 14px;
}

.message_btn {
    display: block;
    width: 147px;
    height: 25px;
    background: url('../img/content/message_btn.jpg') top;
    float: right;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    cursor: pointer;
    margin-right: 44px;
}

.message_btn:active {
    background-position: bottom;
}

.startvideos {
    border-bottom-width: 1px;
}

.startvideos .slide {
    width: 940px;
    height: 528px;
    position: relative;
}

.startvideos .navi li {
    float: left;
}

.startvideos .slide .btn_over_video {
    position: absolute;
    top: 450px;
    left: 50px;
    z-index: 500;
}

.start_scroll_link {
    position: relative;
    display: block;
    float: left;
    color: #333;
    text-decoration: none;
    width: 293px;
    height: 72px;
    padding: 18px 10px 10px 10px;
    background: url('../img/content/start_scroll_link_bg.gif');
    margin: 3px 1px 10px 0;
}

.startvideos .navi .col_last { width: 292px; }

.play_over_sm {
    position: absolute;
    left: 10px;
    display: block;
    width: 122px;
    height: 72px;
    background: url('../img/content/play_hover_sm.png') top;
}

.start_scroll_link:hover, .active .start_scroll_link {
    color: #fff;
    background-position: bottom;
}

.start_scroll_link:hover .play_over_sm, .active .start_scroll_link .play_over_sm {
    background-position: bottom;
}

.start_scroll_link_img:hover .play_over_sm, .active .start_scroll_link_img .play_over_sm {
    background-position: center;
}

.start_scroll_link img {
    float: left;
    margin-right: 12px !important;
}

.start_scroll_link h3 {
    float: left;
    font-size: 17px;
    padding-bottom: 3px;
    padding-top: 0px;
    width: 157px;
}

.start_scroll_link p {
    font-size: 13px;
    line-height: 1.35;
}

.col_start_left {
    width: 450px;
    margin-right: 40px;
    float: left;
}

.col_start_right {
    width: 450px;
    float: left;
}

.col_start_left h4, .col_start_right h4 {
    padding: 0 0 6px 0;
}

.col_start_left_bordered {
    padding-right: 20px;
    border-right-width: 1px;
    margin-right: 19px;
}

.start_hr {
    clear: both;
    height: 32px;
    border-bottom-width: 1px;
    margin-bottom: 32px;
}

.video_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 528px;
    display: none;
    z-index: 400;
}

.vl_opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 528px;
    background-color: #fff;
    opacity: 0.7;
}

.vl_text {
    position: absolute;
    top: 450px;
    left: 50px;
}

.vl_text p {
    margin-bottom: 24px;
}

#search_page_form {
    padding: 18px 0 2px 0;
}

#search_page_form .input_text {
    border-color: #ccc;
    -webkit-border-radius: 20px;
    margin-right: 10px;
    padding: 5px 11px 4px 11px;
}

#search_page_form .btn_25px span { 
    display: block;
    float: left;
    
    background: url('../img/content/lupe.gif') left center no-repeat;
    width: 25px;
    height: 22px;
}

#search_page_form .btn_25px ins {
    padding-left: 10px;
}

.search ul li {
    display: inline-block;
}

.search ul li a {
    display: block;
    padding: 8px 8px 7px 0;
    color: #000;
    text-decoration: none; 
    font-size: 14px;
}

.search ul a.active, .search ul a:hover { color: #c00; }

.search_result {
    color: #000;
    text-decoration: none;
    margin-bottom: 36px;
    display: block;
}

.search_result h5 {
    font-size: 17px;
    padding-bottom: 0px;
}

.search_result:hover h5 { color: #cc0000; }

.search_result p { font-size: 13px; }
.search_result span { color: #c00; text-decoration: underline; }

.search_overview h4 {
    width: 130px;
    float: left;
    font-size: 14px;
    color: #c00;
}
.search_overview .search_results {
    width: 640px;
    float: right;
}

.search_overview .search_results small {
    font-size: 14px;
    display: block;
    margin-bottom: 16px;
}

.search_overview .search_results .showmore {
    float: none;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}