@charset "iso-8859-2"; /***** STANDARDWERTE ÜBER ALLE BEREICHE *****/ * { margin:0; padding:0; } img { border:0; } .clrleft { clear:left; line-height:1px; font-size:1px; margin:0; } .trenner { border-top:1px dotted #ccc; } body { background:url(../images/bg.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; } .picview { min-height:55px; padding:5px; font-size:.7em; margin-bottom:2px; background:url(../images/pic_box.jpg) top left no-repeat; cursor:pointer; float:left; width:223px; } .picview img { float:left; } .picview p { padding-left:75px; padding-right:40px; } .picview strong { color:red; } div#newuser { position:relative; top:0; right:0; float:right; } p.gbtitel img, .gbcomment img { padding:2px; border:1px solid #ccc; float:right; margin-left:5px; margin-top:6px; } div#struktur1a, div#struktur1b, div#struktur2a, div#struktur2b, div#struktur3a, div#struktur3b, div#struktur4a, div#struktur4b, div#gbnew, div#gbnew2 { background:url(../images/bg_header.jpg) top left repeat-x; color:#fff; } div#termine_1a, div#termine_1b, div#termine_2a, div#termine_2b, div#termine_3a, div#termine_3b { background:url(../images/bgverlauf.jpg) top left repeat-x; color:#999; } /***** ENDE STANDARDWERTE *****/ /***** AUSSENBEREICH DER SEITE *****/ #content { width:1000px; margin:auto; } /***** ENDE AUSSENBEREICH *****/ /***** HEADER MIT 2 MENUES *****/ div#top { height:200px; background:url(../images/top.jpg) top center no-repeat; margin-bottom:35px; } div#top ul.sub { text-align:right; list-style:none; color:#fff; font-size:.7em; padding-top:10px; } div#top ul li { float:right; } div#top ul.sub li a { color:#fff; text-decoration:none; margin:0 5px; padding-bottom:2px; } div#top ul.sub li a:hover, div#top ul.sub li a.aktiv { text-decoration:underline; } div#top ul.navi { height:40px; list-style:none; padding-top:150px; font-weight:bold; } div#top ul.navi li { display:block; } div#top ul.navi li a { display:block; height:30px; color:#fff; font-size:1em; padding:10px 10px 0 10px; text-decoration:none; } div#top ul.navi li a:hover, div#top ul.navi li a.aktiv { background:url(../images/bgmenue2.jpg) top left repeat-x #fff; color:#200a59; } /***** ENDE HEADER *****/ /***** LINKER BEREICH *****/ div#left { width:230px; float:left; margin-bottom:25px; } div#left .infobox, div#right .infobox { background:url(../images/bgmenue.jpg) top left repeat-x; margin-top:5px; padding:3px 5px 5px 5px; } .infobox img { margin-left:-5px; margin-top:5px; } .infobox p { font-size:.7em; } div#left .infobox2, div#right .infobox2 { border-top:1px solid #dfdfdf; margin-top:5px; padding:3px 5px 5px 5px; } .infobox2 img { margin-left:-5px; margin-top:5px; } .infobox2 p { font-size:.7em; } div#left p.subline, div#right p.subline { font-size:.7em; color:#999; margin-bottom:8px; } div#left p.subline2 { font-size:.7em; color:#333; margin-bottom:8px; } div#left p.weiter_left { text-align:right; font-size:.7em; margin:0 -5px 1px -5px; padding-bottom:2px;} div#left ul { list-style:none; font-size:.8em; } div#left ul li { display:block; border-bottom:1px dotted #ccc; } div#left ul li a { display:block; color:#999; text-decoration:none; padding:5px 5px 3px 5px; } div#left ul li a:hover, div#left ul li a.aktiv { color:#200a59; background:#efefef; } div#left .bxtop { background:url(../images/bx_top.jpg) top center no-repeat; height:22px; } div#left .bxbottom { background:url(../images/bx_bottom.jpg) top center no-repeat; height:45px; margin-top:-20px; } div#left .bxverein { background:url(../images/bx_center.jpg) top center repeat-y; padding:0 5px 0 15px; } div#left h2.bilder { height:25px; background:url(../images/bilder_small.jpg) top right no-repeat; padding-top:8px; } div#left p.subnavi { font-size:.8em; font-weight:bold; padding:4px; border:1px solid #ccc; background:#f1f1f1; } /***** ENDE LINKER BEREICH *****/ /***** MITTLERER BEREICH KLEIN *****/ div#center { margin-left:40px; width:460px; float:left; margin-bottom:25px; } /***** ÜBERSCHRIFTEN ALLGEMEIN *****/ div#center h1, div#center_long h1 { font-size:.1em; height:50px; margin-bottom:10px; } div#center h1 span, div#center_long h1 span { visibility:hidden; } /***** MITTLERER BEREICH GROSS *****/ div#center_long { margin-left:270px; width:730px; } /***** ÜBERSCHRIFTEN KLEINER BEREICH *****/ div#center h1.index, div#center_long h1.index { background:url(../images/h1_index.jpg) top left no-repeat; } div#center h1.die_idee { background:url(../images/h1_die_idee.jpg) top left no-repeat; } div#center h1.ausstellungen { background:url(../images/h1_ausstellungen.jpg) top left no-repeat; } div#center h1.sonder { background:url(../images/h1_sonderausstellungen.jpg) top left no-repeat; } div#center h1.tuer { background:url(../images/h1_offen.jpg) top left no-repeat; } div#center h1.manfahrt { background:url(../images/h1_museum_anfahrt.jpg) top left no-repeat; } div#center h1.mkontakt { background:url(../images/h1_museum_kontakt.jpg) top left no-repeat; } div#center h1.kontakt { background:url(../images/h1_kontakt.jpg) top left no-repeat; } /***** REGIONALBEZIRKE *****/ div#center h1.rbsls, div#center_long h1.rbsls { background:url(../images/h1_saarlouis_lebach.jpg) top left no-repeat; } div#center h1.rbsb, div#center_long h1.rbsb { background:url(../images/h1_saarbruecken.jpg) top left no-repeat; } div#center h1.rbsaar, div#center_long h1.rbsaar { background:url(../images/h1_saar-pfalz.jpg) top left no-repeat; } div#center h1.rbvk, div#center_long h1.rbvk { background:url(../images/h1_warndt.jpg) top left no-repeat; } div#center h1.rbmzg, div#center_long h1.rbmzg { background:url(../images/h1_merzig.jpg) top left no-repeat; } div#center h1.rbwnd, div#center_long h1.rbwnd { background:url(../images/h1_stwendel.jpg) top left no-repeat; } div#center h1.rbnk, div#center_long h1.rbnk { background:url(../images/h1_neunkirchen.jpg) top left no-repeat; } div#center h1.rbilltal, div#center_long h1.rbilltal { background:url(../images/h1_illtal.jpg) top left no-repeat; } /***** TEXT FORMATIERUNGEN KLEINER BEREICH *****/ div#center p, div#center_long p { font-size:.8em; line-height:1.4em; margin-bottom:15px; } div#center .hinweis { border:1px solid #ccc; background:#eee; padding:10px; } div#center .hinweis p { margin:0; } div#center h2 { font-size:1em; border-bottom:1px dotted #ccc; margin-bottom:20px; } div#center p.subline { font-size:.7em; color:#999; margin:0 0 5px 0; } /***** ÜBERSCHRIFTEN GROSSER BEREICH *****/ div#center_long h1.mitglieder { background:url(../images/h1_mitglieder.jpg) top left no-repeat; } div#center_long h1.infobox { background:url(../images/h1_infobox.jpg) top left no-repeat; } div#center_long h1.vsk { background:url(../images/h1_vsk.jpg) top left no-repeat; } div#center_long h1.vsk_heute { background:url(../images/h1_vsk_heute.jpg) top left no-repeat; } div#center_long h1.vsk_chronik { background:url(../images/h1_vsk_chronik.jpg) top left no-repeat; } div#center_long h1.vsk_struktur { background:url(../images/h1_vsk_struktur.jpg) top left no-repeat; } div#center_long h1.galerie { background:url(../images/h1_galerie.jpg) top left no-repeat; } div#center_long h1.seminare { background:url(../images/h1_seminare.jpg) top left no-repeat; } div#center_long h1.schatzmeister { background:url(../images/h1_schatzmeister.jpg) top left no-repeat; } div#center_long h1.termine { background:url(../images/h1_termine.jpg) top left no-repeat; } div#center_long h1.museum, div#center h1.museum { background:url(../images/h1_museum.jpg) top left no-repeat; } div#center_long h1.regional { background:url(../images/h1_regional.jpg) top left no-repeat; } div#center_long h1.gast { background:url(../images/h1_gast.jpg) top left no-repeat; } div#center_long h1.links { background:url(../images/h1_links.jpg) top left no-repeat; } div#center_long h1.sitemap { background:url(../images/h1_sitemap.jpg) top left no-repeat; } div#center_long h1.impressum { background:url(../images/h1_impressum.jpg) top left no-repeat; } div#center_long h1.news, div#center h1.news { background:url(../images/h1_news.jpg) top left no-repeat; } div#center_long h1.user { background:url(../images/h1_userverwaltung.jpg) top left no-repeat; } /***** TEXT FORMATIERUNGEN GROSSER BEREICH *****/ div#center_long ul { font-size:.8em; margin-bottom:15px; margin-left:30px; } div#center_long p.subfield { padding:3px 0; background:url(../images/down_weiss.gif) center right no-repeat; display:block; font-weight:bold; color:#fff; } div#center_long p.subfield3 { padding:3px 0; display:block; font-weight:bold; color:#999; } div#center_long p.subfield3 a { display:block; color:#333; text-decoration:none; } div#center_long p.subfield2 { padding:3px 0; background:url(../images/up_weiss.gif) center right no-repeat; display:block; font-weight:bold; color:#fff; } div#center_long p.subfield:hover { background:url(../images/down_weiss.gif) center right no-repeat; } div#center_long p.subfield2:hover { background:url(../images/up_weiss.gif) center right no-repeat; } div#center_long p.subfield a, div#center_long p.subfield2 a { display:block; color:#fff; text-decoration:none; padding-left:5px; } div#center_long p.leftside {width:33%; float:left; } div#center_long p.header { font-size:.7em; color:#200a59; margin-bottom:5px; padding-bottom:3px; border-bottom:1px solid #ccc; text-align:right; } div#center_long p.info { font-size:.7em; color:#999; padding-bottom:3px; border-bottom:1px solid #ccc; margin-bottom:18px; } div#center_long p.info2 { font-size:.7em; color:#999; padding-bottom:3px; margin-bottom:18px; } div#center_long .vcard_long { border:1px solid #ccc; padding:10px; margin:5px 0; background:url(../images/bgverlauf.jpg) top left repeat-x; } div#center_long .vcard_long p { margin-bottom:0; } div#center_long #galerie img { padding:3px; border:1px solid #ccc; } div#center_long .image_right img { float:right; margin-left:25px; border:1px solid #ccc; padding:3px; } div#center_long p.termine span { margin-left:70px; } div#center_long p.termine b { margin-left:135px; font-weight:normal; font-size:.7em; color:#999; } div#center_long p.beschreibung { padding:3px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } div#center_long h3 { margin-top:-10px; color:#200a59; font-size:1.5em; font-weight:normal; margin-bottom:15px; border-bottom:1px dotted #ccc; } div#center_long p.zeit { font-size:.7em; color:#999; } div#center_long .thumb_news img, div#center .thumb_news img { padding:5px; border:1px solid #ccc; } div#center_long a.text { color:#200a59; text-decoration:none; border-bottom:1px dotted #200a59; } div#center p.subtitel { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px 0; background:#f1f1f1; } /*** GÄSTEBUCH ***/ div#center_long .gboutline { padding:10px 10px 0 10px; margin-bottom:7px; background:url(../images/bggbleft.jpg) top left repeat-y; } div#center_long .gbtitel { font-size:1.2em; color:#200a59; margin-bottom:2px; } div#center_long .gbtitel span { font-size:.5em; display:block; float:left; width:155px; min-height:70px; } div#center_long .gbtext { margin-left:155px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:7px 0; margin-bottom:2px; font-size:.8em; } div#center_long .gbcomment { margin-left:155px; padding:15px 15px 5px 15px; margin-bottom:2px; font-size:1em; background:#efefef; } div#center_long .gbcomment span { font-size:.7em; font-weight:bold; } div#center_long .gbfooter { text-align:right; font-size:.7em; color:#999; padding-left:155px; margin-bottom:30px; } div#center_long .gboutline a { color:#999; text-decoration:none; } div#center_long .gboutline a:hover { color:#200a59; } /*** SEITENANZEIGE GÄSTEBUCH *****/ table.pages { font-size:.8em; margin-left:155px; } table.pages td.verlauf { padding-right:15px; font-weight:bold; } table.pages td.auswahl { padding:2px 8px; border:1px solid #ccc; background:url(../images/bgmenue.jpg) top left repeat-x; font-weight:bold; } table.pages td.link { padding:2px 8px; border:1px solid #ccc; background:url(../images/bgmenue.jpg) top left repeat-x; } table.pages td a { display:block; } /***** ÜBERSICHT / SITEMAP *****/ div#sitemap .level1 { font-weight:bold; margin-bottom:6px; } div#sitemap .level1 span { margin-right:5px; } div#sitemap .level2 { font-size:.7em; margin-bottom:4px; } div#sitemap .level2 span { margin-right:25px; } div#sitemap .level3 { font-size:.7em; margin-bottom:4px; } div#sitemap .level3 span { margin-right:45px; } div#sitemap a { color:#000; text-decoration:none; } div#sitemap a:visited { color:#999; padding-right:15px; background:url(../images/visited.jpg) right center no-repeat; } /***** RECHTER BEREICH *****/ div#right { float:right; width:230px; margin-left:20px; margin-bottom:25px; } div#right h2, div#left h2 { font-size:.8em; color:#4f4f4f; } div#right p.datum, div#left p.datum { color:#200a56; font-size:.7em; margin-bottom:3px; } div#right p.titel, div#left p.titel { font-size:.8em; font-weight:bold; } div#right p.weiter_right { text-align:right; font-size:.7em; margin:5px -0 25px 0; padding-top:2px; border-top:1px dotted #ccc; } div#right a, div#left a { color:#200a59; text-decoration:none; } div#right a span, div#left a span { font-weight:bold; } div#right .images img { padding:1px; border:1px solid #ccc; } /***** FUSSZEILE *****/ div#bottom { clear:both; } div#bottom p { border-top:1px solid #ccc; padding-top:5px; font-size:.7em; color:#ccc; margin-top:25px; } div#bottom a { color:#ccc; text-decoration:none; } /***** FROMULARE *****/ form fieldset { border:0; } form label { display:block; width:130px; text-align:right; padding-right:10px; float:left; margin-bottom:5px; } form br { clear:left; } form p.subfield { padding:3px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-weight:bold; } form .ilong { width:200px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; } form .ilong_titel { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; } form .iweb { width:135px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; } form .ismall { width:60px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; } form .iarea { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:80px; } form .iarea_small { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:40px; margin-bottom:3px; } form .iarea_long { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:140px; } form .error { color:red; } fieldset span { font-size:.7em; color:#999; } form .intable { width:100%; height:100%; border:0; } form .noborder { width:100%; height:100%; border:0; } form .button { background:url(../images/bg_header.jpg) top left repeat-x; color:#fff; font-weight:bold; padding:3px 8px; font-size:.8em; } form .error_table { color:yellow; }