* { padding: 0; /*Innenabstand*/ margin: 0; /*Außenrand/Abstand*/ } /*HTML*/ html { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /*Schriftart*/ font-size: 100.01%; /*Schriftgroesse*/ } /*Body*/ body { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; /*Schriftart*/ padding: 0; /*Innenabstand*/ font-size: 100.01%; /*Schriftgroesse*/ /*background-image:url('/w3a/_inst-felsberg/images/banner.gif');*/ /*Hintergrundbild - Position wo sich die gewuenschte Grafikdatei (GIF oder JPEG) befindet.*/ /*background-repeat: no-repeat;*/ /*Hintergund nicht wiederholen, nur als Einzelbild anzeigen.*/ background-color: #4D6DB2; } /*Der Inhalt des Element wird zunaechst versteckt (nicht angezeigt)*/ .hidden { visibility: hidden; /*Sichtbarkeit*/ position: absolute; /*Positionsart*/ width: 0; /*Breite*/ height: 0; /*Hoehe*/ top: 0; /*Startposition von oben*/ left: 0; /*Startposition von links*/ } /* Div mit der ID=main Seite*/ #main { height:28em; /*Hoehe*/ /*background-color: #FFFFFF;*/ } /* Div mit der ID=head - Kopfbereich der Seite*/ #head { background-color: #4D6DB2; /*Hintergrund-Farbe*/ color: #ffffff; /*height:70px;*/ /*Hoehe*/ } /*Image mit der Class .logo im head-Div*/ #head img.logo { float:left; /*Textumfluss*/ border:none; /*Rahmen*/ } /*---------------------------------------Beginn Service-Navigation -------------------------------------------------*/ /* Div mit der Id=servicenav */ #servicenav { padding-bottom: 2px; /*Innenabstand unten*/ padding-top: 2px; /*Innenabstand oben*/ border:none; /*Rahmen*/ font-size:0.6em; /*Schriftgroesse*/ font-weight: normal; /*Schriftgewicht*/ text-align:right; /*Horizontale Ausrichtung*/ margin-right:3em; /*Außenrand/Abstand rechts*/ } /* Aufzaehlungsliste ohne Darstellungstyp */ #servicenav ul { list-style-type: none; /*Darstellungstyp*/ } /* Aufzaehlungsliste mit eingeruecktem Listenpunkt */ #servicenav ul li { display: inline; /*Anzeigeart ohne Platzhalter - inline = Erzwingt die Anzeige im Text - das Element wird im laufenden Textfluss angezeigt*/ padding-bottom: 0.2em; /*Innenabstand unten*/ } /*Listenpunkt ohne Darstellungstyp*/ #servicenav li { list-style-type: none; /*Darstellungstyp*/ } /*Textabsatz*/ #servicenav p { margin-bottom: 8px; /*Außenrand/Abstand unten*/ font-size:0.6em; /*Schriftgroesse*/ text-align: left; /*Horizontale Ausrichtung*/ font-weight: normal; /*Schriftgewicht*/ } /*Noch nicht besuchte Ziele*/ #servicenav a:link { color: #ffffff; /*Textfarbe*/ text-decoration: none; /*Textdekoration*/ font-weight: normal; /*Schriftgewicht*/ } /*Besuchte Ziele*/ #servicenav a:visited { color: #ffffff; /*Textfarbe*/ text-decoration: none; /*Textdekoration*/ font-weight: normal; /*Schriftgewicht*/ } /*Verweise bei "MouseOver" */ #servicenav a:hover { color: #000080; /*Textfarbe*/ text-decoration: underline; /*Textdekoration*/ font-weight: normal; /*Schriftgewicht*/ } /*Angeklickte Verweise*/ #servicenav a:active { color: #333333; /*Textfarbe*/ text-decoration: underline; /*Textdekoration*/ font-weight: normal; /*Schriftgewicht*/ } /*Verweise, die Fokus erhalten */ #servicenav a:focus { color: #333333; /*Textfarbe*/ text-decoration: underline; /*Textdekoration*/ font-weight: normal; /*Schriftgewicht*/ } /*---------------------------------------Ende Service-Navigation---------------------------------------*/ /*---------------------------------------Beginn Banner -------------------------------------------------*/ /* Div mit der Id=servicenav */ #banner { background-image:url('/w3a/_inst-felsberg/images/banner_felsberg1.jpg'); background-repeat: no-repeat; width:1047px; height:105px; } /*---------------------------------------Ende Banner ---------------------------------------*/ /*---------------------------------------Beginn Breadcrumb-Navigation---------------------------------------*/ #whereAmI { position: relative; /*Positionsart*/ border: 0px solid red; /*Rahmen*/ font-size:0.7em; /*Schriftgroesse*/ padding-left:0.5em; /*Innenabstand links*/ background-color: #ffffff; /*Hintergrundfarbe*/ } /*---------------------------------------Ende Breadcrumb-Navigation---------------------------------------*/ /*---------------------------------------Beginn Haupt-Navigation---------------------------------------*/ /* Haupt-Navigation bzw. Top-Navigation */ #mainMenu { margin-top:0em; /*Außenrand/Abstand oben*/ margin-left:0em; /*Außenrand/Abstand links*/ font-size: 0.8em; /*Schriftgroesse*/ padding-left: 16em; /*Innenabstand links*/ border: 0px solid red; /*Rahmen*/ background-color: #ffffff; /*Hintergrundfarbe*/ } /* Aufzaehlungsliste ohne Darstellungstyp */ #mainMenuv ul { list-style-type: none; /*Darstellungstyp*/ } /* Aufzaehlungsliste mit eingeruecktem Listenpunkt */ #mainMenu ul li { display: inline; /*Anzeigeart ohne Platzhalter - inline = Erzwingt die Anzeige im Text - das Element wird im laufenden Textfluss angezeigt*/ padding-bottom: 0.2em; /*Innenabstand unten*/ } /*Listenpunkt ohne Darstellungstyp*/ #mainMenu li { list-style-type: none; /*Darstellungstyp*/ } /*Verweis*/ #mainMenu a { text-decoration: none; /*Textdekoration*/ font-weight: bold; /*Schriftgewicht*/ color: #D9000F; /*Textfarbe*/ line-height: 2em; /*Zeilenhoehe*/ padding-top: 0px; /*Innenabstand oben*/ padding-bottom: 1px; /*Innenabstand unten*/ padding-left: 3px; /*Innenabstand links*/ padding-right: 3px; /*Innenabstand rechts*/ margin-right: 5px; /*Außenrand/Abstand rechts*/ } /*Besuchte Ziele*/ #mainMenu a:visited { } /*Verweise bei "MouseOver" */ #mainMenu a:hover { color: #ffffff; /*Textfarbe*/ background-color: #314671; /*Hintergrundfarbe*/ } /*Angeklickte Verweise*/ #mainMenu a:active { color: #ffffff; /*Textfarbe*/ text-decoration: underline; /*Textdekoration*/ } /*Verweise, die Fokus erhalten */ #mainMenu a:focus { text-decoration:underline; /*Textdekoration*/ color: #ffffff; /*Textfarbe*/ } /*Verweise, die ausgewaehlt sind */ #mainMenu a.mainMenuSelected { color: ##D9000F; /*Textfarbe*/ } /*------------------------------------------------------Ende Haupt-Navigation---------------------------------------- */ /*------------------------------------------------------Beginn Sub-Navigation---------------------------------------- */ /* Untermenue */ #subMenu { float:left; float-align:left; /*Textumfluss*/ background-color: #4D6DB2; /*Hintergrundfarbe*/ padding-top: 5px; /*Innenabstand oben*/ padding-bottom: 50px; /*Innenabstand unten*/ font-size: 0.7em; /*Schriftgrowsse*/ width: 15.5em; /*Breite*/ vertical-align:top; /*Vertikale Ausrichtung*/ } #subMenu img{text-align: center;} /* dfn = zeichnet einen Text aus mit der Bedeutung "dies ist eine Definition" */ #subMenu dfn { visibility: hidden; /*Anzeige bzw. Nichtanzeige mit Platzhalter*/ display: none; /*Anzeigeart ohne Platzhalter*/ } /* Aufzaehlungsliste ohne Darstellungstyp */ #subMenu ul { list-style-type: none; /*Darstellungstyp*/ border-top:0px solid black; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ padding-top: 3px; /*Innenabstand Subnav/Subsubnav unten*/ } /* Aufzaehlungsliste, Listenpunkt, Textabsatz - Anzeigeart */ #subMenu ul li, #subMenu p { display: block; /*Anzeigeart ohne Platzhalter block Erzwingt einen Block - das Element erzeugt eine neue Zeile*/ padding-bottom: 2px; /*Innenabstand Submenuepunkte unten*/ line-height: 1em; /*Zeilenhoehe*/ padding-left: 4px; padding-right: 2px; } /*Listenpunkt ohne Darstellungstyp*/ #subMenu li { list-style-type: none; /*Darstellungstyp*/ } /*Verweise aus Listen und Verweise des Untermenues*/ #subMenu li a, #subMenu a { font-weight: bold; /*Schriftgewicht*/ color: #D9000F; /*Textfarbe*/ text-decoration: none; /*Textdekoration*/ display: block; /*Anzeigeart ohne Platzhalter*/ border-bottom: 1px solid #000000; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ padding-left: 9px; /*Innenabstand links*/ background-color: #ffffff; padding-top:0.3em; /*Abstand ueber Navpkt.*/ padding-bottom:0.3em; /*Abstand unter Navpkt.*/ } /*Besuchte Verweise aus Listenpunken und einfache Verweise des Untermenues*/ #subMenu li a:visited, #subMenu a:visited { } /*Verweise aus Liste sowie Verweise bei "MouseOver" */ #subMenu li a:hover, #subMenu a:hover { color: #000080; /*Textfarbe*/ background-color: #fbfced; /*Hintergrundfarbe*/ border-left:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ border-right:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ border-bottom: 1px solid #000000; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ padding-left: 9px; } /*Angeklickte Verweise aus Liste sowie Verweise aus Untermenue */ #subMenu li a:active, #subMenu a:active { color: #000080; /*Textfarbe*/ background-color: #fbfced; /*Hintergrundfarbe*/ border-bottom: 1px solid #000000; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ border-left:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ border-right:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ padding-left: 9px; } /*Verweise aus Liste sowie Verweise aus Untermenue, die Fokus erhalten */ #subMenu li a:focus, #subMenu a:focus { color: #000080; /*Textfarbe*/ background-color: #fbfced; /*Hintergrundfarbe*/ border-bottom: 1px solid #000000; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ border-left:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ border-right:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ padding-left: 9px; } /*Verweise aus Liste sowie Verweise aus Untermenue, die ausgewaehlt sind */ #subMenu li a.subMenuSelected, #subMenu a.subMenuSelected { color: #000080; /*Textfarbe*/ background-color: #fbfced; /*Hintergrundfarbe*/ border-bottom: 1px solid #000000; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ border-left:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ border-right:0px solid #FBFCED; /*Rahmen in Hintergrundfarbe zur besseren Wahrnehmung in benutzerdefinierten Faben*/ padding-left: 9px; } /*Verschachtelte Liste*/ #subMenu ul li ul li { margin-left: 10px; /*Außenrand/Abstand links*/ margin-right: 0px; display: block; /*Anzeigeart ohne Platzhalter - block Erzwingt einen Block - das Element erzeugt eine neue Zeile*/ border-top: 0px solid #F7AE00; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ border-bottom: 0px solid #F7AE00; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ } /* Inhalt*/ #content { /*padding: 1em;*/ /*Innenabstand */ border:0px solid green; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ font-size: 0.9em; /*Schriftgroesse*/ margin-left:0em; /*Außenrand/Abstand links*/ margin-right:0em; /*Außenrand/Abstand rechts*/ } /*Inhalt */ * html #contenttext { /* fuer IE Win \*/ height: 34em; /* */ } #contenttext { font-size: 0.8em; padding: 1em; margin-left:17em; border: 0px solid red; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ margin-right: 0em; background-color: #F5F5F5; min-height: 30em; } /*Inhalt - Tabellenzelle*/ #contenttext td { font-size: 1em; /*Schriftgroesse*/ } #formular { border:0px solid #ff00ff; } /*Inhalt - Verweise*/ #contenttext a { color: #000080; /*Textfarbe*/ text-decoration: none; /*Textdekoration*/ } /*Inhalt - Verweise bei "MouseOver"*/ #contenttext a:hover { text-decoration: underline; /*Textdekoration*/ } /*Inhalt - Ueberschrift H1*/ #contenttext h1 { font-size: 1.2em; /*Schriftgroesse*/ margin-bottom: 0.5em; /*Außenrand/Abstand unten*/ } /*Inhalt - Ueberschrift H2*/ #contenttext h2 { font-size: 1em; /*Schriftgroesse*/ line-height: 1em; /*Zeilenhoehe*/ margin-top: 1em; /*Außenrand/Abstand oben*/ margin-bottom: 0.5em; /*Außenrand/Abstand unten*/ color: #5a5a5a; /*Textfarbe*/ } /*Inhalt - Ueberschrift H3*/ #contenttext h3 { font-size: 0.9em; /*Schriftgroesse*/ line-height: 1em; /*Zeilenhoehe*/ margin-top: 1em; /*Außenrand/Abstand oben*/ margin-bottom: 0.5em; /*Außenrand/Abstand unten*/ color: #000; /*Textfarbe*/ } /*Inhalt - Aufzaehlungsliste */ #contenttext ul { list-style-type: disc; /*Darstellungstyp*/ display:inline; /*Anzeigeart ohne Platzhalter - inline = Erzwingt die Anzeige im Text - das Element wird im laufenden Textfluss angezeigt*/ padding-bottom:1em; /*Innenabstand unten*/ } /*Inhalt - Aufzaehlungsliste - Listenpunkt*/ #contenttext ul li { padding-bottom:0.2em; /*Innenabstand unten*/ margin-left:1.7em; /*Außenrand/Abstand links*/ list-style-position:outside; } /*Inhalt - Nummerierte Liste */ #contenttext ol { list-style-type: decimal; /*Darstellungstyp*/ list-style-position:inside; /*Listeneinrueckung inside = eingerueckt / outside = ausgerueckt */ padding-bottom:1em; /*Innenabstand unten*/ } /*Inhalt - Nummerierte Liste - Listenpunkt */ #contenttext ol li { padding-bottom:0.2em; /*Innenabstand unten*/ margin-left:1.7em; /*Außenrand/Abstand links*/ list-style-position:outside; } /*Class image*/ .image { float: left; /*Textumfluss*/ padding-top: 0.2em; /*Innenabstand oben*/ padding-right: 0.5em; /*Innenabstand rechts*/ padding-bottom: 0.5em; /*Innenabstand unten*/ } /*Class center*/ #contenttext .center { text-align: center; /*Horizontale Ausrichtung*/ } /*Werte der Class ImgLinks fuer ein Bild */ .ImgLinks img { margin-left: 0px; /*Außenrand/Abstand links*/ margin-top: 2px; /*Außenrand/Abstand oben*/ margin-right: 15px; /*Außenrand/Abstand rechts*/ margin-bottom:5px; /*Außenrand/Abstand unten*/ } /*Werte der Class ImgLinks fuer die Ueberschrift H6*/ .ImgLinks h6 { margin-right: 10px; /*Außenrand/Abstand rechts*/ margin-bottom:5px; /*Außenrand/Abstand unten*/ } /*Class Link*/ .Link { margin-top:1.5em; /*Außenrand/Abstand oben*/ margin-bottom:1.5em; /*Außenrand/Abstand unten*/ } /*------------------------------------------------------Beginn Newsblock der Startseite-------------------------------*/ #NewsBlock { float:right; /*Textumfluss*/ margin-left:15px; /*Außenrand/Abstand links*/ margin-bottom:5px; /*Außenrand/Abstand unten*/ width:20%; /*Breite*/ background-color: #fff; /*Hintergrundfarbe*/ /* background-color: #F96865; */ border: 1px solid black; /*Rahmen - Eine Zusammenfassung der folgenden moeglichen Einzelangaben: border-width, border-style, border-color*/ padding: 0.5em; /*Innenabstand*/ } /*Ueberschrift H3 des Newsblock*/ #NewsBlock H3 { color: #ffffff; /*Textfarbe*/ background-color: #fff; /*Hintergundfarbe*/ padding-top:0em; /*Innenabstand oben*/ padding-bottom:0.5em; /*Innenabstand unten*/ background-color:#4D6DB2; vertical-align: top; } /*Verweis des Newsblock*/ #NewsBlock a { margin-top:0.1em; /*Außenrand/Abstand oben*/ background-color: #EFEFEF; /*Hintergundfarbe*/ display:block; /*Anzeigeart ohne Platzhalter - block Erzwingt einen Block - das Element erzeugt eine neue Zeile*/ } /*----------------------------------------------------------------Ende Newsblock--------------------------------------*/ /*Templatespezifisches*/ /*Class TabImgL - wird im Horizontalen Multimediatemplate (Bild-Text-Bild horizontal) angewendet zur Positionierung der Bilder rechts und links vom Textblock */ .TabImgL { float:left; /*Textumfluss*/ margin-right: 15px; /*Außenrand/Abstand rechts*/ margin-bottom:5px; /*Außenrand/Abstand unten*/ /* width:1%;*/ /*Breite*/ height:100%; /*Hoehe*/ } /*Class TabImgR - wird im Horizontalen Multimediatemplate (Bild-Text-Bild horizontal) angewendet zur Positionierung der Bilder rechts und links vom Textblock */ .TabImgR { float:right; /*Textumfluss*/ margin-left:15px; /*Außenrand/Abstand links*/ margin-bottom:5px; /*Außenrand/Abstand unten*/ /*width:1%;*/ /*Breite*/ height:100%; /*Hoehe*/ } /*Class TabText - wird im Horizontalen Multimediatemplate (Bild-Text-Bild horizontal) angewendet zur Positionierung der Bilder rechts und links vom Textblock */ .TabText { width:100%; /*Breite*/ /*margin-left: 9em;*/ /*margin-right: 9em;*/ } /*Class TabTextStart - wird auf der Startseite angewandt um die Breite des Textblocks zu bestimmen*/ .TabTextStart { width:95%; /*Breite*/ } .sitemap { list-style-type: none; } /*ci2Data*/ table { font-size:1em; } /*Aufzählungen im ci2Data ohne Listenpunkt*/ .map { list-style-type: none; } .ci2data { font-size:1em; color:#5A5A5A; } #FormularListe dd { margin-left:1em; } #DatenListe dt { margin-top:0.5em; } #DatenListe dd { margin-left:1em; } #ImageDatenListe dt { margin-top:0.5em; } #ImageDatenListe dd { margin-left:1.6em; } /* Baumsansicht Aemter */ #contenttext ul.relationTree { list-style-type: none; margin: 0; padding: 0; } #contenttext li.relationTree { margin: 0; padding: 0; } #contenttext li.relationTree_col1 { margin-left: 0em; } #contenttext li.relationTree_col2 { margin-left: 3em; } #contenttext li.relationTree_col3 { margin-left: 6em; } #contenttext li.relationTree_col4 { margin-left: 9em; } /*---------------------------------------Imagegallery-------------------------------------------------*/ .imagegallery_overview { } .imagegallery_overview dt/* Uebersichtstemplate Bildergalerie */ { margin-bottom: 0.2em; float: left; width: 16em; margin: 0; padding-left: 0em; list-style: none; } .imagegallery_overview dd /* Uebersichtstemplate Bildergalerie */ { float: left; width: 8em; padding-right: 1em; margin-bottom: 1.5em; background-repeat: no-repeat; border: 0px solid red; } .imagegallery_detail dt { margin-bottom:0.2em; text-align:right; float: left; width: 16em; margin: 0; padding-left: 0em; margin-right: 0.8em; list-style: none; } .imagegallery_detail dd { margin-bottom:1em; background-repeat: no-repeat; /*padding-left: 2em;*/ float: left; width: 100px; padding-right: 1em; border: 0px solid red; } #imagegallery #image /* Detailtemplate Bildergalerie */ { text-align: center; } #imagegallery p.imgImage { text-align: center; } #imagegallery p.imgText { margin-top: 1em; text-align: center; } #imagegallery p.imgCloseWindow { margin-top: 2.5em; font-size: 75.00%; text-align: center; } table.imagegallery_overview { table-layout:fixed; } table.imagegallery_detail { table-layout:fixed; } td.imagegallery_overview { text-align: center; vertical-align: bottom; } td.imagegallery_detail { text-align: center; vertical-align: bottom; } /*---------------------------------Admin Modus-------------------------------------------*/ .editMode { color: #ff0000; text-decoration: none; } /*-----------------------------------------DPM--------------------------------------------*/ /* - Overview */ #DPM_content { margin-top: 1.5em; border-collapse: collapse; width: 41em; } #DPM_content td { padding: 0.2em; } #DPM_content th { padding: 0.2em; border-bottom: 1px solid #000; } #DPM_nav { border-collapse: collapse; width:41em; } #DPM_nav td { padding: 0.2em; border-top: 1px solid #000; } /* - Detailtable */ #DPM_detail { width: 100%; margin-top: 1.5em; border-collapse: collapse; } #DPM_detail td { padding-top: 0.3em; padding-right: 0.5em; } #DPM_detail td.caption { font-weight: bold; width: 22%; } #DPM_detail td.content { width: 78%; } #DPM_detail h2 { border-bottom: 1px solid #000000; } #contenttext .publist_title h3 { color: #000; } .publist { margin-bottom:1em; } .publist_content { } .Button { background-color:#fff; color:#D9000F; width:60px; border-bottom:1px solid #000; font-weight: bold; font-size: 1em; } /* ################################## Hessenfinder ################################## */ .hessenfinder_requiredContent { background-color:#F6CECE; }