/* ==============================
// CSS fuer das Projekt: www.rpz-bayern.de
// Anwendungsbereich: Bildschirm
// Approb.: 2010-02-03
// ==============================
//
// Sektion 1: Container (2010-02-03 ths)
// Sektion 2: Tabellenformate (2010-02-04 ths)
// Sektion 3: Listenformate (2010-02-03 ths)
// Sektion 4: Formularfelder (2010-02-03 ths)
// Sektion 5: Bildformate (2010-02-03 ths)
// Sektion 6: Headlines (2010-02-03 ths)
// Sektion 7: Absaetze (2010-02-03 ths)
// Sektion 8: Anker (2010-02-03 ths)
// Sektion 9: Freie Klassen (leer)
// Sektion 10: Sonderfaelle (leer)
// ============================== */

/* ==============================
// Farben
// ------------------------------
// Grau 1t		#111
// Grau 232		#E8E8E8
// Grau Berlin	#CCC
// Grau Issos	#333
// Rosa RPZ		#BB7399
// Schwarz		#000
// Weiss			#FFF

// ============================== */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */
body	{
		background-color:#E8E8E8; /* Farbe Weiss */
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		}

#bereich	{
		position:relative;
		left:0px;
		top:0px;
		
		width:860px;
		
		margin-left:auto;
		margin-right:auto;
		
		background-color:#FFF; /* Farbe Weiss */
		background-image:url("../gra_syst/hg848ccc.gif");
		background-repeat:repeat-y;
		color:#111; /* Farbe Grau 1t */
		}

#bereich_1kopfzeile	{
		position:relative;
		left:0px;
		top:0px;
		
		width:100%;
		height:170px;
		
		background-color:blue;
		}

#bereich_2kernzeile	{
		position:relative;
		left:0px;
		top:30px;
		
		margin-top:0px;

		width:847px;
		
		border-right:solid 1px #CCC; /* Farbe Grau Berlin */
		}
		
#bereich_2kernzeile_inhalte	{
		position:relative;
		left:0px;
		top:0px;
		
		width:575px;
		min-height:410px;
		margin-left:235px;
		
		padding-bottom:50px;
		background-color:#FFF; /* Farbe Weiss */
		}
		
#bereich_2kernzeile_inhalte #bereich_2kernzeile_inhalte_spalte_links	{
		position:absolute;
		left:0px;
		top:0px;
		
		width:170px; /* ex 180px */
		font-size:12px;
		}

#bereich_2kernzeile_inhalte #bereich_2kernzeile_inhalte_spalte_rechts	{
		margin-left:195px; /* ex 210px */
		width:380px; /* ex 365px */
		}
		
#bereich_2kernzeile_navigation	{
		position:absolute;
		left:35px;
		top:0px;
		
		width:180px;
		background-color:#FFF; /* Farbe Weiss */
		}

#bereich_3fusszeile	{
		position:relative;
		left:0px;
		top:0px;
		
		width:100%;
		height:34px;

		background-image:url("../gra_syst/rpz_unten_grau.jpg");	
	
	   background-color:#000; /* Farbe Schwarz */
		color:#FFF; /* Farbe Weiss */
		}

#bereich_4fussboden	{
		position:relative;
		left:0px;
		top:0px;

		font-size:10px;
		color:#333; /* Farbe Grau Issos */
		height:20px;
		padding-left:53px;
		padding-top:10px;
		}

#bereich_4fussboden_obligati	{
		position:absolute;
		left:720px;
		top:10px;
		}
/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */
table	{
		width:100%;
		}
		
table.bestellbereich,
table.bestelluebersicht	{
		width:520px;
		}
		
th,td	{
		text-align:left;
		vertical-align:top;
		padding-bottom:40px;
		}
		
table.bestellbereich th,
table.bestellbereich td,
table.bestelluebersicht th,
table.bestelluebersicht td	{
		padding-bottom:2px;
		}

table.bestelluebersicht th,
table.bestelluebersicht td	{
		border-bottom:dashed 1px #CCC; /* Farbe Grau Berlin */
		}
		
table.bestelluebersicht th	{
		background-color:#BB7399; /* Farbe Rosa RPZ */
		color:#FFF; /* Farbe Weiss */
		text-align:right;
		font-size:16px;
		}

table.bestelluebersicht th.bestellAngaben,
table.bestelluebersicht th.bestellArtikel	{
		background-color:#FFF; /* Farbe Weiss */
		color:#000; /* Farbe Schwarz */
		text-align:left;
		font-weight:400;
		font-size:14px;
		}

th		{
		width:120px;
		}

th.zwth	{
		width:100%;
		padding-bottom:1px;
		}

td	{
	padding-left:32px;
	}

table.bestellbereich td,
table.bestelluebersicht td	{
		padding-left:2px;
		}
		
table.bestelluebersicht td.bestellPostenpreis	{
		text-align:right;
		}

/* -----------------------------------------------
// Sektion 3: Listenformate
// --------------------------------------------- */
li		{
		font-size:14px;
		}

/* -----------------------------------------------
// Sektion 4: Formularfelder
// --------------------------------------------- */
fieldset	{
		border:none;
		padding:0px;
		}

td input	{
		width:50px;
		margin-right:12px;
		}
		
table.bestellbereich td input	{
		width:220px;
		}

label	{
		font-size:12px;
		}

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */
a img	{
		border:none;
		}

/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */
h1	{
	font-size:17px;
	color:#BB7399; /* Farbe Rosa RPZ */
	background-color:#FFF; /* Farbe Weiss */
	}

h2	{
	font-size:14px;
	color:#000; /* Farbe Schwarz */
	background-color:#FFF; /* Farbe Weiss */
	}

h3	{
	font-size:14px;
	color:#000; /* Farbe Schwarz */
	background-color:#FFF; /* Farbe Weiss */
	}

td h3	{
	margin-top:0px;
	}

/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */
p	{
	font-size:14px;
	color:#111; /* Farbe Grau 1t */
	}

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
#bereich_2kernzeile_inhalte a:link,
#bereich_2kernzeile_inhalte a:visited	{
		color:#BB7399; /* Farbe Rosa RPZ */
		background-color:#FFF; /* Farbe Weiss */
		text-decoration:none;
		}

#bereich_2kernzeile_inhalte a:hover,
#bereich_2kernzeile_inhalte a:active,
#bereich_2kernzeile_inhalte a:focus	{
		color:#BB7399; /* Farbe Rosa RPZ */
		background-color:#FFF; /* Farbe Weiss */
		text-decoration:underline;
		}

#bereich_2kernzeile_navigation a	{
		display:block;
		text-decoration:none;
		color:#000; /* Farbe Schwarz */
		background-color:#FFF; /* Farbe Weiss */
		font-weight:800;

		padding-left:22px;
		padding-bottom:8px;	
			
		margin-bottom:20px;

		border-bottom:dotted 2px #CCC; /* Farbe Grau Berlin */
		}

#bereich_2kernzeile_navigation a:link,
#bereich_2kernzeile_navigation a:visited	{
		background-image:url("../gra_syst/balkentrio_link.gif");
		background-repeat:no-repeat;
		background-position:0px 0px;
		}

#bereich_2kernzeile_navigation a:hover,
#bereich_2kernzeile_navigation a:active,
#bereich_2kernzeile_navigation a:focus	{
		background-image:url("../gra_syst/balkentrio_link_aktiviert.gif");
		background-repeat:no-repeat;
		}

#bereich_2kernzeile_navigation a.aktiviert	{
		background-image:url("../gra_syst/balkentrio_link_aktiviert.gif");
		background-repeat:no-repeat;
		}
		
#bereich_4fussboden_obligati a	{
		text-decoration:none;
		color:#333; /* Farbe Grau Issos */
		
		margin-left:8px;
		margin-right:8px;
		}

#bereich_4fussboden_obligati a.aktiviert	{
		text-decoration:underline;
		}
		
#bereich_2kernzeile_inhalte h2 a:link,
#bereich_2kernzeile_inhalte h2 a:visited,
#bereich_2kernzeile_inhalte h2 a:hover,
#bereich_2kernzeile_inhalte h2 a:active,
#bereich_2kernzeile_inhalte h2 a:focus	{
		color:#111; /* Farbe Grau 1t */
		font-size:92%;
		font-weight:300;
		}	

#bereich_2kernzeile_inhalte h2 a.hier	{
		color:#000; /* Farbe Schwarz */
		background-color:#FFF; /* Farbe Weiss */
		font-weight:800;
		font-size:100%;
		border:solid 2px #BB7399; /* Farbe Rosa RPZ */
		}

/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */