/* Standard Stylesheet für den Ver- und Entsorgungsbetrieb Waltrop AÖR*/ /* ---------------------------------------------- Allgemeine Definitionen ---------------------------------------------- */ body /*Defintionen für den allgemeinen */ { font-family: Arial, Helvetica, sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #ffffff; font-size:100%; } h1 { font-size:100%; margin:0px; padding:0px; font-weight:bold; } h2 { font-size:120%; color:#ff9900; font-weight:bold; } h3 { font-size:100%; font-weight:bold; } p { margin:0px; padding:0px; } select { width:205px; } /* ###################################################### Klassen ###################################################### */ /* ----------------------------------------------------- a-Klassen ----------------------------------------------------- */ a, a:link, a:visited, a:hover /*allgemeine Link-Definitionen*/ { font-size: 100%; color: #000000; text-decoration:underline; padding-left:18px; background-image:url(../images/arrow_aoer.png); background-repeat:no-repeat; } a:hover /*allgemeine Link-Definitionen (hover)*/ { text-decoration:none; } a.noarrow, a.noarrow:link, a.noarrow:visited, a.noarrow:hover /*allgemeine Link-Definitionen*/ { font-size: 100%; color: #000000; text-decoration:underline; padding-left:0px; background-image:none; } a.noarrow:hover /*allgemeine Link-Definitionen (hover)*/ { text-decoration:none; } a.wetter, a.wetter:link, a.wetter:visited, a.wetter:hover /*Link-Definition beim Wetter: Stadt Waltrop*/ { font-size:70%; color: #000000; text-decoration: none; font-family:Verdana; font-weight: bold; padding-left:0px; background-image:none; } a.meteo24, a.meteo24:link, a.meteo24:visited, a.meteo24:hover /*Link-Definition beim Wetter: (C) meteo24.de*/ { font-size:70%; color: #000000; text-decoration: none; font-family:Verdana; padding-left:0px; background-image:none; } a.header, a.header:link, a.header:visited, a.header:hover /*Link-Definitionen für die obere Navigation*/ { font-size: 75%; font-weight: bold; text-decoration: none; color: #ff9900; padding-left: 10px; padding-top:4px; margin-right: 10px; /* FireFox compatibility */ background-image:none; } a.header:hover /*Link-Definitionen für die obere Navi (hover)*/ { text-decoration: underline; } a.fuss, a.fuss:link, a.fuss:visited, a.fuss:hover /*Link-Definitionen für die obere Navigation*/ { font-size: 100%; color: #FFFFFF; text-decoration: none; padding-left:10px; background-image:none; } a.fuss:hover /*Link-Definitionen für die obere Navi (hover)*/ { text-decoration: underline; } a.header:active /*Link-Definitionen für die obere Navi (active)*/ { color:#000000; } a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited /*Link-Definitionen für die blaue Leiste*/ { font-size: 100%; color: #FFFFFF; text-decoration: none; padding-left:0px; background-image:none; } a.breadcrumb:hover /*Link-Definitionen für die blaue Leiste (hover)*/ { text-decoration: underline; } a.navi1, a.navi1:link, a.navi1:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/01b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi1:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/01a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi2, a.navi2:link, a.navi2:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/02b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi2:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/02a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi3, a.navi3:link, a.navi3:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/03b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi3:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/03a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi4, a.navi4:link, a.navi4:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/04b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi4:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/04a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi5, a.navi5:link, a.navi5:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/05b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi5:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/05a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi6, a.navi6:link, a.navi6:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/06b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi6:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/06a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi7, a.navi7:link, a.navi7:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/07b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi7:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/07a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.navi8, a.navi8:link, a.navi8:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/aoer/08b.gif); background-repeat:no-repeat; background-position:10px center; } a.navi8:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/aoer/08a.gif); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.naviWAL, a.naviWAL:link, a.naviWAL:visited /*Link-Definitionen für die Hauptnavigation*/ { text-decoration: none; display:block; width:148px; text-align: left; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; padding:5px; padding-left: 40px; color: #000000; background-color:#ffffff; font-size:90%; background-image:url(../images/naviicons/walb.jpg); background-repeat:no-repeat; background-position:10px center; } a.naviWAL:hover /*Link-Definitionen für die Hauptnavigation (hover)*/ { background-image:url(../images/naviicons/wala.jpg); background-repeat:no-repeat; background-position:10px center; background-color:#eeeeee; } a.shortcuts, a.shortcuts:link, a.shortcuts:visited, a.shortcuts:hover /*Link-Definitionen für den Schnellstart*/ { font-size: 100%; color: #000000; text-decoration:underline; padding-left:18px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; vertical-align:middle; } a.shortcuts:hover /*Link-Definitionen für den Schnellstart (hover)*/ { text-decoration:none; } a.text, a.text:link, a.text:visited, a.text:hover /*Link-Definitionen für normalen Text*/ { font-size: 75%; color: #000000; text-decoration:underline; padding-left:18px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; } a.text:hover /*Link-Definitionen für normalen Text (hover)*/ { text-decoration:none; } a.meldung, a.meldung:link, a.meldung:visited /*Link-Definitionen für Meldungen auf der */ { /*Startseite*/ font-size: 100%; color: #000000; text-decoration:underline; padding-left:18px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; vertical-align:middle; } a.meldung:hover /*Link-Definitionen für Meldungen auf der */ { /*Startseite (Hover)*/ text-decoration:none; } /* ---------------------------------------------------- IMG-Klassen ---------------------------------------------------- */ img /*Verinheitlichen aller Bilder*/ { float:left; margin:10px; } img.logo { float:left; padding:0px; margin:0px; width:194px; border:0px; } img.startseite_gross /*großes Bild auf der Startseite*/ { float:left; padding:10px; width:152px; height:152px; border:0px; margin:0px; } img.startseite_klein /*kleine Icons auf der Startseite für die News*/ { float:left; padding:10px; width:60px; height:60px; border:0px; margin:0px; } img.shortcuts /*Icons für den Schnellstart*/ { width:33px; height:33px; border:0px; margin:0px; margin-bottom: 15px; float:left; } img.htdig /*Sterne im Suchergebnis*/ { float:none; padding:2px; border:0px; margin:0px; } /* ----------------------------------------------------- BR-Klassen ----------------------------------------------------- */ br.smallbr /*kleiner Zeilenumbruch für die vertikale Zentrierung bei den Shortcuts (FF)*/ { font-size:6px; } br.clearboth /*clear:both zum Beenden von floatings*/ { clear:both; } /* ###################################################### DIV-IDs ###################################################### /* /* ------------------------------------------------------- Kopf ------------------------------------------------------ */ #logo /*DIV-Container für das Logo links oben */ { float:left; background-color: #ffffff; width:193px; height:153px; } #header /*DIV-Container für das Header-Bild oben mitte*/ { background-color: #FFFFFF; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; background-image: url(../Headerbilder/header_vunde.jpg); background-repeat: no-repeat; background-position:left top; margin-left:193px; padding:0px; height:132px; text-align:right; float:none; } #headerright /*DIV-Container für die den Wetter-Container*/ { float:right; } #wetter /*DIV-Container für das Wetter*/ { float:none; background-color:#ffffff; text-align:center; width:120px; } #obereNavigation /*DIV-Container für die obere Navigation unter dem Headerbild*/ { padding-top:3px; padding-bottom:3px; background-color: #fff3e5; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; float:none; margin-left:193px; } /* --------------------------------------------------- Blaue Leiste ---------------------------------------------------- */ #breadcrumb /*DIV-Container für die blaue Leiste*/ { background-color: #e68a00; padding-left: 193px; height: 2em; /*25px*/ line-height: 25px; float:none; margin-left:0px; font-size: 75%; color: #FFFFFF; } /* ------------------------------------------------- linke Navigation -------------------------------------------------- */ #navigation /*DIV-Container für die Navigationsleiste*/ { vertical-align:top; width:193px; float:left; } .unternavigation { font-size:75%; width:178px; background-color:#eeeeee; padding:5px; padding-left:10px; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; } .subnavigation { font-size:90%; width:158px; background-color:#eeeeee; padding:5px; padding-left:20px; } /* -------------------------------------------------- Inhaltsbereich ---------------------------------------------------- */ #searchbar /*DIV-Container für die zwei Suchfeld-Container*/ { float:right; text-align:left; padding-left:10px; padding-right:10px; padding-top:20px; } div.searchbar_headline /*DIV-Container für Überschriften in dem Suchfeld-Container */ { color:#ff9900; font-size: 75%; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } div.searchbar_content /*DIV-Container für den Inhalt im Suchfeld-Container*/ { padding-top:20px; padding-bottom:20px; font-size:75%; } #content /*DIV-Container für die zwei Content-Container*/ { vertical-align:top; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; margin-left:193px; /*text-align:justify;*/ text-align:left; padding:10px; padding-top:5px; float:none; } div.content-headline /*DIV-Container für die Überschriften im Contentbereich*/ { color:#ff9900; font-size: 100%; font-weight: bold; margin-right:32%; } div.content-text /*DIV-Container für den Text im Contentbereich*/ { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; margin-right:32%; padding-top:15px; padding-bottom:15px; } /* --------------------------------------------------- Bürgerservice ---------------------------------------------------- */ div.bso { margin-right:32%; } div.bso_ueberschrift { color:#00459d; font-size: 110%; font-weight: bold; } div.bso_startseite { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } div.angebote_ueberschrift { color:#00459d; font-size: 110%; font-weight: bold; } div.angebotsliste { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } div.ueberschrift { font-size:120%; margin-top:5px; font-weight:bold; } div.lebensumstaende { font-size:100%; text-align:left; } div.populaereAngebote { font-size:100%; text-align:left; } div.angebot_name { color:#00459d; font-size: 110%; font-weight: bold; } div.angebot_beschreibung { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } div.angebot_person { font-size:75%; } div.angebot_organisatorischeEinheit { font-size:75%; } div.angebot_kosten { font-size:75%; } div.angebot_link { font-size:75%; } div.angebot_unterlagen { font-size:75%; } div.auftragsmodus { font-size:75%; } div.oe_name { color:#00459d; font-size: 100%; font-weight:bold; } div.oe_beschreibung { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } div.kurzbeschreibung { font-size: 75%; padding-left:18px; } div.oe_adresse { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } div.oe_person { font-size:75%; } div.oe_telefon { font-size:75%; } div.oe_fax { font-size:75%; } div.oe_leiter { font-size:75%; } div.oe_email { font-size:75%; margin-bottom:10px; } div.oe_oeffnungszeiten { font-size:75%; } div.oe_standardzeiten { font-size:75%; } div.oe_angebot { font-size:75%; } div.oe_link { font-size:75%; } div.person_name { font-size:75%; } div.person_arbeitsfeld { font-size:75%; } div.person_adresse { font-size:75%; } div.person_telefon { font-size:75%; } div.person_fax { font-size:75%; } div.person_email { font-size:75%; } div.person_standardzeiten { font-size:75%; } div.person_organisatorischeEinheit { font-size:75%; } div.person_angebot { font-size:75%; } table.zeiten { font-size:75%; } div.formulare_ueberschrift { color:#00459d; font-size: 110%; font-weight: bold; } div.formulare_einleitung { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-size: 75%; color: #000000; padding-top:15px; padding-bottom:15px; } ul.formulare { font-size:75%; } /* ---------------------------------------------------- Fussbereich ----------------------------------------------------- */ #fuss { background-color: #e68a00; padding-left: 193px; height: 2em; /*25px*/ line-height: 25px; float:none; margin-left:0px; font-size: 75%; color: #FFFFFF; } /* EOF */