/*___________________________________________________________________________________________________________________________*/
/*_______________                                                                                             _______________*/
/*_______________  (c) PROMINO - Bernhard Sarcher                                                     _______________*/
/*___________________________________________________________________________________________________________________________*/

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

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*___________________________________________________________________________________________________________________________
*/

body { 
			background: #fff url('bilder/hg_body.jpg') repeat-x;
			font-family: "Open Sans", arial, verdana, helvetica;
			font-weight:400;
			font-size:15px;
}

#seite { 
			width:1000px;
			margin:0px auto;
			padding-top:30px;
} 

#mitte_seite { 
			float:left;
			width:1000px;
} 

#mittelteil { 
			background: #efefef url('bilder/hg_mittelteil.jpg') no-repeat;
			clear:both;
			overflow: hidden;
			border-left:1px solid #3e7042;			
			border-right:1px solid #3e7042;			
} 

#mittelinks { 
			float:left;
			width:259px;
			padding:45px 0 45px 20px;
			margin:0;
			background:none;
}

#inhalt { 
			float:left;
			width:598px;
			padding:90px 100px 60px 20px;
			margin:0;
			background:none;
			letter-spacing:1px;
			line-height:145%;
			color:#222;
}

#kopf { 
			width:1000px;
			height:150px;
			margin:0;
			border-radius: 14px 14px 0 0;
} 

#kopf_print { 
			display:none;
} 

#navileiste { 
			width:1000px;
			height:40px;
			background:#3e7042;
			border-top: 1px solid #aaa;
			-moz-transition:	background 300ms linear;
			-webkit-transition:	background 300ms linear;
			-o-transition:		background 300ms linear;
			transition:			background 300ms linear;
} 

#navileiste:hover { 
			background:#5fa163;
}

ul#navigation {
			text-align:center;
			padding: 9px 0 0 0px;
			font-family: "Lucida Grande", arial, verdana, helvetica;
			font-size:16px;
			letter-spacing:1px;
			text-shadow: 1px 1px 0px #000;
}

ul#navigation li {
			list-style: none;
			display: inline;
}

ul#navigation span.aktiv {
			color:#fff;
			margin-right:35px;							/* Abstand Navi-Element AKTIV */
			letter-spacing:1px;
}

#fuss { 
			clear:both;
			margin:0 0 30px 0;
			width:1000px;
			height:36px;
			background:#3e7042;
			border-radius: 0 0 14px 14px;
} 

#fuss_inhalt { 
			font-family: "Lucida Grande", arial, verdana, helvetica;
			font-size:13px; 
			color:#fff;
			text-align:left;
			padding-top:8px; 
			text-align:center;
			text-shadow: 1px 1px 0px #000;
} 

#fuss_inhalt_print { 
			display:none;
} 

#fuss_inhalt .fuss_trenner {
			margin-right:30px;
}

.hotbox { 
			width:140px;
			padding:15px 15px;
			margin-top:100px;
			margin-left:42px;
			font-family: "Lucida Grande", arial, verdana, helvetica;
			font-size:16px;
			font-weight:400;
			color:#111;
			line-height:20px;
			background: #fbfbfb;
			border:1px solid #888;
			-moz-border-radius:		7px; 
			-webkit-border-radius:	7px; 
			-o-border-radius:		7px; 
			border-radius:			7px;
			-moz-transition:	border 300ms linear, background 300ms linear;
			-webkit-transition:	border 300ms linear, background 300ms linear;
			-o-transition:		border 300ms linear, background 300ms linear;
			transition:			border 300ms linear, background 300ms linear;
}

.hotbox:hover { 
			border:1px solid #5fa163;
			background: #ffe2ba;
}

.hotbox_icon { 
			margin:0 0 5px 0px;
}


/*___________________________________________________________________________________________________________________________
*/


#inhalt a,
#inhalt a:visited {
			color:#ff9600;
			text-decoration:underline;
}
#inhalt a:link span,
#inhalt a:visited span {
			color:#555;
}
#inhalt a:hover span {
			color:#fff;
			background:#ff9600;
}
#inhalt a:link span,
#inhalt a:hover span {
			-moz-transition:	background 300ms linear;
			-webkit-transition:	background 300ms linear;
			-o-transition:		background 300ms linear;
			transition:			background 300ms linear;
			-webkit-border-radius:	4px;
			   -moz-border-radius:	4px;
					border-radius:	4px;
}


ul#navigation a {
			color:#ddd;
			background:none;
			text-decoration: none;
			margin-right:35px;							/* Abstand Navi-Elemente */
}
ul#navigation a:hover {
			color:#ff9600;
			text-shadow: 1px 1px 0px #555;
}
ul#navigation a,
ul#navigation a:hover {
			-moz-transition:	color 300ms linear;
			-webkit-transition:	color 300ms linear;
			-o-transition:		color 300ms linear;
			transition:			color 300ms linear;
}


#fuss_inhalt a {
			color:#fff;
			background:none;
			text-decoration: none;
}
#fuss_inhalt a:hover {
			color:#ff9600;
}
#fuss_inhalt a,
#fuss_inhalt a:hover {
			-moz-transition:	color 300ms linear;
			-webkit-transition:	color 300ms linear;
			-o-transition:		color 300ms linear;
			transition:			color 300ms linear;
}


.hotbox a {
			color:#ff9600;
			text-decoration:underline;
}
.hotbox a:link span {
			color:#666;
}
.hotbox a:hover span {
			color:#fff;
			background:#ff9600;
}
.hotbox a span,
.hotbox a:hover span {
			-moz-transition:	background 300ms linear;
			-webkit-transition:	background 300ms linear;
			-o-transition:		background 300ms linear;
			transition:			background 300ms linear;
			-moz-transition:	color 300ms linear;
			-webkit-transition:	color 300ms linear;
			-o-transition:		color 300ms linear;
			transition:			color 200ms linear;
			-webkit-border-radius:	4px;
			   -moz-border-radius:	4px;
					border-radius:	4px;
}


/*___________________________________________________________________________________________________________________________
*/


h1 {
			font-size:19px;
			color:#5fa163;
			font-weight:400;
			padding:0 0 20px 0;
}

h2 {
			font-size:17px;
			color:#5fa163;
			font-weight:400;
			padding:20px 0 5px 0;
}

h3 {
			font-size:16px;
			color:#5fa163;
			font-weight:400;
			padding:20px 0 5px 0;
}

.ueber1 {
			font-size:19px;
			color:#5fa163;
			font-weight:400;
			padding-bottom:5px;
}

ul.aufzaehlung {
			list-style-image:url(bilder/aufzaehlungszeichen.png);
			margin:15px 0px 10px 13px;
}

ul.aufzaehlung li {
			padding-bottom:8px;
}

.runde_ecken {
			-moz-border-radius:		8px; 
			-webkit-border-radius:	8px; 
			-o-border-radius:		8px; 
			border-radius:			8px;
}

.center {	
			text-align:center;
}

.f {
			font-size:18px;
			color:#ff9600;
			font-weight:600;
			text-shadow: 1px 1px #fff;
}

.schwarz {
			color:#000;
}

.gruen {
			color:#5fa163;
}

.orange {
			color:#ff9600;
}

.hotline {	
			font-size:15px;
			font-weight:600;
			color:#ff9600;
}

.adressblock {
			font-size:19px;
			font-weight:400;
			line-height:140%;
}

.bild_leistungen {
			height:150px;
			-moz-border-radius:		6px; 
			-webkit-border-radius:	6px; 
			-o-border-radius:		6px; 
			border-radius:			6px;
			-webkit-transition: opacity 200ms ease-in-out, transform 200ms ease-in;
			   -moz-transition: opacity 200ms ease-in-out, transform 200ms ease-in;
				-ms-transition: opacity 200ms ease-in-out, transform 200ms ease-in;
				 -o-transition: opacity 200ms ease-in-out, transform 200ms ease-in;
					transition: opacity 300ms ease-in-out, transform 300ms ease-in;
}

.bild_leistungen:hover {
			-webkit-transform: scale(1.05);
			   -moz-transform: scale(1.05);
				-ms-transform: scale(1.05);
				 -o-transform: scale(1.05);
					transform: scale(1.05);
}

.bild_slideshow {
			width:1000px;
			height:150px;
			border-radius: 14px 14px 0 0;
}

.frage1 {
			float:left;
			margin:20px 20px 0 50px;
			width:30px;
}

.frage2 {
			float:left;
			margin:20px 20px 0 0;
			width:450px;
			font-size:16px;
}

#slideshow {
			position: relative;
			width: 1000px;
			height: 150px;
}

#slideshow > div {
			position: absolute;
}