/****************************************************************/ /* Design: Multiflex-4.0 / Layout 1 */ /* File: Global layout structure */ /*--------------------------------------------------------------*/ /* Design: 1234.info */ /* Date: December 18, 2007 */ /*--------------------------------------------------------------*/ /* License: Fully open source without restrictions. */ /* Please keep footer credits with the words */ /* "Design by 1234.info". Thank you! */ /****************************************************************/ /* Farben #99b2ff Heller #3366ff Grundton #2952cc Dunkler #1f3d99 Ganz dunkel /*-------------------------------------------------------------------------------*/ /* If you are interested in adopting the new header in Multiflex-4 for your */ /* existing website using Multiflex-3, here are the instructions how to do it: */ /* */ /* A. CSS Code */ /* 1. Replace your current Multiflex-3 CSS setup file with this file. */ /* */ /* B. HTML Code */ /* 1. Open the Multiflex-4 HTML file corresponding to your Multiflex-3 file. */ /* 2. Copy the indicated HTML lines as instructed in the code. */ /* 3. Paste the copied HTML lines into your Multiflex-3 file. */ /* */ /* C. IMAGE files */ /* 1. Copy the the following five files from the Multiflex-4 image directory */ /* to your current image directory for Multiflex-3: */ /* - "bg_head_corner_topleft_25px.gif" */ /* - "bg_head_corner_topright_25px.gif" */ /* - "flag_greatbritain.png" */ /* - "flag_germany.png" */ /* - "flag_sweden.png" */ /* */ /* D. Your new header is now ready for operation! */ /*-------------------------------------------------------------------------------*/ /************/ /* GLOBAL */ /************/ /* NON-HEADER */ *{padding:0; margin:0;} body {font-size:62.5%; background-color:#ffffff; font-family:verdana,arial,sans-serif;color:#666666;} /*Font-size: 1.0em = 10px when browser default size is 16px*/ .page-container {background-color:#ffffff;width:960px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em;} .main {clear:both; width:954px; padding-bottom:30px; border-left:solid 3px #3366ff; border-right:solid 3px #3366ff;} .old_main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:890px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:955px; margin:0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} /* HEADER */ .header {width:960px;background-color:#dddddd;} .header-top {width:954px; height:142px; border-top:solid 3px #3366ff; border-left:solid 3px #3366ff; border-right:solid 3px #3366ff; margin-top:10px; background:#3366ff; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .header-bottom {width:954px; border-bottom:solid 3px #3366ff; border-left:solid 3px #3366ff; border-right:solid 3px #3366ff; border-top:solid 1px #3366ff;} .header-breadcrumbs {clear:both; width:954px; padding:1.0em 0 1.5em 0; border-left:solid 3px #3366ff; border-right:solid 3px #3366ff;} .header .round-border-topleft {width:25px; height:25px; position:absolute; z-index:100; background:url(../img/bg_head_corner_topleft_25px.gif) no-repeat; margin-top:-3px; margin-left:-3px;} .header .round-border-topright {width:25px; height:25px; position:absolute; z-index:100; background:url(../img/bg_head_corner_topright_25px.gif) no-repeat; margin-top:-3px; margin-left:932px;} /*************/ /* 2. HEAD */ /*************/ /*.sitelogo {width:51px; height:51px; position:absolute; z-index:1; margin:18px 0 0 15px; background:url(../img/bg_head_top_logo.jpg);}*/ .old_sitelogo {width:186px; height:66px; position:absolute; z-index:1; margin:30px 0 0 35px; background:url(../img/logo.gif);} .sitelogo {width:224px; height:60px; position:absolute; z-index:1; margin:36px 0 0 8px; background:url(../img/logo_v2.jpg);} .sitename {width:709px; height:142px; position:absolute; z-index:1; margin:0px 0 0 245px; background:url(../img/slogan_kt.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .sitename h1 {font-weight:normal; font-size:240%;} .sitename h2 {margin:-2px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;} .sitename a{text-decoration:none; color:rgb(125,125,125);} .sitename a:hover {text-decoration:none; color:rgb(125,125,125);} .headerfunc_test{float: right;width:20px;height:20px;background-color:#ff0000;} .headerfunc {display:block;width:954px;height:28px;top:127px;padding:0px 0px 0px 0px; margin:0px;position:absolute; z-index:2;} .headerfunc_right{float:right;text-align:right;height:28px;width:295px;background-color:#3366ff;border:1px solid #dddddd;padding:0px;margin:0px;} .headerfunc_suchen { float: right;width:170px;padding:0px;margin:0px; } .tx-macinasearchbox-pi1 { float:right;width:170px;padding:0px;margin:0px; } .headerfunc_suchen_aussen{float:right;width:165px;padding:0px;margin:0px;} .headerfunc_suchen_searchform {height:26px;text-align:left;} .headerfunc_suchen_eingabe {color:#666666;width:10.0em; height:18px; border:1px solid rgb(200,200,200); } .headerfunc_suchen_button {height:25px; ;margin-right:2px; background:#ffffff; border:1px solid rgb(200,200,200); color:#666666; } .headerfunc_suchen_button:hover {border:1px solid rgb(200,200,200); background:rgb(220,220,220); color:#666666;} .headerfunc_suchen_go_aussen{float:right;margin-top:4px;height:18px;} .headerfunc_suchen_go_a{height:18px;display:block;text-decoration:none;font-size:120%;color:#666666;} .headerfunc_suchen_go_a:hover{color:#ffffff;background-color:#666666;} .headerfunc_suchen_go{margin-left:3px;float:left;text-align:center;text-decoration:none;border:1px solid rgb(200,200,200); height:18px;width:20px;margin-top:0px;background-color:#ffffff;color:#666666; font-family:verdana,arial,sans-serif; font-size:100%; } .headerfunc_suchen_go_inpa{float:left;} .headerfunc_sprachen {float:right;padding:2px 0px 0px 10px;} .headerfunc_sprachen ul.langnav {float:right;height:20px;} .headerfunc_sprachen ul { padding:2px 0px 0px 0px; margin:0px;} .headerfunc_sprachen li {display:inline; list-style:none;} .headerfunc_sprachen li a {padding:0 0 0 3px;} .headerfunc_sprachen a:hover {text-decoration:none;} .headerfunc_sprachen a img {height:20px;border:none;} .headerfunc_warenkorb {height:20px;text-align:right;padding: 4px 3px 0px 0px;margin:0px;float:right;} .nav0_breadcrumbs {color:#ffffff;border:0px;width:350px; position:absolute; z-index:2; margin:150px 0 0 0; margin-left:2px !important /*Non-IE6*/; margin-left:8px /*IE6*/;} .nav0_breadcrumbs .header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;} .nav0_breadcrumbs .header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:#ffffff; font-size:100%;} .nav0_breadcrumbs .header-breadcrumbs ul a {color:#ffffff; text-decoration:none;} .nav0_breadcrumbs .header-breadcrumbs ul a:visited {color:#ffffff; text-decoration:none;} .nav0_breadcrumbs .header-breadcrumbs ul a:hover {color:#ffffff; text-decoration:underline;} .nav1 {width:350px; position:absolute; z-index:3; margin:55px 0 0 610px;} .nav1 ul {float:right; padding:0 15px 0 0; font-weight:normal;} .nav1 li {display:inline; list-style:none;} .nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:110%;} .nav1 a:hover {text-decoration:none; color:rgb(50,50,50);} /* nav2 Drop-down menu */ .nav2 {white-space:nowrap; float:left; width:954px; background:rgb(225,225,225); color:rgb(100,100,100); font-size:130%;} .nav2 ul {list-style-type:none;} .nav2 ul li {float:left; z-index:auto !important; z-index:1000; border-right:solid 1px rgb(175,175,175);} .nav2 ul li a {float:none !important; float:left; display:block; height:2.1em; line-height:2.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:normal; color: rgb(100,100,100);} .nav2 ul li ul {display:none; border:none;} .nav2 ul li:hover {position:relative;} .nav2 ul li:hover a {background-color:rgb(215,215,215); text-decoration:none;} .nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.0em; margin-top:0.1em; left:0;} .nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(240,240,240); font-weight:normal; color:rgb(100,100,100);} .nav2 ul li:hover ul li a:hover {background-color:rgb(215,215,215); text-decoration:none;} .nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;} .nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 ; background-color:rgb(215,215,215); text-decoration:none;} .nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.1em; t\op:2.0em; left:0; marg\in-top:0.1em;} .nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(240,240,240); font-weight:normal; color:rgb(50,50,50);} .nav2 ul li a:hover ul li a:hover {background-color:rgb(215,215,215); text-decoration:none;} .nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.1em; t\op:2.0em; left:0; marg\in-top:0.1em;} .header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;} .header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;} .header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;} .header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;} .xxxheader-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;} .xxxheader-breadcrumbs .searchform form fieldset {float:right; border:none;} .xxxheader-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; } .xxxheader-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;} .xxheader-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /******************/ /* MAIN SECTION */ /******************/ /* MAIN CONTENT */ .column1-unit {width:954px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .column2-unit-left {float:left; width:425px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .column2-unit-right {float:right; width:425px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .column3-unit-left {float:left; width:270px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .column3-unit-middle {float:left; width:270px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;} .column3-unit-right {float:right; width:270px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .kcbb_warenkorb{height:18px;display:block;margin-top:0px;padding:0px 0px 0px 0px;} .kcbb_warenkorb_anzahl{display:block;padding:2px 2px 2px;font-weight:normal; font-size:120%;} .kcbb_warenkorb_top_a{display:block;text-decoration:none;font-size:120%;color:#666666; } .kcbb_warenkorb_top{text-align:left;visibility:hidden;text-decoration:none;border:1px solid rgb(200,200,200); padding:1px 0px 0px 30px;height:16px;width:100px;margin-top:0px;background:url(../img/wk130.gif) no-repeat;background-color:#ffffff;} /********************/ /* FOOTER SECTION */ /********************/ .footer_line{display:block;text-align:center;font-size:1.0em;padding-top:3px;} .footer {clear:both; width:954px; padding-bottom:3px; border-top:solid 3px #3366ff; border-left:solid 3px #3366ff; border-right:solid 3px #3366ff; border-bottom:solid 3px #3366ff; background:#ffffff; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;} .footer p.credits {font-weight:normal;} .footer a {text-decoration:underline; color:rgb(125,125,125);} .footer a:hover {text-decoration:none;color:rgb(125,125,125);} .footer a:visited {color:rgb(125,125,125);} /******************/ /* CLEAR FLOATS */ /******************/ .page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;} .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear-contentunit {clear:both; width:890px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);} /********************************/ /* PRINTING and MISCELLANEOUS */ /********************************/ @media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}} @media print {.header-breadcrumbs {width:954px; background:transparent;}} @media print {.nav2 {float:left; width:954px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/ @media print {.main {clear:both; width:954px; padding-bottom:30px; background:transparent;}} @media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}} .body_bigtext{display:block;color:#ffffff;background-color:#3366ff;width:955px;text-align:center;font-family:verdana,arial,sans-serif;font-size:4.0em} .body_bigtext p{padding:0px;margin:0px;} #kcs_carousel{display:block;height:329px;background-image: url('../animations/home_001/images/home_back.png');background-repeat:no-repeat;} #kcs_carousel #holder_images { display: none; } #kcs_carousel #carousel img {border: 2px solid #ddd;} #kcs_carousel #carousel img.link:hover {border: 2px solid #ddd;} #kcs_carousel #carousel {display:block;} #kcs_carousel #text{position:absolute;display:none;width:400px;left:400px;height:220px;top:200px;border:1px solid #aaaaaa;background-color:#dddddd} #kcs_carousel #text .span{display:none;color:rgb(100,100,100);} #kcs_carousel #text h1{color:rgb(100,100,100);} #kcs_carousel #text p{color:rgb(100,100,100);} #kcs_carousel #carouselText{display:none;} #tab1_kcs_slider {float:right;margin:0px;padding:0px;margin:0px;} #tab1_kcs_slider ul {margin:0px;padding:0px;} #tab1_kcs_slider ul li{width:500px;height:300px;list-style-type:none; background:none;margin:0px;padding:0px;} #tab1_kcs_slider ul li h1{background-color:#3465ff;font-size:180%;color:#ffffff;font-family:"trebuchet ms",arial,sans-serif;padding:3px 3px 5px 3px;margin:0px;border:none;} #tab1_kcs_slider ul li img{border:0px;} #tab1_kcs_slider ul li p{margin:0 0 1.0em 0; line-height:1.5em; font-size:100%;} .leftcolpg1{float:left;width:445px;padding-top:0px;padding-left:5px;} .rightcolpg1{float:right;width:500px;padding-top:0px;margin-top:0px;} .main-content .column1-unit h1{padding-left:5px;} .main-content .column1-unit p{padding-left:5px;} .subcontent-unit-noborder-green{margin-left:7px;margin-right:7px;padding:3px 3px 3px 3px;vertical-align: middle;border:1px solid #dddddd;background-color:#eeeeee;color:#0066cc;} .subcontent-unit-noborder-green h1 {font-weight:normal; font-size:240%;color:#0066cc;} .subcontent-unit-noborder-green p {font-weight:normal; font-size:240%;color:#0066cc;} .subcontent-unit-noborder-green .bodytext {font-weight:normal;font-size:14px; color:#0066cc;} .subcontent-unit-noborder-green .align-center {text-align:center;vertical-align:center;font-weight:normal;font-size:14px; color:#0066cc;} .headerfunc_ticker{float:left;width:650px;height:28px;} #ticker{height:40px;float:left;overflow:hidden;background-color:#3366ff;padding:0px;margin:0px;} #ticker_frame{height:28px;color:#ffffff;background-color:#3366ff;overflow:hidden;width:696px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;} #ticker ul, #ticker li{margin:0;padding:0;list-style:none;background-color:#3366ff;} #ticker li{width:696px;overflow:hidden;font-size:16px;color:#ffffff;background-color:#3366ff;height:26px;vertical-align:center} #ticker li img{float:left;height:26px;vertical-align:center;margin-right:3px;} #ticker li p{float:left;vertical-align:center;margin-right:3px;margin-top:5px;} .tx-kococontentslider-pi2{}