/* CSS-Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	line-height: 1.0;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS-Reset Ende */
.barrierefrei-hinweis {
position:absolute;

    top:-1000em;

    left:-1000em;

    width:0;

    height: 0;

    overflow:hidden;

    display:inline;
}
#oben, #inhalte-kopf, #navigation, #inhalte-fuss {
	padding: 0 4%;
}


.clear-both {
	clear: both;
	height: 0;
	/* hide from IE/Mac \*/
	/* End hide */
}

/* ------------------- Oben ------------------- */

#oben {

	height: 90px;
}

#logo {
	padding-top: 36px; /* altes Logo */
	padding-top: 24px;
}





/* ------------------- Kopfbereich ------------------- */
#inhalte-kopf {
	padding-left: 0;
	color: #fff;
	height:144px;
	overflow:hidden; 
	background: #636363 url(../images/design/hintergrund-grau.jpg) top right repeat-x;
}

#inhalte-kopf .inhalt {
	position: relative;
	height:144px;
	background: #D03638 url(../images/design/hintergrund-rot.jpg) top left no-repeat;
}

#inhalte-kopf .abbildung {
	position: absolute;
	right: 0; 
	top: 0;
	z-index: 2;
	margin-right: -1px; /* Zur Sicherheit ein wenig mehr rechts, weil im IE manchmal das Rot durchschaut */
}

#inhalte-kopf .abbildung img {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


#inhalte-kopf .inhaltselement {
	margin-left: 4.167%; /* 4%, ausgehend von 96% Gesamtbreite */	
}


#inhalte-kopf .text {
	position: absolute;
	bottom: 0;
	width: 95.832%;
	z-index: 1;
/*	max-width: 80em;
	min-width: 20em;*/

}

#inhalte-kopf .text {
	margin-left: -23px;
}
.mitseiteninhalt #wrapper {
	background: url(../images/design/hellgrau-225.gif) repeat-y right top;
}

.mitseiteninhalt #inhalte-haupt {
	float: left;
	width: 100%;
}

#inhalte-seite {
	display: none;
}

.mitseiteninhalt #inhalte-seite {
	display: block;
	float: right;
	width: 225px;
	margin-left: -225px;
}

.mitseiteninhalt #inhalte-haupt .inhaltselement {
	margin-right: 225px;
}

.mitseiteninhalt #inhalte-haupt .inhaltselement .inhaltselement {
	margin-right: 0;
}

#inhalte {
	padding-right: 4%;
}

#inhalte-haupt .inhaltselement {
	padding-left: 4.167%; /* 4%, ausgehend von 96% Gesamtbreite */
}

#inhalte-haupt .inhaltselement .inhaltselement {
	padding-left: 0;
}


#inhalte {
	margin-top: 3em; /* 12px -> 36px */
}

/* ----------------------------- 4-Felder ---------------------------- */

.vier-felder {
	text-align: center;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.vier-felder ul {
	background: url("../images/grafiken/4felder.jpg") no-repeat;
	width: 	378px;
	height: 144px;
	margin-left: auto;
	margin-right: auto;
}

.vier-felder li {
	float: left;
	width: 189px;
	height: 72px;
}

/* ----------------------------- Pfeile ---------------------------- */

 
.pfeile {
	float: left;
	clear: both;
	width: 100%;
}

.pfeile ul {
	float: left;

}
.pfeile li {
	float: left;
}



/* ----------------------------- Pfeile in Kreisanordnung ---------------------------- */

.pfeile-kreis {
	text-align: center;
	display: block;
	position: relative;
}

.pfeile-kreis .grafik-innen {
	display: block;
}

.pfeile-kreis ul {
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: visible;
}

.pfeile-kreis .pfeil-text {
	position: absolute;
	padding: 0;
	width: 180px;
	height: 7.5em;
}

.pfeile-kreis .pfeil-1 {
	top: -161px;	
}

.pfeile-kreis .pfeil-2 {
	top: -161px;	
}

.pfeile-kreis .pfeil-3,
.pfeile-kreis .pfeil-5 {
	top: -17px;
}

.pfeile-kreis .pfeil-4 {
	top: 73px;
	left: -90px;
}


.pfeile-kreis .pfeil-1 {
	left: -181px;
}
.pfeile-kreis .pfeil-2 {
	left: 18px;
}
.pfeile-kreis .pfeil-3 {
	left: 45px;
}
.pfeile-kreis .pfeil-5 {
	left: -225px;
}


.pfeile-kreis .pfeil-1 {
	top: -179px;
	left: -81px;
}

.pfeile-kreis .pfeil-2 {
	top: -89px;	
	left: 36px;
}

.pfeile-kreis .pfeil-3 {
	top: 55px;
	left: 0px;
}

.pfeile-kreis .pfeil-4 {
	top: 55px;
	left: -180px;
}

.pfeile-kreis .pfeil-5 {
	top: -89px;	
	left: -216px;
}


.zwei {
	background: url(../images/design/hintergrund-rechtehaelfteweiss.gif) 50% repeat-y;
}

.spalte {
	float: left;
	overflow: hidden;
	padding-top: 1.5em; /* 12px -> 18px */
}
.zwei .spalte {
	width: 49.9%;
}

.drei .spalte {
	width: 33%;
}


#inhalte .spalte .inhaltselement {
	padding-right: 1.5em;
	padding-left: 1.5em;
}

#inhalte .spalte .inhaltselement .inhaltselement {
	padding: 0;
	margin: 0;
}
#inhalte .links .inhaltselement {
	padding-left: 0;
}
/* ---------------- Fussbereich ----------------- */

#inhalte-fuss {
	text-align: center;
}
/* Menue */
.navigation,
.navigation ul {
	float: left;
}

.navigation li {
	float: left;
}
/* --- navigation-meta --- */


#navigation-meta {
	position: absolute;
	right: 4%;
	top:0;
	width: 225px;
	border-top: 3px solid #BCBCBC;
	padding-top: 5px;
}


#navigation-meta li a {
	display: block;
	width: 75px;
	height: 68px;
	padding-top: 15px;
	color: #fff;
	font-size: 0.917em; /* 12px -> 11px */
	text-decoration: none;
}

#navigation-meta li a:hover {
	color: #999;
}

#navigation-meta-19 a {
	background: url(../images/design/home.gif) no-repeat center left;
	text-align: left;
}
#navigation-meta-20 a {
	background: url(../images/design/suche.gif) no-repeat center center;
	text-align: center;
}

#navigation-meta-21 a {
	background: url(../images/design/sitemap.gif) no-repeat center right;
	text-align: right;
}

/* ------------------- Hauptnavigation ------------------- */

#navigation {
	background: url(../images/design/hintergrund-hellgrau.gif) top left repeat-x;
	padding: 0;
	margin-bottom: 2.571em; /* 14px -> 36px = 2x line-height*/ 
	text-transform: uppercase;
	font-size: 1.167em; /* 12px -> 14px */
}

#navigation-haupt {
	padding-left: 4%; /* 14px -> 7px */
	padding-top: 0.429em ; /* 14px -> 6px */
	padding-bottom: 0.571em; /* 14px -> 8px */
	margin-bottom:  0.286em; /* 14px -> 4px */
	background: url(../images/design/schatten-hellgrau.gif) bottom left repeat-x;
	width: 95.99%;
}
#navigation-haupt li {
	padding-right: 1em;
}

#navigation-haupt a {
	color: #444;
}

#navigation a:hover,
#navigation .active a,
#navigation .selected a
 {
	color: #CF3437;
}

#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}

/* Untermenues */
#navigation-sub {
	width: 95.99%;
	font-size:0.857em; /* 14px -> 12px */
	padding-left: 4%; 
	margin-bottom: -1.5em;/* 12px -> 18px - damit veraendert eine Zeile Untermenue nicht den Abstand des Inhalts vom Hauptmenue */

}

#navigation-sub a {
	color: #888;
}

#navigation-sub li {
	padding-right: 0.7em;
}
/* --- navigation-fuss --- */


#navigation-fuss {
	float: none;
	text-align: center;
	margin-bottom: 1.636em; /* 11px -> 18px */
}

#navigation-fuss li {
	float: none;
	display: inline;
	padding: 0 0.5em;
}

#navigation-fuss-sitemap {
	text-align: left;
	float: left;
	width: 100%;
	border-bottom: 0.091em solid #666; /* 11px -> 1px */
	margin-bottom: 1.636em; /* 11px -> 18px */
}
#navigation-fuss-sitemap li {
	float: none;
	clear: left;
	font-weight: bold;
	border-top: 0.091em solid #666;
}

#navigation-fuss-sitemap .active {
	font-weight: bold;
}
#navigation-fuss-sitemap a {
	float: left;
	padding-right: 1em;
	width: 15em;
	color: #888;
	margin-top: -0.091em;
}

#navigation-fuss-sitemap ul {
	float: left;
}
#navigation-fuss-sitemap li li {
		float: left;
		clear: none;
		font-weight: normal;
		border-top-width: 0;
}

#navigation-fuss-sitemap li li a {
	float: none;
	width: auto;
}
#navigation-fuss-sitemap ul ul {
		display: none;
}
/* ------------------- Allgemein ------------------- */

html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 100%; /* 16px - Defaultgroesse in allen Browsern */
	line-height:1.125em; /* 16px -> 18px */
}

body {
	background-color: #4c4c4c;
	color: #888;
}

#seite {
	font-size: 0.75em; /* 16px -> 12px  - Basisgroesse der Schrift */

	background-color: #fff;
	color: #444;	
}


#seite {
	min-width: 780px;
}
/* --- Ueberschriften --- */

h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.417em;/* 12px -> 17px */
	margin-bottom: 1.059em; /* 17px -> 18px */
	font-size: 1.5em;/* 12px -> 18px */
	margin-bottom: 1em; /* 18px -> 18px */
}

h2 {
/*	text-transform: uppercase; */
	font-weight: bold;
	font-size: 1.25em;/* 12px -> 15px */
	margin-bottom: 1.2em; /* 15px -> 18px */
	font-size: 1.417em;/* 12px -> 17px */
	margin-bottom: 1.059em; /* 17px -> 18px */
/*	font-size: 1.333em;/* 12px -> 16px */
/*	margin-bottom: 1.125em; /* 16px -> 18px */
}

h3 {
	font-weight: bold;
	font-size:	1.083em;	/* 12px -> 13px */
	margin-top:	1.385em;	/* 13px -> 18px */
}

h4 {
	font-weight: bold;
	font-size: 1em;/* 12px  */
	margin-top: 1.5em; /* 12px -> 18px */
}

h5, h6 {
	font-weight: bold;
	font-size: 1em;/* 12px  */
}

h1 a,
h2 a,
h3 a {
	text-decoration: none;
	color:#444;
	background: url(../images/design/eck-grau.gif) no-repeat right bottom;
	padding-right: 12px;
}


h1 a:hover,
h2 a:hover,
h3 a:hover {
	color: #CF3437;
	text-decoration: underline;
}


/* ------------------- Listen ------------------- */


.inhalt ul {
/*	margin-top: 1.5em; /* 12px -> 18px */
/*	margin-bottom: 1.5em; /* 12px -> 18px */
}

.inhalt li {
	padding-left: 12px;
	background: url(../images/design/eck-grau.gif) no-repeat left top;
}

.rechtsbuendig {
	text-align: right;
}

#inhalte .ohne-abstand {
	margin: 0;
}

/* ------------------- Inhaltsformatierungen allgemein ------------------- */



a {
	color: #CF3437;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* Spezielle Klassen */

.link a,
.link-rechtsbuendig a {
	padding-left: 12px;
	background: url(../images/design/eck-grau.gif) no-repeat left top;
}

.rechtsbuendig,
.link-rechtsbuendig {
	text-align: right;
}

#inhalte .ohne-abstand {
	margin: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

abbr, acronym {
	border-bottom: 1px dotted #444;
}
/* ------------------- Kopfbereich-Texte ------------------- */

#inhalte-kopf a {
	color: #fff;
	text-decoration: none;
}
/* Rückgaengig-machen der Inhaltsformatierung */
#inhalte-kopf h3 a {
	background-image: none;
	display: inline;
	padding-right: 0;
}

#inhalte-kopf a:hover {
	text-decoration: underline;
}

#inhalte-kopf p,
#inhalte-kopf h3 {
	margin-left: 23px;
	margin-right: 202px;
}



#inhalte-kopf h3 {
	padding-left: 61px;
	margin-left: 0;
}

#inhalte-kopf p {
	padding-left: 61px;	
	padding-bottom: 1.5em;
	margin-left: 0;
	background: url(../images/design/headersymbol-default.gif) top left no-repeat;
}

#inhalte-kopf .kundenstimmen h3 {
	font-weight: normal;
	font-style: italic;
	
	position: absolute;
	bottom: 1.5em;
	right: 0;
	padding-right: 1em;
}


#inhalte-kopf .kundenstimmen p {
	font-style: italic;
	padding-bottom: 3em;
	background: url(../images/design/headersymbol-kundenstimmen.gif) top left no-repeat;

}
#inhalte-kopf .team p,
#inhalte-kopf .kernteam p {
	background: url(../images/design/headersymbol-team.gif) bottom left no-repeat;
	padding-top: 64px;
	padding-bottom: 0;
	margin-bottom: 1.5em;
}
#inhalte-kopf .team h3,
#inhalte-kopf .kernteam h3 {
	padding-top: 64px;
	margin-bottom: -64px;
}


#inhalte-kopf .slogans p {
	font-weight: bold;
	background: url(../images/design/headersymbol-slogan.gif) center left no-repeat;
	padding-top: 3em;
	padding-bottom: 3em;
}

/* ------------------- Inhalte-Haupt ------------------- */

#inhalte-haupt {
	padding-top: 0.75em; /* 12px -> 9px */
}

#inhalte-haupt .inhaltselement {
	padding-right: 1em;
}

#inhalte-haupt p {
	margin-bottom: 1.5em; /* 12px -> 18px */
}

/* --- Text nicht zu breit werden lassen --- */

#inhalte-haupt p,
#inhalte-haupt .text {
	margin-right: 225px;
	max-width: 80em;
}
.mitseiteninhalt #inhalte-haupt p,
.mitseiteninhalt #inhalte-haupt .text  {
	margin-right: 0;
}

#inhalte-haupt .text p {
	margin-right: 0;
}

/* ------------------- Inhalte-Seite ------------------- */




#inhalte-seite {
	font-size: 0.917em; /* 12px -> 11px */

}

#inhalte-seite .inhaltselement {
	padding: 0.818em 9px; /* 11px -> 9px */
/*	padding-top: 1.626em; /* 11px -> 18px */
}


#inhalte-seite h1,
#inhalte-seite h2,
#inhalte-seite h3,
#inhalte-seite h4,
#inhalte-seite h5,
#inhalte-seite h6 {
	font-size: 1.091em; /* 11px -> 12px */	
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
}
#inhalte-seite h1 {
	text-transform: uppercase;
	margin-bottom: 1.5em; /* 12px -> 9px */
	
}

#inhalte-seite h2 {
	margin-bottom: 1.5em; /* 12px -> 9px */

}

#inhalte-seite li,
#inhalte-seite h1 a,
#inhalte-seite h2 a,
#inhalte-seite h3 a {
	background-image: url(../images/design/eck-grau-auf-rot.gif);
}

/* ------------------- Spezielle Formatierungen für den Inhalt ------------------- */


.geloescht {
	text-decoration: line-through;
}

/* Diverse Block-Formatierungen */

.hervorgehoben {
	background-color: #D03638;
	color: #fff;
}

#inhalte-haupt .hervorgehoben {
	margin-bottom: 1.5em; /* 12px -> 18px */
}

#inhalte .hervorgehoben h1,
#inhalte .hervorgehoben h2,
#inhalte .hervorgehoben h3,
#inhalte .hervorgehoben a {
	color: #fff;
}


.alternativ {
	background-color: #eee;
}

#inhalte-haupt .alternativ {
	margin-bottom: 1.5em; /* 12px -> 18px */
	padding-right: 0;
}



.markiert {
	background: url(../images/design/hintergrund-aktuell.gif) top left repeat-y;
	margin-bottom: 1.5em; /* 12px -> 18px */
}

.abstand-davor {
	margin-top: 1.5em; /* 12px -> 18px */
}

.abstand-danach {
	margin-bottom: 1.5em; /* 12px -> 18px */
}

.vertikal-zentriert div {
	display: table;
}
.vertikal-zentriert p {
	display: table-cell;
	vertical-align: middle;
}
/* ----------------------------- Grafiken allgemein ---------------------------- */
.grafik p {
	font-weight: bold;
	text-align: center;
}

.grafik a {
	color: #444;
	text-decoration: none;
}

.grafik a:hover {
	text-decoration: underline;
	color: #CF3437;
}

.grafik {
	margin-bottom: 3em; /* 12px -> 18px */
}



.grafik .hover {
	font-weight: normal;
	text-decoration: none;
	color: #444;
}

.hover {
	display: block;
	visibility: hidden;
}

a:hover .hover {
	display: block;
	visibility: visible;
}

/* ----------------------------- 4-Felder ---------------------------- */

.vier-felder li {
	list-style-type: none;
	background-image: none;
	padding: 0;
}

.vier-felder div {
	position: relative;
	width: 187px;
	height: 70px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.vier-felder p {
}
.vier-felder span {
	display: block;
	padding: 0 9px;
}

/* ----------------------------- Pfeile ---------------------------- */

 

.pfeile li {
	margin-top: 1.5em; /* 12px -> 18px */
	list-style-type: none;
	height: 72px;
	width: 153px;
	padding-left: 18px;
	padding-right: 9px;
	overflow: hidden;
	background: url(../images/grafiken/pfeil.gif) no-repeat top left !important;
}

.pfeile div {
	position: relative;
	width: 135px;
	height: 72px;
}



/* ----------------------------- Pfeile in Kreisform ---------------------------- */

.pfeile-kreis {
	margin-top: 3em;
}


.pfeile-kreis li {
	list-style-type: none;
	background-image: none;
}

.pfeile-kreis div {
	position: relative;
	width: 100%;
	height: 100%;
}

/* ------------------- Fussbereich-Texte ------------------- */


#inhalte-fuss {
	text-align: center;
	font-size: 0.917em;		/* 12px -> 11px */
	padding-top: 1.636em;	/* 11px -> 18px */
	background: #4c4c4c url(../images/design/schatten-dunkelgrau.jpg) repeat-x left top;
	color: #888;
}


#inhalte-fuss a {
	color: #888;
}

#inhalte-fuss a:hover {
	color: #CF3437;
}/* ------------- Mailform --------------------- */

input, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;		/* 12px -> 18px */
	color: #444;
}

.feld {
	margin-bottom: 1.5em;	/* 12px -> 18px */
}
.feld-check {
	margin-bottom: 0;
}
.input,
.password,
.textarea {
	margin: 0;
	padding: 0.083em 0.75em;	/* 12px -> 1px/9px */
	border: 0.083em solid #ccc;	/* 12px -> 1px */
	background-color: #eee;
}


.submit {
	padding: 0 0.75em;			/* 12px -> 9px */
	border: 0.083em solid #ccc;	/* 12px -> 1px */
	border-top-color: #eee;
	border-left-color: #eee;
	background-color: #ddd;
	height: 1.5em;			/* 12px -> 18px */
}

.input:focus,
.password:focus,
.textarea:focus {
	background-color: #fff;	
	border-left: 0.5em solid #D03638;	/* 12px -> 6px */
	padding-left: 0.333em;		/* 12px -> 4px */
}

.mailform .required em {
	color: #CF3437;
	font-weight: bold;
}
#inhalte-haupt .mailform .feld {
	float: left;
	width: 100%;
}

#inhalte-haupt .mailform .label {
	float: left;
	width: 225px;
}


#inhalte-haupt .mailform .input,
#inhalte-haupt .mailform .textarea {
	width: 600px;
}

/* -------------------- Login-Formuare --------------------- */

.loginform {
	float: left;
	width: 100%;
	margin-bottom: 1.5em; /* 12px -> 18px */
}

#inhalte-seite .loginform {
	margin-bottom: 1.636em; /* 11px -> 18px */	
}

.loginform .feld {
	margin-bottom: 0; 
}

.loginform .feld {
	float: left;
	width: 100%;
}

#inhalte-seite .loginform .input,
#inhalte-seite .loginform .password {
	background-color: #fff;
}

#inhalte-seite .loginform .input,
#inhalte-seite .loginform .password,
#inhalte-seite .loginform .submit {
	width: 90px;
	float: right;
}

#inhalte-seite .loginform .label {
	float: left;
	width: 90px;
}

#inhalte-seite .loginform .submit {
	padding-left: 0.818em; 		/* 11px -> 9px */
	padding-right: 0.818em;		/* 11px -> 9px */
	padding-bottom: 0.091em;	/* 11px -> 1px */
	border: 0.091em solid #999;	/* 11px -> 1px */
	border-top-color: #fff;
	border-left-color: #fff;
	background-color: #ccc;
	height: 1.616em;			/* 11px -> 18px */
}
.aktuell {
}

.eintrag {
	clear: both;
}
.aktuell .info {
	float: left;
	clear: both;
}


.aktuell .datum {
	font-weight: bold;
}
.aktuell .abbildung {
	float: left;
	padding-right: 1.5em;
}
.aktuell img {
	padding: 3px;
	border: 1px solid #999;	
}

.aktuell a:hover img {
	padding: 2px;
	border: 2px solid #CF3437;	
	
}


.aktuell .text {
	clear: right;
	margin-left: 72px;
	padding-left: 1.5em;
}

.aktuell .eintrag h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.aktuell p {
	margin-bottom: 0 !important;
}

.aktuell a {
	text-decoration: none;
	color: #444;
}

.aktuell a:hover {
	text-decoration: underline;
	color: #CF3437;
}


/* ********* Galerien ************* */

.galerie {
	margin: 0;
}

.galerie li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: none;
	height: 72px;
}
.galerie .bild {
	float: left;
	clear: left;
	padding-right: 7px;
	margin-bottom: 8px;
}

.galerie .bild a {
	display: block;
	width: 58px;
	height: 58px;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #999;
}

.galerie .bild a:hover,
.galerie .bild a:focus, .galerie .bild a:active,
.galerie li:hover .bild a {
	margin: 0;
	border: 2px solid #CF3437;
	padding: 1px;
	background-color: #eee;
}
.galerie .bild img {
	display: block;
	margin: auto;
}

.galerie .text {
	float: left;
	padding-left: 9px;
}

#inhalte-seite .uebersicht {
	margin-right: -9px;
}

#inhalte-haupt .uebersicht {
	margin-bottom: 1.5em;
}

.uebersicht li {
	float: left;
}

.startseite li {
	clear: left;
}

.startseite .text {
	width: 126px;
}
.clear {
	clear: both;
}

/* ********* News-Details ************* */


.galerie-detail {
	clear: left;
}

.galerie-detail .abbildung {
	float: left;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
}
.galerie-detail img {
	padding: 3px;
	border: 1px solid #999;	
}

.galerie-detail a:hover img {
	padding: 2px;
	border: 2px solid #CF3437;	
	
}

.galerie-detail .text,
.galerie-detail .link {
	margin-left: 150px;
	padding-left: 1.5em;
}

/* ********** News normal ************* */


.liste .info {
	float: left;
	clear: both;
	margin-bottom: 1.5em; /* 12px -> 18px */
}


.liste .datum {
	font-weight: bold;
}
.liste .abbildung {
	float: left;
	padding-right: 1.5em;
}
.liste img {
	padding: 3px;
	border: 1px solid #999;	
}

.liste a:hover img {
	padding: 2px;
	border: 2px solid #CF3437;	
	
}


.liste .text {
	clear: right;
	margin-left: 130px;
	margin-right: 0 !important;
	padding-left: 1.5em;
}

.liste .eintrag h2 {
	margin-top: 0;
}


.liste a {
	text-decoration: none;
	color: #444;
}

.liste a:hover {
	text-decoration: underline;
	color: #CF3437;
}
.tx-newloginbox-pi1 input {
	width: 100px;
}
/*
http://www.positioniseverything.net/easyclearing.html 
*/
.spalten:after,
.galerie:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Baseline-Grid */


#seite,
.alternativ,
.zwei,
.mitseiteninhalt #wrapper,
#seite {
/*	background-image: url(../images/baselinegrid18.gif); /* */
}

#seite {
		background-position: 0 -9px;
}
/* Diverses */


#inhalte-haupt blockquote {
	font-style: italic;
	text-align: right;
/*	font-size: 1.167em;
	padding: 1.286em 9px;
	margin: 0 -1em 1.286em 1.286em !important;*/
	margin-bottom: 1.5em !important;
}

#inhalte-haupt blockquote p {
	margin: 0;
	padding: 0;
}
/* *********************************************************
**  Layout
********************************************************* */



/* *********************************************************
**  Farben
********************************************************* */

#navigation a:hover,
#navigation .active a,
#navigation .selected a {
	color: #049;
}

a,	
h1 a:hover,
h2 a:hover,
h3 a:hover,
.grafik a:hover,
#inhalte-fuss a:hover,
.aktuell a:hover,
.mailform .required em {
	color: #049;
}

#inhalte-kopf .inhalt,
.hervorgehoben {
	background-color: #00529C;
}

.galerie li:hover .bild a {
	border-color: #00529C;
}


/* *********************************************************
**  Bilder
********************************************************* */

#inhalte-kopf .inhalt {
	background-image: url(../images/design/hintergrund-blau.jpg);
}
#inhalte-kopf .slogans p {
	background-image: url(../images/design/headersymbol-blau-slogan.gif);
}