/*Styleguide rdo3*/ /*Stand 8.3.2006*/ /*Formate für den Kopfbereich*/ table.kopf { margin-bottom:10px; } .hlrechts { background-image:url('http://www.regierung.oberpfalz.bayern.de/grafik/hl_rechts.gif'); } /* Tabellenhintergrund */ .hllinks { background-image:url('http://www.regierung.oberpfalz.bayern.de/grafik/hl_links.gif'); } /* Tabellenhintergrund */ .hlmitte2 { background-image:url('http://www.regierung.oberpfalz.bayern.de/grafik/hl_mitte2.gif'); } /* Tabellenhintergrund */ .trans { background-image:url('http://www.regierung.oberpfalz.bayern.de/grafik/trans.gif'); } /* Tabellenhintergrund*/ /* --- Formatierung der Seite --- */ .seitenzentrierung { width:765px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; } .seitenzentrierung_w { width:765px; height:auto; margin: 15px auto ; padding:10px 50px; background-color:white; } /*weiß mit padding */ .rahmen_g {border:1px solid #C8C7BA} /* nur grauer Rahmen*/ body { background-color:#eaf1f8; margin:0px; padding:0px }/*bis2010_01: background-color:#FEFDEA*/ /* --- Formatierung von Elementen --- */ img.foto { border-width:1px; border-style:solid; border-color:#C8C7BA; }/*Rahmen für Fotos*/ /*Für Bildpositionierung -linke Seite oder rechte Seite mit Bildbeschreibung unten*/ dl.imgleft { float: left; margin:10px 20px 5px 2px; padding:0px;} dl.imgleft dt { margin:0px; padding:0px; } dl.imgleft dd {margin:0px; padding:0px; font-size:80%; color:#545350 } dl.imgleft img {border-width:1px; border-style:solid; border-color:#C8C7BA;} dl.imgright {float:right; margin:4px 0px 4px 4px; padding:6px;} dl.imgright dt { margin:0px; padding:0px; } dl.imgright dd { margin:0px; padding:0px; font-size:80%; color:#545350 } dl.imgright img {border-width:1px; border-style:solid; border-color:#C8C7BA;} /*Für Bildpositionierung -rechte Seite mit Bildbeschreibung unten und ohne Rahmen 13.10.2011*/ dl.imgright2 {float:right; margin:0px 0px 4px 4px; padding:6px;} dl.imgright2 dt { margin:0px; padding:0px; } dl.imgright2 dd { margin:0px; padding:0px; font-size:80%; color:#545350 } dl.imgright2 img {border-width:1px; border-style:solid; border-color:#C8C7BA;} dl.imgright2 img {border: 0px;} /*Bild mit Bildbeschreibung unten für große (breite) Bilder (breite max 550px (Bild+dl-Container*/ dl.imgbreit { margin:20px 0px 20px 0px;} dl.imgbreit dt { margin:0px; padding:0px; } dl.imgbreit dd { margin:0px; padding:0px; font-size:80%; color:#545350 } dl.imgbreit img {border-width:1px; border-style:solid; border-color:#C8C7BA;} /*Für Bildpositionierung -linke Seite mit Bildbeschreibung seitlich 6.4.2006*/ dl.imgside {position: relative; float: left; height: auto; padding:0px; margin:10px 10px 0px 2px; } dl.imgside dt {margin-bottom: -5px; padding:0px; float:left} dl.imgside dd {margin:0px 5px ; padding:0px; position:absolute; bottom:0px; right:auto; display: inline; font-size:80%; color:#545350;} dl.imgside img {border: 1px solid #c8c7ba;} /*Für Bildpositionierung -linke Seite mit Bildbeschreibung seitlich und ohne Rahmen 13.10.2011*/ dl.imgside2 {position: relative; float: left; height: auto; padding:0px; margin:10px 10px 0px 2px; } dl.imgside2 dt {margin-bottom: -5px; padding:0px; float:left} dl.imgside2 dd {margin:0px 5px ; padding:0px; position:absolute; bottom:0px; right:auto; display: inline; font-size:80%; color:#545350;} dl.imgside2 img {border: 0px;} .clear {clear:both; } /*Bilder-Umfluss wieder beenden (für links und rechts*/ img.kastenecke { position:relative; top:-6px; left:6px; } img.kastenecke2 { position:relative; top:-6px; left:16px; } img.kastenecke3 { position:relative; top:-6px; left:16px; } div.streifen { width:100%; height:15px; line-height:15px; background-image:url('grafik/farbstreifen.gif'); padding:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px } /* --- Format für Formulare --- */ form { margin-bottom:0px } input, select { font-family:verdana,helvetica,sans-serif; font-size:100%; border-width:1px; border-style:solid; border-color:#C8C7BA; border-left-color:#ff0000; background-color:#ffffff; } input.submit { font-family:verdana,helvetica,sans-serif; font-size:85%; border-color:#000000; background-color:#C8C7BA; } textarea { font-family:verdana,helvetica,sans-serif; font-size:100%; border-width:1px; border-style:solid; border-color:#C8C7BA; border-left-color:#ff0000; background-color:#ffffff; } /* --- Formatierung von Textobjekten: Kaesten --- */ .kasten { width:180px; padding:5px; margin:0px; margin-bottom:15px; background-color:#FFFFFF; font-family:verdana,helvetica,sans-serif; font-size:70%; border-style:solid; border-width:1px; border-color:#C8C7BA; } /* schmaler Kasten */ .kasten2 { width:375px; padding:5px; padding-left:15px; padding-right:15px; margin:0px; margin-bottom:15px; background-color:#FFFFFF; font-family:verdana,helvetica,sans-serif; font-size:70%; border-style:solid; border-width:1px; border-color:#C8C7BA; } /* breiter Kasten */ .kasten3 { width:550px; padding:5px; padding-left:15px; padding-right:15px; margin:0px; margin-top:13px; margin-bottom:15px; background-color:#FFFFFF; font-family:verdana,helvetica,sans-serif; font-size:80%; border-style:solid; border-width:1px; border-color:#C8C7BA; } /* breiter Kasten für Inhaltsübersicht*/ .kasten4{ width:80%; margin:0px 0px 0px 15px; padding:5px 10px 5px 5px; border: 1px solid #C8C7BA; border-left:10px solid #C8C7BA; font-family:verdana,helvetica,sans-serif; font-size:80%; color: #000000; }/*Kasten4 =Beispiele-Kasten vor 28.01.2010 +#EBDDCC*/ .kasten4_titel{font-family:verdana,helvetica,sans-serif; font-size:80%; font-weight:bold; color:#000000; margin: 5px 0px 0px 12px; padding:4px;} /* Ueberschrift über Kasten4 ist braun ab 28.01.2010 schwarz, fett und steht oben */ .kasten_orahm{font-family:verdana,helvetica,sans-serif; font-size:80%; margin: 0px 0px 0px;} /* verwendet bei Konjunkturpaket*/ .textfeld { width:180px; padding:0px; font-family:verdana,helvetica,sans-serif; font-size:70%; } /*Kasten für Übersicht bei Download:*/ .uebersicht{ background-color:#EAF1F8; padding:5px 20px; border:1px solid #e5e5e5;} .uebersicht2{ background-color:#fafafa; padding:5px 20px; border:1px solid #e5e5e5;} /*eingefügt 1.2.2012*/ /* Kasten ohne Rahmen */ /* --- Formatierung von Textobjekten: Text und Tabellen --- */ .text_klein { font-family:verdana,helvetica,sans-serif; font-size:75%; margin-bottom:2px; font-weight:normal; } /*eingefügt 14.4.09*/ .text, .text_padding_small { font-family:verdana,helvetica,sans-serif; font-size:80%; padding:10px; padding-bottom:0px; padding-top:0px; } /* 80% Schriftgroesse*/ .tabtext, .tabtext_padding_small { font-family:verdana,helvetica,sans-serif; font-size:100%; padding:10px; padding-bottom:0px; padding-top:0px;} /* Tabelle mit 100% Schriftgroesse ohne Rahmen */ .tabrahmen, .tabrahmen_padding_small { font-family:verdana,helvetica,sans-serif; font-size:80%; padding:4px; border : 1px solid #C8C7BA; } /* Tabelle mit 80% Schriftgroesse mit Rahmen */ .taborahmen80, .taborahmen80_padding_small { font-family:verdana,helvetica,sans-serif; font-size:80%; padding:4px; } /* Tabelle mit 80% Schriftgroesse ohne Rahmen */ table.text, table.tabtext, table.tabrahmen, table.text_padding_small, table.tabtext_padding_small, table.tabrahmen_padding_small { border-collapse : collapse; } /* Zellenumrandung soll zusammenfallen */ /* --- Tabellenheader --- */ th {font-weight:bold; font-size:90%; } /* Header der Tabelle ist fett */ /* --- Tabellenueberschrift --- */ caption { font-family:verdana,helvetica,sans-serif; font-size:100%; font-weight:bold; caption-side:top; text-align:left; padding:4px;} /* Ueberschrift der Tabelle vor 28.01.2010 war braun, fett color:#995300; jetzt Schwarz*/ /* --- Abstaende von Tabellenzellen und Ueberschriften --- */ table.text td, table.text th, table.text caption { padding:4px; } /* Tabellenzelle / Ueberschrift mit normalem Padding: Klasse text*/ table.text_padding_small td, table.text_padding_small th, table.text_padding_small caption { padding:2px; } /* Tabellenzelle / Ueberschrift mit weniger Padding: Klasse text_padding_small*/ table.tabtext td, table.tabtext th, table.tabtext caption { padding:4px; } /* Tabellenzelle / Ueberschrift mit normalem Padding: Klasse tabtext*/ table.tabtext_padding_small td, table.tabtext_padding_small th, table.tabtext_padding_small caption { padding:2px; } /* Tabellenzelle / Ueberschrift mit weniger Padding: Klasse tabtext_padding_small*/ table.tabrahmen td, table.tabrahmen th, table.tabrahmen caption { padding:4px; } /* Tabellenzelle / Ueberschrift mit normalem Padding: Klasse tabrahmen*/ table.tabrahmen_padding_small td, table.tabrahmen_padding_small th, table.tabrahmen_padding_small caption { padding:2px; } /* Tabellenzelle / Ueberschrift mit weniger Padding: Klasse tabrahmen */ /* --- Formatierung von Tabellenzellen und -zeilen --- */ .tabellenkopf { background-color : #DCDCDC; } /* ungerade Zeile/Zelle vor 28.01.2010 #EBDDCC*/ .tabellenkopf_r { background-color : #CDDBEC; border : 1px solid #C8C7BA; } /* ungerade Zeile/Zelle mit Rahmen vor 28.01.2010 #EBDDCC */ .blau { background-color : #f3f3f9; } /* gerade Zeile/Zelle vor 28.01.2010 #e2f3fe*/ .blau_r { background-color : #fffffd; border : 1px solid #C8C7BA;} /* gerade Zeile/Zelle vor 28.01.2010 #e2f3fe*/ .gerade { background-color : #FFFFFF; } /* gerade Zeile/Zelle */ .ungerade { background-color : #f3f3f9; } /* ungerade Zeile/Zelle vor 28.01.2010 #f5eee6*/ .gerade_r { background-color : #FFFFFF; border : 1px solid #C8C7BA; } /* gerade Zeile/Zelle mit Rahmen */ .ungerade_r { background-color : #ffffef; border : 1px solid #C8C7BA; } /* ungerade Zeile/Zelle mit Rahmen vor 28.01.2010 #f5eee6 */ .gerade_r_zahl { background-color : #FFFFFF; border : 1px solid #C8C7BA; text-align : right; } /* gerade Zeile/Zelle rechtsbuendig fuer Zahlen */ .ungerade_r_zahl { background-color : #f3f3f9; border : 1px solid #C8C7BA; text-align : right; } /* ungerade Zeile/Zelle mit Rahmen fuer Zahlen vor 28.01.2010 #f5eee6*/ .unterstrich { border-bottom:1px solid #000;}; /*Unterstreichungen über die ganze Zeile z.b. für Üerschriften 2.5.2011, geändert(verkürzt) 12.10.11*/ td.unterstrich, th.unterstrich, tr.unterstrich { border-bottom: 1px solid #8E8E8E; } /* Zelle mit Unterstrich */ /* --- direkte Textformatierungen --- */ em { font-style:normal; font-weight:bold; } small { font-size:85%; } .small { font-size:85%; } .smaller { font-size:80%; } .stand {font-size:80%; text-align:right; font-style: italic; } .big { font-size:115%; } .bigger{ font-size:115%; font-weight: bold;} .ohnebr { white-space:nowrap; } /* keine Trennung */ .unsichtbar { display:none; } /* Unsichtbarer Text, z.B. fuer Hinweise fuer Screenreader */ /* --- logische Textformatierungen: h1 - h4 --- */ h1 { color:#000000; font-size:115%; font-weight:bold; text-transform:uppercase; margin:0px; margin-top:15px; margin-bottom:10px; } h2 { color:#000000; font-size:115%; font-weight:bold; margin:0px; margin-top:20px; margin-bottom:8px; border-style:solid; border-width:0px; border-bottom-width:1px; border-color:#000000; } h2.ohnelinie { border-width:0px; } /* Ueberschrift 2 ohne Linie darunter */ h2.kastentitel { margin-top:0px; margin-bottom:0px; border-width:0px; color:#000;} /* schwarze, bisher braune Ueberschrift 2, wenn sie oben in einem Kasten steht ergänzt: 13.1.2010*/ h2.kastentitelsw { margin-top:0px; margin-bottom:0px; border-width:0px; height:auto; color:#222222; padding:1px 0px 4px 0px; } /* schwarze Ueberschrift 2, wenn sie oben in einem Kasten steht */ h3 { color:#000000; font-size:105%; font-weight:bold; letter-spacing:0.07em; margin:0px; margin-top:15px; margin-bottom:5px; } h3.kastentitel { margin-top:0px; margin-bottom:0px; } /* Ueberschrift 3, wenn sie oben in einem Kasten steht */ h4 { color:#000; font-size:85%; font-weight:bold; letter-spacing:0.1em; margin:0px; margin-top:14px; margin-bottom:5px; } h5 { color:#000000; font-size:80%; font-weight:bold; letter-spacing:0.1em; margin:0px; margin-top:14px; margin-bottom:4px; } h6 { color:#000000; font-size:70%; letter-spacing:0.09em; font-weight:normal; margin:0px; margin-top:14px; margin-bottom:4px;} .kopfzeile { font-size:80%; margin-bottom:2px; font-weight:normal; line-height:15px } /* Zeile ueber einer Ueberschrift -> Breadcrumb; reduz. von 85 auf 75 14.4.09, line-height eingefügt 25.7.11*/ .kopfzeile a { background: url('../../images/arrow_little.gif') no-repeat right; padding-right:9px;} /* Link mit Pfeil rechts eingefügt 14.4.2009*/ /* --- Formate fuer horizontale Linie --- */ hr { color:#ccc; margin:20px 0 6px 0; padding:0px; height:1px;} * html hr {margin: 5px 0 0px 0;} *+html hr {margin: 5px 0 0px 0;} /* --- logische Textformatierungen: p --- */ p { margin:0px; margin-bottom:10px; } .anreisser { font-size:85%; border-bottom:1px solid #ccc; padding-bottom:10px } /*alt: font-weight:bold;*/ /* --- Listenformate --- */ /* --- logische Textformatierungen: ungeordnete Listen --- */ ul { margin-top:5px; margin-bottom:5px; margin-left:20px; padding:0px; list-style-image:url('grafik/bullet.gif'); } ul ul { margin-top:5px; margin-bottom:15px; margin-left:20px; padding:0px; list-style-image:url('grafik/bullet_line.gif'); } /* geordnete Liste in einer geordneten Liste */ ul.gross { margin-bottom:25px; } /* größerer Abstand für Aufzählungsbereiche (ul), z.B. b. Schulverzeichnisse */ /* --- logische Textformatierungen: geordnete Listen --- */ ol { margin-top:5px; margin-bottom:5px; margin-left:25px; padding:0px; list-style-type : decimal; } ol ol { margin-top:5px; margin-bottom:15px; margin-left:20px; padding:0px; list-style-type : lower-alpha; } /* ungeordnete Liste in einer ungeordneten Liste */ li { margin-bottom:5px; } li.gross { margin-bottom:15px; } /* größerer Abstand nach Aufzählungspunkten (Listentags), z.B. b. Schulverzeichnisse */ /* horizontale Listen 15.04.2008 für vz_bs (nur bei