body,ul {margin:0;padding:0;} body{background:#F0F0F0; text-align:center;} form {margin:0px;} ul{list-style:none;} /* Hintergrund */ #main_top {width:990px; margin:0px auto; top: 0px; height: 40px; background-image: url(../images/main_top.gif); background-repeat: no-repeat; background-position: top; margin-bottom: 0px; position:relative;} #main_bg {width:990px; margin:0 auto; top: 0px; height: 100%; background-image: url(../images/main_bg.gif); background-repeat: repeat-y; background-position: top;} #main_bottom {width:990px; margin:0 auto; top: 0px; height: 40px; background-image: url(../images/main_bottom.gif); background-repeat: no-repeat; background-position: top;} #main_impressum {width:990px; margin:0 auto; top: 0px; height: 80px; background-image: url(../images/main_impressum.gif); background-repeat: no-repeat; background-position: top;} /* Hintergrund Navigation */ #header_left {height:110px;background-image: url(../images/nav_bg.gif);background-repeat: repeat-x;margin-left: 20px;margin-right: 20px;} #header_left span{background-image: url(../images/100_bg.gif);background-repeat: repeat-x;} /* Footer */ #footer { height:105px;} #footer_login { height:105px;} #footer_bg {width:990px; margin:0 auto; top: 0px; height: 150px; background-image: url(../images/main_bg.gif); background-repeat: repeat-y; background-position: top;} /* Impressum, Logo */ #impressum { height:40px; padding-top:25px; text-align:left; font-size:10px; color:#294753;} #logo {background:url(../images/Logo.gif); background-repeat: no-repeat; height: 110px; } /* Navigation */ #nav-main {height:50px;padding-top:60px;width:650px;margin-left:460px;z-index:2;} #nav-main li{float:left;height:50px;} #nav-main li:hover, #nav-main li.sfhover, #nav-main li.selected-super-sfhover{position:relative;} #nav-main a{color:#fff;display:block;font-size:14px;padding:1.15em 19px;text-decoration:none;} #nav-main>li>a{min-height:18px;} #nav-main li:hover a, #nav-main li.sfhover a, #nav-main li.selected-super a, #nav-main li.selected-super-sfhover a{color:#294753;background:transparent url(../images/nav_bg_active.gif) no-repeat;} #nav-main ul{background:transparent url(../images/header_dropdown.gif) repeat-x 0 0;left:-9999px;padding:0;position:absolute;width:150px;top:50px;overflow:hidden;} #nav-main li:hover ul, #nav-main li.sfhover ul, #nav-main li.selected-super-sfhover ul{left:0;} #nav-main li ul li{display:block;float:none;position:relative;height:auto;text-align:left;} #nav-main li ul li.last-point{background:url(../images/nav_menu_bottom1.gif) no-repeat 0px bottom;} #nav-main li ul li.last-point a{border:none;border-top:1px solid #fff;margin:0 1px 0;padding:5px 17px 10px;} #nav-main li ul li.last-point:hover{background:url(../images/nav_menu_bottom.gif) no-repeat 10px bottom;} #nav-main li:hover li a, #nav-main li.sfhover li a, #nav-main li.selected-super-sfhover li a{background:none;font-size:12px;line-height:1.2em;margin-right:0;padding:0;color:#505050;padding:5px 17px;background-image:none;display:block;border-left:1px solid #d4d6dc;border-right:1px solid #d4d6dc;border-bottom:1px solid #d4d6dc;border-top:1px solid #fff;height:14px;} #nav-main li:hover li a:hover, #nav-main li.sfhover li a:hover, #nav-main ul li.selected-sub a, #nav-main li.selected-super-sfhover li a:hover{background-image:none;background-color:#294753;color:#FFFFFF;} /* Buttons links 100px hoch*/ .column-button280 {width:280px;float:left;margin-bottom:10px;height:100px;text-decoration:none;clear: left;} .column-button280-70 {width:280px;float:left;margin-bottom:10px;height:70px;text-decoration:none;clear: left;} /* Buttons rechts 100px hoch*/ .column-315left {width:315px; float:left; margin-bottom:10px; margin-left:10px; height:100px; text-decoration:none; display:block;} .column-315right {width:315px; float:right; margin-bottom:10px; margin-left:10px; height:100px; text-decoration:none; display:block;} .column-640red {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:100px; text-decoration:none;} .column-640redsuche {background:url(../images/shopsuche_button.gif) top left no-repeat; width:410px; float:right; margin-bottom:10px; margin-left:10px; height:80px; text-decoration:none; padding-top:20px; padding-left:230px;} .column-640redsort {background:url(../images/sort_button.gif) top left no-repeat; width:410px; float:right; margin-bottom:10px; margin-left:10px; height:80px; text-decoration:none; padding-top:20px; padding-left:230px;} /* Buttons links 70px hoch */ /* Buttons rechts 70px hoch */ .column-280left {width:116px; float:left; margin-bottom:10px; margin-left:10px; height:230px; text-decoration:none; display:block;} .column-280-1left {width:116px; float:left; margin-bottom:10px; height:230px; text-decoration:none; display:block;} .column-280right {width:280px; float:right; margin-bottom:10px; margin-left:16px; margin-right:16px; height:70px; text-decoration:none; display:block;} .column-605right {background:url(../images/shopsearch_button.gif) top left no-repeat; width:605px; float:right; margin-bottom:10px; margin-right:10px; height:70px; text-decoration:none; display:block;} /* Hintergründe links */ .column-500left {width:280px;float:left;margin-bottom:10px;height:500px;background:url(../images/blue500_bg.gif) repeat-x;text-decoration:none;clear: left;} .column-500left span {background:url(../images/blue500_left.gif) top left no-repeat; display:block; height:500px;} .column-500left span span {background:url(../images/blue500_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:490px;} .column-250left {width:280px; float:left; margin-bottom:10px; height:250px; background:url(../images/blue250_bg.gif) repeat-x; text-decoration:none;clear:left;} .column-250left span {background:url(../images/blue250_left.gif) top left no-repeat; display:block; height:250px;} .column-250left span span {background:url(../images/blue250_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:240px;} .column-blue280 {width:280px; float:left; margin-bottom:10px; background-color:#CDD3D9; text-decoration:none; clear:left;} .column-blue280 span {background:url(../images/blue280_top.gif) top left no-repeat; display:block;} .column-blue280 span span {background:url(../images/blue280_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px;} /* Hintergründe rechts */ .column-500right {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:500px; background:url(../images/blue500_bg.gif) repeat-x; text-decoration:none;} .column-500right span {background:url(../images/blue500_left.gif) top left no-repeat; display:block; height:500px;} .column-500right span span {background:url(../images/blue500_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:490px;} .column-100right {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:100px; background:url(../images/blue100_bg.gif) repeat-x; text-decoration:none;} .column-100right span {background:url(../images/blue100_left.gif) top left no-repeat; display:block; height:100px;} .column-100right span span {background:url(../images/blue100_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:90px;} .column-360hello {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:350px; background:url(../images/start.gif) repeat-x; text-decoration:none; padding:10px 0px 0px 0px;} .column-grey250 {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:250px; background-color:#EBEBEB; text-decoration:none; } .column-grey250 span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; height:250px;} .column-grey250 span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; height:240px;} .column-grey620 {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:620px; background-color:#EBEBEB; text-decoration:none; } .column-grey620 span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; height:620px;} .column-grey620 span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; height:610px;} .column-grey500 {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:500px; background-color:#EBEBEB; text-decoration:none; } .column-grey500 span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; height:500px;} .column-grey500 span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; height:490px;} .column-erklaerung {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:500px; background-color:#EBEBEB; text-decoration:none; } .column-erklaerung span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; height:500px;} .column-erklaerung span span {background:url(../images/erklaerung.gif) bottom right no-repeat; padding:10px 0px 0px 10px; height:490px;} #content{ padding:20px 30px 10px 30px;text-align:left;} .column-login {width:280px; float:left; margin-bottom:10px; height:250px; background:url(../images/blue250_bg.gif) repeat-x; text-decoration:none;clear: left;} .column-login span {background:url(../images/blue250_left.gif) top left no-repeat; display:block; height:250px;} .column-login span span {background:url(../images/blue250_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:240px;} .column-pikto {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:150px; background:url(../images/pikto_bg.gif) repeat-x; text-decoration:none;} .column-pikto span {background:url(../images/pikto_left.gif) top left no-repeat; display:block; height:150px;} .column-pikto span span {background:url(../images/pikto_right.gif) top right no-repeat; padding:0px 0px 0px 10px; height:150px;} .column-3rp {width:200px; float:right; margin-bottom:10px; padding-left:10px; margin-left:5px; height:250px; background:url(../images/3rp_bg.gif) top right no-repeat; text-decoration:none;} .column-blue {width:640px; float:right; margin-bottom:10px; margin-left:10px; height:250px; background:url(../images/blue250_bg.gif) repeat-x; text-decoration:none;} .column-blue span {background:url(../images/blue250_left.gif) top left no-repeat; display:block; height:250px;} .column-blue span span {background:url(../images/blue250_right.gif) top right no-repeat; padding:10px 0px 0px 10px; height:240px;} .column-infooff {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:510px; height:auto !important; height:510px; background-color:#EBEBEB; text-decoration:none;} .column-infooff span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:510px; height:auto !important; height:510px;} .column-infooff span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; min-height:500px; height:auto !important; height:500px;} .column-infoon {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:540px; height:auto !important; height:540px; background-color:#EBEBEB; text-decoration:none;} .column-infoon span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:540px; height:auto !important; height:540px;} .column-infoon span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; min-height:530px; height:auto !important; height:530px;} .column-greylogin {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:690px; height:auto !important; height:690px; background-color:#EBEBEB; text-decoration:none;} .column-greylogin span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:690px; height:auto !important; height:690px;} .column-greylogin span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; min-height:680px; height:auto !important; height:680px;} .column-greyloginoff {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:590px; height:auto !important; height:590px; background-color:#EBEBEB; text-decoration:none;} .column-greyloginoff span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:590px; height:auto !important; height:590px;} .column-greyloginoff span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 0px 0px 10px; min-height:580px; height:auto !important; height:580px;} .column-content {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:1280px; height:auto !important; height:1280px; background-color:#EBEBEB; text-decoration:none;} .column-content span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:1280px; height:auto !important; height:1280px;} .column-content span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 10px 0px 10px; min-height:1270px; height:auto !important; height:1270px;} .column-contentbutton {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:1170px; height:auto !important; height:1170px; background-color:#EBEBEB; text-decoration:none;} .column-contentbutton span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:1170px; height:auto !important; height:1170px;} .column-contentbutton span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 10px 0px 10px; min-height:1160px; height:auto !important; height:1160px;} .column-contentlogin {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:1160px; height:auto !important; height:1160px; background-color:#EBEBEB; text-decoration:none;} .column-contentlogin span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:1160px; height:auto !important; height:1160px;} .column-contentlogin span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 10px 0px 10px; min-height:1150px; height:auto !important; height:1150px;} .column-contentstartkat {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:280px; height:auto !important; height:280px; background-color:#EBEBEB; text-decoration:none;} .column-contentstartkat span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:280px; height:auto !important; height:280px;} .column-contentstartkat span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 10px 0px 10px; min-height:270px; height:auto !important; height:270px;} .column-contentstartinfo {width:640px; float:right; margin-bottom:10px; margin-left:10px; min-height:760px; height:auto !important; height:760px; background-color:#EBEBEB; text-decoration:none;} .column-contentstartinfo span {background:url(../images/grey640_top.gif) top left no-repeat; display:block; min-height:760px; height:auto !important; height:760px;} .column-contentstartinfo span span {background:url(../images/grey640_bottom.gif) bottom right no-repeat; padding:10px 10px 0px 10px; min-height:750px; height:auto !important; height:750px;} .column-christmas {width:640px;float:right;margin-bottom:10px;height:250px;background:url(../images/Weihnachten.gif) top left no-repeat;;text-decoration:none;}.column-valentinstag {width:640px;float:right;margin-bottom:10px;height:250px;background:url(../images/Valentinstag.gif) top left no-repeat;;text-decoration:none;} .column-biosun {width:280px;float:left;margin-bottom:10px;height:280px;background:url(../images/Biosun_Banner.jpg) top left no-repeat;;text-decoration:none;clear: left;}.column-YCBanner {width:640px;float:right; margin-left:10px; margin-bottom:10px; height:360px; background:url(../Banner/YCBanner.gif) top left no-repeat;} #ueberschrift-blau {font-weight:bold; font-family:Trebuchet MS; color: #475168; font-size: 14px; line-height: 20px; padding-top:20px;} #ueberschrift-rot {font-weight:bold; font-family:Trebuchet MS; color: #990000; font-size: 16px; line-height: 20px; padding-top:30px;} #ueberschrift-black {font-weight:bold; font-family:Trebuchet MS; color: #000000; font-size: 14px; line-height: 20px; padding-top:20px;} #ueberschrift-grau {font-weight:bold; font-family:Trebuchet MS; color: #888888; font-size: 14px; line-height: 20px; padding-top:20px;} #ueberschrift-weiss {font-weight:bold; font-family:Trebuchet MS; color: #FFFFFF; font-size: 14px; line-height: 20px; padding-top:20px;} #ueberschrift-gelb {font-weight:bold; font-family:Trebuchet MS; color: #FFEC00; font-size: 14px; line-height: 20px; padding-top:20px;} .column-2 {width:610px; float:right; margin-left:20px;margin-bottom:50px;height:300px;} .column-gotop {width:640px; float:right;} .container {overflow:hidden;} #kostenlos {background:url(../images/Card_Preis.gif) top right no-repeat;float:right;height:75px;width:75px;position: absolute;top: 30px;right: 30px;} #kostenloslogin {background:url(../images/kostenlos.gif) top right no-repeat;float:right;height:75px;width:75px;position: absolute;top: 40px;right: 30px;} #logolink {float:left;height:110px;width:280px;position: absolute;top: 40px;left: 20px;} #Head {float:left;height:30px;width:250px;position: relative;top: 60px;left: 220px; text-align:left;} #fast {float:left;height:30px;width:200px;position: relative;top: 60px;left: 490px; text-align:right;} #bookmark {float:left;height:30px;width:170px;top: 2px;left:770px; text-align:left;} #imoney {float:left;height:30px;width:120px;position: relative;top: 120px;left: 110px; text-align:left;} .line{ background:url(../images/line.gif) bottom repeat-x; margin-bottom:30px; } #footer{ color:#6d6972; margin-left:40px;} #footer ul{ margin:5px 10px 0px 0; list-style:none; float:left; width:150px;} #footer ul li{ color: #6d6972; line-height:1;} #footer ul li a{ color: #6d6972; font-size: 11px; text-decoration:none; line-height:1.4;text-align:left;} #footer div { color:#808080; font-size:14px; font-weight:bold; margin:0; float: left; width:150px;text-align:left;} #footer a{ color:#6d6972; text-decoration:none; font-weight:normal;} #footer a:hover{text-decoration:underline;} .footer-text{ padding-top:25px;} #footer_login{ color:#6d6972; margin-left:40px;} #footer_login ul{ margin:5px 10px 0px 0; list-style:none; float:left; width:130px;} #footer_login ul li{ color: #6d6972; line-height:1;} #footer_login ul li a{ color: #6d6972; font-size: 11px; text-decoration:none; line-height:1.4;text-align:left;} #footer_login div { color:#808080; font-size:14px; font-weight:bold; margin:0; float: left; width:130px;text-align:left;} #footer_login a{ color:#6d6972; text-decoration:none; font-weight:normal;} #footer_login a:hover{text-decoration:underline;} .footer_login-text{ padding-top:25px;}