/****/
/****/
/*******************************  (c) me service - Bernhard Sarcher  */
/****/

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}


/*************************************************************************************************/


* {
			margin:0;
			padding:0;
}

html {
			height:100%;
}

body { 
			padding:0; 
			border:0;
			background: #fff url('bilder/hg_body.jpg') repeat-x;
			width:100%;
			font-family: Muli, arial, verdana, helvetica;
			font-weight:400;
			font-size:15px;
}

img {
			border:none;
			text-decoration:none;
}


/*************************************************************************************************/


#fuss_inhalt a {
			color:#fff;
			background:none;
			text-decoration: none;
}
#fuss_inhalt a:hover {
			color:#111;
}
#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;
}

ul#navigation a {
			color:#fff;
			background:none;
			text-decoration: none;
			float: left;
			margin-right:55px;							/* Abstand Navi-Elemente */
}
ul#navigation a:hover {
			color:#111;
}
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;
}

#inhalt a {
			color:#ff7b0d;
			text-decoration:underline;
}
#inhalt a:link span {
			color:#555;
}
#inhalt a:hover span {
			color:#fff;
			background:#ff7b0d;
}
#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;
}

.hotbox a {
			color:#ff7b0d;
			text-decoration:underline;
}
.hotbox a:link span {
			color:#666;
}
.hotbox a:hover span {
			color:#fff;
			background:#ff7b0d;
}
.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;
}


/*************************************************************************************************/


#seite { 
			width:1000px;
			margin:0px auto;
			padding-top:30px;
} 

#kopf { 
			width:1000px;
			height:224px;
			margin:0;
			background:url(bilder/slideshow_01.jpg) no-repeat;
} 

#kopf_print { 
			display:none;
} 

#mitte_seite { 
			float:left;
			width:1000px;
} 


/*************************************************************************************************/


#navileiste { 
			width:1000px;
			height:40px;
			background:#ff7b0d;
			border-top: 1px solid #aaa;
			-moz-transition:	background 400ms linear;
			-webkit-transition:	background 400ms linear;
			-o-transition:		background 400ms linear;
			transition:			background 400ms linear;
} 

#navileiste:hover { 
			background:#e36700;
}

ul#navigation {
			margin: 0;
			padding: 9px 0 0 66px;
			text-align: left;
			font-family: "Lucida Grande", arial, verdana, helvetica;
			font-size:15px;
}

ul#navigation li {
			margin: 0;
			list-style: none;
			display: inline;
}

ul#navigation span.aktiv {
			float: left;
			color:#111;
			margin-right:55px;							/* Abstand Navi-Element AKTIV */
}


/*************************************************************************************************/


#mittelteil
 { 
			background: #efefef url('bilder/hg_mittelteil.jpg') no-repeat;
} 

#mittelteil { 
			clear:both;
			overflow: hidden;
			border-left:1px solid #ff7b0d;			
			border-right:1px solid #ff7b0d;			
} 

#mittelinks { 
			float:left;
			width:259px;
			padding:45px 0 45px 20px;
			margin:0;
			background:none;
}

.hotbox { 
			width:140px;
			padding:2px 15px;
			margin-top:70px;
			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 #ff7b0d;
			background: #efefef;
}

.hotbox_icon { 
			margin:0 0 5px 0px;
}

#inhalt { 
			float:left;
			width:648px;
			padding:60px 50px 60px 20px;
			margin:0;
			background:none;
			letter-spacing:1px;
			line-height:145%;
			color:#222;
}

#fuss { 
			clear:both;
			margin:0 0 30px 0;
			width:1000px;
			height:26px;
			background: url('bilder/fuss.gif') no-repeat;
} 

#fuss_inhalt { 
			font-family: "Lucida Grande", arial, verdana, helvetica;
			font-size:12px; 
			color:#fff;
			text-align:left;
			padding-top:5px; 
			text-align:center;
} 

#fuss_inhalt_print { 
			display:none;
} 

#fuss_inhalt .fuss_trenner {
			margin-right:25px;
}

.referenzenbox_aussen {
			width:280px;
			height:120px;
			display:table;
			position:relative;
			vertical-align: middle; 
			text-align:left;
			float:left;
}

.referenzenbox_innen {
			width:100%;
			position:relative;
			display:table-cell;
			vertical-align:middle;
			text-align:left;
}


/*************************************************************************************************/


h1 {
			font-size:17px;
			color:#e46f0d;
			font-weight:normal;
			padding-bottom:5px;
}

h2 {
			font-size:16px;
			font-weight:normal;
}

h4 {
			color:#e46f0d;
			font-size:17px;
			font-weight:normal;
			padding-bottom:8px;
			padding-top:10px;
}

h5 {
			color:#e46f0d;
			font-size:16px;
			font-weight:normal;
			padding-bottom:8px;
			padding-top:16px;
}

h6 {
			color:#e46f0d;
			font-size:15px;
			font-weight:normal;
			padding-bottom:8px;
			padding-top:10px;
}

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;
}

.lucida {				font-family: "Lucida Grande", arial, verdana, helvetica; }




.center {	text-align:center; }

.f {		font-weight:600; }

.u {		text-decoration:underline; }

.schwarz {	color:#000;
}

.grau {		color:#666;
}

.orange {	color:#e46f0d;
}

.t12 {		font-size:12px;
}

.t13 {		font-size:13px;
}

.t14 {		font-size:14px;
}

.t16 {		font-size:16px;
}

.t17 {		font-size:17px;
}

.t18 {		font-size:18px;
}

.t19 {		font-size:19px;
}