/* Darstellung der Inhalte */

@media all
{
	body { 
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Links sind auch blau */
*, a:link, a:visited, a:hover, a:active, a:focus {
	color:#233c4c;
}

/* verlinkte Bilder haben erstmal keinen Rahmen */
a img {
	border:0px;
}
/* für die Elemente, die ausser Sichtweite geschoben werden sollen */
.offStage, div#col3 h1, div#col2 h1, div#skiplinks {
	position:absolute;
	left:-10000px;
	width:1px;
	z-index:10;
}

div#skiplinks ul {
	position:absolute;
	top:0px;
}

div#skiplinks ul a:focus, div#skiplinks ul a:active {
	left:10000px;
	top:58px;
	position:absolute;
	z-index:99;
	font-size:1.3em;
	display:block;
	width:20em;
	background-color:#ff0;
	font-weight:bold;
	text-decoration:underline;
	border:2px solid #000;
}

/* Für die Kopfzeile */
	div#claim {
		position:absolute;
		z-index:0;
		right:0;
		top:0;
		background-color: #ffffff;
		padding:36px 0px 23px;
		text-align:right;
	}
	
	/* ganz krude: Opera versteckte das Logo, daher diese Lösung... */
	div#claim img {
		margin-left:386px;
	}
	
	/* Einstellungen für das Logo */
	div#logo {
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		background-color:#ffb800;
		border-right: 1px solid #233c4c;
		position:relative;
		float:left;
		padding-right:100px;
	}
	div#logo a, div#logo span.a{
		background-color:#fff;
		display:block;
		text-align:center;
		border-right: 1px solid #233c4c;
		width: 180px;
		padding:31px 0px 28px 0px;
	}


/* Inhaltsbereich */
	div#col1_content fieldset {
		font-size:1em;
		line-height:2em;
	}
	
        h1 {
               position:absolute;
               left:-9999px;
        }

h4 {
               position:absolute;
               left:-9999px;
        }

	fieldset br {
		clear:both;
	}
	
	.fehler, .fehler * {
		color:#b62051 !important;
		font-weight:bold;
	}
	
	input[type=reset] {
		margin-left:14.5em;
	}
	
	input[type=submit] {
		margin-left:0em;
	}
	
	fieldset input, fieldset select, fieldset option, fieldset textarea {
		margin-left:0.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
	}

	fieldset input:focus, fieldset select:focus, fieldset textarea:focus {
		background-color:#efebef;
	}
	
	fieldset label {
		text-align:right;
		position:relative;
	/*	float:left;*/
top:-0.2em;
		width:14em;
	}
	div#col1_content_home {
		margin-left:14em;
		border-left:1px solid #233c4c;
		padding:17px 27px 57px 17px; /* dies noch mit variablen Größen? */
		background-color:#ffffff;
		background-image:url('/assets/home_img.jpg');
		background-repeat:no-repeat;
		background-position:top right;
		text-align:left;
		overflow:overflow;
	}
	
	div#col1_content h2, div#col1_content p {
		margin-bottom:0.8em;
		margin-top:1.4em;
	}
	
	div#text p {
		margin-bottom:0.8em;
	}
	
	legend {
		font-weight:bold;
	}
	
	a.teaser {
		position:relative;
		float:right;
	}
	
	div#text a:visited {
		color:#b22052;
	}
	
	/* Styles für den Content-Bereich */
	div#kruemelpfad {
		text-align:left;
		padding-bottom:1.5em;
	}
	
	div#kruemelpfad h1 {
position:static;
		display:inline;
		font-size:1em;
	}
	
	span.print_only {
		display:none;
	}
	
	/* Standard-Inhaltsseiten */
	div#col1_content img {
		position:relative;
		float:right;
		margin:0px 0px .5em 13px;
	}
	
	div#col1_content img.icon {
		position:static;
		float:none;
		margin:0px;
	}

	div#col1_content a img {
		position:relative;
		float:none;
		margin:0em;
	}
	
	div#col1_content img.left {
		position:relative;
		float:left;
		margin:0px 13px .5em 0px;
	}
	
	div#col1_content h2 {
		font-size:1em;
	}
	
	div#col1_content p {
		margin-top:0px;
	}

		/* Helferleiste */
	div#col2_content p, div#col2_content h2 {
		padding:1em 1.5em 0;
		font-size:1em;
	}
	
	div#col2_content a {
		display:block;
		margin-bottom:0.5em;
	}
	
	div#col2_content div.rot {
		margin-top:1em;
		height:1em;
		padding:0.5em;
	}
	
	div#col2_content a img {
		margin-right:0.5em;
	}
	
	a.extern {
		margin-left:-1em;
	}
	
	/* Content nur Startseite */
	a.teaser img {
		border:1px solid #233c4c;
		width:30em; /* 2* (div.teaser breit + margin.rechts) */
	}
	
	div.teaser {
		position:relative;
		/*float:left;*/
		margin-right:1em;
		width:14em;
		background-color:#ffffff;
	}
	
	td {
		vertical-align:top;
		text-align:left;
		/*background-color:#ffffff;*/
	}
	
	*.teaser h2 {
		font-size:1em;
		margin-top:0em;
		padding:0.2em 0.2em 0.1em;
		background-color:#ebebeb;
/*		color:#000000 !important; falls die Farbe doch nicht reicht...*/
	}
	
	*.teaser p {
		margin-bottom:3em;
		margin-top:0.5em;
	}
	
	*.teaser h3 {
		font-size:1em;
		margin:0.2em 0em 0.3em;
	}
	
	*.teaser a {
		/*display:block;*/
		margin-top:0px;
		font-weight:bold;
		text-decoration:underline;
	}
	
	
/* für die Fusszeile */
	div#footer div {
		padding:17px 27px 17px 17px; /* siehe Content */
		margin-left:180px;
		border-left:1px solid #233c4c;
	}

	/* Die Adressezeile */
	address {
		font-style:normal;
		/* display:block;*/
		font-size:0.8em;
	}
	
/* Navigationsspalte */
div#col3_content li{
	margin-left:0px;
}

div#col3_content ul, div#col3_content ul ul, div#col3_content ul ul ul {
	list-style-type:none;
	padding-left:0px;
}

div#col3_content ul {
	margin:0.3em 0px 0px;
}


div#col3_content li a, div#col3_content li #navi_aktuell {
	font-weight:bold;
	padding:0.3em 0em 0.3em 19px;
	text-transform:lowercase;
	display:block;
	text-decoration:none;
}

div#col3_content ul ul li a, div#col3_content ul ul li #navi_aktuell {
	padding-left:29px;
	text-transform:none;
}

div#col3_content ul ul ul li a, div#col3_content ul ul ul li #navi_aktuell {
	padding-left:39px;
}

/* Hintergrundicons für die verschiedenen Geschmacksrichtugnen in der Navi */
li.nav_seite {
	background:url(/assets/quadrat.gif) transparent no-repeat 6px 0.9em;
}

li.nav_ordner {
	background:url(/assets/pfeil_rechts.gif) transparent no-repeat 6px 0.8em;
}

li.nav_ordnerOffen {
	background:url(/assets/pfeil_unten.gif) transparent no-repeat 6px 0.9em;
}

/* die Position der HG-Bilder je nach Ebene verschieben */
div#col3_content ul ul li.nav_seite, div#col3_content ul ul li.nav_ordnerOffen {
	background-position:16px 0.9em;
}

div#col3_content ul ul ul li.nav_seite, div#col3_content ul ul ul li.nav_ordnerOffen {
	background-position:26px 0.9em;
}
div#col3_content ul ul li.nav_ordner {
	background-position:16px 0.8em;
}

div#col3_content ul ul ul li.nav_ordner {
	background-position:26px 0.8em;
}

/* das ist die aktuell angezeigte Seite */
div#col3_content li #navi_aktuell {
	border-top:1px solid #233c4c;
	border-bottom:1px solid #233c4c;
	background:inherit;
	background-color:#ffffff;
}

/* weitere Inhalte in der Navi */	
	div#col3_content p {
		margin:2em 0px 2em 12px;
	}
	
	/* ab der zweiten Ebene ist die Navigation in normal weight */
	div#col3_content ul ul li a {
		font-weight:normal;
	}
	
	/* für den roten Balken */
	div.rot {
		background-color:#b22052;
                color:#ffffff;
		text-align:left;
		vertical-align:center;
		border-top:1px solid #233c4c;
		border-bottom:1px solid #233c4c;
		margin-top:3em;
		padding:0.4em 0.4em 0.6em;
	}
	
	a.schalter {
		background:url(/assets/Quadrat_weiss.gif) transparent no-repeat 12px 50%;
		padding-left:24px;
		display:block;
	}
	
	div.rot img {
		margin-left:12px;
	}
	
	div.rot a:link, div.rot a:visited, div.rot a:hover, div.rot a:active, div.rot a:focus {
		color:#ffffff;
		text-decoration:none;
		font-weight:bold;
	}

	div#suche {
		padding:2em 0px 0px 12px;
		margin-bottom:2em;
	}

	input#suchfeld {
		width:11em;
		font-size:1em;
	}
	
	input.submit {
		background-color:transparent;
		border:0px;
		color:#b22052;
		font-weight:bold;
		text-decoration:underline !important;
		cursor:pointer;
		padding:0px !important;
		text-align:left;
		display:block;
		width:160px;
	}
	
	p.teaser a {font-weight:bold;}
	
	h2.teaser {background:#ebebeb;padding:0.3em;}

/* Sitemap */
	ul#sitemap, ul#sitemap ul, ul#sitemap li {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	
	ul#sitemap li.nav_ordner, ul#sitemap li.nav_seite {
		margin-top:0.7em;
		font-weight:bold;
	}
	
	#col1_content li #navi_aktuell {
		border:0px !important;
	}

/* Ebene 1 */
	ul#sitemap li.nav_ordner {
		background:url(/assets/pfeil_unten.gif) transparent no-repeat 6px 0.7em;
	}
	
	ul#sitemap li.nav_seite {
		background:url(/assets/quadrat.gif) transparent no-repeat 9px 0.7em;
	}
	
	#col1_content ul#sitemap li a {
		padding-left:19px;
text-transform:lowercase;
text-decoration:none;
	}

/* Ebene 2 */

	ul#sitemap ul li.nav_ordner {
		background-position: 16px 0.7em;
	}

	
	ul#sitemap ul li.nav_seite {
		background-position: 19px 0.7em;
	}
	#col1_content ul#sitemap ul li a {
		padding-left:29px;
text-transform:none;
	}
/* Ebene 3 */
	ul#sitemap ul ul li.nav_ordner {
		background-position: 26px 0.7em;
	}
	
	ul#sitemap ul ul li.nav_seite {
		background-position: 29px 0.7em;
	}
	#col1_content ul#sitemap ul ul li a {
		padding-left:39px;
	}
/* Ebene 4 */
	ul#sitemap ul ul ul li.nav_ordner {
		background-position: 36px 0.7em;
	}
	
	ul#sitemap ul ul ul li.nav_seite {
		background-position: 39px 0.7em;
	}
	#col1_content ul#sitemap ul ul ul li a {
		padding-left:49px;
	}
	
	ul#sitemap ul li.nav_ordner, ul#sitemap ul li.nav_seite {
		margin-top:0px;
		font-weight:normal;
	}
	
	ul#sitemap li.nav_ordner a, ul#sitemap li.nav_seite a {
		display:block;
		padding-left:19px;
	}

/* styles für Formulare. Gesammelt, ausgetüftelt und dokumentiert von Thomas Caspers (http://www.einfach-fuer-alle.de/artikel/formulare/) */

#col1 input.submit {
	float:right;
	margin:10px 0px 0px;
	font-weight:bold;
} 

#col1 label.left {
    float:left;
    text-align:right;
    width:5em;
    margin-right:.3em;
}

#col1 input[type=text], #col1 select {
    float:left;
}

#col1 textarea {
width:;
font-size:1.5em;
/* margin-left:4.8em;*/
}

#col1 input.right {
    float:left;
    width:auto;
    clear:both;
    margin-left:6.3em;
    margin-right:.3em;
}
#col1 input[type=checkbox].right, #col1 input[type=radio].right, #col1 input[type=submit].right {
    margin-left:5.3em;
}

#col1 label.text {
display:block;
}

#col1 form br {
    clear:both;
}

#col1 label, #col1 select, #col1 input[type=checkbox], #col1 input[type=radio], #col1 input[type=button], #col1 input[type=submit] {
    cursor:pointer;
}

#col1 form {
    line-height:140%;
}

}