/***********************************************/
/* A-Sit CSS                     		       */
/* by pixelpoems online architects  	       */
/***********************************************/

/* generelle vorgaben, hintergrundbild */
body {
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	background: url('../images/bg_neu.png') no-repeat;
	background-color: #A2A2A2;
}

/* links */
a { color:#057387; text-decoration: underline; }
a:visited { color:#333333; text-decoration: underline; }
a:hover { text-decoration:none; }

/* seitentitel */
h1 {
	font-size: 1.5em; 
	color: #CB0000;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 1.1em;
}

/* untertitel */
h2 {
	font-size: 1.2em;
	color: #CB0000;
	margin:0;
	padding: 0px 0px 4px 0px;
}

/* kleine ueberschrift */
h3 {
	font-size: 1em;
	color: #000000;
	margin:0;
	padding: 0px 0px 4px 0px;
	
}

/* absatz */
p {
	padding:0;
	margin:0 0 1em 0;
}

/* liste */
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: none; }

/* eingabefeldbezeichnung (suche) */
label {
	font-family: Arial,sans-serif;
	font-weight: bold;
	color: #334d55;
}






/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* wrapper-container, beinhaltet alle weiteren divs */
#main {
	width: 930px;
	background-image: url("../images/bg_balken.gif");
	/* firefox color fill workaround */
	border-bottom:1px solid #fff;
}

/* container fuer obere navigation */
#balkentopnav {
	padding: 0px 0px 0px 0px;
	width: 930px;
	background-color: #3E3E3E;
}

/* container fuer oberen balken */
#balken {
	padding: 0px 0px 0px 0px;
	width: 930px;
	background-color: #ffffff;
	height: 90px;
}

/* container fuer logo (links oben) */
#logo {
	float: left;
	width: 242px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	height: 90px;
	text-align: center;
}

/* container fuer bild (ueber dem contentbereich) */
#bild {
	float: right;
	width: 688px;
	background-image: url("../images/balken.png");
	height: 90px;
}

/* container fuer content */
#contentbereich {
	float: left;
	width: 688px;
	background-color: #E9E9E9;
}

/* container fuer den ersten textbalken auf der startseite */
#startbalken {
	float: left;
	width: 688px;
	font-size: 0.9em;	
	background-image: url("../images/startbalken.png");	
}

/* container fuer den ersten textbalken auf der startseite */
#inarbeitbalken {
	float: left;
	width: 688px;
	font-size: 0.9em;	
	background-image: url("../images/inarbeitbalken.png");	
}

/* 2. container fuer content */
#contentspalte {
	float: left;
	width: 688px;
	font-size: 0.9em;
	line-height: 1.4em;
}

/* container fuer zusatzspalte (zusatzbox rechts im contentbereich - text fliesst um) */
#zusatzspalte {
	float: right;
	margin:0 0 6px 6px;
}

/* clearing der seite vor ende des maindivs */
#seitenende {
	clear: both;
	background-color: #A2A2A2;
}









/***********************************************/
/* Komponenten                                 */
/***********************************************/

/* container fuer obere navigation */
#topnav {
	padding: 3px 3px 3px 3px;
	color: #ffffff;
	text-align: right;
	font-size: 0.75em;
}

/* link fuer obere navigation */
#topnav a { color: #ffffff; }

/* container fuer content (mit padding zu den aussenraendern) */
#artikel { padding: 26px 20px 40px 22px; }

/* listenformatierung im contentbereich */
#artikel ul {
	list-style: square;
	padding: 0px 0px 0px 17px;
	margin:0;
}
#artikel ul li { margin-bottom: 8px; }

#starttext {
	padding: 26px 20px 40px 22px;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.6em;
}

/* container fuer die zusatzbox in der zusatzspalte (rechts im contentbereich) */
.box {
	float: left;
	width: 202px;
	background-color: #fff;
	border-width: 10px;
	border-style: solid;
	border-color: #ffffff;
}

/* ueberschrift und untertitel in der zusatzbox */
.box h1 { font-size: 1.1em; padding:0 0 0.5em 0; }
.box h2 { font-size: 1em; padding:1em 0 0 0; }
.box p  { font-size: 0.9em; }
.box a  { font-size: 0.9em; }

/* listen und links in der zusatzbox */
.box ul a { color: #057387; padding:0; margin:0; }
.box ul a:visited { /*display: block;*/ }
.box ul a:hover { text-decoration:none; }
.box ul {
	list-style: square;
	margin:0;
	padding:0;
}
.box ul li {
	padding:0;
	margin:0;
}

/* bilder im contentbereich */
.artikelbild {
	border-width: 1px;
	border-style: solid;
	border-color: #B2B2B2;
}

/* artikelbox (zb fuer zitate oder wichtige anmerkungen ...) */
.artikelbox {
	width:380px;
	text-align: left;
	padding: 10px;
	margin: 0 0 12px 0;
	background: #ffffff;
  	border-top: 1px solid #B2B2B2;
  	border-bottom: 1px solid #B2B2B2;
}


/* tabelle fuer listendarstellungen */
table.liste {
	width:600px;
	background-color: #ffffff;
	margin:0;
	border:0;
	border-spacing:0;
}

/* header tabellenreihe fuer feldkennzeichnungen */
table.liste th {
	margin:0;
	padding:3px;
	background-color: #3E3E3E;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	text-align:left;
}

/* normale datenreihe in der tabelle */
table.liste td {
	color:#4D4D4D;	
	padding:3px;
	border-bottom: 1px solid #E9E9E9;
}



/* container fuer den linken bereich auf der startseite */
#startseitelinks {
	float: left;
	width: 320px;
	font-size: 0.9em;
	line-height: 1.4em;
	margin:0;
	padding:16px 0 16px 16px;
}

/* container fuer den rechten bereich auf der startseite */
#startseiterechts {
	float: right;
	width: 320px;
	font-size: 0.9em;
	line-height: 1.4em;
	margin:0;
	padding:16px 16px 16px 0px;
}

/* debug rahmen - rahmen einschalten um ausdehnung der ebenen zu ueberpruefen */
#startseitelinks, #startseiterechts { border:0px solid #f0f; }
#startboxlinks, #startboxrechts { border:0px solid #000; }


/* container fuer text innerhalb des linken bereichs auf der startseite */
#startboxlinks {
	float: left;
	width: 300px;
	background-color: #fff;
	margin:0;
	padding:10px;
}

/* grosse und kleine ueberschrift innerhalb des linken bereichs auf der startseite */
#startboxlinks h1 { font-size: 1.2em; }
#startboxlinks h2 { font-size: 1em; }

/* listen und links innerhalb des linken bereichs auf der startseite */
#startboxlinks ul {
	list-style: square;
	padding: 0px 0px 0px 20px;
	margin:0;
}
#startboxlinks ul li { margin-bottom: 8px; }
#startboxlinks ul a { color: #057387; }
#startboxlinks ul a:visited { /* display: block; */ }
#startboxlinks ul a:hover { text-decoration:none; }
#startboxlinks ul { list-style: square; }


/* container fuer text innerhalb des rechten bereichs auf der startseite */
#startboxrechts {
	float: left;
	width: 300px;
	background-color: #fff;
	margin:0;
	padding:10px;
}

/* grosse und kleine ueberschrift innerhalb des rechten bereichs auf der startseite */
#startboxrechts h1 { font-size: 1.2em; }
#startboxrechts h2 { font-size: 1em; }

/* listen und links innerhalb des rechten bereichs auf der startseite */
#startboxrechts ul {
	list-style: square;
	padding: 0px 0px 0px 20px;
	margin:0;
}
#startboxrechts ul li { margin-bottom: 8px; }
#startboxrechts ul a { color: #057387; }
#startboxrechts ul a:visited { /* display: block; */ }
#startboxrechts ul a:hover { text-decoration:none; }
#startboxrechts ul { list-style: square; }


/* fehlermeldung (bei der verarbeitung eines formulars) */
.fehler {
	font-weight:bold;
	color:#990033;
	margin:0 0 1em 0;
}






/***********************************************/
/* #Suche                                      */
/***********************************************/

#vereinsname {
	float:left;
	padding: 51px 0px 0px 22px;
	color: #3E3E3E;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
	width:55%;
	clear:none;
}

/* container fuer suchformular im oberen balken */
#search {
	padding: 45px 30px 0px 0px;
	color: #3E3E3E;
	font-size: 0.8em;
	text-align: right;
	font-weight: bold;
}

/* raender deaktivieren bei formular und feldbeschriftungen */
#search form, #search label { margin:0; padding:0; }






/***********************************************/
/* #Navigation                                 */
/***********************************************/
/* ROT:  RGB 255,  00,  00  0xff0000 */
/* ROT:  RGB 203,  00,  00  0xcb0000 */
/* ROT:  RGB 240, 205, 205  0xf0cdcd */
/* GRÜN: RGB  71, 120, 104  0x476878 */
/* GRÜN: RGB 198, 210, 205  0xc6d2cd */
/* container fuer die hauptnavigation */
#navi {
	float: left;
	width:242px;
	padding:0;
	margin:0;
	border:0px solid #ff0000;
	font-size:0.75em;
}

/* hauptnavigation - liste */
#navi ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

/* hauptnavigation - links */
#navi a {
	color: #fff;
	display: block;
	padding:3px;
	padding:5px 0 5px 10px;
	width:232px;
	background-color: #477868;
	border-bottom: 1px solid #eee;
}
#navi a:link, #navlist a:visited { text-decoration: none; }
#navi a:hover { background-color: #CB0000; }
#navlist a#active { background-color:#cb0000; }

/* subnavigation - links */
#navi ul li ul a {
	width:220px;
	padding:5px 0 5px 22px;
}
#navi ul li ul, #navi ul li ul li, #navi ul li ul a {
	background-color:#C6D2CD;
	color:#000;
}
#navi ul li ul a:hover { background-color:#F0CDCD; }
#navi ul li ul a#subactive { background-color:#F0CDCD; }

/* sub-subnavigation - links */
/* padding: oben rechts unten links */
#navi ul li ul li ul a {
	width:210px;
	padding:5px 0 5px 32px;
	font-size:0.75em;
}
#navi ul li ul li ul, #navi ul li ul li ul li, #navi ul li ul li ul a {
	background-color:#C6D2CD;
	color:#000;
}
#navi ul li ul li ul a:hover { background-color:#F0CDCD; }
#navi ul li ul li ul a#subactive { background-color:#F0CDCD; }







/***********************************************/
/* #zweispaltiger content                      */
/***********************************************/

/* formular (schaut aus wie artikelbox) */
.formular, .formular_breit {
	width:425px;
	background: #ffffff;
  	border-top: 1px solid #B2B2B2;
  	border-bottom: 1px solid #B2B2B2;
	border-left:0;
	border-right:0;
	padding:1em;
}

.formular_breit { width:500px; }


/* formular - linker bereich */
#innenseitelinks_neu {
	float: left;
	width:200px;
	line-height:1.3em;
	margin:0;
}

/* formular - rechter bereich */
#innenseiterechts_neu {
	float: right;
	width:200px;
	line-height:1.3em;
	margin:0;
}

/* debug rahmen - rahmen einschalten um ausdehnung der ebenen zu ueberpruefen */
#innenseitelinks_neu, #innenseiterechts_neu { border:0px solid #f0f; }
#innenboxlinks_neu, #innenboxrechts_neu { border:0px solid #000; }

.Stil1 {color: #FF0000}

/* formular - texteingabefeld */
.textfeld_200 { width:200px; }

/* formular - textarea */
.textarea_200_200 { width:200px; height:200px; }