@charset "utf-8";
/* CSS Document */

body {
	/* Hintergrundfarbe und -bild */
	/*background-color: #aaa;*/
	background: #fff url(../images/layout/body_bg.gif) repeat-x top;
	line-height: 1.7em;
	padding: 0; margin: 0;
}

#container {
	margin: 0 auto;
	/*border: 1px solid #eee;*/
}

#header {
	/* Bannergrafik */
	background: transparent url(../images/layout/logotype.gif) no-repeat right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
}

#contentnormal { 
	padding-top: 40px;
	min-height: 230px;
	/*background: white url("../images/layout/titel/tbild.gif") no-repeat left bottom; */
	padding-left: 165px !important;
	padding-right: 165px !important;
}

.innerpadding {
	padding: 8px;
}

#contentleft p, #contentnormal p, #contentright p { 
	margin: 0; 
}

#contentleft, #contentnormal, #contentright {
	padding: 8px;
	overflow: hidden;
	word-wrap: break-word; /* WYSIWTF?! - Überlange Zeilen werden vom Internet Explorer nicht abgeschnitten, obwohl overflow:hidden gesetzt ist... */
}

/* ---------------- Navigationsebenen ---------------- */

#toplevelnavigation, #sublevelnavigation {
	float: left;
	width: 100%;
	line-height: normal;
	height: 44px;
}

#toplevelnavigation ul, #sublevelnavigation ul {
	margin: 0;
	padding: 2px 2px 0;
	list-style: none;
}

#toplevelnavigation li {
	width: 140px;
}

#contentwrap {
	padding-top: 36px;
}

#toplevelnavigation li, #sublevelnavigation li {
	float: left;
	margin: 0;
	margin-right: 3px;
	padding: 0 0 0 8px;
}

#toplevelnavigation a, #sublevelnavigation a {
	float: left;
	display: block;
	height: 18px;
	padding: 8px 0 6px 26px;
	color: #888;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
}

#toplevelnavigation a {
	width: 100px;
	background: url("../images/layout/button-gruen.gif") no-repeat left center;
}

#toplevelnavigation a.current, #toplevelnavigation .active a, #toplevelnavigation a:hover, #sublevelnavigation a:hover, #sublevelnavigation a.current {
	color: white;
}

#header {
	text-align: right;
}

#specialnavigation ul {
	float: right;
	padding: 0; margin: 0;
}

#specialnavigation li {
	display: inline;
	padding: 0; margin: 0;
	margin-right: 14px;
	margin-left: 16px;
}

#specialnavigation a {
	text-decoration: none;
	text-transform: lowercase;
	color: #999;
	padding: 0; margin: 0;
}

#specialnavigation a:hover, #specialnavigation a.current {
	color: #999;
}


/* ----------------------- Ab hier: Layoutvorgaben für Plugins ---------------------- */

/* -------------------- Layout der 'News'-Artikel- und Uebersicht -------------------- */

div.news .item {
	margin-bottom: 18px;
}

div.news h3 {
	margin-bottom: 0;
}

div.news a {
	color: black;
	text-decoration: none;
}

div.news h3 a {
	color: #000044;
}

div.news div.more a {
	text-decoration: underline;
}

div.news .archive,
div.news .browse,
div.news .back,
div.news .news-list-morelink,
div.news .more {
	margin-top: 18px;
}

div.single .item h3 {
	margin-top: 18px;
}

div.news .bodytext {
	margin-top: 6px;
}

div.news .latest h3, 
div.news .latest .more, 
div.news .latest p  {
	/* Entfernt die Abstände in "Aktuelles" in der Latest-Ansicht */
	margin-bottom: 0;
	margin-top: 0;
}

a { color: black; }

h1, h2, h3, h4, h5, h6  {
	font-size: 1.3em;
} 

/*#contentright .csc-textpic-text { padding-left: 20px; }*/


.hide {
	/* OVER NINE THOUSAND! */
	/* Blendet Text aus, der durch Bilder ersetzt wird*/
	position: absolute;
	left: -9001px; 	/* OVER NINE THOUSAND! */
}

/* -------------------- Submenu (Vertikale Liste) -------------------- */

#subnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#subnavigation li {
	margin: 0;
	border: 1px solid white; /* WYSIWTF?! Abstand der Border vererbt sich im Internet Explorer und kann dann auch mit border-width: 0; oder none; nicht zurück gesetzt werden... */
}

#subnavigation li a {
	display: block;
	padding: 5px 5px 5px 5px;
	color: #000;
	text-decoration: none;
	width: 100%;
}

html>body #subnavigation li a {
	width: auto;
}

#subnavigation li a:hover {
	background-color: #ddd;
	text-decoration: underline;
}

/* - Form ----------------------------------------------------------------------------------------------------------- */

legend { padding-left:10px; padding-right:10px; border: 0px; }
input, textarea { font-size: 1em; border: 1px solid lightgray; background-image: none; background-color: white; width: 400px; vertical-align: bottom; padding: 4px; margin: 0 0 8px 0; }
input[type=submit] { border: 1px solid gray; background-color: #eee; width: auto;	padding: 4px 16px;}
input:focus, textarea:focus { border-color: gray;}
label { font-weight: normal; }
form { width: auto; }
fieldset { margin: 0; padding: 0; border: 0 }
.radiolayout { width: auto; padding-top:15px; padding-bottom:15px; }
.mf-radio { border:0px; width: auto; }
.mf-text { color: #000000; border: 1px solid #C0C0C0; margin-bottom: 5px; width: auto; }
.mf-check { border: 0px; margin: 0px 0px 30px 0px; width: auto;}
.mf-select { border: 1px solid #C0C0C0; margin-bottom: 10px; width: auto; }
.mf-input { background-color: white; background-image: none; margin-bottom: 5px; width: auto; }
.mf-submit { color: white; padding: 5px; margin: 5px 10px 0 0; border: 1px solid gray; background-color: #A7A38B; border: 0px; }
.mf-input, .mf-text { width: 446px; max-width: 446px; background-color: white; padding: 4px; }
.formfield div { width: auto; vertical-align: bottom; text-align: baseline; }

/* - Contenttable --------------------------------------------------------------------------------------------------- */

th, td { vertical-align: top; border: none; padding: 8px; border: 1px solid white; }
th { text-align: right; width: 4em; background: transparent; font-weight: normal; }
caption { text-align: left; background: transparent; margin-left: 71px; }
table { border-collapse: collapse;  }
table li { list-style: none; list-style-position: outside; padding: 0; margin: 0; }
table ul { padding: 0; margin: 0; }
table li { margin-bottom: 12px; }
table ul :last-child { margin-bottom: 0; } 

/*.csc-textpic-imagerow { witdh: 2000px !important; }*/

/* - Bilderleiste --------------------------------------------------------------------------------------------------- */

/*
.csc-textpic {
	border: 1px solid fuchsia;
	width: auto !important;
}

.csc-textpic-imagerow { 
	display: block;
	width: auto !important;
	border: 1px solid green;
}

li.csc-textpic-image { 
	display: block !important;
	float: left !important;
	width: auto !important;
	padding: 10px !important;
	border: 1px solid red;
}

li.csc-textpic-image img { 
	margin-right: 4px !important;
}

li.csc-textpic-image * { 
	display: inline !important;
}

div.csc-textpic-caption { 
	display: none !important;
}
*/

.csc-textpic ul {
	list-style-position: outside;
	list-style-type: none;
}

.csc-textpic-caption {
	display: none;
}

.csc-header h1 { 
	text-transform: lowercase;
	margin-bottom: 16px;
}

.csc-sitemap ul, .csc-menu ul {
	list-style-type: none;
}

.csc-menu li {
	display: inline;
}

.csc-menu a {
	padding: 8px;
}

.csc-sitemap li, .csc-menu li {
	text-transform: lowercase;
}

/* - Layouttypen ------------------------------------------------------------------------------------------------- */

@media screen { 
	/* Screen-Layout */
	.printonly { position: absolute; left: -9001px; height: 0px; display: none; } 
}

@media print { 
	/* Print-Layout */
	* { color: black; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; font-family: "Helvetica", "Arial" }
	a, a:link, a:visited { color: black; text-decoration: none; font-weight: normal; } /* Links schwarz, ohne Unterstreichung */
	#content a { text-decoration: underline; } /* Links im Text der Seite unterstreichen*/
	.navigation { display: none; } /* Sämtliche Navigation ausblenden */
	.navigation.printonly { display: block; } /* abgesehen von denen, die extra für Drucklayouts eingebunden sind */
 	.screenonly { display: block; } /* Container ausblenden, die nur auf dem Bildschirm dargestellt werden sollen */
	div { background-color: transparent; background-color: none; }
	#contentwrap { width: 100%; margin-left: 0; } 
	h1.printonly, h2.printonly { height: auto; overflow: visible; display: inline; font-size: 10px; }
	#container { margin: 0; padding: 0; }
	#header { height: auto; }
	.element { display: block; position: absolute; border: 1px solid gray; }
}

/* -------------------- Seitenspezifische Angaben -------------------- */

#pageid-6 #header {
}