/* Grundeinstellungen */ * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } BODY { font-size: 11px; color: black; font-family: Verdana, Arial; background-color: #333; } img { border:0px; } h2 { font-size: 15px; color: #333; font-family: Verdana, Arial; } p { font-size: 13px; color: #333; font-family: Verdana, Arial; line-height: 140%; margin-bottom:5px; } /* Haupt-Layoutbox */ .box { position: relative; margin: auto; margin-top:6px; width: 1000px; } /* Banner */ .banner { position:relative; height:90px; width: 100%; margin-top:0px; margin-left:0px; } .banner a { text-decoration: none; } .banner a img { border:0px; } /* Animirtes Bild im Banner */ #bildgklein { position:absolute; width: 200px; height: 65px; right: 0px; top: 0px; } /* Positionszeile */ #position { padding: 5px 20px 5px 20px; text-align: left; background-color: #e0e0e0; } #position span { color: #707070; } #position a { color: navy; background-color: transparent; text-decoration: none;} /* noch nicht besuchte Ziele */ #position a:hover { color: navy; background-color: transparent; text-decoration: underline;} /* noch nicht besuchte Ziele */ #whoamy { padding: 5px 20px 5px 20px; text-align: right; background-color: #e0e0e0; } #whoamy span { color: #707070; } #whoamy a { font-weight: bold; text-decoration: none; } #whoamy a:hover { font-weight: bold; text-decoration: underline; } /* Das Layout der zwei Boxen im aktiven Bereich */ #inhalt-links { margin:0; padding: 10px 20px 20px 20px; } #inhalt-rechts { margin:0; padding: 10px 35px 35px 30px; } #inhalt-full { margin:0; padding: 10px 200px 20px 200px; } #inhalt-full1 { margin:0; padding: 5px 20px 20px 20px; } .inhalt-header { margin: 0; padding: 0px 0px 20px 0px; color: #fff; font-family: Verdana, Arial; font-size: 14px;} /* Umschließende Tabelle des gesamten Aktiven Bereichs */ #headframe { position:relative; min-height: 600px; height: 600px; } /* Hintergrund des aktiven Bereichs */ .bg_box_oben { background:url(bg_box_oben.jpg) top left no-repeat; } .bg_box_unten { background:url(bg_box_unten.jpg) bottom left no-repeat; } .bg_box { background:url(bg_box.jpg) top left repeat-y; } /* Schatten für die Bilder */ .alpha-shadow { float: left; background: url(shadow.gif) no-repeat bottom right; margin: 0px !important; margin: 0px; } .alpha-shadow div { background: url(shadow2.png) no-repeat left top !important; padding: 0px 10px 10px 0px; } .alpha-shadow img { display:block; } .alpha-shadow a { background-color: transparent; text-decoration: none; } /* Zufallsbild auf der Startseite */ #zufallsbild { margin-top: 40px; font-size: 12px; color: navy; } /* Unterzeile */ #fusszeile { float: left; width: 100%; height: 24px; } .bg_fuss_r { background:url(bg_fuss_r.jpg) top right no-repeat; } .bg_fuss_l { background:url(bg_fuss_l.jpg) top left no-repeat; } .bg_fuss { background:url(bg_fuss.jpg) top left repeat-x; } /* Monatsbilder Übersicht */ .image-table { font-size: 13px; font-weight: bold; } .image-table a:link { color: navy; background-color: transparent; text-decoration: none;} /* noch nicht besuchte Ziele */ .image-table a:visited { color: navy; background-color: transparent; text-decoration: none; } /* besuchte Ziele */ .image-table a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } /* Verweise bei "MouseOver" */ /* Counter Darstellung */ #counter { margin:0; padding: 20px 0px 20px 0px; font-size: 16px; color: navy; font-family: "Comic Sans MS", Verdana, Arial; } #counter div { font-size: 11px; color: #333; font-family: Verdana, Arial; } /* Info Anzeige (bilder- ecards- zitate- downloads- in der DB..) */ #info-counter { padding: 30px 0px 20px 0px; text-align: center; font-size: 16px; color: navy; font-family: "Comic Sans MS", Verdana, Arial; } #info-counter div { font-size: 11px; color: #333; font-family: Verdana, Arial; } /* Bild Informationskasten */ #bild-info { position: relative; margin: auto; margin-top:6px; width: 800px; padding: 0px; color: #ccc; line-height: 130%; border: 1px solid #000000; } /* Zwei Zeilen in der Bild-Info Tabelle */ .row1 { background-color: #444; line-height: 25px; padding-left: 6px; } .row2 { background-color: #555; line-height: 25px; padding-left: 6px; } /* Zwei Zeilen in der Adress und Ecard Tabelle */ .row3 { background-color: #A0A0A0; line-height: 25px; padding-left: 6px; } .row4 { background-color: #B0B0B0; line-height: 25px; padding-left: 6px; } /* Zwei Zeilen in der Adressen Tabelle */ .adress-row1 { background-color: #A0A0A0; line-height: 25px; } .adress-row1 a { display: block; text-decoration: none; padding-left: 10px; } .adress-row1 a:link { color: #111; background-color: transparent; } .adress-row1 a:visited { color: #111; background-color: transparent; } .adress-row1 a:hover { color: navy; background-color: #e0e0e0; } .adress-row2 { background-color: #B0B0B0; line-height: 25px; } .adress-row2 a { display: block; text-decoration: none; padding-left: 10px; } .adress-row2 a:link { color: #111; background-color: transparent; } .adress-row2 a:visited { color: #111; background-color: transparent; } .adress-row2 a:hover { color: navy; background-color: #e0e0e0; } /* Adressbuch Tabelle */ #adress-tabelle { position: relative; margin: auto; margin-top:6px; padding: 0px; color: #ccc; line-height: 200%; } #adress-tabelle table th { text-align: center; font-size: 12px; color: #707070; } /* Download Bild-Tabelle */ #download-tabelle { position: relative; margin: auto; margin-top:6px; width: 800px; padding: 0px; color: #ccc; line-height: 200%; } /* Hinweis uner der Download Tabelle */ #down-hinweis { position: relative; margin: auto; margin-bottom:25px; width: 700px; padding: 0px; font-size: 10px; color: #808080; } /* Zwei Zeilen in der Bild Download Tabelle */ .down-row1 { background-color: #444; line-height: 25px; } .down-row1 a { display: block; text-decoration: none; padding-left: 10px; } .down-row1 a:link { color: #8fafbf; background-color: transparent; } .down-row1 a:visited { color: #8fafbf; background-color: transparent; } .down-row1 a:hover { color: navy; background-color: #e0e0e0; } .down-row2 { background-color: #555; line-height: 25px; } .down-row2 a { display: block; text-decoration: none; padding-left: 10px; } .down-row2 a:link { color: #8fafbf; background-color: transparent; } .down-row2 a:visited { color: #8fafbf; background-color: transparent; } .down-row2 a:hover { color: navy; background-color: #e0e0e0; } /* Bild Text / Überschrift */ .bild-text { position: relative; margin: auto; width: 800px; padding: 20px 0px 10px 0px; } /* Ecard Link, aus der Gelerie zur Ecard */ .ecard-link { position: relative; margin: auto; margin-top: 10px; margin-bottom: 20px; width: 300px; } .ecard-link a:link { color: #8fafbf; background-color: transparent; text-decoration: none; } .ecard-link a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; } .ecard-link a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } /* Vertikales Menu ohne Liste */ #group { font-size: 13px; color: navy; font-weight: bold; margin-top: 10px; } #group a { background-color: transparent; text-decoration: none; } /* Event Image Darstellung bei dem Kopftext */ #event-image { float: right; margin: 0px 15px 0px 25px; } /* Box für jedes einzelne Zitat */ .zitat-box { font-size: 13px; color: #333; margin: 1px 10px 10px 0px; padding: 10px; background-color: #e0e0e0; border: 1px solid #808080; } #zitatframe { position:relative; min-height: 95px; height: 95px; } /* Thumbnail Seitensteuerung */ #page .links { text-align: left; font-size: 12px; color: #606060; } #page .rechts { text-align: right; font-size: 12px; color: #606060; padding-right: 20px; } #page .linkleiste { text-align: center; font-size: 13px; color: #333; } #page .linkleiste a:link { color: navy; background-color: transparent; text-decoration: none; } /* noch nicht besuchte Ziele */ #page .linkleiste a:visited { color: navy; background-color: transparent; text-decoration: none; } /* besuchte Ziele */ #page .linkleiste a:hover { color: navy; background-color: transparent; text-decoration: none; } /* Verweise bei "MouseOver" */ /* Bildansicht Seitensteuerung */ #image-page .links { text-align: left; padding-left: 20px; font-size: 12px; color: #606060; font-weight: bold; } #image-page .rechts { text-align: right; padding-right: 20px; font-size: 12px; color: #606060; } #image-page .mitte { text-align: center; font-size: 18px; color: #8fafbf; font-family: "Comic Sans MS", Verdana, Arial; line-height: 130%; } #image-page .links a:link { color: #8fafbf; background-color: transparent; text-decoration: none; } #image-page .links a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; } #image-page .links a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } #image-page .rechts a:link { color: #8fafbf; background-color: transparent; text-decoration: none; font-weight: bold;} #image-page .rechts a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; font-weight: bold;} #image-page .rechts a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; font-weight: bold;} /* Statistik Tabelle bei der Info-Seite */ .stat1 { font-size: 14px; color: navy; text-align: left; font-weight: bold; } .stat2 { font-size: 14px; color: #202020; text-align: right; } .stat3 { font-size: 14px; color: navy; text-align: left; padding-left: 10px; } /* Link Darstellung in der Info->Links Seite */ .links { padding: 0px 20px; } .links li { list-style-type: none; font-weight: bold; margin-top: 10px; padding-bottom: 10px; } .links div { border: 1px solid #333; padding: 10px; margin: 5px 15px; font-weight: normal; background-color: #e0e0e0; } /* Große Link-Buttons im Ecard-Bild Ansicht */ .big-link { font-size: 15px; color: #8fafbf; font-family: "Comic Sans MS", Verdana, Arial; } .big-link a:link { color: #8fafbf; background-color: transparent; text-decoration: none;} /* noch nicht besuchte Ziele */ .big-link a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; } /* besuchte Ziele */ .big-link a:hover { color: #8fafbf; background-color: transparent; text-decoration: none; } /* Verweise bei "MouseOver" */ /* Externe Info Fenster (Nutzungsbedienungen) */ #ext { padding: 20px; font-size: 13px; color: #333; } #ext h2 { text-align: center; margin-bottom: 10px; } #ext ul { list-style-type: disc; } #ext li { margin: 10px; } #ext div { text-align: right; } /* Überschrift im Ecardformular */ #ecardhead { font-size: 12px; color: #8fafbf; margin: auto; padding: 5px 0px 15px 0px; text-align: center; } #ecardhead h1 { font-size: 15px; margin-bottom: 5px; } #ecardhead table { color: red; line-height: 140%; } #ecardhead p { font-size: 12px; text-align: left; color: #8fafbf; padding-top: 5px; } #ecardhead p span { color: red; } #ecardhead a { text-decoration: none; } #ecardhead a:link { color: #8fafbf; background-color: transparent; } #ecardhead a:visited { color: #8fafbf; background-color: transparent; } #ecardhead a:hover { color: navy; background-color: #e0e0e0; } /* EingabeFormular für die Ecards */ #ecardform { font-size: 12px; color: #333; padding: 10px; margin: 0px; background-color: #bfbfbf; text-align: left; border: 1px solid #ffffff; } #ecardform span { font-size: 10px; color: #808080; } /* Anzeigefenster für die Ecards */ #ecardshow { font-size: 13px; padding: 10px; margin: 0px; background-color: #bfbfbf; text-align: left; border: 1px solid #ffffff; } /* Ecard Sende Infos (von wen an wem) */ .ecard-sendinfo { color: #606060; margin-left: 0px; margin-top: 10px; margin-bottom: 20px; text-align: left;} .ecard-sendinfo a:link { color: #8fafbf; background-color: transparent; text-decoration: none; } .ecard-sendinfo a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; } .ecard-sendinfo a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } /* Ecard full-Box */ .full_box_oben { background:url(ful_box_oben.jpg) top left no-repeat; } .full_box_unten { background:url(ful_box_unten.jpg) bottom left no-repeat; } .full_box { background:url(ful_box.jpg) top left repeat-y; } /* Ecard Nutzungsbedinungen */ .nutzung { color: #606060; position: relative; margin: auto; margin-top: 10px; margin-bottom: 20px; width: 550px; } .nutzung a:link { color: #8fafbf; background-color: transparent; text-decoration: none; } .nutzung a:visited { color: #8fafbf; background-color: transparent; text-decoration: none; } .nutzung a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } .nutzung span a:link { color: navy; background-color: transparent; text-decoration: none; } .nutzung span a:visited { color: navy; background-color: transparent; text-decoration: none; } .nutzung span a:hover { color: navy; background-color: #e0e0e0; text-decoration: none; } /* Kontaktformular */ #kontakt { font-size: 13px; color: #333; } #kontakt td { padding-right: 10px; } #kontakt span { font-size: 10px; font-weight: normal; } /* Algemeine Styles */ .text { font-size: 13px; color: #333; } .fett { font-size: 15px; color: #333; font-weight: bold; } .comgr { font-size: 22px; color: navy; font-family: "Comic Sans MS", Verdana, Arial; font-weight: bold; } .comnr { font-size: 18px; color: #8fafbf; font-family: "Comic Sans MS", Verdana, Arial; line-height: 130%; } .comwhite { font-size: 13px; color: #8fafbf; line-height: 130%; } .unterschrift { font-size: 10px; color: #555; font-weight: normal; } .unterschrift span { font-weight: bold; } .errorkopf { font-size: 16px; color: maroon; font-weight: bold; } .errortext { font-size: 13px; color: maroon; } .errorklein { font-size: 11px; color: maroon; } .hinweisgr { font-size: 12px; color: #666; } .hinweiskl { font-size: 10px; color: #808080; } a:link { color: navy; background-color: transparent; text-decoration: none;} /* noch nicht besuchte Ziele */ a:visited { color: navy; background-color: transparent; text-decoration: none; } /* besuchte Ziele */ a:hover { color: navy; background-color: transparent; text-decoration: none; } /* Verweise bei "MouseOver" */ /* Button für die Formulare */ .form-button { padding: 0px 10px 2px 10px; margin: 0px; height: 22px; font-size: 14px; border: 1px solid #606060; background: url(button_sw.gif) repeat-x; color: #333; } .form-button:hover { border: 1px solid #c5e0ed; background: url(button.gif) repeat-x; color: #000080;} /* Hauptmenu auf der Titelseite */ #titel-menu { margin: 0px; } #titel-menu a img { margin: 3px 0px 0px 0px; display: block; } /* Vertikales Menu ohne Liste */ #menu a { font-size: 12px; color: navy; font-weight: bold; line-height:28px; background-color: transparent; text-decoration: none; display: block; padding-left: 10px; } #menu a:hover { background: #5c8ab8; } #menu img { margin: 20px 0px 0px 0px; display: block; } /* Horizontales Hauptmenu */ #nav { list-style-type: none; font-size: 14px; } #nav li { float: left; position: relative; list-style-type: none; z-index: 200; } #nav img { display: block; } #nav li:open, #nav li.open { background: #888; } #nav li:hover, #nav li.hover { background: #5c8ab8; } #nav li a { display: block; line-height: 28px; color: #333; text-decoration: none; } #nav li ul { background: #c5e0ed; border: 1px solid #000080; } #nav a:hover, #nav a.hover { color: #ddd; } #nav li ul li { float: none; padding: 0px 10px; } #nav ul { position: absolute; top: 30px; z-index: 201; } #nav ul ul { position: absolute; top: 0; left: 90%; z-index: 202; } #nav li ul, #nav li ul li ul, #nav li:hover ul ul, #nav ul li:hover ul ul {display: none;} #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {display: block; } /* Vordefinierte Breiten für die Untermenus im Hauptmenu (#nav) */ .menublock_1 { width: 130px; } .menublock_2 { width: 100px; } .menublock_3 { width: 200px; } .menublock_31 { width: 200px; } .menublock_4 { width: 230px; } .menublock_5 { width: 300px; } .menublock_51 { width: 200px; } .menublock_52 { width: 200px; } .menublock_53 { width: 200px; } .menublock_6 { width: 200px; } .menublock_61 { width: 200px; } .menublock_62 { width: 200px; } .menublock_63 { width: 200px; } /* Vertikales Menu */ #vert { list-style-type: none; font-size: 12px; font-weight: bold; } #vert li { float: left; position: relative; list-style-type: none; z-index: 100; } #vert li img { display: block; position: relative; z-index: 100; } #vert li.open { background: #888; } #vert li:hover { background: #5c8ab8; } #vert li a { display: block; line-height: 28px; color: #333; text-decoration: none; } #vert a:hover { color: #ddd; } #vert li ul { background: #c5e0ed; border: 1px solid #000080; position: absolute; top: 3px; left: 170px; z-index: 102; } #vert li ul li { float: none; padding: 0px 10px; } #vert li ul, #vert ul ul li:hover ul { display: none; } #vert li:hover ul, #vert ul li:hover ul { display: block; } /* Vordefinierte Breiten für die Untermenus in Vertikalen Menus (#vert) */ .monatblock { width: 120px; } .downblock { width: 200px; } .gemeindeblock { width: 260px; }