* {
  margin:0;
  padding:0;
}
body {

	height:101%;
	font-family: 'Oxygen', sans-serif; 
/*	font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-size: 100.01%;
/*	background: #eae1d2; */
	background: #5c5c5c;
	
	/* background : url(pic/hg2.jpg);  
	background-repeat : repeat-x; */
}

a:focus { 
outline: none; 
}
img, a img
{ 
  border: none; 
}
#textabstand
	{
	position:relative;
	height: 50px;
	width: 900px;
	padding-top: 58px; 
	left: 50%;
	margin-left: -450px;
	font-size: 0.9em;
	font-family: 'Oswald', sans-serif;	
	color: #FFF;
	}

	

#abstand {
	background:#fff;
	background-image:  url(pic/hg-oben.png);
    background-repeat: no-repeat;
	width: 100%;
	height: 80px ;
	/* border:  1px solid red;
	 background: #4f1918; */
}


#abstandklein{
	height: 20px;
}
	#featured-wrapper-start
	{

		overflow: hidden;
	/*	padding: 30px 0px 50px 0px; */
	/*	position:relative; */
		margin: 0px auto; 
		width: 900px;		
	    /*height: 350px;*/
 		/* left: 50%; */
		/*margin-left: -450px;*/
	/*	border:  1px solid red; */

	}
		#featured-wrapper
	{

		overflow: hidden;
	/*	padding: 30px 0px 50px 0px; */
		position:relative;
		margin: 0px auto; 
		width: 900px;
		/*height: 894px;*/		
		/* height: 360px; */
 		left: 50%;
		margin-left: -450px;
	}		
#featured-wrapper-imp
	{
		position:relative;
		overflow: hidden;
		overflow-y: scroll;
		margin: 0px auto; 
		width: 880px;
		/*height: 415px;*/		
 		left: 50%;
		margin-left: -450px;
		padding: 0px 20px 0px 0px; 
		font-size: 0.8em;	
	}	
	
	
#featured-bg
	{
		height: 50px;
		width: 100%;
		background: #fff;
	}
.h001
{
 	margin-top: 15px;
	text-align: center;	
  	color: #4f1918;
	background: #fff;	
  	font-size: 1.2em;
  	font-family: 'Tauri', serif;
    letter-spacing: 0.12em;
}
.h002
{
 	margin-top: 15px;
	text-align: center;	
  	color: #4f1918;
	background: #fff;	
  	font-size: 1.2em;
  	font-family: 'Tauri', serif;
    letter-spacing: 0.12em;
}

.h003
{
 	margin-top: 30px;
	margin-top: 15px;
	text-align: left;
  	color: #4f1918;
	background: #fff;	
  	font-size: 1.2em;
  	font-family: 'Calibri', sans serif;
 
}

.beispiele_klein
{
	font-size: 0.8em;
	margin-left: 10px;

}

/*-------------------------------Neu eingebaut---------------------------------------------- */
.boxshadow
{
	box-shadow: 10px 20px 30px grey;
}	
.service-section-startseite

{
	float:left;
	padding: 0px 0px 0px 0px;
	margin-top: 50px;
	/* border:  1px solid #000; */ 
	width: 900px;
	height: 280px;
	margin-bottom: 40px;
	
}
.service-section
{
	float:left;
	padding: 0px 0px 0px 0px;
	/* border:  1px solid #000; */ 
	width: 900px;
	/*height: 280px;*/
	margin-bottom: 40px;
	
}


.col4
{
	float:left;
	width: 300px;
	height: 160px;
	/* border:  1px solid #3333FF; */
	padding: 0px 0px 0px 0px;
	font-size: 12px;

}
.media
{
	border:  0px solid #9933CC;
}

.service-icon
{
	float:left;
	padding: 0px 10px 0px 0px;
	/*	border:  0px solid #000; */
	width: 50px;
	height: 120px;	
}
.media-body
{
	background: #fff;
	float:left;
	padding: 0px 10px 0px 0px;
	width: 225px;
	height: 120px;
	
	

}


/* -------------------------Texte Inhalt ------------------------------------------------*/

.uebermich{

	float:left;
	width: 600px;	
	padding: 0px 5px 0px 0px;	
/*	border:  1px solid #000; */ 
  	font-size: 0.9em;
}
.portrait
{
	float:right;
	margin-top: 60px;

}

.preise
{
		float:left;
		font-size: 0.9em;	
		width: 525px;		
		margin: 40px 0px 0px 0px;
		border-right:  1px solid #000;		
}
	.tabelle3
	{
		width:500px;
		padding: 5px 0px 5px 0px; 
}
	.td1a
{
		float:left;
		font-size: 0.9em;
}
	.td1b
{
		float:right;
		font-size: 0.9em;
}
	.td1c
{
		float:right;
		font-size: 0.7em;
}
	.td1d
{
 		border-bottom: 1px solid #CCCCCC; 
}
.preise2
{
		float: right;
		width: 350px;
		font-size: 0.9em;	
		margin: 40px 0px 15px 0px;
		/* border:  1px solid #000; */ 
}
.portrait01
{
		float: right;
		margin: 20px 0px 0px 0px;

}
.kberatung
{
		float:left;
		font-size: 0.9em;
		font-family: 'Calibri', sans-serif;
		width: 600px;
		/*height: 894px;*/
		margin: 20px 0px 0px 0px;
		/* border:  1px solid #000;	*/	
		line-height: 1.3;
		
		/*overflow-y: scroll*/
}
.kberatung-weit
{
		float:left;
		font-size: 0.9em;
		
		/*height: 894px;*/
		margin: 20px 0px 0px 0px;
		/* border:  1px solid #000;	*/	
		line-height: 1.9;
		/*overflow-y: scroll*/
}
.img-kberatung
{
	margin: 30px 0px 30px 0px;

}
.img-kberatung2
{
	float:right;
	margin: 10px 0px 0px 0px;

}
.technik
{
	float:right;
	margin: 10px 0px 0px 0px;

}
.technik2
{
	float:right;
	margin: 30px 0px 5px 0px;

}
.angehoerige
{
		float:left;
		font-size: 0.9em;	
		width: 600px;		
		margin: 40px 0px 0px 0px;
		line-height: 1.9;
}
.einrichtungen
{
		float:left;
		font-size: 0.9em;	
		width: 450px;		
		margin: 20px 0px 0px 0px;
		line-height: 1.9;
}
.einr-img
{
	float:right;
	margin: 55px 0px 5px 0px;

}

.TAUSCHLADEN
{
	float:right;
	margin: 20px 0px 5px 0px;

}
/*-------------------------------Animation---------------------------------------------- */

img.dreh {

 transition: transform 1.9s;
}
img.dreh:hover {
transform-origin: 300px -50px;
 transform: scale(3.0, 3.0);
 z-index:1;
}

img.dreh1 {

 transition: transform 1.9s;
}
img.dreh1:hover {
transform-origin: 300px 10px;
 transform: scale(3.0, 3.0);
 z-index:1;
}



img.dreh2 {

 transition: transform 1.9s;
}
img.dreh2:hover {
transform-origin: 300px 120px;
 transform: scale(3.0, 3.0);
 z-index:1;
}

figure {
    display: inline-block;
    overflow: hidden;
} 
figure img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;  
}

figure:hover {
    /* background: #79aaff; */
	background: #fff;
}

figure:hover img {
    opacity: .6;
    filter: alpha(opacity=1000);
}



/*------------------------------------------------------------------------------*/
a.a1:link {text-decoration:none; color:#545454; }
a.a1:visited {text-decoration:none; color:#545454; }
a.a1:hover {text-decoration:none; color:#aaaaaa; }
a.a1:active {text-decoration:none; color:#545454; }
a.a1:focus {text-decoration:none; color:#545454; }    

a.a2:link {text-decoration:none; color:#656565; }
a.a2:visited {text-decoration:none; color:#656565; }
a.a2:hover {text-decoration:none; color:#000; }
a.a2:active {text-decoration:none; color:#000; }
a.a2:focus {text-decoration:none; color:#000; }    



	
.menu_top a:hover, 
.menu_top a:active

{
	color: #4f1918;
}
#menuebox{
	position:right;
	width: 100%;
	background: #fff;
} 
#menue {

	position:relative;
	height: 30px;
	width: 250px;
	/* padding-bottom: 7px; */
	left: 50%;
	/* padding-top: 17px; */
	margin-left: 220px;
	background: #fff;
	/* border: 1px solid #009966; */

}
.menu_top
{
  list-style-type: none;
  font-size: 0.9em;
  font-family: 'Tauri', serif;

}

.li-normal
{
 
  margin: 20px;
  

}


.menu_top li
{
  float: left;
  display: inline-block;
  margin-right: 20px;  
}

.menu_top li a
{
  float: right;
  display: block;
  padding: 8px 0px 2px 0px;
  font-size: 0.8em;
  text-transform: uppercase; 
  font-family: 'Oswald', sans-serif;
  color: #000;
  text-decoration:none;
}


#seite {
	/* border: 1px solid red; */ 
	width: 100%;
	margin: 0 auto;
	background: #fff;	
	background-repeat : no-repeat;
}

#inhalt {
	position:relative;
	width: 900px;
	margin: 0 auto;
	left: 50%;
	margin-left: -450px;
	

}
#inhalt2 {
	position:relative;
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	left: 50%;
	margin-left: -450px;
	background: #fff;	
}

#impressum{
position:relative;
	width: 860px;
	margin: 0 auto;
	padding: 30px 20px 30px 0px;
  font-size: 0.8em;	
	background: #fff;


}

#kontakt{
position:relative;
	float: right;
	width: 250px;
	height: 500px;
	padding: 0px 10px 0px 10px;
	/* background: #cccccc; */
	vertical-align:bottom;
}
footer {
	position:relative;
	/* border:2px solid #000; */
	width: 100%;
	background: #5c5c5c;


	
}
#infooter {
	position:absolute;
	margin: -50px auto; 
	width: 900px;
	height: 50px;
	left: 50%;
	margin-left: -450px;
	background: #5c5c5c;
	border-top: 1px solid #666666; 		
}

#linkliste{
	position:relative;
	margin: 0px auto;
	width: 900px;
	left: 50%;
	margin-left: -450px;	
	color: #009966;
	/* border: 1px solid #fff; */
}




/*--------------------------------------------------------------------------------------------------- */
	
#infooter p
	{
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.70em;
		color: #fff;
	}
	
#infooter a
	{
		text-decoration: none;
		color: #fff;
	}
#infooter a:hover, 
#infooter a:active
	{
	color: #000;
	}
	/*-------------------------------------------------------------------------------------------------------- */
.smallteaser
{

  /* float: left; */ 
  width: 100%;
  background: #EFEFEF; 
  padding: 30px 0px 50px 0px;
 ;
}
/*---------------------------------------------------------------------------------------------------- */


.td1
{
  font-size: 0.7em;
  font-family: 'Tauri', serif;
  text-align: center;

}

.ich
{
	float: left;
		width: 700px;
}


#inarbeit {
position:relative;
	float: right;
	width: 540px;
	height: 335px;
	padding: 0px 10px 0px 10px;
	background: #fff;
   /* border: 1px solid #bdbcbc;*/

}
	#featured-wrapper2
	{

		overflow: hidden;
	/*	padding: 30px 0px 50px 0px; */
		position:relative;
		margin: 0px auto; 
		width: 900px;
		height: 480px;
		left: 50%;
		margin-left: -450px;
	}	
	
	#featured-bg2
	{
		height: 480px;
		width: 100%;
		background: #FFF;
	}	
h1{
font-family: 'Oxygen', sans-serif; 
font-size: 1.2em;	
}
/*----------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------*/
	
		#featured-wrapper-bg
		{
		background: #fff;
		height: 360px;
		width: 100%;			
		
		}
	
	
	
	.title h2
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 0.9em;
 		font-family: 'Tauri', serif;
		font-weight: 400;
		color: #3c3c3c;	
		text-align: center;
		padding: 15px 0px 5px 0px;
		}

	.tabelle2
	{
		width:900px;
		padding: 5px 0px 5px 0px; 
		font-size: 0.7em;
  		font-family: 'Oswald', sans-serif;
		border-bottom: 1px solid #666666;		
	}
	.tabelle2 a
	{
		width: 900px;
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
	}
	.tabelle2 a:hover, 
	.tabelle2 a:active
	{
		color: #000;
	}	
	.td2
	{
		width: 300px;
		padding-left: 0px;
	}
	.td3
	{
		width: 420px;
		padding-left: 0px;
	}
	.td4
	{
		width: 180px;
		padding-left: 0px;
	}
/* Hinzu Slider        -------------------------------------------------------------------------- */