/* mulish-300 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/mulish-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v12-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-300italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/mulish-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v12-latin-300italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/mulish-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v12-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #a5a39d;
	line-height: 20px;
	font-weight: 300;
	background-color: #444444;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}

h1 {
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-weight: 300;
}
h2 {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 8px;
	font-weight: 400;
}
h3 {
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-weight: 300;
}
#mittig {
	position:absolute;
	top:0px;
	left:50%;
	width:980px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -490px;
	z-index: 30;
	height: 800px;
	
}
#kopfstreifen {
	position:fixed;
	width: 100%;
	z-index: 402;
}
#bildlogo {
	position:fixed;
	width: 60px;
	z-index: 9999;
	height: 59px;
	padding-top: 422px;
	padding-left: 569px;
}
#feldorange {
	position:fixed;
	width: 328px;
	z-index: 200;
	height: 595px;
	padding-top: 60px;
	padding-left: 652px;
	font-size: 13px;
	color: #000;
	line-height: 16px;
}
#feldorange0, #feldorange1, #feldorange2, #feldorange3, #feldorange4, #feldorange5, #feldorange6, #feldorange7, #feldorange8, #feldorange9, #feldorange10, #feldorange11, #feldorange12, #feldorange13, #feldorange14, #feldorange15, #feldorange16, #feldorange17, #feldorange18, #feldorange19, #feldorange20, #feldorange21, #feldorange22, #feldorange23, #feldorange24, #feldorange25 {
	width: 283px;
	height: 595px;
	background-image: url(Bilder/hg-orange.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 29px;
	padding-bottom: 16px;
	padding-left: 16px;
	display: none;
}

#feldorange1 {
	width: 283px;
	height: 608px;
	background-image: url(Bilder/hg-orange-kontakt.jpg);
	background-repeat: no-repeat;
	margin-top: 210px;
	padding-top: 10px;
	padding-right: 29px;
	padding-bottom: 16px;
	padding-left: 16px;
	display: none;
}

#kopfbild0, #kopfbild1, #kopfbild2, #kopfbild3, #kopfbild4, #kopfbild5, #kopfbild6, #kopfbild7, #kopfbild8, #kopfbild9, #kopfbild10, #kopfbild11, #kopfbild12, #kopfbild13, #kopfbild14, #kopfbild15, #kopfbild16, #kopfbild17, #kopfbild18, #kopfbild19, #kopfbild20, #kopfbild21, #kopfbild22, #kopfbild23, #kopfbild24, #kopfbild25 {
	width: 100%;
	display: none;
}
.kontakt {
	font-size: 15px;
}
#feldorange a {
	color: #000;
	text-decoration: none;
}
#feldorange a:hover {
	text-decoration: underline;
	color: #000;
}

.logo {
	float: left;
	height: 60px;
	background-image: url(Bilder/logo.jpg);
	background-repeat: no-repeat;
	width: 980px;
}
#kopf2 {
	position:fixed;
	width: 645px;
	z-index: 401;
	margin-top: 60px;
	padding-bottom: 23px;
	background-color: #444444;
	background-image: url(Bilder/hg-slider.jpg);
	background-repeat: no-repeat;
	display: block;
}
#kopf3 {
	position:fixed;
	width: 315px;
	z-index: 40;
	padding-top: 60px;
	padding-left: 652px;
	background-image: url(Bilder/hg-portrait.jpg);
	background-repeat: no-repeat;
	background-position: right 60px;
	padding-right: 13px;
	padding-bottom: 13px;
	display: block;
}
#kopf4 {
	position:fixed;
	width: 315px;
	z-index: 41;
	padding-top: 60px;
	padding-left: 652px;
	background-image: url(Bilder/hg-portrait-800.jpg);
	background-repeat: no-repeat;
	background-position: right 60px;
	padding-right: 13px;
	padding-bottom: 13px;
	display: none;
}
.links {
	float: left;
	width: 652px;
	background-image: url(Bilder/hg-slider.jpg);
	background-repeat: no-repeat;
	padding-bottom: 37px;
}
.rechts {
	float: right;
	width: 328px;
}
.rechts1 {
	float: left;
	width: 328px;
	background-image: url(Bilder/hg-portrait.jpg);
	background-repeat: no-repeat;
	padding-bottom: 37px;
}
.rechts2 {
	float: left;
	width: 328px;
}

#maincontent {
	height: 150px;
	width: 652px;
	margin-top: 503px;
	z-index: 300;
	position:absolute;
}


.zeile1 {
	float: left;
	width: 100%;
}
.zeile1links {
	float: left;
	width: 326px;
	background-image: url(Bilder/hg-mittelfeld.jpg);
	background-repeat: no-repeat;
	height: 226px;
}
.zeile1rechts {
	float: right;
	width: 326px;
	background-image: url(Bilder/hg-mittelfeld.jpg);
	background-repeat: no-repeat;
	height: 226px;
}

.footer {
	float: left;
	width: 652px;
	background-image: url(Bilder/hg-footer.jpg);
	background-repeat: no-repeat;
	height: 239px;
}
.zeilefooter {
	float: left;
	width: 607px;
	height: 187px;
	color: #FFF;
	font-size: 17px;
	line-height: 24px;
	background-color: #666565;
	padding-left: 22px;
	padding-top: 16px;
	font-weight: 300;
}
.abschluss {
	font-size: 14px;	
}

/* Fading Bildshow Start */

.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
.fader { position: relative; display: inline-block; }
.fader img { vertical-align: top; }

.navipunktgrau a {
	float: left;
	width: 281px;
	height: 187px;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	background-color: #666565;
	text-decoration: none;
	display: block;
	padding-left: 22px;
	padding-top: 16px;
	text-transform: uppercase;
	font-weight: 300;
}
.orange1 {
	height: 335px;
	width: 100%;	
}
.orange2 {
	height: 194px;
	width: 100%	
}
.orange3 {
	height: 38px;
	width: 100%;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	padding-top: 0px;
	text-transform: uppercase;
	font-weight: 300;
	text-indent: 16px;
}