/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ /*@import "lib/reset.css"; @import "lib/typography.css"; @import "thickbox.css"; @import "/raxis_rob/css/popup.css";*/ /* End import/hide */ /* reset css */ /* -------------------------------------------------------------- Reset.css * Resets default browser CSS styles. Original by YUI -------------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{text-decoration: none;outline:none;} /* end reset css */ /* typography.css */ /* -------------------------------------------------------------- Typography.css * Sets some default typography. Based on work by: * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Wilson Miner [wilsonminer.com] Read more about using a baseline here: * alistapart.com/articles/settingtypeontheweb -------------------------------------------------------------- */ body { font-family: "Arial", Georgia, sans-serif; line-height: 1.5; /* Unitless for proper inheritance */ } /* This is where you set your desired font size. The line-height and vertical margins are automatically calculated from this. You have to add an extra calculation here because of IE, so that all users may resize text manually in their browsers. The top one is for IE: The percentage is of 16px (default IE text size) 10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth). The second value is what all other browsers see (the wanted font size). */ /*body { font-size: 75%; }*/ /* IE */ /*html > body { font-size: 12px; }*/ /* Other browsers */ body { font-size: 75%; } /* IE */ html > body { font-size: 12px; } /* Other browsers */ /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4 { clear:both; } h1 { font-size: 3em; } h2 { font-family: "Times New Roman"; font-size: 1.3em; font-weight:bold; text-align: left; } h3 { font-family: "Times New Roman"; font-size: 1.2em; font-weight:bold; /*line-height:2; */} h4 { font-family: "Times New Roman"; font-size: 1.2em; font-weight:bold; /*line-height:1.25;*/ } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.50em 0; } p.last { margin-bottom:0; } p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; } p img.top { margin-top:0; } /* Use this if the image is at the top of the

. */ ol { list-style-type: decimal; } dl { margin: 1.5em 0; } dl dt { font-weight: bold; } blockquote { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em { font-style: italic; } pre { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; } code { font:0.9em Monaco, monospace; } /* Use this to create a horizontal ruler across a column. */ hr { background: #B2CCFF; color: #B2CCFF; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; } * html hr { margin: 0 0 1.2em 0; } /* IE6 fix */ /* Tables -------------------------------------------------------------- */ /* table { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; } th,td { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; } th { font-weight:bold; } */ table { margin-bottom: 1.4em; } th { font-weight:bold; vertical-align: top; padding: 0 0.2em 0.2em 0; } td { vertical-align: top; padding: 0 0.2em 0.2em 0; } /* Forms -------------------------------------------------------------- */ fieldset{clear: both; margin-bottom: 3px;} /* Some default classes -------------------------------------------------------------- */ p.small {clear: both; font-size: 0.9em; margin-bottom: 0; line-height: 1em; } p.large { font-size: 1.2em; line-height: 2.5em; } p.quiet { color: #666; } .hide { display: none; } /* Extra fancy typography -------------------------------------------------------------- */ /* For great looking type, use this code instead of asdf: asdf Best used on prepositions and ampersands. */ .alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.2em; line-height: 1%; /* Maintain correct baseline */ font-style: italic; } /* For great looking quote marks in titles, replace "asdf" width: “asdf” (That is, when the title starts with a quote mark). (You may have to change this value depending on your font size). */ .dquo { margin-left: -.7em; } /* Reduced size type with incremental leading (http://www.markboulton.co.uk/journal/comments/incremental_leading/) This could be used for side notes. For smaller type, you don't necessarily want to follow the 1.5x vertical rhythm -- the line-height is too much. Using this class, it reduces your font size and line-height so that for every four lines of normal sized type, there is five lines of the sidenote. eg: New type size in em's: 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems) New line-height value: 12px x 1.5 = 18px (old line-height) 18px x 4 = 72px 60px / 5 = 14.4px (new line height) 14.4px / 10px = 1.44 (new line height in em's) */ p.incr, .incr p { font-size: 0.83333em; /* font size 10px */ line-height: 1.44em; margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */ } #products_text h3{line-height:1em;margin-bottom:8px;} /* end typography.css */ /* thickbox.css */ /* -- Thickbox f�r Fotos und Galerien -- */ #TB_navi { padding:5px 0 10px 25px; } #TB_window { /* Times new Roman __ ernst */ font: 12px "Verdana", "Georgia", serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#888; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_window a:link, #TB_trenner{color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover, #TB_trenner:hover {color: #000;} #TB_window a:active, #TB_trenner:active {color: #666666;} #TB_window a:focus,, #TB_trenner:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; /* margin: 15px 0 0 15px; */ margin:10px auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height_2 0 0 -width_2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* end thickbox.css */ /* end raxis_rob/css/thickbox.css */ /* jscrollpane.css */ .jScrollPaneContainer { position:relative; overflow: hidden; z-index: 1; } /* #paper .jScrollPaneContainer { position:absolute; left: 145px; top:0px; } */ .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; padding-left:2px; border-left: 1px solid #3B4177; padding-right:2px; } .jScrollPaneDrag { position: absolute; background: black; cursor: pointer; overflow: hidden; background-color: #3B4177; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 12px; background: transparent url(/graphics/misc/scroller/up.gif) no-repeat 2px 0px; padding-left:2px; border-left: #3B4177 1px solid; padding-right:2px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; padding-top:2px; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 12px; background: transparent url(/graphics/misc/scroller/down.gif) no-repeat 2px 5px; padding-left:2px; border-left: #3B4177 solid 1px; padding-right:2px; } /* end jscrollpane.css */ /* -- get:designed styles --*/ #ruebe{ position: absolute; z-index:150; bottom:0; left:50%; margin:0 0 0 -470px; width:940px; height:470px; } #ruebe .close{ font-weight:bold; z-index:160; position: absolute; bottom:5px; color:#000; left:450px; } #zuckerclub_flash{ position: absolute; z-index:150; bottom:0; left:50%; margin:0 0 0 -470px; width:940px; height:470px; } #zuckerclub_flash .close{ font-weight:bold; z-index:160; position: absolute; bottom:5px; color:#000; left:450px; } html { overflow:hidden; } body{background: #CAC3B1 url(/graphics/misc/kacheln.jpg) top center; color: #1A4094; overflow:hidden; } .invisible{visibility: hidden;/* opacity:0.99; */ } strong a { text-decoration:no; } #schatten { height: 737px; left: 50%; top:0; position: absolute; margin-left: -472px; width:1200px; background: transparent url(/graphics/misc/schatten.png) no-repeat; z-index: 5; overflow:hidden;} #tisch { width: 100%; height: 540px; } #layout { position: absolute; left: 50%; width: 940px; height: 540px; background: transparent url(/graphics/misc/tisch.jpg); margin-left: -472px; z-index:10; } h1 { position: absolute; top: 0; left: 0; width: 260px; height: 177px; margin: 0; padding: 0; } h1 a { display: block; position: absolute; top: 0; left: 0; width: 260px; height: 177px; background: url(/graphics/menu/packung.jpg); margin: 0; padding: 0; } h1 span { display: none; } #layout a { color: #1A4094; text-decoration: underline; } #layout a:hover { color: #1E226B; } /* -- Hauptnavigation mit dem Zuckerpakerl -- */ #navigation { font-size: 1em; font-weight: bold; position: absolute; left: 260px; top: 0; width: 560px; height: 177px; background: transparent url(/graphics/menu/zucker.jpg) top center no-repeat; z-index:20; } #navigation ul{ line-height: 1.3em; padding: 91px 0 0 1px; } #navigation li{display: inline;} #navigation ul a{color: #1A4094; display: block; float: left; padding-top: 0.6em; text-align: center; text-decoration:none;} #navigation ul a:hover{color: #072872;} #navigation ul a.long_text{width: 104px; padding: 0;} #navigation ul a.current{color: #BB0A16; font-size: 1.2em; font-weight: bold;} .nav_produkte { width: 68px; height: 31px; background: transparent url(/graphics/menu/produkte_off.gif) top center no-repeat; } .nav_produkte:hover { background: transparent url(/graphics/menu/produkte_over.gif) top center no-repeat;} .nav_produkte_selected, .nav_produkte_selected:hover { background: transparent url(/graphics/menu/produkte_on.gif) top center no-repeat;} .nav_marke { width: 111px; height: 31px; background: transparent url(/graphics/menu/marke_off.gif) top center no-repeat;} .nav_marke:hover { background: transparent url(/graphics/menu/marke_over.gif) top center no-repeat;} .nav_marke_selected, .nav_marke_selected:hover{ background: transparent url(/graphics/menu/marke_on.gif) top center no-repeat;} .nav_rezepte { width: 66px; height: 31px; background: transparent url(/graphics/menu/rezepte_off.gif) top center no-repeat;} .nav_rezepte:hover { background: transparent url(/graphics/menu/rezepte_over.gif) top center no-repeat;} .nav_rezepte_selected, .nav_rezepte_selected:hover { background: transparent url(/graphics/menu/rezepte_on.gif) top center no-repeat;} .nav_shop { width: 45px; height: 31px; background: transparent url(/graphics/menu/shop_off.gif) top center no-repeat;} .nav_shop:hover { background: transparent url(/graphics/menu/shop_over.gif) top center no-repeat;} .nav_shop_selected, .nav_shop_selected:hover { background: transparent url(/graphics/menu/shop_on.gif) top center no-repeat;} .nav_ernaehrung { width: 99px; height: 31px; background: transparent url(/graphics/menu/ernaehrung_off.gif) top center no-repeat;} .nav_ernaehrung:hover { background: transparent url(/graphics/menu/ernaehrung_over.gif) top center no-repeat;} .nav_ernaehrung_selected, .nav_ernaehrung_selected:hover { background: transparent url(/graphics/menu/ernaehrung_on.gif) top center no-repeat;} .nav_zuckerseiten { width: 121px;height: 31px; background: transparent url(/graphics/menu/zuckerseiten_off.gif) top center no-repeat;} .nav_zuckerseiten:hover { background: transparent url(/graphics/menu/zuckerseiten_over.gif) top center no-repeat } .nav_zuckerseiten_selected, .nav_zuckerseiten_selected:hover { background: transparent url(/graphics/menu/zuckerseiten_on.gif) top center no-repeat } .nav_en_produkte { width: 79px; height: 31px; background: transparent url(/graphics/menu/english/produkte_off.gif) top center no-repeat; } .nav_en_produkte:hover { background: transparent url(/graphics/menu/english/produkte_over.gif) top center no-repeat;} .nav_en_produkte_selected, .nav_en_produkte_selected:hover { background: transparent url(/graphics/menu/english/produkte_on.gif) top center no-repeat;} .nav_en_marke { width: 131px; height: 31px; background: transparent url(/graphics/menu/english/marke_off.gif) top center no-repeat;} .nav_en_marke:hover { background: transparent url(/graphics/menu/english/marke_over.gif) top center no-repeat;} .nav_en_marke_selected, .nav_en_marke_selected:hover{ background: transparent url(/graphics/menu/english/marke_on.gif) top center no-repeat;} .nav_en_rezepte { width: 82px; height: 31px; background: transparent url(/graphics/menu/english/rezepte_off.gif) top center no-repeat;} .nav_en_rezepte:hover { background: transparent url(/graphics/menu/english/rezepte_over.gif) top center no-repeat;} .nav_en_rezepte_selected, .nav_en_rezepte_selected:hover { background: transparent url(/graphics/menu/english/rezepte_on.gif) top center no-repeat;} .nav_en_ernaehrung { width: 101px; height: 31px; background: transparent url(/graphics/menu/english/ernaehrung_off.gif) top center no-repeat;} .nav_en_ernaehrung:hover { background: transparent url(/graphics/menu/english/ernaehrung_over.gif) top center no-repeat;} .nav_en_ernaehrung_selected, .nav_en_ernaehrung_selected:hover { background: transparent url(/graphics/menu/english/ernaehrung_on.gif) top center no-repeat;} .nav_en_zuckerseiten { width: 126px;height: 31px; background: transparent url(/graphics/menu/english/zuckerseiten_off.gif) top center no-repeat;} .nav_en_zuckerseiten:hover { background: transparent url(/graphics/menu/english/zuckerseiten_over.gif) top center no-repeat } .nav_en_zuckerseiten_selected, .nav_en_zuckerseiten_selected:hover { background: transparent url(/graphics/menu/english/zuckerseiten_on.gif) top center no-repeat } /* -- Subnavigation auf der linken Seite -- */ #subnavigation { position: absolute; left: 23px; top:202px; width: 188px; height: 277px; background: transparent url(/graphics/content/rezepte/menu/zettel_bg.jpg) top left no-repeat; margin: 0; padding: 0; } #subnavigation li { display: block; margin: 0; padding: 0; } #subnavigation li a { display: block; position: absolute; margin: 0; padding: 0; } /** -- Normale Off Stati-- **/ #subnavigation li a#wiener_zucker { left: 9px; top: 21px; width: 96px; height: 26px; background: url(/graphics/submenu/wiener_zucker_off.gif) no-repeat left top; z-index: 10; } #subnavigation li a#aktivitaeten { left: 16px; top: 47px; width: 75px; height: 25px; background: url(/graphics/submenu/aktivitaeten_off.gif) no-repeat left top; z-index: 9; } #subnavigation li a#geschichte { left: 16px; top: 72px; width: 71px; height: 27px; background: url(/graphics/submenu/geschichte_off.gif) no-repeat left top; z-index: 8; } #subnavigation li a#werbung { left: 20px; top: 99px; width: 71px; height: 25px; background: url(/graphics/submenu/werbung_off.gif) no-repeat left top; z-index: 7; } #subnavigation li a#produktion { left:26px; top:118px; width:79px; height:28px; background: url(/graphics/submenu/produktion_off.gif) no-repeat left top; z-index:6; } /** -- Over Stati -- **/ #subnavigation li a#wiener_zucker:hover { background: url(/graphics/submenu/wiener_zucker_over.gif) no-repeat left top; } #subnavigation li a#aktivitaeten:hover { background: url(/graphics/submenu/aktivitaeten_over.gif) no-repeat left top; } #subnavigation li a#geschichte:hover { background: url(/graphics/submenu/geschichte_over.gif) no-repeat left top; } #subnavigation li a#werbung:hover { background: url(/graphics/submenu/werbung_over.gif) no-repeat left top; } #subnavigation li a#produktion:hover { background:url(/graphics/submenu/produktion_over.gif) no-repeat left top; } #subnavigation li a span { display: none; } /** -- Normale Off Stati-- **/ #subnavigation li a#wiener_zucker_en { left: 9px; top: 21px; width: 96px; height: 26px; background: url(/graphics/submenu/english/wiener_zucker_off.gif) no-repeat left top; z-index: 10; } #subnavigation li a#aktivitaeten_en { left: 16px; top: 47px; width: 75px; height: 25px; background: url(/graphics/submenu/english/aktivitaeten_off.gif) no-repeat left top; z-index: 9; } #subnavigation li a#geschichte_en { left: 16px; top: 72px; width: 71px; height: 27px; background: url(/graphics/submenu/english/geschichte_off.gif) no-repeat left top; z-index: 8; } #subnavigation li a#werbung_en { left: 20px; top: 99px; width: 85px; height: 25px; background: url(/graphics/submenu/english/werbung_off.gif) no-repeat left top; z-index: 7; } #subnavigation li a#produktion_en { left:26px; top:118px; width:79px; height:28px; background: url(/graphics/submenu/english/produktion_off.gif) no-repeat left top; z-index:6; } /** -- Over Stati -- **/ #subnavigation li a#wiener_zucker_en:hover { background: url(/graphics/submenu/english/wiener_zucker_over.gif) no-repeat left top; } #subnavigation li a#aktivitaeten_en:hover { background: url(/graphics/submenu/english/aktivitaeten_over.gif) no-repeat left top; } #subnavigation li a#geschichte_en:hover { background: url(/graphics/submenu/english/geschichte_over.gif) no-repeat left top; } #subnavigation li a#werbung_en:hover { background: url(/graphics/submenu/english/werbung_over.gif) no-repeat left top; } #subnavigation li a#produktion_en:hover { background:url(/graphics/submenu/english/produktion_over.gif) no-repeat left top; } #subnavigation li a span { display: none; } /** -- SubSubNavigation -- **/ #subSubNavigation { font-size: 12px !important; } #subSubNavigation li a { color: #1A4094; font-weight: normal !important; overflow: hidden; white-space: nowrap; } #subSubNavigation li.current a { color: #A40D33; font-weight: bold !important; } #subSubNavigation li a:hover { color: #A40D33; } #subSubNavigation li.current a:hover { color: #A40D33; } /* -- CONTENTBEREICH -- */ h2 { line-height: 18px; margin: 0; padding: 0.75em 0 1.2em 0; } h3 { line-height: 18px; margin: 0; padding: 0; } h4 { line-height: 18px; margin: 0; padding: 0; } p { line-height: 1.5em; } p.small { margin: 0 0 0.8em 0; } p a { padding-right: 0 !important; } div#text ul { line-height: 1.28em; display: block; margin: 0 0 1.5em 1.1em; } /* s.a. IE Css */ div#text li { line-height: 1.28em; list-style-type: disc; padding: 0; } div#text ul.rezeptliste { line-height: 1.28em; display: block; margin: 0 0 1.5em 0; } div#text ul.rezeptliste li { line-height: 1.28em; list-style-type: none; padding: 0; } /* -- STARTSEITE -- */ #book{ position: absolute; left: 252px; top: 172px; width: 506px; height: 360px; background: transparent url(/graphics/content/home/bg_variante3.jpg) bottom left no-repeat; } #book h1{ height: 113px; margin: 94px 0 0 38px; width: 139px;} #book_en{ position: absolute; left: 252px; top: 172px; width: 506px; height: 360px; background: transparent url(/graphics/content/home/english/bg_variante3.jpg) bottom left no-repeat; } /** -- Linke Seite -- **/ div#linkeSeite { position: absolute; left: 22px; top: 216px; width: 205px; height: 100px; margin: 0; padding: 0; } div#linkeSeite h2 { font-size: 1.1em; text-align: left; margin: 0; padding: 0 0 0.3em 0; } div#linkeSeite p { line-height: 1.2em; margin: 0; padding: 0; } div#linkeSeite p a { color: #1A4094; text-decoration: none; } div#linkeSeite p a:hover { color: #1A4094; text-decoration: underline; } /** -- Elemente auf der Rechten Seite -- **/ div#bildObenLinks { position: absolute; left: 270px; top: 48px; width: 75px; height: 71px; margin: 0; padding: 0; } div#bildObenLinks img { padding: 0; } div#postItText { position: absolute; left: 375px; top: 45px; width: 85px; height: 90px; margin: 0; padding: 0; } div#postItText h2 { font-size: 1.1em; text-align: left; margin: 0; padding: 0 0 0.3em 0; } div#postItText p { line-height: 1.2em; margin: 0; padding: 0; } div#postItText p a { color: #1A4094; text-decoration: none; } div#postItText p a:hover { color: #1A4094; text-decoration: underline; } div#textLinksUnten { position: absolute; left: 270px; top: 216px; width: 110px; height: 106px; margin: 0; padding: 0; } div#textLinksUnten h2 { font-size: 1.1em; text-align: left; margin: 0; padding: 0 0 0.3em 0; } div#textLinksUnten p { line-height: 1.2em; margin: 0; padding: 0; } div#textLinksUnten p a { color: #1A4094; text-decoration: none; } div#textLinksUnten p a:hover { color: #1A4094; text-decoration: underline; } div#bildUntenRechts { position: absolute; left: 395px; top: 220px; width: 75px; height: 71px; margin: 0; padding: 0; } div#bildUntenRechts img { padding: 0; } div#infotext_rechtsunten { position: absolute; left:270px; top:180px; width:205px; height:150px;} div#infotext_rechtsunten p, div#infotext_rechtsunten a { text-decoration: none; } div#infotext_rechtsunten a:hover { text-decoration:underline; } div#infotext_rechtsoben { position:absolute; top:10px; left:265px; width:200px; height:300px; } div#infotext_rechtsoben p, div#infotext_rechtsoben a { text-decoration: none; } div#infotext_rechtsoben a:hover { text-decoration:underline; } #paper{background: #FFF url(/graphics/misc/bg_liniert_standard.jpg) top left; height: 344px; left: 290px; position: absolute; top: 175px; width: 478px; } #paper.border{background-image: url(/graphics/misc/bg_liniert_getrennt.jpg);} #paper_side .rezept_image { position: absolute; top: 200px; left: -7px; width: 116px; height: 123px; background: transparent url(/graphics/misc/heftklammer.png) top left no-repeat; margin: 0; padding: 0; } #paper_side .rezept_image img{padding: 5px 0 0 8px;} #rezeptText { width: 310px !important; width: 307px; height: 340px; overflow: auto; margin: 0 0 0 10px; padding: 0 20px 0 0; } #paper .print_img{background: transparent url(/graphics/content/die_marke_wiener_zucker/bg_print.png) top left no-repeat; float: left; margin: 0 10px 10px 0; padding: 0; width: 90px; height: 99px; } #paper .print_img a { display:block; width:75px; height:75px; text-align:center; vertical-align:middle;overflow:hidden; position:relative; top:5px; left:7px; } #paper .print_img img{} #paper #print_paging { position:absolute; right:10px; bottom:10px; } #paper #print_paging #back { margin-right:20px; } #paper #print_paging #forward { margin-left: 20px; } /** -- Werbung -> Hörfunk -- **/ div.radioElement { width: 139px; height: 103px; float: left; background: transparent url(/graphics/content/die_marke_wiener_zucker/bg_hoerfunk.png); margin: -4px 0 10px 0; padding: 0; } div.radioElement a { font-size: 11px; text-align: center; text-decoration: none !important; display: block; margin: 0 13px 0 14px; padding: 56px 0 15px 0; z-index: 1000; } div.tvElement { width: 139px; height: 103px; float: left; background: transparent url(/graphics/content/die_marke_wiener_zucker/bg_tv.png); margin: -4px 0 10px 0; padding: 0; } div.tvElement a { font-size: 11px; text-align: center; text-decoration: none !important; display: block; margin: 0 13px 0 14px; padding: 56px 0 15px 0; z-index: 1000; } #TB_ajaxContent { overflow: hidden !important; } #paper_side{ top: 0; width: 145px; float:left; display:inline-block; } /* -- Navigation fr die einzelnen Rezepte -- */ #paper_side ul{padding: 1.5em 1.5em 1.5em 0.5em; text-align: left;} #paper_side a{display: block; padding-left: 1em; height: 1.5em; text-decoration: none;} /* #paper_side ul a.current{background: transparent url(/graphics/layout/rezept_nav_current.png) top center no-repeat; color: #000;} */ /* -- Container fr Bilder am linken Papierrand -- */ #paper_side .content_image { position: relative; left:0; top: 0; width: 116px; height: 123px; background: transparent url(/graphics/misc/heftklammer.png) top left no-repeat; margin-left: -11px; margin-top: 40px; } /* s.a. dynCss */ /* #paper_side .content_image img{padding: 5px 0 0 8px; position:absolute; left:12px; top:0;} */ #paper_side .content_image img { } #paper_side .content_image div.fade { display:block; width:90px; height:90px; position:absolute; left:20px; top:5px;text-align:center; vertical-align:middle; } #paper_side .content_image div.fade a { padding:0 0 0 0; height:90px; width:90px; display:block; text-decoration:none; overflow:hidden; } #paper.border .content_image{margin-top: 1.5em;} /* -- Container, der den eigentlichen Text enthält und scrollt -- */ #text { position: absolute; left: 145px; top: 2px; width:330px; height: 330px; } #text div.scrollable { overflow: auto; width:325px; height:328px; padding: 5px 0px 5px 5px; } div.scrollable * { padding-right: 15px; } /** -- Template: einkochkalender.template.php /** -- Seite: Einkochkalender -- **/ div#contentEinkochkalender { position: absolute; left: 288px; top: 174px; width: 478px; height: 344px; background: url(/graphics/misc/bg_flaeche.jpg); margin: 0; padding: 0; } div#contentEinkochkalender div#text { left: 5px; width: 455px; height: 338px; } div#contentEinkochkalender div#text div.scrollable { width: 465px; height: 328px; } div#contentEinkochkalender div#text div.scrollable * { padding-right: 25px !important; } div#contentEinkochkalender div#text div#bgKalender { width: 420px; height: 233px; margin: 0 0 1.3em 0; padding: 0; } div#contentEinkochkalender div#text div#bgKalender img { display: block; margin: 0; padding: 0; } /** -- Template: gewinnspiel.template.php -- **/ /** -- Seite: Gewinnspiel -- **/ form#gewinnspiel { margin: 0; padding: 0; } form#gewinnspiel fieldset { display: block; margin: 0 0 5px 0; padding: 0; } form#gewinnspiel fieldset label { display: block; float: left; width: 65px; margin: 0 5px 0 0; padding: 0; } form#gewinnspiel fieldset input { display: block; float: left; width: 200px; height: 17px; background: #FFF; border: 1px solid #DDD; margin: 0 5px 0 0; padding: 1px 2px 0 2px; } /* Radiobuttons: EM Heimspiel Formular */ form#gewinnspiel fieldset.radio { margin:0 0 12px 0 } form#gewinnspiel fieldset.radio legend { display: none; } form#gewinnspiel fieldset.radio fieldset { display: block; width: 180px; margin: 0 0 0 70px; } form#gewinnspiel fieldset.radio fieldset label { display: block; width: 155px; float: right; } form#gewinnspiel fieldset.radio fieldset input { display: block; width: 12px; height: 12px; float: left; margin: 3px 0 0 0;background:none; border:0;} /* Textfelder für die Eingabe der Mannschaften beim Sugarballs Formular */ form#gewinnspiel fieldset.gegner { display: block; margin: 0 0 5px 0; padding: 0; } form#gewinnspiel fieldset.gegner label { display: block; float: left; width: 65px; margin: 0 5px 0 0; padding: 0; } form#gewinnspiel fieldset.gegner input { display: block; float: left; width: 200px; height: 17px; background: #FFF; border: 1px solid #DDD; margin: 0 5px 0 0; padding: 1px 2px 0 2px; } form#gewinnspiel fieldset textarea { display: block; float: left; width: 200px; height: 77px; background: #FFF; border: 1px solid #DDD; margin: 0 5px 0 0; padding: 1px 2px 0 2px; } form#gewinnspiel fieldset#agb legend{ display: none; } form#gewinnspiel fieldset#agb label { width: 257px; } form#gewinnspiel fieldset#agb input { width: 15px; border: none; background-color: transparent; } form#gewinnspiel .submit { clear:both; padding:1px; width:56px; font-size:85%; background: #004493; color:white; border: none; margin: 0 35px 0 223px; padding: 0; cursor: pointer; } form#gewinnspiel .submit_en { clear:both; padding:1px;font-size:85%; background: #004493; color:white; border: none; margin: 0 35px 0 223px; padding: 0; cursor: pointer; } /* -- Fehlermeldungen -- */ form#gewinnspiel p.errorMeldung { clear: left; color: red; margin: 3px 0 5px 71px; padding: 0; } /** -- Template: kontakt.template.php -- **/ /** -- Seite: Kontakt -- **/ #paper_center { position: absolute; left: 376px; top: 181px; width: 283px; height: 328px; background: transparent url(/graphics/content/kontakt/bg.jpg) top left no-repeat; } #center_text { width: 240px; height: 314px; overflow: auto; margin: 0; padding: 6px 10px 5px 30px; } form#kontakt { display: block; width: 220px; /*height: 265px;*/ margin: -10px 0 0 0; padding: 0; } form#kontakt fieldset { display: block; margin: 0 0 5px 0; padding: 0; } form#kontakt fieldset#email { margin: 0 0 13px 0; } form#kontakt fieldset label { display: block; float: left; width: 67px; height: 19px; margin: 0; padding: 0; } form#kontakt fieldset input { color: #23388A; font: 13px "Times New Roman", Georgia, serif; display: block; float: left; width: 147px; height: 17px; border: 1px solid #99A8CB; margin: 0; padding: 1px 0 0 2px; } form#kontakt fieldset textarea { color: #23388A; font: 13px "Times New Roman", Georgia, serif; width: 212px; height: 83px; border: 1px solid #99A8CB; margin: 0; padding: 2px; } form#kontakt .submit { width: 52px; height: 15px; float: right; background: url(/graphics/content/kontakt/absenden.gif) no-repeat 0 0; border: none; text-indent: -200em; margin: -2px 2px 0 0; padding: 0; /* s.a. IE Styles*/ cursor: pointer; cursor: hand; } form#kontakt .submit_en { width: 52px; height: 15px; float: right; background: url(/graphics/content/kontakt/absenden_english.gif) no-repeat 0 0; border: none; text-indent: -200em; margin: -2px 2px 0 0; padding: 0; /* s.a. IE Styles*/ cursor: pointer; cursor: hand; } /* -- Fehlermeldungen -- */ form#kontakt p.errorMeldung { color: red; margin: 0 0 0 67px; padding: 0; } form#kontakt .submit{ padding-left: 0px!important; } /** -- Template: shop.template.php -- **/ /** -- Seite: Shop -- **/ #shop{bottom: 20px; height: 330px; left: 155px; overflow: hidden; position: absolute; width: 535px;} #shop a{text-decoration: none; font-weight: bold;} .product{background: transparent url(/graphics/content/shop/uebersicht/bg.png) top left no-repeat; float: left; height: 146px; margin: 0 10px 10px 0;width: 120px;} .product img{border: none; height: 87px; margin: 5px 0 0 5px; width: 107px;} .product .title{ font-size: 13px; line-height: 13px; margin-bottom: 1px; text-align: center; width: 113px; height: 27px; padding: 0 2px 0 2px; } .product .details{ font-size: 13px; padding: 0 0 0 4px; width: 109px; } .product .details .left { float: left; padding: 0 0 0 2px; } .product .details .right { float: right; padding: 0 2px 0 0; } .product .details .right a:hover { color: #A1151E !important; } /** -- Template: shop_detail.template.php -- **/ /** -- Seite: Shop Detail -- **/ #shop_detail_bg { position: absolute; top: 191px; left: 394px; width: 244px; height: 331px; background: transparent url(/graphics/content/shop/details/bg_zettel.jpg) top left no-repeat; } #shop_content { width: 219px; height: 314px; overflow: auto; margin: 0; padding: 6px 10px 5px 11px; } /* #shop_content h2 { font-size: 1.4em; font-weight: bold; text-transform: uppercase; text-align: left; margin: 5px 0 6px 0 !important; padding: 0; } #shop_content p { margin-bottom: 0.75em; } */ #shop_content form { margin: 0 0 10px 0; padding: 0; } #shop_content form input {float: left; width: 40px; margin: 4px 10px 0 0; } #shop_content form label {display: block; float: left; margin: 0; padding: 0; } #shop_content form p { clear: left; font-size: 11px; line-height: 12px; margin: 0; padding: 10px 0; } #shop_content p#links { text-align: center; font-weight: bold; } /* -- Container fr die Einstiegsseite bei den Rezepten, inkl. groen Rezeptbild und Rezeptnamen -- */ #recipe{background: transparent url(/graphics/content/rezepte/collegeblock.jpg) top left no-repeat; top:171px; left: 358px; position: absolute; width: 282px;height: 345px; } #recipe div { position:absolute; left:0; top:0; width:282px; height:345px; } #recipe img{border: none; height: 271px; padding: 39px 0 0 44px; width: 197px; position:absolute; top:0; left:0;} /* -- Container fr das Flash, das die Produkte beinhaltet -- */ #products{left:22px; top:188px; position: absolute; width:350px; border:0;} #products tr, #products th, #products td {border-right:0; border-bottom:0; border-left:0; border-top:0; padding:0;} #products tr td img {padding:0;margin-right:-4px;} #products_saisonal {left:22px; top:188px; position: absolute; width:350px; border:0;} #products_saisonal tr, #products_saisonal th, #products_saisonal td {border-right:0; border-bottom:0; border-left:0; border-top:0;} #products_saisonal tr td img {padding:0;margin-right:-4px;} #products div { display:inline; float:left; height:80px; vertical-align:bottom; position:absolute; top:0;left:0;} #products div img {display:block; } #products ul li { display:inline; float:left; height: 80px; vertical-align:bottom; position:relative; top:0;left:0;} #products ul li img { display:block; vertical-align:bottom; } #productImg { position:absolute; left: 361px; top: 188px; width:167px; height: 330px; z-index:200; } #productImg div.fade { position:absolute; top:0; left:0; vertical-align:top; text-align:right; width:167px; height:330px; } #productImg img { position:absolute; left:0;top:0;} #products_paper {position:absolute; left: 528px; top: 188px; width:258px; height: 330px; background: transparent url(/graphics/content/produkte/bg.jpg) top left no-repeat; } #products_text { position:absolute; left:0; top:0; height: 326px; width:255px; overflow:auto; } #products_text div { width:220px; padding: 5px 0px 5px 10px; } #saisonal_products { width:177px; height: 29px; position:absolute; left: 22px; top: 497px; } #saisonal_products a { text-decoration:none;display:block; width:177px; height:29px; background-image:url(/graphics/content/produkte/saisonprodukte_off.gif);} #saisonal_products a:hover { background-image:url(/graphics/content/produkte/saisonprodukte_over.gif); } #back_to_products { width:177px; height: 29px; position:absolute; left: 22px; top: 497px; } #back_to_products a { text-decoration:none;display:block; width:177px; height:29px; background-image:url(/graphics/content/produkte_saisonal/zurueck_off.gif);} #back_to_products a:hover { background-image:url(/graphics/content/produkte_saisonal/zurueck_over.gif); } /****************************************/ /** -- Impressum, Inhalt und Kuvert -- **/ div#kuvert { position: absolute; left: 148px; top: 220px; width: 259px; height: 256px; background: transparent url(/graphics/content/impressum/kuvert.jpg) no-repeat 0 0; margin: 0; padding: 0; } div#contentImpressum { position: absolute; left: 407px; top: 180px; width: 194px; height: 302px; background: transparent url(/graphics/content/impressum/papier.jpg) no-repeat 0 0; margin: 0; padding: 10px 20px; } div#contentImpressum * { font-size: 12px; } div#contentImpressum p { line-height: 1.2em; margin-bottom: 0.7em; } div#contentImpressum table.impressumTable { line-height: 1.1em; border: none; margin: 2px 0 0.5em 0; } div#contentImpressum table.impressumTable td { border: none; padding: 0; } div#contentImpressum table.impressumTable td.boldCol { font-weight: bold; width: 70px; } div#contentImpressum table.impressumTable p { margin-bottom:0; } /* -- Bildelement auf der linken Seite vom Content -- */ .element{height: 380px; position: absolute; width: 285px; left:0; top:174px; } .element.startseite{ position: absolute; width: 255px; height: 333px; left:0px; top:181px; } .kuvert{background: transparent url(/graphics/content/kontakt/kuvert.jpg) top left no-repeat; left: 178px; top:264px;} /* -- Wiener Zuckerclub -- Teaser -- */ #zuckerclub{ position: absolute; left:10px; top:459px; } #zuckerclub a{display:block; width: 39px; height: 81px; background:url(/graphics/content/home/zuckerclub.gif) no-repeat 0 0; text-decoration:none; } #zuckerclub_link{ position: absolute; left:54px; top:494px;} #zuckerclub_link a{display:block; width: 158px; height: 30px; background:url(/graphics/content/home/zuckerclub_link.gif) no-repeat 0 0; text-decoration:none;} #zuckerclub_link a:hover{background-position:0 -30px;} /* .dotter{background: transparent url(/usergraphics/utensilien/eierdotter.jpg) left top no-repeat;} .schneebesen{background: transparent url(/usergraphics/utensilien/schneebesen.jpg) left 45px no-repeat;} .kuvert{background: transparent url(/graphics/content/kontakt/kuvert.jpg) top left no-repeat; left: 178px; top:264px;} .utensilien {background: transparent url(/graphics/content/home/utensilien.jpg) top left no-repeat; left: 37px; top:202px; } .loeffel_und_eier {background: transparent url(/usergraphics/utensilien/loeffel_eier.jpg) top left no-repeat; left: 0px; top:174px; } */ .shopElement { position:absolute; left:208px; top: 188px;text-align:left;width:192px; height:331px; } #element{ position: absolute; left: 208px; top: 188px; } /* -- Quicknavigation auf der rechten Seite -- */ #quicknavigation{ position: absolute; left: 825px; top: 286px; width: 100px; height: 211px; background: transparent url(/graphics/menu/zettel_bg.jpg) top left no-repeat; } #quicknavigation a{text-decoration: none;} /* -- Styles fr die externen Links -- */ #quicknavigation #external_links{position:absolute; left:5px; /*top: 27px;*/ top: 47px;} #quicknavigation #external_links a{display: block; width: 90px;} #quicknavigation #external_links a#agrana{ height: 28px; } #quicknavigation #external_links a#finis_feinstes{ margin-top:9px; height: 34px; } /* -- Styles fr die Suche -- */ #quicknavigation #search { position: absolute; bottom: 15px; left: 8px; width: 100%; height: 50px; background: none; } #quicknavigation #search label { display: block; position: absolute; left: 7px; top: 8px; width: 70px; height:15px; background: url(/graphics/menu/suche_off.gif) transparent top left no-repeat; } #quicknavigation #search label span { display: none; } #quicknavigation #search input#words { position: absolute; top: 30px; left: 5px; font: 13px "Times New Roman", Georgia, serif; color: #23388A; width: 65px; /*height: 15px;*/ /* siehe Safari CSS Hack am Ende der Seite */ background: #FFF; border: 1px solid #99A8CB; } #quicknavigation #search button { position: absolute; left: 75px; top: 30px; width: 5px; height: 15px; background: url(/graphics/misc/suchen_button.gif) no-repeat left 7px; border: none; cursor: pointer; cursor: hand; } #quicknavigation #search button span { display: none; } #quicknavigation #search input#suchen { display: none; } #quicknavigation #quick_links { position:absolute; top: 104px; left:15px; } #quicknavigation #quick_links li { width:70px; position:absolute; left:0px;} #quicknavigation #quick_links li a { position:absolute; width:70px; display:block; } #quicknavigation #quick_links .impressum { left: -7px; top: 0px; width: 83px; height: 18px; background: url(/graphics/menu/impressum_off.gif) transparent top left no-repeat; } #quicknavigation #quick_links .impressum:hover { background: url(/graphics/menu/impressum_over.gif) transparent top left no-repeat; } #quicknavigation #quick_links .impressum_selected, #quicknavigation #quick_links .impressum_selected:hover {background: url(/graphics/menu/impressum_on.gif) transparent top left no-repeat; } #quicknavigation #quick_links .kontakt { left: -7px; top:24px; width: 83px; height: 18px; background: url(/graphics/menu/kontakt_off.gif) transparent top left no-repeat;} #quicknavigation #quick_links .kontakt:hover { background: url(/graphics/menu/kontakt_over.gif) transparent top left no-repeat; } #quicknavigation #quick_links .kontakt_selected, #quicknavigation #quick_links .kontakt_selected:hover {background: url(/graphics/menu/kontakt_on.gif) transparent top left no-repeat; } #quicknavigation #quick_links .impressum_en { left: -7px; top: 0px; width: 83px; height: 18px; background: url(/graphics/menu/english/impressum_off.gif) transparent top left no-repeat; } #quicknavigation #quick_links .impressum_en:hover { background: url(/graphics/menu/english/impressum_over.gif) transparent top left no-repeat; } #quicknavigation #quick_links .impressum_en_selected, #quicknavigation #quick_links .impressum_en_selected:hover {background: url(/graphics/menu/english/impressum_on.gif) transparent top left no-repeat; } #quicknavigation #quick_links .kontakt_en { left: -7px; top:24px; width: 83px; height: 18px; background: url(/graphics/menu/english/kontakt_off.gif) transparent top left no-repeat;} #quicknavigation #quick_links .kontakt_en:hover { background: url(/graphics/menu/english/kontakt_over.gif) transparent top left no-repeat; } #quicknavigation #quick_links .kontakt_en_selected, #quicknavigation #quick_links .kontakt_en_selected:hover {background: url(/graphics/menu/english/kontakt_on.gif) transparent top left no-repeat; } /* #quicknavigation #quick_links .suche { top:50px; height:15px; background: url(/graphics/menu/suche_off.gif) transparent top left no-repeat;} #quicknavigation #quick_links .suche:hover { background: url(/graphics/menu/suche_over.gif) transparent top left no-repeat; } #quicknavigation #quick_links .suche_selected, #quicknavigation #quick_links .suche_selected:hover {background: url(/graphics/menu/suche_on.gif) transparent top left no-repeat; } */ /* -- Postit fr die Shopnavigation -- */ #shopnavigation{background: transparent url(/graphics/content/shop/paging/bg.jpg) top left no-repeat;top:435px; height: 86px; position: absolute; left: 699px; width: 88px;} #shopnavigation #pagination{height: 18px; left: 12px; position: absolute; top: 30px; width: 58px;} #shopnavigation #pagination span.page {position:absolute; display:block; background-repeat:no-repeat; background-image:url(/graphics/content/shop/paging/seite.gif); width: 29px; height:17px; left:6px; top: -1px; } #shopnavigation #pagination span.slash {background-repeat:no-repeat; position:absolute; display:block; background-image:url(/graphics/content/shop/paging/trenner.gif); width: 6px; height:9px; left:46px; top: 8px; } #shopnavigation #pagination span.actual_page { position: absolute; left: 36px; top:4px; width:9px; height:12px; display:block; background-repeat:no-repeat; } #shopnavigation #pagination span.last_page { position: absolute; left: 53px; top:7px; width:9px; height:12px;display:block; background-repeat:no-repeat;} #shopnavigation #pagination .page_1 { background-image:url(/graphics/content/shop/paging/1.gif); } #shopnavigation #pagination .page_2 { background-image:url(/graphics/content/shop/paging/2.gif);} #shopnavigation #pagination .page_3 {background-image:url(/graphics/content/shop/paging/3.gif); } #shopnavigation #pagination .page_4 {background-image:url(/graphics/content/shop/paging/4.gif); } #shopnavigation #pagination .page_5 { background-image:url(/graphics/content/shop/paging/5.gif);} #shopnavigation #pagination .page_6 {background-image:url(/graphics/content/shop/paging/6.gif); } #shopnavigation #pagination .page_7 {background-image:url(/graphics/content/shop/paging/7.gif); } #shopnavigation #pagination .page_8 {background-image:url(/graphics/content/shop/paging/8.gif); } #shopnavigation #pagination .page_9 { background-image:url(/graphics/content/shop/paging/9.gif);} #shopnavigation #browse{height: 10px; position: absolute; left: 31px; top: 7px; width: 30px;} #shopnavigation #browse a{display: block; font-size: 0.3em;height: 13px; text-decoration: none; width: 11px; position:absolute;} #shopnavigation #browse a#back{top:0px; left:0px; background: transparent url(/graphics/content/shop/paging/zurueck_off.gif) top left no-repeat; } #shopnavigation #browse a#back:hover{background: transparent url(/graphics/content/shop/paging/zurueck_over.gif) top left no-repeat; } #shopnavigation #browse a#forward{top:3px; left:27px; background: transparent url(/graphics/content/shop/paging/vor_off.gif) top left no-repeat; height:14px;} #shopnavigation #browse a#forward:hover {background: transparent url(/graphics/content/shop/paging/vor_over.gif) top left no-repeat; } #shopnavigation #cart { position:absolute; left:31px; top:49px; width:23px; height:22px; } #shopnavigation #cart a{ display:block; text-decoration:none; background:transparent url(/graphics/content/shop/paging/warenkorb_off.gif) top left no-repeat; width:24px; height:22px; } #shopnavigation #cart a:hover{ background:transparent url(/graphics/content/shop/paging/warenkorb_over.gif) top left no-repeat; width:24px; height:22px; } #shopnavigation a#zurueckLink { display: block; position: absolute; left: 15px; top: 14px; width: 64px; height: 30px; background: url(/graphics/content/shop/paging/uebersicht_off.gif);} #shopnavigation a#zurueckLink:hover { background: url(/graphics/content/shop/paging/uebersicht_over.gif); } #shopnavigation a span { display: none; } /* -- Postit fr das Gewinnspiel -- */ #postit{z-index:3000; background: transparent url(/graphics/menu/post_it_bg.jpg) top left no-repeat; height: 134px; left: 795px; position: absolute; top: 98px; width: 130px;} /* #postit img { position:absolute; top:50px; left:15px; } */ #lang { z-index:3000; position:absolute; right:10px; top:10px; height:50px; width:150px; text-align:right;} #lang a, #lang a:hover, #lang a:visited, #lang a:active { padding:0 10px; color:white;text-decoration:none;} #lang a.active { font-weight:bold;} #lang a.first {border-right:1px solid white;} /* -- Warenkorb -- */ table.shop { width: 290px; } table.shop th.loeschen { width: 60px; padding: 0 0 0.2em 0; } table.shop td.loeschen { text-align: center; width: 60px; padding: 0 0 0.2em 0; } table.shop th.artikel { padding: 0 0 0.2em 0; } table.shop td.artikel { padding: 0 0 0.2em 0; } table.shop th.summe { text-align: right; width: 65px; padding: 0 0 0.2em 0; } table.shop td.summe { text-align: right; width: 65px; padding: 0 0 0.2em 0; } table.shop th.stk { text-align: right; width: 35px; padding: 0 0 0.2em 0; } table.shop td.stk { text-align: right; width: 35px; padding: 0 0 0.2em 0; } table.shop td.zwischensumme { font-weight: bold; text-align: right; padding: 0 0 0.2em 0; } /* -- Kasse / Bestellung -- */ form#bestellung { display: block; width: 300px; /*height: 140px;*/ margin: 0 0 10px 0; padding: 0; } form#bestellung fieldset { display: block; clear: left; margin: 0 0 5px 0; padding: 0; } form#bestellung fieldset#email { margin: 0 0 13px 0; } form#bestellung fieldset label { display: block; float: left; width: 67px; height: 19px; margin: 0; padding: 0; } form#bestellung fieldset input { color: #23388A; font: 13px "Times New Roman", Georgia, serif; display: block; float: left; width: 200px; height: 17px; border: 1px solid #99A8CB; margin: 0; padding: 1px 0 0 2px; } form#bestellung .submit { width: 52px; height: 15px; float: left; background: url(/graphics/content/kontakt/absenden.gif) no-repeat 0 0; border: none; text-indent: -200em; margin: 0 2px 10px 67px; padding: 0; /* s.a. IE Styles*/ cursor: pointer; cursor: hand; } /* -- Fehlermeldungen -- */ form#kontakt p.errorMeldung { color: red; margin: 0 0 0 67px; padding: 0; } a#seiteDrucken { display: block; position: absolute; right: 20px; top: -2px; width: 13px; height: 10px; margin: 0; padding: 0; z-index: 100000 !important; } /** -- Wird für die Druckansicht benötigt -- **/ p#druckLogo { display: none; } p#druckLink { display: none; } #produkteverwaltung { background-image: url(/graphics/raxisAdminBox/produkteverwaltung_off.gif);} #produkteverwaltung:hover { background-image: url(/graphics/raxisAdminBox/produkteverwaltung_over.gif);} #medienverwaltung { background-image: url(/graphics/raxisAdminBox/medienverwaltung_off.gif);} #medienverwaltung:hover { background-image: url(/graphics/raxisAdminBox/medienverwaltung_over.gif);} #shopverwaltung { background-image: url(/graphics/raxisAdminBox/shopverwaltung_off.gif);} #shopverwaltung:hover { background-image: url(/graphics/raxisAdminBox/shopverwaltung_over.gif);} #seitenverwaltung { background-image: url(/graphics/raxisAdminBox/seitenverwaltung_off.gif);} #seitenverwaltung:hover { background-image: url(/graphics/raxisAdminBox/seitenverwaltung_over.gif);} #postit { background: none; } object, embed { display:block;z-index:3001;margin:0 auto;} /** -- CSS Hack für Safari /** -- ACHTUNG: /** -- nach diesem CSS Hack dürfen keine anderen Styles mehr eingefügt werden, /** -- weil alles, was danach steht, nicht greift. Also alle weiteren Styles oberhalb von diesem Hack definieren !!! **/ #quicknavigation #search input#words { height: 15px; # } #quicknavigation #search button { background-position: left 4px; # } button.shop { text-align:left; margin:0; border:0; padding:0; background-color:transparent; text-decoration:underline; cursor:pointer; color:#1A4094; }