/* ä */
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 13px; line-height: 1.6em; color: #000000; background-color: #EEEEEE; }

table { border-spacing: 0; empty-cells: show; border-collapse: collapse; }
th, td { font-size: inherit; }

img { vertical-align: bottom; }

.table { display: table; border-collapse: collapse; border-spacing: 0; }
.tr { display: table-row; }
.td, .th { display: table-cell; padding: 0; vertical-align: middle; }
.th { font-weight: bold; }

.klein { font-size: 90%; }

p { margin: 0 0 1em 0; }
.letzter { margin-bottom: 0; }

.nobreak { white-space: nowrap; }

a { color: inherit; font-weight: inherit; text-decoration: underline; }
a.tel { text-decoration: none; }

.bild { width: 100%; text-align: inherit; }
.bild img { width: 100%; }
.rahmen { padding: 4px; border: 1px solid #DDDDDD; }
.lfluss { float: left; margin: 0 1em 1em 0; }
.rfluss { float: right; margin: 0 0 1em 1em; }

.fehler { margin: 2em 0; padding: 1em; font-size: 120%; font-weight: bold; color: #FF0000; background-color: #DDDDDD; border: 1px solid #FF0000; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	body, td, th { font-size: 100%; }

	a { padding: .5em 0; }
	a.tel { text-decoration: underline; }
}




/* --------------
	Anzeigebereich
	-------------- */
#seite { width: 100%; max-width: 960px; margin: 2em auto; padding: 1em; background-color: #FFFFFF; border: thin solid #000000; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	#seite { margin: 0; width: auto; max-width: none; border: none; }
}




/* -----------
	 Kopfbereich
	 ----------- */
#kopf { padding-bottom: 3em; }
#kopf #steuer { width: 100%; }
#kopf #steuer .td { vertical-align: top; }
#kopf #steuer-box { width: 100%; padding-top: 1em; border-top: 1em solid #0D2D64; }
#kopf #steuer-box #steuerung { background-color: #E0E0E0; border: thin solid #AAAAAA; border-top-left-radius: .5em .5em; border-top-right-radius: .5em .5em; border-bottom-left-radius: .5em .5em; border-bottom-right-radius: .5em .5em; box-shadow: inset 0 -1em 1em -1em rgba(0,0,0,0.4), inset 0 1em .5em -.5em rgba(255,255,255,0.4); }
#kopf #steuer-box #steuerung a { display: inline-block; padding: .5em; font-weight: normal; color: #444444; text-transform: uppercase; text-decoration: none; }
#kopf #steuer-box #steuerung a:first-child { padding-left: 2em; }
#kopf #steuer-box #steuerung a.mpaktiv { color: #0D2D64; }
#kopf #steuer-box #steuerung a:hover, #kopf #steuer-box #steuerung a:focus { color: #0D2D64; }
#kopf #steuer-box #steuerung #navi { display: none; }
#endekopf { clear: right; }

#kopf #steuer #logo { width: 250px; text-align: right; }
#kopf #steuer #logo img { width: 100%; max-width: 193px; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	#kopf #steuer-box { width: 12em; }
	#kopf #steuer-box #steuerung { text-align: center; }
	#kopf #steuer-box #steuerung #navi { display: block; }
	#kopf #steuer-box #steuerung #menuebox { display: none; }
	#kopf #steuer-box #steuerung a:first-child { padding-left: .5em; text-align: center; }
	#kopf #steuer-box #steuerung #navi_ueber_500px { display: inline; }
	#kopf #steuer-box #steuerung #navi_unter_500px { display: none; }
}

@media screen and (max-width:500px) {
	#kopf #steuer-box { width: auto; }
	#kopf #steuer-box #steuerung #navi { font-size: 200%; line-height: 50%; margin-top: -.15em; }
	#kopf #steuer-box #steuerung #navi_ueber_500px { display: none; }
	#kopf #steuer-box #steuerung #navi_unter_500px { display: inline; }
}




/* --------
	 Kopfbild
	 -------- */
#kopfbild { margin-bottom: 3em; padding: .5em ; background-color: #F9F9F9; border: thin solid #0D2D64; }
#teile-pyramide { float: left; width: 20%; }
#kopfslider, #nur-ein-bild { float: right; width: 75%; font-size: 13px; }
#nur-ein-bild img { width: 100%; }
#endekopfbild { clear: both; }


@media screen and (max-width:700px) {
	#teile-pyramide { display: none; }
	#kopfslider, #nur-ein-bild { float: none; width: 100%; }
}




/* -------------
	 Seiteninhalte
	 ------------- */
#inhalt { margin: 6em 0 3em 0; color: #0D2D64; }

#inhalt .spalte { display: inline-block; width: 50%; vertical-align: top; }
#inhalt .spalte.sp1 .rand { margin: 0; padding: 1em 3em 1em 0; background-color: #FFFFFF; }
#inhalt .spalte.sp2 .rand { margin: 0; padding: 1em 0 1em 3em; background-color: #FFFFFF; }

#inhalt .ganze-breite .rand { padding: 1em 0; }

#inhalt h1 { margin: 0 0 .5em 0; padding-bottom: .1em; font-size: 200%; font-weight: normal; border-bottom: thin solid #0D2D64;}

.stellenangebot { display: block; padding: 1em; margin: 0 0 2em 0; border: thin solid #999; background-color: #EEE; text-decoration: none; }
.stellenangebot:first-line { font-size: 110%; font-weight: bold; }

@media screen and (max-width:700px) {
	#inhalt .spalte { width: auto; }
	#inhalt .spalte.sp1 .rand, #inhalt .spalte.sp2 .rand { padding: 1em 0; }
}




/* ----
	 Fuss
	 ---- */
#fuss { text-align: center; }
	 
.fussbox { display: inline-block; min-width: 18em; max-width: 25%; margin: 3em  0 0 0; text-align: left; vertical-align: top; }
.fussbox a { display: block; padding: 0 0 1em 0; text-decoration: none; background-color: #0D2D64; }
.fussbox a div.rand { display: block; padding: 0 1.5em; color: #8FA9D5; }

.fussbox a div.ueberschrift { background-color: #FFFFFF; }
.fussbox a h1 { font-size: 135%; font-weight: normal; color: #0D2D64; margin: 0; }

.fussbox a div.bild { margin: .5em 0; border: thin solid #FFFFFF; }
.fussbox a img { width: 100%;  }

.fussbox a div.text { font-size: 90%; min-height: 12em; }

#fussumbruch { display: none; }

#fuss-steuerung { display: inline; margin: 0 auto; text-align: right; }
#fuss-steuerung a { padding: .5em; color: #0D2D64; font-weight: bold; text-decoration: none; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	.fussbox { max-width: 40%; }
	#fussumbruch { display: block; }
	#fuss-steuerung { margin-top: 1em; text-align: left; }
}