/* PROCEDO BERLIN - CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* 11px */
	font-weight: normal;
	line-height: 18px; /* 17px */
	text-align: left;
}
h1, h2 {
	margin: 18px 14px;
	padding: 0px;
	color: #F29400;
	font-size: 12px; /* 11px */
	font-weight: bold;
	line-height: 18px;
}
h1 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
h2 {
	letter-spacing: 0.01em;
}
ul {
	list-style-image: url(layout/liste_schwarz.png);
}
ul li, ol li {
	margin-left: -10px;
	padding-left: -10px;
	margin-right: 14px;
}
/* --> Reihenfolge wichtig: link - visited - hover - focus - active */
a {	outline: none; }
a:link {		color: #000; }
a:visited {	color: #000; }
a:active {	color: #000; }
a:hover { 	color: #F29400; }

/* === SEITE und HEADER === */
#seiteninhalt {
	width: 906px;
	margin: 56px 56px auto;
	padding: 0px;
	background-position: 0px 177px;	/* 0 177 */
	background-repeat: repeat-y;
	background-attachment: scroll;
}
.farbe_start {	background-color: #F29400;	/* #F90  */ }
.farbe_allg {		background-color: #BCC8CF; }
.farbe_sdl {		background-color: #A7B784; }
.farbe_fke {		background-color: #B2C2D5; }
.farbe_fwb {		background-color: #AAA28C; }
.farbe_pvk {		background-color: #ADCDCD; }

.hglinie_start {	background-image: url(layout/linie_sp5.gif); }
.hglinie_allg {		background-image: url(layout/linie_sp1_234_5.gif); }
.hglinie_sdl, .hglinie_fke, .hglinie_fwb, .hglinie_pvk {	
									background-image: url(layout/linie_sp12_34_5.gif); }

#header_logo {
	float: left;
	width: 722px;
	height: 140px; /* 112px 120 */
	margin: 0px 14px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.logo_start {	background-image: url(layout/logo_header_start.png); }
.logo_allg {	background-image: url(layout/logo_header_allg.png); }
.logo_sdl {		background-image: url(layout/logo_header_sdl.png); }
.logo_fke {		background-image: url(layout/logo_header_fke.png); }
.logo_fwb {		background-image: url(layout/logo_header_fwb.png); }
.logo_pvk {		background-image: url(layout/logo_header_pvk.png); }

#header_logo a {
	display: block;
	width: inherit;
	height: 70px;	/* inherit */
}
#header_menue {
	float: right;
	width: 170px;
	height: 140px; /* 112px 120 */
	margin: 0px;
	padding: 0px;
}
#header_menue p {
	width: inherit;
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 10px; /* 10px */
	line-height: 17px; /* 18px */
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#header_menue a {	display: block; outline: none; text-decoration: none; font-weight: normal; }
#header_menue a:link {		color: #FFF; }
#header_menue a:visited {	color: #FFF; }
#header_menue a:active {	color: #FFF; }
#header_menue a:hover { 	color: #000; }

.clear {
	clear: both;
	height: 0px;
	font-size: 0px; /* fuer IE 5.5 und 6 */
}
/* === INHALT === */
#content_main {
	float: left;
	width: 722px;
	margin: 0px 14px 0px 0px;
	padding: 0px 0px 0px;
	background-position: 0px 85px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.hgfoto_sdl {	background-image: url(layout/hgfoto_sdl.jpg); }
.hgfoto_fke {	background-image: url(layout/hgfoto_fke.jpg); }
.hgfoto_fwb {	background-image: url(layout/hgfoto_fwb.jpg); }
.hgfoto_pvk {	background-image: url(layout/hgfoto_pvk.jpg); }

#content_sidebar {
	float: right;
	width: 170px;
	margin: 0px 0px 50px;	/* Mindesthöhe Seite 150 */
	padding: 0px;
}
#content_sidebar p {
	margin: 0px 0px 14px;
	padding: 5px 5px;
	background-color: #F29400;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#content_sidebar p:first-line{color: #FFF;}

#content_sidebar a {	width: 170px; display: block; outline: none; text-decoration: none; }		 /* width für display: block */
#content_sidebar a:link {			color: #000; }
#content_sidebar a:visited {	color: #000; }
#content_sidebar a:active {		color: #000; }
#content_sidebar a:hover { 		color: #FFF; }

#anmeldelink a {	display: block; outline: none; text-decoration: none; letter-spacing: 0.05em; }
#anmeldelink a:link {			color: #FFF; }
#anmeldelink a:visited {	color: #FFF; }
#anmeldelink a:active {		color: #FFF; }
#anmeldelink a:hover { 		color: #000; }

/* === Bereichsseiten === */
#hauptmenue, #untermenue {
	float: left;
	width: 170px;
	margin: 0px;
	border-top: 1px solid #FFF;
	z-index: 1;
}
#hauptmenue {
	padding: 9px 0px;
}
#untermenue {
	padding: 9px 0px 9px 14px; 
}
#hauptmenue a, 					#untermenue a {	display: block; outline: none; text-decoration: none; }
#hauptmenue a:link,			#untermenue a:link {		color: #FFF; }
#hauptmenue a:visited,	#untermenue a:visited {	color: #FFF; }
#hauptmenue a:active, 	#untermenue a:active {	color: #FFF; }
#hauptmenue a:hover, 		#untermenue a:hover { 	color: #000; }

#hauptmenue p {
	margin: 7px 0px;
	font-size: 13px; /* 12px */
	line-height: 19px; /* 19px */
}
#untermenue p {
}
.ebene2 {
	margin: 7px 0px;
	font-size: 13px;
	line-height: 19px;
}
.ebene3 {
	width: 156px;
	margin: 7px 0px 7px 14px;
	font-size: 13px;
	line-height: normal;
}
#trenn_spalte { /* deckt border-top zwischen HM und UM ab */
	float: left;
	position: relative; 
	left: -14px; /* -354px */
	top: -10px; /* 1 höher als padding-top menue */
	width: 14px;	
	height: 3px; 
	margin: 0px;
	padding: 0px;
	z-index: 2;
}
/* Textfenster */
#textfenster3sp, #textfenster2sp {
	float: left;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 14px 0px;
	background-color: #FFF;
}
#textfenster3sp {
	width: 538px;
}
#textfenster2sp {
	width: 354px;
}
#textfenster3sp p, #textfenster2sp p {
	margin: 0px 14px;
	padding: 0px;
}
#footer3sp, #footer2sp {
	margin: 0px;
	padding: 0px;
}
#footer3sp {
	width: 538px;
	margin-left: 184px;
}
#footer2sp {
	width: 354px;
	margin-left: 368px;
}
#footer3sp p, #footer2sp p { text-align: right; margin: 0px 14px 3px 14px; font-size: 11px; }
#footer3sp p a, #footer2sp p a {	display: block; outline: none; text-decoration: none; }

/* Diverse */
.links {	text-align: left; }
.rechts {	text-align: right; }
.mitte {	text-align: center; }
.orange{ 	color: #F29400; }
.hinweis {	font-weight: bold; background-color: #FFFF66; border: 1px solid #000; }
.bild_zentriert {	margin: 5px 40px; text-align: center; border: 1px solid #F29400; }
.foto_2sp {
	float: right;
	margin: 0px 0px 14px 14px; 
	padding: 0px;
	border: 1px solid #F29400;
}
.raeume_links {
	float: left;
	height: 100px;
}
/* === Startseite === */
#start_fenster {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
}
.sdl, .fke, .fwb, .pvk {
	width: inherit;
	height: 255px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	border-right: none;
	border-bottom: 1px solid #FFF;
	border-left: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.sdl img, .fke img, .fwb img, .pvk img {
	 width: 180px;
	 height: 255px;
	 border: none;
}
.preload {
	display: none; 
}
.sdl a, .fke a, .fwb a, .pvk a { display: block; text-decoration: none; outline: none; }
.sdl a {				background-image: url(layout/startfoto_sdl_normal.jpg); }
.sdl a:hover {	background-image: url(layout/startfoto_sdl_hover.jpg); }
.fke a {				background-image: url(layout/startfoto_fke_normal.jpg); }
.fke a:hover {	background-image: url(layout/startfoto_fke_hover.jpg); }
.fwb a {				background-image: url(layout/startfoto_fwb_normal.jpg); }
.fwb a:hover {	background-image: url(layout/startfoto_fwb_hover.jpg); }
.pvk a {				background-image: url(layout/startfoto_pvk_normal.jpg); }
.pvk a:hover {	background-image: url(layout/startfoto_pvk_hover.jpg); }
/* Bereichsnamen auf Foto */
.start_titel {
	width: inherit;
	margin: -250px 0px 0px;
	padding: 0px;
	display: none; /* für snagit aktivieren */
}
.start_titel p {
	width: 155px;
	height: 19px;
	margin: 0px 0px 1px 0px;
	padding: 0px 5px;
	color: #F29400;
	background-color:#FFFFFF;
	font-family: DINPro-Regular; /* procedo */
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 0.11em;
}
/* Direktlinks */
.start_links ul {
	margin-left: 10px;
	padding-left: 10px;
	list-style-image: url(layout/liste_weiss.png);
}
.start_links ul li {
	margin: 0px;
	padding-bottom: 5px;
	color: #FFF; 
	line-height: normal;
}
.start_links a {	display: block; color: #FFF; outline: none; text-decoration: none; }
.start_links a:link 		{	color: #FFF; }
.start_links a:visited 	{	color: #FFF; }
.start_links a:active 	{ color: #FFF; }
.start_links a:hover 		{ color: #000; }

/* === Sitemap === */
#sitemap {
	width: auto;
	margin: 0px 14px 14px;
	padding-bottom: 7px;
	border: 1px solid #eee;
}
#sitemap h2 {
	margin: 0px 0px 14px;
	padding: 0px;
}
#sitemap p {
	margin-left: 28px;
}
#sitemap p.sm3 {
	margin-left: 56px;
}
.farb_box {
	float: left;
	width: 14px;
	height: 15px;
	margin: 0px 14px 0px 0px;
}

/* === Formulare ===*/
.form_button {
	height: 25px;
	width: 130px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #999;
	cursor: pointer;
}
#kontakt {
	width: 530px;
	margin: 0px auto;
	text-align: center;
}
#kontakttext { 
	float: left; 
	width: 140px; 
}
#kontakttext p, #kontaktform p {
	margin: 3px 0px 10px; 
	height: 15px;
	padding-right: 10px;
}
#kontakttext p {
	text-align: right; 
}
#kontaktform p { 
	text-align: left;
}
.kt_input {
	width: 370px;
	margin: 0px;
}
.fehler_text {
	color: #F00;
}

#newsletter {
	width: 440px;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	border: 1px solid #efefef;
}
#newsletter p {
	text-align: left;
}
.nl_email {
	width: 400px;
	margin: 0px;
}

#anmeldung h2 { margin: 7px 5px 7px; }
#anmeldung p { margin: 0px; text-align: left; }
.rubrik {	
	margin: 0px 14px 14px; 
	padding: 0px 0px 5px; 
	border: 1px solid #efefef;
}
.rubrik p { text-align: left; }
.rubrik p span { padding: 4px 1px 0px 0px; }


.anm_clear {	clear: both;	}
.anm_lang, .anm_mittel_links, .anm_mittel_rechts, .anm_kurz {	height: 45px; margin: 0px; padding: 0px;	}

.anm_lang {				width: 320px;	}
.anm_lang input {	width: 320px;	margin-left: 0px; }

.anm_mittel_links, .anm_mittel_rechts {		float: left;	width: 260px;	}
.anm_mittel_links {		margin-right: 0px;	}
.anm_mittel_rechts {	margin-left: 0px;	}
.anm_mittel_links input, .anm_mittel_rechts input {			width: 260px;	}

.anm_kurz {	float: left;	width: 60px;	}
.anm_kurz input {					width: 60px;	}

/* === SEMINARE === */
#seminar_liste li {
	margin-bottom: 5px;
}
#seminar { 
	margin: 14px 14px 0px; 
	padding: 0px;
	border: 1px solid #F29400; 
}
#seminar p {
	margin: 0px;
	padding: 5px;
	text-align: left;
}
.seminar_nr {
	float: left;
	margin: 0px ;
	padding: 3px 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #F29400;
}
.seminar_titel {
	margin: 0px;
	padding: 3px 5px 3px 85px;
	font-weight: bold;
	color: #F29400;
	border-bottom: 1px solid #F29400;
}
.seminar_top {
	padding-right: 5px;
	font-weight: bold;
	color: #F29400;
}
.seminar_punkt { 
	margin: 0px 5px;
	padding: 3px 0px;
	border-top: 1px solid #EFEFEF;
}
.seminar_pdflist {
	padding-left: 30px;
}
.seminar_button {
	width: 130px;
	height: 25px; 
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	background-color: #F29400;
	border: 1px solid #999;
}
.seminar_button a {	outline: none; display: block; text-decoration: none;	}
/* --> Reihenfolge wichtig: link - visited - hover - focus - active */
.seminar_button a:link {		color: #000;  }
.seminar_button a:visited {	color: #000;  }
.seminar_button a:active {	color: #000;  }
.seminar_button a:hover {		color: #FFF; border: 1px solid #FFF; line-height: 23px;	}

.seminar_zurueck { 
	margin: 14px 14px;
	text-align: left;
}

/* Intern */
#intern {
	width: 200px;
	margin: 0px auto 50px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #efefef;
}
#intern p {
	margin: 0px;
	text-align: center;
}
.int_login {
	width: 195px;
}
#int_upload {
	width: 324px; 
	margin-left: 14px; 
	padding: 0px; 
	border: 1px solid #F29400; 
	background-color: #EFEFEF;
}
#int_upload h2, #int_upload p {
	margin: 5px;
}
.int_file {
	width: 300px;
	background-color: #FFF; 
	border: 1px solid #666; 
}