/* -----------------------------------------------------------  */
/* -------------------- Rahmen-Layout-Styles -----------------  */
/* -----------------------------------------------------------  */

body {
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center; /* horizontale Zentrierung für IE */
	background: #ffffff;
	color: #000000;
}

div#seite {
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	width: 827px;
	background: url(../bilder-layout/hg-seite.gif) repeat-y 0px 0px;
}

div#kopfzeile {
	background: url(../bilder-layout/kopfzeile.gif) no-repeat;
	height: 58px;
}

div#header {
	background-color: #ffffff;
}

div#header_bg {
	margin-top: 3px;
}
div#header_bg,
div#header_bg * {
	width:  827px;
	height: 147px;
}

div#zusammenlinks {
	width: 649px;
	float: left;
	padding-top: 22px;
}

div#navicontainer {
	width: 202px;
	float: left;
	overflow: hidden;
}

div#inhalt {
	width: 447px;
	float: right;
}

div#content {
	width: 392px;
	margin: 0 0 0 27px;
}

div#container {
	width: 178px;
	float: right;
	color: #ffffff;
}

div#container_content {
	width: 145px;
	margin: 17px 0 0 17px;
}

div#footer {
	clear: both;
	height: 29px;
	background: url(../bilder-layout/footer.gif) no-repeat;
}

/* -----------------------------------------------------------  */
/* ------------------------ Die Navigation -------------------  */
/* -----------------------------------------------------------  */

ul.navi_ebene_1 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #c0c0c0;
	font-family: Helvetica, Arial, sans-serif;
	/* font-family: "Times New Roman", Times, serif; */
	font-size: 1.1em;/* font-weight: bold; */
}

ul.navi_ebene_1 li {
	border-top: solid 1px #c0c0c0;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_2 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_2 li {
	padding: 0;
	margin: 0;
}

ul.navi_ebene_3 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_3 li {
	padding: 0;
	margin: 0;
}

ul.navi_ebene_1 a {
	padding: .15em 0 .15em 15px;
	margin: 0;
	font-size: 95%;
	display: block;
	text-decoration: none;
	width: 93%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_2 a {
	color: #4f612e;
	background-color: #e3e9f4;
	padding: .15em 0 .15em 36px;
	margin: 0;
	width: 85%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_3 a {
	color: #4f612e;
	background-color: #e3e9f4;
	padding: .15em 0 .15em 65px;
	margin: 0;
	width: 85%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.navi_ebene_1 li a:link,
ul.navi_ebene_1 li a:visited {
	color: #333333;
	background-color: #ffffff;
}

ul.navi_ebene_1 li a:hover,
ul.navi_ebene_1 li a:active {
	color: #ffffff !important;
	background: url(../bilder-layout/navipfeil-weiss.gif) no-repeat 6px #003399 !important;
	font-weight: bold;
}

ul.navi_ebene_2 li a:link,
ul.navi_ebene_2 li a:visited {
	color: #333333;
	background-color: #e3e9f4;
}

ul.navi_ebene_2 li a:hover,
ul.navi_ebene_2 li a:active {
	color: #ffffff !important;
	background: url(../bilder-layout/navipfeil-weiss.gif) no-repeat 27px #5b7cbd !important;
	font-weight: bold;
}

ul.navi_ebene_3 li a:link,
ul.navi_ebene_3 li a:visited {
	color: #333333;
	background-color: #e3e9f4;
}

ul.navi_ebene_3 li a:hover,
ul.navi_ebene_3 li a:active {
	color: #333333 !important;
	background: url(../bilder-layout/navipfeil-schwarz.gif) no-repeat 56px #e3e9f4 !important;
	font-weight: bold;
}

.aktiv_1 {
	color: #ffffff !important;
	background: url(../bilder-layout/navipfeil-weiss.gif) no-repeat 6px #003399 !important;
	font-weight: bold;
}

.aktiv_2 {
	color: #ffffff !important;
	background: url(../bilder-layout/navipfeil-weiss.gif) no-repeat 27px #5b7cbd !important;
	font-weight: bold;
}

.aktiv_3 {
	color: #333333 !important;
	background: url(../bilder-layout/navipfeil-schwarz.gif) no-repeat 56px #e3e9f4 !important;
	font-weight: bold;
}

/* -----------------------------------------------------------  */
/* ------------------------ Pseudo-Styles --------------------  */
/* -----------------------------------------------------------  */

div#kopfzeile a,
div#kopfzeile a:link {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #000000;
}

div#inhalt a,
div#inhalt a:link {
	color: #ff0000;
	text-decoration: none;
	border-bottom: dotted 1px;
	background: url(../bilder-layout/linkpfeil-rot.gif) no-repeat 0px 5px;
	padding-left: 7px;
}

div#inhalt div#tabs .ui-tabs-nav a {
	border-bottom: 0 none;
	background: none;
}

div#container a,
div#container a:link {
	color: #ffffff;
	text-decoration: none;
	border-bottom: dotted 1px;
/*	padding-left: 7px;*/
	font-weight: normal !important;
}


.bildlink,
.bildlink2 {
	border: none !important;
	background-image: none !important;
	padding-left: 0px !important;
}

.bildlink img {
	border: none !important;
}

.bildlink2 img {
	border: 1px solid #003399;
}

a img {
	border-color: #003399;
}

div#inhalt img {
	border-color: #000000;
}

.bildergalerie a:link,
.bildergalerie a:visited,
.bildergalerie a:hover,
.bildergalerie a:active {
	color: none !important;
	text-decoration: none;
	border: none !important;
	background: none !important;
	padding-left: 0 !important;
}

.zurueck-link {
	color: #ff0000;
	text-decoration: none;
	border-bottom: dotted 1px;
	background: url(../bilder-layout/linkpfeil-rot-back.gif) no-repeat 0px 5px !important;
	padding-left: 7px;
}

/* -----------------------------------------------------------  */
/* ------------------------ Format-Styles --------------------  */
/* -----------------------------------------------------------  */

hr {
	height: 1px;
	border-top: 1px dashed #5b7cbd;
	border-bottom: 0px;
	border-left: 0;
	border-right: 0;
	margin: 0 0 10px 0;
	padding: 0;
}

.bildergalerie {
	float: left;
	border-bottom: 1px dashed #5b7cbd;
	margin: 0 0 20px 0;
}

.bildergalerie img {
	margin: 0 8px 0 0;
	border: 1px solid #003399;
}

.bildergalerie p {
	font-size: .9em;
}

.teaser {
	border-top: 1px dashed #5b7cbd;
	clear:left;
}

.bild_rechts {
	float: right;
	margin: 4px 0 15px 15px;
}

.bild_links {
	float: left;
	margin: 4px 15px 15px 0;
}

.div_container-linine-unten {
	float: left;
	width: 392px;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
	border-bottom: 1px dashed #5b7cbd;
}

.div_container-linine-unten img {
	float: left;
	margin: 0px 20px 0px 0;
	padding: 0;
}

.div_container-linine-unten p {
	margin: 0 0 0 5em !important;
}

.bildcontainer {
	width: 120px;
	float: left;
	margin: 0 20px 10px 0;
}

.bildunterschrift {
	font-size: .8em !important;
	line-height: 1.2em !important;
}

div#header h1,
div#header p {
	font-size: 22px;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}

div#kopfzeile p {
	margin: 0;
	padding: 7px 0 0 0;
}

div#inhalt h1 {
	padding: 0;
	margin: 0 0 1.2em 0;
	font-size: 15px;
	color: #000000;
}

div#inhalt h2 {
	padding: 0;
	margin: 0 0 0 0;
	font-size: 1em;
	color: #ff0000;
}

div#inhalt p {
	padding: 0;
	margin: 0 0 1em 0;
	line-height: 1.35em;
}

div#container p {
	margin: 0 0 1em 0;
}

table {
	border-collapse: collapse;
	font-size: 11px;
}

thead {
	background-color: #003399;
}

tbody {
	background-color: #ffffff;
}

tr td {
	padding: 3px;
}

.td_ohne_padding td {
	padding: 0 !important;
}

/* -----------------------------------------------------------  */
/* --------------------- Aufzählungen ------------------------  */
/* -----------------------------------------------------------  */

div#inhalt ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
}

div#inhalt ul li {
	display: block;
	background: #e3e9f4 url(../bilder-layout/aufzaehlungspunkt_rot.gif) no-repeat .8em .65em;
	margin: 0 0 0.3em 0;
	padding: 0.3em 1em 0.3em 1.8em;
}

.aufzaehlung-jobs {
	margin: 1em 0 0 0 !important;
}

.aufzaehlung-jobs li {
	background: #e3e9f4 !important;
	padding: .3em 1em .3em 1em !important;
}

/* -----------------------------------------------------------  */
/* --------------------- Formulare ---------------------------  */
/* -----------------------------------------------------------  */

form {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 0 0 0 0;
}

.pform { /* Extra-Class für das p im Formular da die Vererbung von "div#inhalt p" kommt */
	font-size: 1em !important;
	margin: .5em 0 .5em .5em !important;
	padding: 0 !important;
}

legend {
	color: #ff0000;
	font-weight: bold;
}

fieldset {
	padding: .5em;
	border: 1px solid #003399;
	margin: 0 0 .5em 0;
}

fieldset#person input:focus,
fieldset#betreffzeile input:focus {
	background-color: #ffffff;
	/* font-weight: bold; */
	border: 1px solid #003399;
}

fieldset#person label {
	float: left;
	width: 6em;
	text-align: left;
	margin: .5em 0 .2em .5em;
	padding: 0;
}

fieldset#person input {
	font: 100% Arial, Helvetica, sans-serif;
	display: block;
	width: 16.8em;
	float: left;
	border: solid 1px #003399;
	margin: .4em 0 0 0;
	padding: 0.1em;
	background-color: #e3e9f4;
}

fieldset#person input#plz {
	width: 4em;
}

fieldset#person input#ort {
	width: 12em;
	margin-left: 0.4em;
}

fieldset#betreffzeile input {
	font: 100% Arial, Helvetica, sans-serif;
	border: 1px solid #003399;
	margin: .5em 0 .5em .5em;
	padding: 0.1em;
	width: 23em;
	background-color: #e3e9f4;
}

form br {
	clear: left;
}

.submit {
	background-color: #003399;
	border: 1px solid #003399;
	color: #ffffff;
	margin: 0 0 .5em .5em;
	cursor: pointer;
}

input:focus,
textarea:focus,
input.feld:focus,
textarea.feld:focus {
	background-color: #ffffff;
	border-color: #003399;
	border-style: solid;
}

fieldset textarea {
	font: 100% Arial, Helvetica, sans-serif;
	border: 1px solid #003399;
	margin: .5em 0 .5em .5em;
	padding: 0.1em;
	width: 23em;
	background-color: #e3e9f4;
}

/* Wenn ein Zusatz zu einem Artikel existiert, wird dessen Inhalt in dieses DIV gelegt*/
div.artikel_zusatz {
	margin-top: 2em;
	margin-bottom: 1em;
}

div#navicontainer p,
div#navicontainer div {
	margin: 2em 0;
}

div.tabs,
div#tabs {
	margin-bottom: 1em;
}

div#inhalt div.tabs .ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-panel,
div#inhalt div#tabs .ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-panel {
	padding: 0.5em !important;
}

.error,
.eingabefehler {
	color: #f00;
}

input.feld,
textarea.feld {
	border: 1px solid #003399;
	padding: 0.1em;
	background-color: #e3e9f4;
}
input.submit:focus {
	color: #003399;
}

#bewerbung input#anhang,
#bewerbung textarea.feld {
	width: 380px;
}

#bewerbung input.submit,
#bewerbung input.feld {
	width: 240px;
}

#bewerbung #plz {
	width: 50px;
	margin-right: 6px;
}

#bewerbung #ort {
	width: 180px;
}

#bewerbung .btn_clear {
	padding-left: 2px !important;
	padding-right: 2px !important;
}


@media print {
	div#kopfzeile,
	div#header,
	div#navicontainer,
	div#container,
	div#footer {
		display: none;
	}
	div#inhalt,
	div#content {
		float: none;
		width: auto;
	}
	.no_print {
		display: none;
	}
}