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

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0px;
	position: relative;
	background-color: #323232;
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

/* ~~ Dieser Container mit fester Breite umschließt alle anderen Elemente. ~~ */

.header {
	max-width: 100%;
	max-height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: auto;
	
}

.header #kopf {
	width: 1000px;
	-webkit-box-shadow: 4px 7px 10px;
	box-shadow: 4px 7px 10px;
}

#kopf {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#content_start {
	height: 650px;
	background-image: url(../bg/form_02.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	}

#content_start_bild {
	background-repeat: no-repeat;
	width: 215px;
	position: absolute;
	top: 42px;
	left: 414px;
	}
	
#content_start_text {
	width: 274px;
	position: absolute;
	top: 342px;
	left: 67px;
	}
#content_start_text_2 {
	width: 187px;
	position: absolute;
	top: 388px;
	left: 257px;
	}			
#content_start_text_3 {
	width: 359px;
	position: absolute;
	top: 338px;
	left: 607px;
	}		
#content_start_text_4 {
	width: 274px;
	position: absolute;
	top: 491px;
	left: 66px;
	}	
	
/* ~~ Dieser wrapper mit fester Breite umschließt die anderen div-Tags ohne header und footer. ~~ */
.wrapperhg {
	width: 100%;
	}

.wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	position: relative;
	z-index: 1;
	width: 1000px;
}
 .wrapper #content {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	float: none;
	 }
/* ~~ Fußzeile ~~ */
.footer {
	height: auto;
	width: 100%;
	float: left;
	background-image: url(../bg/bg_rand_u.png);
	background-position: center -213px;
	background-repeat: no-repeat;
}
.footer #fuss {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 0px;
}
#fuss {
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 107px;
	background-color: #334CAB;
	border: 5px solid #FFFFFF;
	-webkit-box-shadow: 4px 8px 13px;
	box-shadow: 4px 8px 13px;
}

#cont_links {
	width: 200px;
	background-color: #FFFFFF;
	float: left;
	font-size: 100%;
	height: 650px;
}

#content_form {
	position: absolute;
	z-index: 3;
	background-repeat: no-repeat;
	left: 171px;
	top: 0px;
	}
	
#cont_links_innen_oben {
	width: 162px;
	background-color: #FFFFFF;
	float: none;
	font-size: 100%;
	height: 172px;
	padding-left: 38px;
	padding-top: 48px;
	padding-bottom: 168px;
}

#cont_links_innen {
	width: 200px;
	background-color: #FFFFFF;
	float: none;
	font-size: 100%;
}


#cont_rechts   {
	float: left;
	background-color: #F0C198;
	border-color: #585858;
	height: 640px;
	width: 790px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}

#cont_rechts_innen   {
	float: left;
	background-color: #FFDBB0;
	border: 2px solid #FFFFFF;
	height: 630px;
	width: 780px;
	max-height: 630px;
	padding-top: 6px;
	margin-top: 2px;
	overflow-y: scroll;
}
#cont_rechts_innen_1  {
	float: left;
	background-color: #F0C198;
	height: 624px;
	width: 780px;
	max-height: 630px;
	padding-top: 6px;
	margin-top: 2px;
}


#cont_rechts_innen_text  {
	float: left;
	background-color: #F0C198;
	border: 1px solid #FFFFFF;
	margin-right: 5px;
	margin-left: 8px;
	width: 530px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	min-height: 171px;
}
#cont_rechts_innen_text_breit  {
	float: left;
	background-color: #F0C198;
	margin-right: 5px;
	margin-left: 8px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	width: 383px;
}
#cont_rechts_innen_text_breit_1  {
	float: left;
	background-color: #F0C198;
	margin-right: 5px;
	margin-left: 1px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	width: 341px;
}
#cont_rechts_innen_text_breit_2  {
	float: left;
	background-color: #F0C198;
	margin-right: 5px;
	margin-left: 1px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	width: 435px;
}
#cont_rechts_innen_text_breit_100  {
	float: left;
	margin-right: 5px;
	margin-left: 23px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	width: 748px;
}


#cont_rechts_innen_bild  {
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 3px;
}


.textr100 {
	font-size: 100%;
	color: #FF4B4E;
}
.textr120 {
	font-size: 100%;
	color: #FF4B4E;
}
.texts120 {
	font-size: 24px;
	color: #550607;
	font-style: italic;
	text-decoration: none;
}
.texts10px {
	font-size: 12px;
	color: #6B6B6B;
	text-decoration: none;
}

.texts16px {
	font-size: 16px;
	color: #6B6B6B;
	text-decoration: none;
}
.texts20px {
	font-size: 20px;
	color: #696969;
	text-decoration: none;
}

.texts18px {
	font-size: 18px;
	color: #2A2A2A;
	text-decoration: none;
}
.texts19px {
	font-size: 19px;
	color: #6B6B6B;
	text-decoration: none;
	white-space: normal;
	vertical-align: baseline;
	line-height: 34px;
}
.texth120 {
	font-size: 120%;
	color: #09C;
}
.textg120 {
	font-size: 120%;
	color: #090;
}
.textb120 {
	font-size: 120%;
	color: #F60;
}
.texts100 {
	font-size: 100%;
	color: #000;
}
.texts90 {
	font-size: 90%;
	color: #000;
}
.textsw90 {
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
}
.textbeige {
	font-size: 14px;
	color: #C60;
}
#bild_1 {
	position: absolute;
	z-index: 30;
	top: 421px;
	left: 759px;
	float: none;
}

#bild_2 {
	position: absolute;
	z-index: 30;
	top: 93px;
	left: 671px;
	float: none;
}

#bild_3 {
	position: absolute;
	z-index: 30;
	top: 252px;
	left: 576px;
	float: none;
}
#bild_4 {
	position: absolute;
	z-index: 30;
	top: 358px;
	left: 685px;
	float: none;
}
#bild_5 {
	position: absolute;
	z-index: 30;
	top: 68px;
	left: 671px;
	float: none;
	-webkit-box-shadow: 3px 3px 11px 2px;
	box-shadow: 3px 3px 11px 2px;
	width: 300px;
	height: 207px;
}
#bild_6 {
	position: absolute;
	z-index: 30;
	top: 326px;
	left: 668px;
	float: none;
	-webkit-box-shadow: 3px 3px 11px 2px;
	box-shadow: 3px 3px 11px 2px;
	width: 299px;
	height: 208px;
}
#bild_7 {
	position: absolute;
	z-index: 30;
	top: 242px;
	left: 535px;
	float: none;
}