/* ## --------------------------------------------- ## Stylesheet-Definitionen ## ## --------------------------------------------- ## © 2002-2007 Galileo Webdesign ## www.galileo-webdesign.de ## --------------------------------------------- ## */ /* ----------------------------------------------------------------------------------------------------------- */ /* STRUKTUR DER WEBSITE--------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- HTML UND BODY --- */ /* --- Formatierung global --- */ html {} body {margin:0px; padding:0px;background-color:#ffffff} .bg_body {background-color:#fff6e3;} /* --- Bodyformatierung im Iframe (tpl_website.html) --- */ #iframe_body {background-color:#ffffff;} /* --- DIVS UND CONTAINER FÜR HAUPTTEMPLATE (frame.php) --- */ /* --- Kopfbereich mit Logo und ausgelagerten Menüpunkten --- */ #kopf {width:770px; height:90px; background-image:url(../_img/elements/german_bakeshop_logo.gif); background-repeat:no-repeat; border:0px; border-right:1px; border-left:1px; border-color:#f7cd7e; border-style:solid;} /* --- Ausgelagerte Menüpunkte --- */ #leiste {float:right; display:inline; color:#55595C; font-size:10px; font-weight:bold;} /* --- Hauptnavigation Container, absolute Positionierung muss durch JS festgesetzt werden, Transparenz nur für IE und Gecko --- */ #nav {width:770px; z-index:3; background-color:#000000; -moz-opacity:0.7; filter:Alpha(opacity=70); position:absolute; left:35%; top:20%;} /* --- Banner nimmt Bildleiste auf, wird von #nav überlagert --- */ #banner {width:770px; height:150px; overflow:hidden; border:0px; border-right:1px; border-left:1px; border-color:#f7cd7e; border-style:solid;} /* --- Iframe Container --- */ #iframe_breit {width:770px; height:390px; background-color: #fff6e3; color:#000000; overflow:hidden; border:0px; border-right:1px; border-left:1px; border-bottom:1px; border-color:#f7cd7e; border-style:solid;} /* --- Iframe Container, zentriert, nimmt iframe auf --- */ #iframe_schmal {width:770px; height:390px; overflow:hidden;} /* --- DIVS UND CONTAINER FÜR INNENTEMPLATE (tpl_website.html) --- */ /* --- Subnavigation Container --- */ #subnav_aussen {width:200px; height:390px; float:left; background-color: #f7ca75} /* --- Subnavigation (tpl_subnavigation.html) Container --- */ #subnav {height:120px; background-color: #fbe6b4} /* --- Newsletter (im tpl_website.html) Container --- */ #newsletter {padding-top:0px; width:200px;} /* --- Newsbox (cms_news_block.html) Container --- */ #news_box {padding-top:0px; width:200px; height: 155px; background-color: #fbe6b4 } /* --- Inhaltsbereich --- */ #inhalt {background-color:#ffffff; width:540px; height:380px; float:left; overflow:auto; padding-left:20px; padding-right:10px; padding-top: 10px;} /* ----------------------------------------------------------------------------------------------------------- */ /* GLOBALE TEXTFORMATIERUNG----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- Standardtext in allen Divs --- */ div {font-size:11px; font-family:Arial; font-weight:normal; color:#333333; line-height:18px; } /* --- Standardlinks in allen Divs --- */ a {color:#990000; font-weight: bold; text-decoration:none;} a:visited {color:#990000; font-weight: bold; text-decoration:none;} a:hover {color:#990000; font-weight: bold;text-decoration:underline;} /* --- Überschriften --- */ h1 {font-size:16px; font-family:arial; font-weight:bold; color:#b30000; margin:0px; padding:0px; line-height:30px; padding-top:0px; text-transform:uppercase;} h2 {font-size:12px; font-family:arial; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:25px;} h3 {font-size:12px; font-family:arial; font-weight:bold; color:#a63333; margin:0px; padding:0px; line-height:20px;} h4 {font-size:12px; font-family:arial; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:20px;} /* ----------------------------------------------------------------------------------------------------------- */ /* INDIVIDUELLE TEXTFORMATIERUNG------------------------------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- HAUPTNAVIGATION --- */ /* --- Gemeinsame Eigenschaften der Box --- */ #nav .navbox {float:left; font-size:11px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; line-height:35px; cursor:pointer; padding-right: 23px; padding-left:23px;} /* --- Formatierung inaktives Element --- */ #nav .aus a {color:#ffffff; text-decoration:none;} #nav .aus a:hover {color:#f00000;} #nav .aus:hover a {color:#f00000; text-decoration:none;} /* --- Formatierung aktives Element --- */ #nav .an a {color:#f00000; text-decoration:none;} #nav .an a:hover {text-decoration:none;} #nav .an:hover a:hover {text-decoration:none;} /* --- Formatierung aktives Element IE --- #nav .navbox a:active {color:#FFFFFF;} /* --- Formatierung aktives Element Standard --- #nav .navbox a:focus {color:#FFFFFF;}*/ /* --- SUBNAVIGATION --- */ /* --- Gemeinsame Eigenschaften der Box --- */ #subnav .navbox {font-size:11px; line-height: 28px; font-weight:bold; cursor:pointer; padding-bottom:0px; padding-top:0px; padding-left:20px;} /* --- Formatierung inaktives Element --- */ #subnav .aus a {text-decoration:none; color:#790000;} #subnav .aus {border-bottom-style: solid; border-bottom-width: thin; border-color: #f5c05d; background-color: #f7ca75;} #subnav .aus:hover a {color:#ffffff;} #subnav .aus:hover {background-color: #b30000; border-bottom-style: solid; border-bottom-width: thin; border-color: #f5c05d;} /* --- Formatierung aktives Element --- */ #subnav .an a {color:#ffffff;} #subnav .an a:hover {text-decoration:none;} #subnav .an{background-color: #b30000; border-bottom-style: solid; border-bottom-width: thin; border-color: #f5c05d;} #subnav .an:hover {background-color: #b30000; border-bottom-style: solid; border-bottom-width: thin; border-color: #f5c05d;} /* --- SUBNAVIGATION --- */ /* --- Gemeinsame Eigenschaften der Box --- */ #news_box .navbox {font-size:11px; line-height: 22px; cursor:pointer; padding-bottom:0px; padding-top:0px; background-color: #f7ca75} /* --- Formatierung inaktives Element --- */ #news_box .aus a {text-decoration:none; color:#790000; font-weight: normal} #news_box .aus td {} #news_box .aus:hover a {color:#ffffff;} #news_box .aus:hover {background-color: #b30000; border-bottom-style: solid; border-bottom-width: thin; border-color: #000000;} #news_box .kopf {color:#fff0cc; background-color:#f3a20a; font-weight:bold; line-height:28px; font-size:11px;} #news_box .kopf td {text-transform:uppercase;} .event_bg {cursor:pointer; background-image:url(../_img/elements/subnav_bg_on.gif);} a.event_buttons {text-decoration:none; color:#ffffff; font-size:11px; line-height: 28px; font-weight:bold; cursor:pointer; padding-bottom:0px; padding-top:0px; padding-left:20px;} /* --- SUBSUBNAVIGATION --- */ /* --- Gemeinsame Eigenschaften der Box --- */ #subsubnav .navbox {font-size:10px; cursor:pointer; padding-bottom:1px; padding-top:1px; padding-left:10px; padding-right:10px;} /* --- Formatierung inaktives Element --- */ #subsubnav .aus a {color:#7E8285;} #subsubnav .aus a:hover {color:#000000;} /* --- Formatierung aktives Element --- */ #subsubnav .an a {color:#000000;} /* --- SONSTIGES --- */ /* --- Linkformatierung ausgelagerte Navigation im Kopf --- */ #leiste a {color:#979899;} #leiste a:hover {color:#FFFFFF;} /* --- Scrollbar (nur IE) --- */ div { scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#cccccc; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#cccccc; scrollbar-shadow-color:#cccccc; scrollbar-track-color:#ffffff; } /* ----------------------------------------------------------------------------------------------------------- */ /* FORMULARE-------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- GLOBALE FORMULARFORMATIERUNG --- */ form, input, label, textarea, legend {font-size:11px; font-family:arial;} label, legend {color:#000000;} /* --- INDIVIDUELLE FORMULARFORMATIERUNG --- */ /* --- Kontaktformular --- */ #formular input {display:block; width:300px; margin-bottom:5px; float:left;} #formular textarea {width:300px; height:80px; margin-bottom:5px; float:left;} #formular label {width:80px; padding-right:20px; margin-bottom:5px; text-align:right; float:left;} #formular br {clear: left;} /* --- Kontaktformular --- */ #formular_delivery input {display:block; width:145px; margin-bottom:5px; float:left;} #formular_delivery textarea {width:385px; height:30px; margin-bottom:5px; float:left;} #formular_delivery label {width:50px; padding-left:20px; padding-right:20px; margin-bottom:5px; text-align:right; float:left;} #formular_delivery br {clear: left;} #formular_delivery fieldset {width:490px;} #formular_delivery legend {color:#b30000;} #formular_delivery #submit {background-color: #f5b235; border: thin; border-style: solid; border-color: #ef9c00; width: 388px; color:#ffffff; font-weight: bold; height: 22px; } /* --- Kontaktformular --- */ #newsletter input {color: #ffffff; font-weight: bold; width:140px; margin-bottom:0px; margin-top:5px; float:left; background-color: #fbe6b4; border: thin; border-style: solid; border-color: #f5b235} #newsletter label {color: #333333; width:40px; padding-left:10px; text-align:left; float:left; padding-top:3px; line-height:20px; padding-bottom: 3px;} #newsletter br {clear: left;} #newsletter .kopf {font-size:11px; text-transform:uppercase; font-weight:bold; color:#fff0cc; background-color:#f3a20a; line-height:28px; padding-left:10px;} #newsletter form {padding:0px; margin:0px;} #newsletter #submit {background-color: #f5b235; border: thin; border-style: solid; border-color: #eda319; width: 140px; color:#ffffff; font-weight: bold; height: 22px; } /* --- Kontaktformular --- */ #formular_recommend input {display:block; width:90px; margin-bottom:5px; float:left;} #formular_recommend textarea {width:90px; height:70px; margin-bottom:5px; float:left;} #formular_recommend label {width:70px; padding-left:0px; padding-right:10px; margin-bottom:5px; text-align:right; float:left;} #formular_recommend br {clear: left;} #formular_recommend fieldset {width:180px;} #formular_recommend legend {color:#b30000;} #formular_recommend #submit {background-color: #f5b235; border: thin; border-style: solid; border-color: #ef9c00; width: 95px; color:#ffffff; font-weight: bold; height: 20px; } /* ----------------------------------------------------------------------------------------------------------- */ /* Anpassungen für JS-EDITOR---------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ #js_editor {background-color:#FFFFFF; font-size:11px; font-family:arial; font-weight:normal; color:#7E8285; line-height:18px; padding-right:160px; padding-left:5px;}