/*TEXT*/ #text_normal_sehr_klein { font-size: 7pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_klein { font-size: 8pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_weiss_klein { font-size: 8pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; } #text_normal_klein_kursiv { font-size: 8pt; font-style:italic; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal, #breadcrumb { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_semi { font-size: 11pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_mittel { font-size: 14px; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; } #text_normal_mittel_fett { font-size: 10pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555657; font-weight: bold; } #text_normal_mittel_kursiv { font-size: 10pt; font-style:italic; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_gross { font-size: 11pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_gross_kursiv { font-size: 11pt; font-style:italic; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_gross_fett { font-size: 11pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555657; font-weight: bold; } #text_normal_riesig { font-size: 14pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_riesig_kursiv { font-size: 14pt; font-style:italic; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_riesig_fett { font-size: 14pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: bold; } #text_normal_weiss_riesig_fett { font-size: 16pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: bold; } #text_normal_fett { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555657; font-weight: bold; } #text_normal_ueberschrift { font-size: 11pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: bold; } #text_normal_kursiv { font-size: 9pt; font-style:italic; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; } #text_normal_klein_fett { font-size: 8pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: bold; } #text_normal_klein_gruen { font-size: 8pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#429E19; font-weight: bold; } #text_normal_rot { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF3C00; font-weight: bold; } #text_normal_gruen { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#429E19; font-weight: bold; } #text_normal_weiss_trenner { font-size: 12pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FBFBF7; font-weight: bold; } .ToolTipTitel { font-size: 7pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-weight: bold; } .ToolTipInhalt { font-size: 7pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: normal; } h1 { font-size: 7pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: normal; display:inline; } /*im text -> text_normal_klein*/ h2 { font-size: 8pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: normal; display:inline; } /*überschriften*/ h3 { font-size: 11pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555657; font-weight: bold; } /*ÜBERSCHRIFT*/ strong { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: normal; } strong.mittel { font-size: 9pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: bold; position:relative; top:10px; left:14px; } strong.klein { font-size: 7pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#474747; font-weight: normal; position:relative; top:14px; left:14px; } /*KONTAKT-INPUT-FELDER*/ #input_kontakt { border:1px solid #AAAAAA; background:#F4F9FC; } #input_kontakt:focus { background:#ffffff; } /*LINKS*/ a:link { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a:visited { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a:hover { font-size: 8pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D95B3; } a:active { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C70C3; } a.color:link { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D95B3; } a.color:visited { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D95B3; } a.color:hover { font-size: 8pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a.color:active { font-size: 8pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C70C3; } a.mittel:link { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a.mittel:visited { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a.mittel:hover { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D95B3; } a.mittel:active { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C70C3; } a.gross:link { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a.gross:visited { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #474747; } a.gross:hover { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D95B3; } a.gross:active { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C70C3; } a.hauptnavi:link { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color: #424242; font-weight: bold; } a.hauptnavi:visited { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color: #424242; font-weight: bold; } a.hauptnavi:hover { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color: #FA3E85; font-weight: bold; } a.hauptnavi:active { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color: #FA3E85; font-weight: bold; } a.current:link,a.current:visited,a.current:active { text-decoration: underline; } /*SUBMIT-BUTTON*/ #input_submit { height:20px; width: 88px; border: 1px solid #AAAAAA; background:#E9F5FE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#474747; } /*TABELLEN-AUSRICHTUNG*/ table.placed { width: 528px; margin-left:32px; margin-top:40px; } /*DIVS*/ div.background { position:absolute; left: 50%; margin-left: -450px; margin-top: 6px; margin-bottom: 6px; border: 1px solid #A7A8AA; width: 900px; } div.feld_oben { width:100%; height:70px; background: #E9F5FE; } div.oben_links { float:left; width:170px; height:70px; } div.oben_rechts { float:left; width:726px; height:70px; } div.mitte_links { float:left; width:170px; } div.mitte_zentral { float:left; width:556px; } div.mitte_rechts { float:left; width:146px; margin-top:40px; margin-left: 12px; margin-bottom: 12px; } div.feld_unten { clear:both; width:100%; height:20px; background: #E9F5FE; } /* 28.02.2010 -> Aufteilung Sortiment */ table.sortimentCenter { margin-top: 40px; } table.herren { background-image: url(../bilder/angebot_stern.gif); background-position: right 70px; background-repeat: no-repeat; } div#sortimentSubnavi { text-align: left; margin: 40px 0px 0px 32px; } div#sortimentSubnavi a { padding-top: 8px; display: block; font-weight: bold; font-size: 13px; text-decoration: none; } div#sortimentSubnavi a:hover { color: #FA3E85; } div#sortimentSubnavi a.current { text-decoration: underline; } div#sortimentSubnavi a.first { padding-top: 0px; } div#breadcrumb { padding: 24px 0px 0px 202px; font-size: 11px;} div#breadcrumb span { } /* ToolTip */ #ToolTip { position:absolute; width: 100px; top: 0px; left: 0px; z-index: 4; visibility: hidden; filter:Alpha(opacity=90); -moz-opacity:0.90; } #tooltip_titel_bgcolor { background: #FA3E85; } #tooltip_text_bgcolor { background: white; } #tooltip_breite { width: 132px; } #tooltip_rahmen_color { background: #A7A8AA; } #painters2 { padding:0; margin:0; list-style-type:none; } #painters2 li { width:114px; height:20px; float:left; margin:2px; } #painters2 a em { font-style:normal; font-size: 8pt; line-height:1.6em; } #painters2 a { text-decoration:none; color:#424242; border:1px solid #A7A8AA; position:absolute; width:114px; height:20px; display:block; text-align:center; } #painters2 a.blue {background:#E9F5FE;} #painters2 a:hover { border: 0px; width:140px; height:28px; z-index:200; background:transparent url(../bilder/opaque.gif); } #painters2 a:hover em { font-size: 10pt; line-height:1.6em; overflow:hidden; cursor:pointer; background:#fff; border:1px solid #A7A8AA; position:absolute; width:140px; height:25px; left:-8px; top:-3px; } #painters2 a:hover.blue em {background:#E9F5FE;} /****************************************************************************** MODUL MODE-SORTIMENT ******************************************************************************/ .galBg { /*background-color: #ffffff; overflow:auto;*/ } /* navigation */ #nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, #nav11, #nav12, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18, #nav19, #nav20 { overflow: hidden; /*padding: 0px 0px 10px 10px; background-color: #ff0000;*/ } #nav1 ul, #nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul, #nav6 ul, #nav7 ul, #nav8 ul, #nav9 ul, #nav10 ul, #nav11 ul, #nav12 ul, #nav13 ul, #nav14 ul, #nav15 ul, #nav16 ul, #nav17 ul, #nav18 ul, #nav19 ul, #nav20 ul { width: 20000px; margin: 0 auto; margin-left: 0px; padding: 0px; } #nav1 li, #nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li, #nav7 li, #nav8 li, #nav9 li, #nav10 li, #nav11 li, #nav12 li, #nav13 li, #nav14 li, #nav15 li, #nav16 li, #nav17 li, #nav18 li, #nav19 li, #nav20 li { float: left; padding-left: 1px; list-style-type: none !important; text-align: center; margin: 0px !important; /* width: 100px; */ } #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a, #nav10 a, #nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a, #nav18 a, #nav19 a, #nav20 a { color: #333333; display: block; position: relative; text-decoration: none; } #nav1 a.current img, #nav2 a.current img, #nav3 a.current img, #nav4 a.current img, #nav5 a.current img, #nav6 a.current img, #nav7 a.current img, #nav8 a.current img, #nav9 a.current img, #nav10 a.current img, #nav11 a.current img, #nav12 a.current img, #nav13 a.current img, #nav14 a.current img, #nav15 a.current img, #nav16 a.current img, #nav17 a.current img, #nav18 a.current img, #nav19 a.current img, #nav20 a.current img { /* border-color: #D8966E; */ border-color: #ff0000; } #nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #nav7 img, #nav8 img, #nav9 img, #nav10 img, #nav11 img, #nav12 img, #nav13 img, #nav14 img, #nav15 img, #nav16 img, #nav17 img, #nav18 img, #nav19 img, #nav20 img { background-color: #fff; border: 1px solid #cccccc; margin: 6px; padding: 1px; display: block; /* height: 56px; */ width: 52px; } /* panes */ #panes1, #panes2, #panes3, #panes4, #panes5, #panes6, #panes7, #panes8, #panes9, #panes10, #panes11, #panes12, #panes13, #panes14, #panes15, #panes16, #panes17, #panes18, #panes19, #panes20 { /* background: #ffffff; border-color: #F3DBBA; border-style: solid; border-width: 1px 1px 0; */ height: 285px; padding: 6px; /* must be relative so the individual panes can be absolutely positioned */ position: relative; } #panes1 p.artInhalt, #panes2 p.artInhalt, #panes3 p.artInhalt, #panes4 p.artInhalt, #panes5 p.artInhalt, #panes6 p.artInhalt, #panes7 p.artInhalt, #panes8 p.artInhalt, #panes9 p.artInhalt, #panes10 p.artInhalt, #panes11 p.artInhalt, #panes12 p.artInhalt, #panes13 p.artInhalt, #panes14 p.artInhalt, #panes15 p.artInhalt, #panes16 p.artInhalt, #panes17 p.artInhalt, #panes18 p.artInhalt, #panes19 p.artInhalt, #panes20 p.artInhalt { height: 250px; overflow: auto; overflow-x: hidden; font-size: 0.85em; margin: 0px; padding-right: 20px; } /* crossfading effect needs absolute positioning from the elements */ #panes1 div, #panes2 div, #panes3 div, #panes4 div, #panes5 div, #panes6 div, #panes7 div, #panes8 div, #panes9 div, #panes10 div, #panes11 div, #panes12 div, #panes13 div, #panes14 div, #panes15 div, #panes16 div, #panes17 div, #panes18 div, #panes19 div, #panes20 div { display: none; position: absolute; padding-right: 6px; width: 522px; text-align: center; } #panes1 img, #panes2 img, #panes3 img, #panes4 img, #panes5 img, #panes6 img, #panes7 img, #panes8 img, #panes9 img, #panes10 img, #panes11 img, #panes12 img, #panes13 img, #panes14 img, #panes15 img, #panes16 img, #panes17 img, #panes18 img, #panes19 img, #panes20 img { /* width: 180px; height: 340px; float: left; margin-right: 12px;*/ cursor: pointer; background-color: #ffffff; border: 1px solid #cccccc; padding: 1px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* single scrollable item */ .scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; /* width:100px; height:75px; */ -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .active { /* border:2px solid #000; */ z-index:9999; position:relative; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; /* required settings */ position:relative; overflow:hidden; width: 418px; height:155px; /* custom decorations */ /*border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x; */ } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(../bilder/hori_large.gif) no-repeat; display:block; width:30px; height:30px; float:left; margin: 42px 10px 0px 10px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:url(../bilder/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a#test.inactive { visibility:hidden !important; } /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } #iniBox { z-index: 100000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(../bilder/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* the large image. we use a gray border around it */ #img { border:1px solid #666; } /* "next image" and "prev image" links */ .next, .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666666; cursor:pointer; display:block; padding:10px 20px; color:#ffffff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; display: none; font-family: verdana, arial, sans-serif; } .prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; } .next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; } .next:hover, .prev:hover { text-decoration:underline; background-color:#000000; } /* when there is no next or previous link available this class is added */ .disabled { visibility:hidden; } /* the "information box" */ .info { position:absolute; bottom: 0px; left: 0px; padding: 10px 15px; color: #ffffff; font-size:11px; border-top: 1px solid #666; /* display: none; */ font-family: verdana, arial, sans-serif; line-height: 1.2em; } .info strong { display:block; color: #ffffff; } /* progress indicator (animated gif). should be initially hidden */ .progress { position:absolute; top:45%; left:50%; display:none; } /* everybody should know about RGBA colors. */ .next, .prev, .info { background-color: #333333 !important; background: rgb(0, 0, 0) url(../bilder/h80.png) repeat-x; /**//* background: rgba(0, 0, 0, 0.6) url(../bilder/h80.png) repeat-x;*/ }