body { font-family: Arial; font-size: 10pt; color:#441100; background:#FCEDBA url("images/BG_Hintergrund2.gif") repeat-x; margin:0px; padding:0px;} strong { font-family: Arial; font-size: 10pt; font-weight: bold; margin-top: 0px; margin-bottom: 0px; color:#330000; } h1 { font-family: Arial; margin-top: 0px; margin-bottom: 0px; font-size: 1em; font-weight: 700; font-style: italic; text-align:left} h2 { font-family: Arial; margin-top: 0px; margin-bottom: 0px; font-size: 10px; text-align:center; color:#550000;font-weight: 400} h3 { font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 3px; text-decoration:none; font-weight:bold } h4 { font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 0; text-decoration:underline; font-weight:bold } h5 { font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 0; text-decoration:underline; font-weight:bold } p { font-family: Arial; font-size: 10pt; text-align:justify; margin-top: 0px; margin-bottom: 0px; } td { vertical-align:top; font-size: 10pt; text-align:justify;} hr { width:100%; color:#330000; height:1px;} /*----- not used ----- input { background-color: #fffcef; font-family: Arial; color:#440000} option { background-color: #fffcef; font-family: Arial; color:#440000} select { background-color: #fffcef; font-family: Arial; color:#440000} textarea { background-color: #fffcef; font-family: Arial; color:#440000; font-size:10pt} --------*/ /*=========================================================================================================== Links ================*/ a {font-family: Arial; } a:active {color: #ff0000; } a:visited {color: #3300ff;} a:hover {color: #aa0000;} a.diskret { text-decoration:none; } a.diskret:active { text-decoration:none; } a.diskret:visited { text-decoration:none; } a.diskret:hover { text-decoration:underline; } a.diskretrot { text-decoration:none; color:#990000; } a.diskretrot:active { text-decoration:none } a.diskretrot:visited { text-decoration:none; color:#993333; } a.diskretrot:hover { text-decoration:underline; } a.diskretweiss { text-decoration:none; color:#ffffff; } a.diskretweiss:active { text-decoration:none; color:#ffaaaa; } a.diskretweiss:visited { text-decoration:none; color:#ffffff; } a.diskretweiss:hover { text-decoration:underline; color:#ffffff;} a.extern { padding:0px 13px 0px 0px; background:url("images/ICON_externer_Link.gif") right 2px no-repeat; } a.logolink { display:block; position:absolute; left:45px; top:30px; width:315px; height:135px; /* ---background-color:#eeeeee; Testfarbe ---*/} a.pfeilicon { padding:0px 0px 0px 18px; background:url("images/ICON_Pfeil1.gif") 0px 2px no-repeat; } a.pfeilroticon { display:block; text-indent:18px; background:url("images/ICON_Pfeil_rot.GIF") left 2px no-repeat; } /*========================================================================================================= Doorway-Page ================*/ /* ----Vertical centering: make div as large as viewport and use table layout (funzt bei IE aber nicht) ----*/ div.container {display: table; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } div.container p {display: table-cell; vertical-align: middle; text-align: center} /*---- Horizontal centering of image: set left & right margins to 'auto' ----*/ a img, a:link img { border: none; } /*========================================================================================= STANDARDS ============================*/ .vspacer1 { width:100px; height:65px; } .vspacer2 { width:100px; height:25px; } .vspacer3 { width:100px; height:35px; } .vspacer4 { width:100px; height:15px; } .rechts { float:right; } .links { float:left; margin:0px; padding:0px;} .bildlinks { float:left; margin:2px 10px 0px 0px; } .bildrechts { float:right; margin:2px 0px 0px 10px; } .clear { clear:both; } .floatstop { clear:both; } .rot { color:#990000;} .weiss { color:#ffffff;} .beige { color:#CEA874;} .acht { font-size:8pt;} .center { margin: 0px auto; text-decoration:none; text-align:center;} .nullpunkt { position:relative; } .block { display:block; } /*=============================================================================================== LAYOUT NEU ======Website_Slices_BG-tab.gif=====background:url("images/BG_Hauptcontainer2.gif");================*/ #gesamtcontainer { width: 970px; } #header { width: 970px; height:165px; background:url("images/BG_TopBanner3.jpg") 0px 20px no-repeat; text-align:left; position:relative; } #header a { position:absolute; left:785px; top:20px; width:170px; height:137px; background:url("images/BG_Logo2.gif") no-repeat;} #mitte { width: 970px; background:url("images/BG_Hauptcontainer2.gif"); background-repeat: repeat-y; /* ---background-color:#eeeeee; Testfarbe ---*/ } #spaltelinks { float:left; position:relative; width:50px; height:100px; /* ---background-color:#ffffee; Testfarbe ---*/ } #textspalte { float:left; width:700px; /* ---background-color:#ffeeee; Testfarbe ---*/ } #spalterechts { float:left; position:relative; width:200px; height:100px; /* ---background-color:#ffaaff; Testfarbe ---*/ } #spalterechtsmenu { position:absolute; left:20px; top:0px; width:160px; height:100px; /* ---background-color:#eeeeee; Testfarbe ---*/ } .infoboxhead { float:left; width:160px; height:20px; margin-bottom:5px; background-color:#E8C79B; } .infoboxbody { float:left; width:150px; padding:5px; margin-bottom:20px; background-color:#F6EAD9; text-align:left; font-size: 8pt; text-decoration:none; } .infoboxbody p { font-size: 8pt; text-decoration:none; } /*-------IE hat extra CSS wg padding-Problem-------*/ #footerzeile { clear:both; position:relative; width:970px; height:40px; background:url("images/BG_Footer2.gif") no-repeat; } #kontrollnr { position:absolute; left:50px; top:9px; width:200px; height:20px; text-align:left;} #footermenu { position:absolute; left:800px; top:7px; width:140px; height:20px; text-align:left;} /*================================================================ Menu NEU ============ Achtung! siehe auch "style_huho_IE6.css" ===============*/ #quermenuzeile { position:relative; width: 970px; height:110px; background:url("images/BG_Menu2.gif") 0px 0px no-repeat; /* ---background-color:#aaffaa; Testfarbe ---*/ } #quermenu { position:absolute; left:45px; top:0px; width:900px; height:20px; color:#d9bf9d; text-decoration:none; text-align:left;} a.menupunkt, a.menupunkt:visited { display:block; float:left; height:18px; padding:4px 10px 1px 10px; color:#990000; font-family: Arial; text-decoration:none; font-weight:bold; font-size: 10pt; border:1px solid transparent; } a.menupunkt:hover, a.menupunkt:active { display:block; float:left; color:#ffffff; background:#990000; } a.reiter, a.reiter:visited { display:block; position:relative; top:-1px; background:#ffffff; color:#990000; padding-bottom:7px; padding-top:5px; border-left:1px solid #990000; border-right:1px solid #990000; border-top:1px solid #990000; border-bottom:2px solid #ffffff;} /*--IE hat extra CSS wg padding-Problem--*/ /*========================================================================= INHALT ========================================*/ .headline1 { position:absolute; left:50px; top:50px; z-index:100; color:#990000; font-size:20pt; font-weight:bold;} .headlinelight1 { position:absolute; left:63px; top:38px; z-index:90; color:#f9f3f3; font-size:43pt; font-weight:600;} .blattoben { float:left; height:10px; width:600px; padding:0px; background:url("images/BILD_Papier_BG1.jpg") 10px 0px no-repeat; } .blattmitte { float:left; width:600px; position:relative; padding:0px; background:url("images/BILD_Papier_BG2.jpg") 10px 0px ; background-repeat: repeat-y; } .blattunten { float:left; height:30px; width:600px; padding:0px; background:url("images/BILD_Papier_BG3.jpg") 10px 0px no-repeat; } .bg_muetze { background:url(images/ICON_Kochloeffel4.gif) 240px 180px no-repeat; } .aktuline { margin:30px auto; text-align:center; border:solid #F6EAD9 1px; } .button a, .button a:visited { display:block; width:220px; text-indent:22px; background:#ffffff; border: 1px solid #990000; color:#990000; padding:10px 0px 10px 0px; text-decoration:none; font-weight:bold; } .button a:hover, .button a:active { background:#990000; color:white; } /*======================================================================== LISTEN =============================================*/ ul.links2 { margin:0px 0px 15px 17px; padding:0px; list-style-type:square; color:#880000; } ul.links2 li { margin:2px 0px 2px 0px; padding:0px; font-size:12pt; } ul.links2 li a { margin:0px 0px 0px -5px; padding:0px; font-size:9.5pt; display:block; line-height:20px; text-indent:5px; border:1px solid transparent; } ul.links2 li a:hover { display:block; color:#ffffff; background:#990000; font-weight:bold; text-decoration:none; } ul.links2 a.reiter1, ul.links2 a.reiter1:visited { display:block; color:#990000; font-weight:bold; background:#ffffff; position:relative; left:-17px; border-right:1px solid #990000; border-top:1px solid #990000; border-bottom:1px solid #990000; line-height:20px; text-indent:30px} /*--IE hat extra CSS wg border-Problem--*/ ul.links3 { margin:5px 0px 5px 17px; padding:0px; list-style-type:square; color:#880000; } ul.links3 li { margin:0px; padding:0px; font-size:8pt; } /*----- REZEPTSEITE -----*/ ul.rezepte { margin: 0px 0px 0px 30px; padding:20px; list-style-type:none; } ul.rezepte li { position:relative; margin:5px 0px 5px 0px; padding:0px; font-size:11pt; width:420px; text-indent:30px; background: url("images/ICON_Kochloeffel1.gif") 5px 3px no-repeat; text-align:left; } ul.rezepte li a { color:#aa5555; padding:3px 3px 3px 6px; display:block; text-decoration:none; font-family:"Courier New", Arial; font-style:normal; text-align:left; } ul.rezepte li a:visited { color:#aa8888; } ul.rezepte li a:hover { color:#ff0000; background:#dddddd url("images/ICON_Kochloeffel1.gif") 5px 3px no-repeat;} ul.rezepte li a span { position:absolute; top:0px; left:0px; width:20px; height:20px; background:url("images/ICON_neu2.png") 0px 10px no-repeat;} /*--li:hover ist nicht IE tauglich, deshalb das "neu"-ICON mit -----*/ /*----- PRODUKTSEITE -----*/ #produkttabelle { position:relative; border-top: 1px solid #440000; border-bottom: 0px solid #440000; background:#ffffff; /*height:400px;*/} .spezialitaeten { background:#f0f0f0; font-size:9pt; font-weight:bold; height:185px; margin:0px; padding:0px; padding-left:5px; } .fruehjahr { background:#fffff4; width:33%; } .sommer { background:#f0fff0; width:33%; } .herbst { background:#fff0dd; width:33%; } .winter { background:#f4f4ff; width:33%; } .produktinfo { border: 1px solid #990000; color:#990000; width:260px; font-size:9pt; font-weight:bold; text-indent:10px; margin:0px; padding:5px; } ul.produkte { margin:0px; padding:0px; list-style-type:circle; font-weight:normal; } ul.produkte li { margin:0px 0px 0px 16px; padding:0px; font-size:12pt; line-height:14px; } /*--- wg Größe Listenpunkt in IE8 hier große "font-size"--*/ ul.produkte li em { font-style:normal; font-size:9pt; } /*--- wg Größe Listenpunkt in IE8 mit hier wieder kleine "font-size"--*/ ul.produkte li a, ul.produkte li a:visited { color:#550000; padding:0px 10px 0px 0px; } ul.produkte li a:hover, ul.produkte li a:focus { background:#550000; color:#ffffff; text-decoration:none;} ul.produkte li a.link, ul.produkte li a.link:visited { color:#0000ff;} ul.produkte li a.link:hover, ul.produkte li a.link:focus { background:#550000; color:#ffffff; text-decoration:none; } ul.produkte li a img { display:none; position:absolute; left: 479px; top: 216px; } ul.produkte li a:focus img, ul.produkte li a:active img, ul.produkte li a:hover img { display:block; position:absolute; left: 479px; top: 216px; z-index:50; color:#aa0000;} .doppelspalte { float:left; width:100px; } /*----- VERSUCH --- PRODUKT-Submenu --- fucking IE ????--- ul.produkte a span, ul.produkte a:visited span { visibility:hidden; position:absolute; } ul.produkte a:hover span { visibility:visible; position:absolute; z-index:100; top:0px; left:43px; width:100px; height:100px; background:#ffffff; color:#aa0000; border:1px solid #550000; } a ul.produktesubmenu { margin:0px; padding:0px; list-style-type:circle; color:#aa0000;} a ul.produktesubmenu li { margin:0px; padding:0px; text-indent:5px; } a ul.produktesubmenu a, a ul.produktesubmenu a:visited { background:#ffffff; color:#aa0000; text-decoration:none; } a ul.produktesubmenu a:hover, a ul.produktesubmenu a:focus { background:#aa0000; color:#ffffff; font-weight:bold;} ul.produkte a ul.produktesubmenu a img { visibility:hidden; } ul.produkte a ul.produktesubmenu a:focus img, ul.produkte a ul.produktesubmenu a:active img, ul.produkte a ul.produktesubmenu a:hover img { visibility:visible; position:absolute; left: 178px; top: 174px; z-index:50; color:#aa0000;} -----------------------*/ /*----- AKTUELLES-SEITE -----*/ ul.pfeil { list-style-type:none; margin:0px; margin-left:10px; padding-left:0px; } ul.pfeil li { background: url(images/ICON_Pfeil1.gif) 0px 2px no-repeat; padding-left: 18px; margin-bottom: 0px; } ul.pfeil li.horiz { float:left; margin-right:10px; } /*ul.pfeil a, ul.pfeil a:visited { color:#CEA874; text-decoration:none;} ul.pfeil a:hover, ul.pfeil a:focus { color:#ffffff; background:#CEA874; text-decoration:none;}*/ a.aktuellesbild, a.aktuellesbild:visited { color:#CEA874; text-decoration:none;} a.aktuellesbild:hover, a.aktuellesbild:focus { color:#ffffff; background:#CEA874; text-decoration:none;} a.aktuellesbild span { display:none; position:absolute; top:-20px; left:-250px;} a.aktuellesbild:hover span, a.aktuellesbild:focus span { display:block; position:absolute; top:-60px; left:480px; width:200px; height:150px; background:#f4f4f4; border:10px solid #F6EAD9;} a.aktuellesbild:hover span.hoch, a.aktuellesbild:focus span.hoch { display:block; position:absolute; top:-80px; left:530px; width:150px; height:200px; background:#f4f4f4; border:10px solid #F6EAD9;} /* ------ Videos -----*/ a.aktuellesVideo, a.aktuellesVideo:visited { color:#CEA874; text-decoration:none;} a.aktuellesVideo:hover, a.aktuellesVideo:focus { color:#ffffff; background:#CEA874; text-decoration:none;} a.aktuellesVideo span { display:none; position:absolute; top:-20px; left:-250px;} a.aktuellesVideo:hover span, a.aktuellesVideo:focus span { display:block; position:absolute; top:-60px; left:380px; width:300px; height:300px; border:10px solid #F6EAD9; z-index:150; } /* -- unsichtbare 'MausBrücke' (von Link zu Play-Button)-- */ a.aktuellesVideo:hover em, a.aktuellesVideo:focus em { display:block; position:absolute; top:-60px; left:250px; width:480px; height:350px; background:url('images/GlasLogo.gif'); z-index:50; } /*-------------------------------------------------------------------------- Fotogalerie - EIGENE CSS -------------*/ a.fotolink, a.fotolink:visited {display:block; display:inline-block; text-decoration:none; font-size:8pt; background:#ffffff; color:#aa0000; border:1px solid #aa0000; width:93px; height:15px; float:left; margin-bottom:4px; margin-right:4px; padding:3px; z-index:50;} a.fotolink em {display:none; position:absolute; top:0px; left:145px;} a.fotolink span {display:none; } a.fotolink:hover {background:#aa0000; color:#ffffff;} a.fotolink:focus, a.fotolink:active {background:#aa0000; color:#ffffff; /*font-weight:bold;*/} #galeriecontainer {position:relative; width:100%; height:510px; background:#ffffff url("images/ICON_Kamera3.gif") 275px 80px no-repeat; border:0px solid #a49188; /*-----margin:1em auto;----??---*/ text-align:left;} #galeriecontainer .thumbsoben {background:#55cc55; display:block; height:20px; } #galeriecontainer .thumbs {background:transparent; width:230px; height:500px; left:0px; top:30px;} #galeriecontainer .thumbsunten {background:#55cc55; width:700px; height:50px; left:0px; top:550px;} #galeriecontainer a.fotolink:active em, #galeriecontainer a.fotolink:focus em {display:block; position:absolute; top:0px; left:210px; z-index:50; color:#aa0000;} #galeriecontainer img { padding:0px; border:1px solid #aa0000;} #galeriecontainer em { padding:5px; border:1px solid #aa0000;} #galeriecontainer span { display:block; padding:3px; margin-top:5px; border:1px solid #aa0000; color:#aa0000; width:474px; font-style:normal; font-weight:normal;} #galeriecontainer span.hochformat { width:354px;} /*---*/