/* ## --------------------------------------------- ## Stylesheet-Definitionen ## ## --------------------------------------------- ## © 2002-2007 Galileo Webdesign ## www.galileo-webdesign.de ## --------------------------------------------- ## */ /* ----------------------------------------------------------------------------------------------------------- */ /* STRUKTUR DER WEBSITE--------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- HTML UND BODY --- */ /* --- Formatierung global --- */ html {height:100%;} body {height:100%; margin:0px; padding:0px; background-color:#222325;} /* --- Bodyformatierung im Iframe (tpl_website.html) --- */ #iframe_body {background-color:#ffffff;} /* --- DIVS UND CONTAINER FÜR HAUPTTEMPLATE (tpl_website_haupt.html) --- */ /* --- Kopfbereich mit Logo und ausgelagerten Menüpunkten --- */ #kopf {width:770px; height:60px; background-image:url(../_img/elements/kopf_hg.gif); background-position:top left; background-repeat:no-repeat;} /* --- 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:570px; z-index:3; background-color:#222325; -moz-opacity:0.8; filter:Alpha(opacity=80); position:absolute; left:35%; top:20%;} /* --- Banner nimmt Bildleiste auf, wird von #nav überlagert --- */ #banner {width:100%; height:230px; overflow:hidden;} /* --- Iframe Container --- */ #iframe_breit {width:100%; height:280px; background-color:#ffffff; color:#000000; overflow:hidden;} /* --- Iframe Container, zentriert, nimmt iframe auf --- */ #iframe_schmal {width:800px; height:280px;} #iframe_breit_intro {width:100%; height:510px; background-color:#ffffff; color:#000000; overflow:hidden;} #iframe_schmal_intro {width:770px; height:510px;} /* --- Fusszeile mit Schriftzug --- */ #fuss {width:770px; height:35px; background-position:top left; background-repeat:no-repeat;} /* --- Schriftzug in Abhängigkeit der Area --- */ .hg_area1 {background-image:url(../_img/elements/fuss_hg_area1.gif);} .hg_area2 {background-image:url(../_img/elements/fuss_hg_area2.gif);} .hg_area3 {background-image:url(../_img/elements/fuss_hg_area3.gif);} .hg_area4 {background-image:url(../_img/elements/fuss_hg_area4.gif);} .hg_area5 {background-image:url(../_img/elements/fuss_hg_area5.gif);} .hg_area1_en {background-image:url(../_img/elements/fuss_hg_area1_en.gif);} .hg_area2_en {background-image:url(../_img/elements/fuss_hg_area2_en.gif);} .hg_area3_en {background-image:url(../_img/elements/fuss_hg_area3_en.gif);} .hg_area4_en {background-image:url(../_img/elements/fuss_hg_area4_en.gif);} .hg_area5_en {background-image:url(../_img/elements/fuss_hg_area5_en.gif);} /* --- DIVS UND CONTAINER FÜR INNENTEMPLATE (tpl_website.html) --- */ /* --- Subnavigation (tpl_subnavigation.html) Container --- */ #subnav {width:200px; height:270px; float:left; background-color:#F2F2F2; padding-top:10px;} /* --- SubSubnavigation Container (tpl_subsubnavigation.html) --- */ #subsubnav {width:285px; height:270px; float:left; overflow:auto; padding-top:10px;} /* --- Inhaltsbereich --- */ #inhalt {width:275px; height:270px; float:left; overflow:auto; padding-left:10px; padding-top:10px;} /* ----------------------------------------------------------------------------------------------------------- */ /* GLOBALE TEXTFORMATIERUNG----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- Standardtext in allen Divs --- */ div {font-size:11px; font-family:arial; font-weight:normal; color:#7E8285; line-height:18px; } /* --- Standardlinks in allen Divs --- */ a {color:#A63333; text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} /* --- Überschriften --- */ h1 {font-size:12px; font-family:arial; font-weight:bold; color:#a63333; margin:0px; padding:0px; line-height:25px;} h2 {font-size:12px; font-family:arial; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:25px} h3 {font-size:11px; font-family:arial; font-weight:bold; color:#a63333; margin:0px; padding:0px; line-height:20px} h4 {font-size:11px; 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-left:12px;} /* --- Formatierung inaktives Element --- */ #nav .aus a {color:#979899; text-decoration:none;} #nav .aus a:hover {color:#FFFFFF;} #nav .aus:hover a {color:#FFFFFF; text-decoration:none;} /* --- Formatierung aktives Element --- */ #nav .an a {color:#FFFFFF; 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:10px; font-weight:bold; cursor:pointer; padding-bottom:2px; padding-top:2px; padding-left:5px;} /* --- Formatierung inaktives Element --- */ #subnav .aus a {text-decoration:none; color:#7E8285;} #subnav .aus:hover a {color:#000000;} #subnav .aus:hover {background-color:#DEDEDE;} /* --- Formatierung aktives Element --- */ #subnav .an a {color:#000000;} #subnav .an a:hover {text-decoration:none;} #subnav .an:hover {background-color:#DEDEDE;} /* --- 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:200px; margin-bottom:5px; float:left;} #formular textarea {width:300px; height:60px; margin-bottom:5px; float:left;} #formular label {width:75px; padding-right:20px; margin-bottom:5px; text-align:right; float:left;} #formular br {clear: left;} /* ----------------------------------------------------------------------------------------------------------- */ /* 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;}