/* :.:..........:.:.........................: */ *{margin:0; padding:0;} html, body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:100%; color:#A2A3A5;} /* .......................... ... ::: HAUPTELEMENTE ::: ... .......................... */ h1{font-size:12px; color:#000; padding:6px 0px 15px; font-weight:bold; text-transform:uppercase;} h2{font-size:12px; color:#000; padding:0px 0px 15px; text-transform:uppercase;} h3{font-size:12px; color:#000; padding:0px 0px 15px; text-transform:uppercase;} p{padding-bottom:12px; line-height:14px;} hr{line-height:1px; height:0px; border-bottom:0px; margin:5px 0px 5px; padding:0px;} ul, ol{margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; list-style-position:inside;} li, dl{padding:0px 0px 0px;} a{text-decoration:none; color:#003D86;} a:hover{text-decoration:underline;} img{border:0;} .black{color:#000;} .clearer{clear:both; height:0px;} .gototop{clear:both; font-size:11px; padding:15px 0px;} .left{float:left;} .right{float:right; margin-bottom:4px;} .clear6{clear:both; margin-bottom:6px;} .clear{clear:both;} /* .................................... ... ::: ALLGEMEINE CSS STRUKTUR ::: ... .................................... */ #main{width:100%; min-width:800px; min-height:100%; height:auto !important; height:100%; position:absolute;} #first_wrap{width:800px; position:relative; margin:0px auto;} #header{clear:both; width:800px; height:120px;} #logo{float:left; margin-top:10px; padding-left:10px; height:100px;} #logo a{display:block; width:100px; height:100px;} #kollektion{float:right; color:#fff; margin-top:5px; padding-right:12px;} #kollektion p{font-size:40px; line-height:40px; text-align:right; text-transform:uppercase;} #main_navigation{float:right; width:658px; text-transform:uppercase;} #main_navigation ul{list-style:none outside; margin:0px; padding:2px 0px 0px;} #main_navigation li{float:left; font-weight:bold; margin:0px; padding:0px;} #main_navigation a{color:#A2A3A5; padding:0px 3px;} #main_navigation a:hover, #main_navigation li.active a {text-decoration:none; color:#003D86;} #head_content_balken{clear:both; width:800px; height:40px; border-top:6px solid #fff; border-bottom:6px solid #fff; text-transform:uppercase;} #sub_navigation{color:#fff; letter-spacing:0em;} #sub_navigation ul{list-style:none outside; padding:3px 0px 0px 143px; width:615px;} #sub_navigation li{float:left; font-weight:bold; margin:0px; padding:0px; line-height:16px;} #sub_navigation a{color:#fff; padding:0px 3px;} #sub_navigation a:hover, #sub_navigation li.active a {text-decoration:none; color:#003D86;} #content{clear:both; width:800px;} #content_left{float:left; width:140px; text-transform:uppercase; margin-right:6px;} #content_left_color{height:260px;} #left_navigation{} #left_navigation ul{list-style:none outside; padding:0px;} #left_navigation li{margin:0px; padding:0px; font-weight:bold;} #left_navigation a{color:#A2A3A5; font-weight:bold; border-bottom:1px solid #fff; display:block; width:130px; line-height:19px; padding:0px 0px 0px 10px;} #left_navigation a:hover, #left_navigation li.active a {text-decoration:none; color:#003D86; font-weight:bold;} #newsletter_on_the_fly{margin-top:34px; padding-left:10px; clear:both;} #newsletter_on_the_fly input{display:inline;} .e_mail_on_the_fly{float:left;margin-top:5px; color:#A2A3A5; width:95px; height:13px; font-size:9px; padding:4px 0px 3px 3px; border-top:0px; border-right:0px; border-bottom:1px solid #A2A3A5; border-left:1px solid #A2A3A5;} .submit_on_the_fly{color:#A2A3A5; font-size:9px; background:#fff; margin-left:-4px; padding-bottom:1px; cursor:pointer; height:21px; border-top:0px; border-right:0px; border-bottom:1px solid #A2A3A5; border-left:0px;} .submit_image{margin:5px 0px 0px 0px; float:left;} #sound{clear:both; font-size:8px; padding-top:8px; text-align:right; padding-right:15px; font-weight:bold;} #sound p{padding-bottom:0px;} #sound a:hover{text-decoration:none;} #kontakt_on_the_fly{clear:both; font-size:9px; margin-top:13px; padding-left:10px; } #kontakt_on_the_fly p{} #kontakt_on_the_fly ul{list-style:none outside; letter-spacing:-0.09em;} #kontakt_on_the_fly li{display:inline; margin:0px; padding:0px;} #kontakt_on_the_fly a{color:#A2A3A5;} #kontakt_on_the_fly a:hover{text-decoration:none; color:#003D86;} #content_center{float:left; width:434px; color:#000;} #grafik_modul{} #grafik_modul_links{float:left; margin-bottom:6px;} #grafik_modul_mitte{float:right; width:214px;} #content_center_text{clear:both;} #content_center_text ul, #content_center_text ol{padding:0px 0px 0px 12px; margin:0px 0px 0px 10px; list-style-position:outside;} #content_center_text li, #content_center_text dl{padding:0px;line-height:14px;} #content_right{float:right; width:214px;} .grafik_modul_rechts{/*text-align:right;*/ padding-bottom:6px;} #grafik_aktuell{clear:both; display:block; position:absolute; top:435px; left:77%; width:135px; height:135px; background:url(pics/grafik_aktuell.jpg) center no-repeat; margin:10px auto 0px;} /*#grafik_aktuell p{text-align:center; padding:0px 0px 0px 0px; margin: 0px 0px 0px 5px; color:#fff; font-size:12px; font-weight:bold; width:115px; height:123px;"}*/ #grafik_aktuell a{color:#fff;} #grafik_aktuell a:hover{text-decoration:none;} /* ......................... ... ::: AKTUELL SITE ::: ... ......................... */ #aktuell_box{border-top:1px solid #A2A3A5; border-bottom:1px solid #A2A3A5; min-height:126px; margin:-6px 0px 25px 0px;} #aktuell_bild{float:left; width:103px; margin-right:15px; margin-bottom:-2px;} #aktuell_text{float:left; width:300px;padding-top:10px;} /* ........................ ... ::: MARKEN SITE ::: ... ........................ */ table#marken{width:100%; margin-top:-5px; line-height:22px; padding:0px;} td.marken_line{border-bottom:1px solid #A2A3A5; height:1px; line-height:0px;} .marken_name{width:200px; vertical-align:top; } .abteilung{width:185px;} .stockwerk{width:35px; text-align:right;} /* ................................ ... ::: ONLINE SERVICE SITE ::: ... ................................ */ .radiobutton_text{padding:0px 7px 0px 5px;} .registerfield{clear:both;} .registerfield label.first{margin-top:0px;} .registerfield label{float:left; display:block; width:150px; height:100%; margin-top:7px;} .registerfield_input{float:left; width:64%;} .form_inputfield {float:left; margin-top:5px; width:100%;} .form_inputfield_euro {float:left; margin-top:5px;} .form_inputfield_largetext {float:left; margin-top:5px; width:278px; height:75px;} /* .......................... ... ::: LAGEPLAN SITE ::: ... .......................... */ #lageplan_content{background:url(pics/lageplan_gross_neu.jpg) top left no-repeat; width:654px; height:480px;} #lageplan_anfahrt_text{background:#003D86; color:#fff; float:right; width:300px; height:105px; padding:20px 20px 0px; margin-bottom:6px;} div.lageplan_details{clear:both; float:right; display:block; width:324px; height:324px; background:url(pics/lageplan_detail_neu.jpg) top right no-repeat; margin-bottom:12px;} div.lageplan_download{clear:both; float:right; display:block; width:214px;} div.lageplan_download p a{color:#818181;} div.lageplan_download p a:hover{color:#003D86; text-decoration:none;} p.zoom_one a{position:relative; top:239px; right:151px; width:133px; height:133px; display:block;} p.zoom_two a{position:relative; top:155px; left:247px; width:77px; height:24px; display:block;} p.zoom_one span, p.zoom_two span{display:none;} /* ........................... ... ::: DAMENMODE SITE ::: ... ........................... */ #content_right_damenmode{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/blume_pink.jpg) bottom left no-repeat;} #content_right_damenmode p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_herrenmode{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/schmetterlinge_tuerkis.jpg) bottom left no-repeat;} #content_right_herrenmode p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_kindermode{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/schmetterlinge_tuerkis.jpg) bottom left no-repeat;} #content_right_kindermode p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_young_fashion{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/schmetterlinge_blume_gruen.jpg) bottom left no-repeat;} #content_right_young_fashion p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_dessous{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/blume_pink.jpg) bottom left no-repeat;} #content_right_dessous p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_nachtwaesche{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/schmetterlinge_blume_tuerk.jpg) bottom left no-repeat;} #content_right_nachtwaesche p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_struempfe{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/schmetterlinge_gruen.jpg) bottom left no-repeat;} #content_right_struempfe p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;} #content_right_access{float:right; width:214px; min-height:428px; color:#000; background:url(pics/pics_ornamente/blume_pink.jpg) bottom left no-repeat;} #content_right_access p{color:#000; font-size:12px; font-weight:bold; line-height:18px; padding:15px 0px 0px 18px;}