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

body {
	/* Hintergrundfarbe und -bild */
	background-color: #bbb;
	background: url(../images/layout/body_bg.jpg) repeat-x top center;
	background-attachment: fixed;
}

#container {
	margin: 20px auto;
	background-color: white;
	border: 1px solid #777;
}

#header {
	/* Bannergrafik */
	background-color: #ddd;
	background: url(../images/layout/header_bg.jpg) no-repeat center top;
	height: 196px;
}

#navigation {
	background-color: #777;
	/*background: url(../images/layout/navigation_bg.jpg) repeat-x;*/
	border-top: 1px solid #777;
	margin-bottom: 10px;
	width: 100%;
}

#footer {
	background-color: #444;
	background: url("../images/layout/footer_bg.gif") repeat-x center bottom;
	overflow: hidden;
	height: 36px;	
	border-top: 1px solid #222;
}

#footer div {
}

div .links {
	width: auto;
	text-align: left;
	padding: 8px;
}

div .rechts {
	width: auto;
	text-align: right;
	float: right;
	margin: 0; 
	padding: 8px;
}

.innerpadding {
	padding: 8px;
}

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

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

#contentnormaltopping {
	background: url("../images/layout/contentnormaltopping_bg.jpg") no-repeat left top;
	height: 10px;
	overflow: hidden;
}

#contentnormal {
	/*background: url("../images/layout/contentnormal_bg.jpg") repeat-y left top;*/
	padding: 0px 24px;
}

#contentwrap {
	background: url("../images/layout/contentwrap_bg.gif") repeat-y left top;
	padding-bottom: 10px;
}

#wappenlogo {
	margin: 30px 0 0 48px;
}

/* ----- Seitenspezifische anpassungen ----- */

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

#subnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnavigation li {
	margin: 0;
	padding: 0;
	/*border: 1px solid black; /* WYSIWTF?! Abstand der Border vererbt sich im Internet Explorer und kann dann auch mit border-width: 0; oder none; nicht zurŸck gesetzt werden... */
	background: url("../images/layout/subnavigation_a_bg.jpg") repeat-y left top;
}

#subnavigation li a {
	display: block;
	padding: 5px 0 0 15px;
	color: white;
	/*width: 100%*/;
	height: 24px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: url("../images/layout/subnavigation_a_bg.gif") no-repeat right top;
	outline: none;
}

#subnavigation span {
	padding: 0;
	margin: 0;
}

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

#subnavigation ul.navigation ul li {
	margin: 0;
	background: url("../images/layout/subnavigation_bg.gif") repeat-y right top;
}

#subnavigation ul.navigation ul a {
	display: block;
	padding: 0 0 0 32px;
	height: 20px;
	color: black;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	/*background: url("../images/layout/subnavigation_bg.gif") repeat-x right top;*/
	outline: none;
}

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

div.news .item {
	margin-bottom: 18px;
	border-right: 2px solid lightgray;
	border-bottom: 2px solid lightgray;
}

#contentnormal h1 {
	background-color: #111741;
	color: white;
	width: 530px;
	padding: 4px 4px;
	margin-bottom: 1px;
	border: 1px solid #314162;
	font-weight: normal;
	letter-spacing: 2px;
	clear: both;
	margin-top: 16px;
}

#contentnormal h2, #contentnormal h3 {
	background-color: #e88313;
	color: black;
	width: 530px;
	padding: 0px 4px;
	margin-bottom: 1px;
	border: 1px solid #f8b613;
	font-weight: normal;
	letter-spacing: 1px;
}

#contentnormal img {
	float: left;
	margin: 1px 4px 4px 1px;
}

div.news .item p {
	padding: 8px;
}

div.news list .item {
	border: 0 2px 2px 0 solid lightgray;
}

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

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;
}

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

#contentrightwrap img {
	padding: 1px 6px 8px 0px;
	/*padding-bottom: 4px; */
	border-bottom: 1px solid lightgray; 
	margin-bottom: 8px; 
	margin-left: 0px;
}

#contentright {
	padding: 4px;
}

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

/* ---- Powermail-Plugin-Layout (Online-Bewerbungen) ---- */

fieldset {
	border: 0 solid white;
	border-top: 1px solid lightgray;
	margin: 16px 0 0 0;
	padding: 10px 0;
}

fieldset div {
	padding: 4px;
}

fieldset #powermaildiv_uid1 input, 
fieldset #powermaildiv_uid2 input, 
fieldset textarea {
	width: 390px;
	padding: 1px;
	border: 1px solid gray;
}

legend {
	font-weight: bold;
}

fieldset label {
	float: left;
	width: 120px;
}

fieldset textarea {
	float: left;
	height: 160px;
	padding: 1px;
	border: 1px solid gray;
}

.jobcontrol.search td {
	font-size: 12px;
}

html fieldset{ position: relative; border: 0px solid white; }

html legend{ position:absolute; left: -3px; top: -10px; color: black; }

html fieldset{ position: relative; margin-top:10px; padding-top:10px; }

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

#pageid-6 #header {
	background-image: none;
	background-color: rgb(100,0,0);
}