html, body {
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	background-color:#245E9D;
	background-image:url(images/1.jpg);
	background-repeat:repeat-x;
	
}
.frame { max-width: 980px; margin: 0 auto; }
.inner { padding: 0 10px;  }
img { width: 100%; height: auto; }
.img-icon { width:auto; float:left; padding: 0 10px 10px 0; }


#section-1{
	background-color:#ffffff;
}
#content-1 {
  	width:980px;
	padding: 30px;
	margin-top:55px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#00FF66;
}
#section-2{
	background-color:#ffffff;
		background-image:url(images/2.jpg);
	background-repeat:repeat-x;
}
#content-2 {
  	width:980px;
	padding: 30px;
	min-height: 700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#inhalt_content-2 {
  	width:100%;
	height:auto;
	margin-left:auto; 
	margin-right:auto;
}
#titel{
  	width:100%;
	padding: 10px 0 25px 5px;
}
#titel2, #titel3, #titel4{
  	width:100%;
	padding: 10px 0 25px 5px;
}
#titel_top{
  	width:980px;
	padding: 55px 0 45px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#logos{
  	width:100%;
	height:125px;
	padding: 0px 0 15px 5px;
	text-align:left;
	clear:both;
}

#section-3{
	background-color:#122F4E;
}
#content-3 {
  	width:980px;
	padding: 30px;
	min-height:700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#section-4{
	background-color:#2A4580;

}
#content-4 {
  	width:980px;
	padding: 30px;
	min-height:500px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#section-5{
	background-color:#D5D5D5;
	background-image:url(images/5.jpg);
	background-repeat:repeat-x;
}
#content-5 {
  	width:980px;
	padding: 30px;
	min-height:1200px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#top{
	background-color:#383838;
	height:55px;
	position: fixed;
	top:0px;
	width:100%;
		margin:0;
}
#content-top {
  	width:980px;
	margin-left:auto; 
	margin-right:auto;
	height: 55px;
	text-align:left;
}

#logo {
float:left;
width:200px;
height:23px;
margin-top:20px;
}

#navi{
float:right;
width:700px;
height:30px;
}


/*
============================================
    Navi
============================================
*/

.navheader {
  font-size: 16px;
  font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
  padding-left:8px;
}

.slide-trigger
{
  display: none;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #cccccc;
  border-right-color-value: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color-value: #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  cursor: pointer;
  background-color:#FFFFFF;
  height:30px;
  padding-top:10px;
}


.slide-trigger span {
  background-image:url(images/lines.jpg);
  background-repeat:no-repeat;
  background-position: left ;
  display: block;
  float: left;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}

.navigation {
  max-width: none;
  background-color:#000000;
  padding: 0;
}
.navigation li {
  float: left;
  display: inline; 
  list-style-type: none; 
}
.navigation li a {
	
  display:block;
  color: #fff;
  padding: 5px 20px 5px 20px;
  font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
  font-size:16px;
}
.navigation li a:hover { 
	background: #0fcaf2;
    border-radius: 7px;
-moz-border-radius:7px; /* Firefox */
-webkit-border-radius:7px; /* Safari, Chrome */
-khtml-border-radius:7px; /* Konqueror */
-o-border-radius: 7px; /* Opera */
border-radius:7px; /* CSS3 */
     
 }
/*
============================================
    Leistungen
============================================
*/

#leistungen_le
{
  float: left;
  width: 290px;
  height:auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 20px;
  margin-left: 0px;

}
#leistungen_mi
{
  float: left;
  width: 290px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 20px;
  margin-left: 0px;

}

#leistungen_ri
{
  float: left;
  width: 290px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}
.logo{
  float: left;
  border:1px solid #cccccc;
  margin: 0 53px 25px 0;
  width:auto;


}
.kat{
  float: left;
  border:1px solid #cccccc;
  width:auto;
  margin:0 0 20px 0;
}
#ueber1
{
  float: left;
  width: 290px;
  height:auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 60px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#ueber2
{
  float: left;
  width: 600px;
  height:auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#kontakt1
{
  float: left;
  width: 600px;
  height:430px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 60px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#inline1{
		width:600px; 
		height:530px;
		float:left;
		overflow: hidden;
		z-index:100;
		 border:1px solid #cccccc;
} 
#kontakt2
{
  float: left;
  width: 290px;
  height:auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#imp1
{
  float: left;
  width: 855px;
  height:auto;
  min-height:630px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left:  5px;
  margin-top: 0px;
  margin-right: 60px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#imp2
{
  float: left;
  width: 255px;
  height:auto;
  padding:30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  background-color:#FFFFFF;
  border-radius: 10px;
  box-shadow: 0 4px 2px -2px #000;

  
}
/*
============================================
    Fonts
============================================
*/
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:26px; color:#ffffff; margin:0; padding:0px;display:inline;  line-height: 32px;  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);    text-align: left; }
h2 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 14px;font-style: normal;font-weight:bold;color:#333333; margin-bottom:15px;}
h3 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 14px;font-style: normal; font-weight:normal;color:#333333;display:inline; }
h4 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 14px;font-style: normal; font-weight:normal;color:#333333;display:inline; }
p { margin-top: 0px; }

.extern1 {
background-image:url(images/link_webstudio_charisma.png);
background-position: right;
background-repeat:no-repeat;
padding-right:15px;
text-decoration:underline;
font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
font-size: 14px;
font-style: normal;
color:#2475B6;
font-weight:bold;
} 
.extern2 {
font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 12px;
	font-style: normal;
	color:#333333;
	text-decoration:underline;
} 
.schrift_12{
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 12px;
	font-style: normal;
	color:#333333;
	line-height: 14px;
}
.schrift_14 {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: normal;
	color:#333333;
	line-height: 18px;
}
.schrift_16 {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 16px;
	font-style: normal;
	color:#333333;
	line-height: 20px;
}
.schrift_18 {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-style: normal;
	color:#333333;
	  font-size: 30px;
  letter-spacing: -1px;
  line-height: 44px;
  font-weight: 900;
  margin-top: 50px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.schrift_18w {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-style: normal;
	color:#ffffff;
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 44px;
  font-weight: 900;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
  margin-top: 50px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.schrift_14w {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: normal;
	color:#ffffff;
	line-height: 18px;
}
.name {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-style: italic;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 15px;
}
.kontakt {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  text-align: left;
  padding-top: 0px;
  padding-bottom: 25px;
}
.tel {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 18px;
	font-style: normal;
	color:#ffffff;
	line-height:35px;
}
.nr {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 18px;
	font-style: normal;
	color:#ffffff;

  font-size: 30px;
  letter-spacing: -1px;
  line-height: 30px;
  font-weight: 900;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
#back-to-top {
    position:fixed; /* Wichtig! */
    bottom:20px;
    right:100px;
    cursor:pointer;
    padding:10px;
    background:black;
    border-radius:15px;
    color:white;
 	display:none;
}

/*
============================================
    RESPONSIVENESS
============================================
*/

@media only screen and (max-width: 560px) {
  .slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
    .no-js .navigation { display: block; }
  .navigation { margin-top:0; }
  .navigation li { float: none; }
  .navigation li a { text-decoration:none; padding:10px 20px;  border-top:1px solid #ffffff  }
.navigation li a:hover{ background: #0fcaf2;border-radius: 0px;  }

#top{
	background-color:#383838;
	height:70px;
	position: fixed;
	top:0;
	width:100%;
}
#content-top {
  	width:980px;
	margin-left:auto; 
	margin-right:auto;
	height:70px;
	text-align:left;
}
#navi{
width:650px;
height:30px;
margin-top:0px;
float:left;clear: both;
}

#logo {
width:200px;
height:23px;
float:left;
display:inline;
margin-left:15px;
}
}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
	.frame { max-width: 980px; }
	
}




@media only screen and (min-width: 320px)  and (max-width: 479px) {
	.slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
    .navigation { display: none; }
    .no-js .navigation { display: block; }
    .navigation { margin-top:0; }
    .navigation li { float: none; }
    .navigation li a { text-decoration:none; padding:10px 20px;  border-top:1px solid #ffffff  }
    .navigation li a:hover{ background: #0fcaf2;border-radius: 0px;  }
	.slide-trigger
	.frame { max-width: 100%; }
#content-2 {
  	width:95%;
	padding: 0px;
	height:auto;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#inhalt_content-2 {
  	width:95%;
	height:2250px;
	margin-left:auto; 
	margin-right:auto;
}

#logos{
  	width:100%;
	height:1500px;
	padding: 10px 5px 10px 5px;
	text-align:left;
	height:auto;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
.logo{
  float: left;
  border:1px solid #cccccc;
  margin: 0 10px 10px 0;
  width:auto;

}
#titel_top{
  	width:280px;
	padding: 55px 0 25px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:14px; color:#ffffff; margin:0; padding:0px;display:inline;  }
#top{
	background-color:#383838;
	height:55px;
	position: fixed;
	top:0;
	width:100%;
}
#content-top {
  	width:320px;
	margin-left:auto; 
	margin-right:auto;
	height: 55px;
	text-align:left;
}
#section-3{
	background-color:#122F4E;
}
#content-3 {
  	width:320px;
	padding: 10px;
	height:1000px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#ueber2 {
  	width:280px;
}
#content-4 {
  	width:320px;
	padding: 10px;
	min-height:1200px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#kontakt1
{
  width: 285px;
  height:530px;
}
#inline1{
		width:285px; 
		height:530px;

} 
#section-5{
	background-color:#D5D5D5;
}
#content-5 {
  	width:320px;
	padding: 10px;
	height:2050px; 
	margin-left:auto; 
	margin-right:auto;
}
#imp1
{
  width: 280px;
  
}
#imp2
{
  width: 245px;
  height:auto;
  padding:20px;
  margin-bottom: 20px;
  
}
#logos{
  	width:100%;
	padding: 0px;
	text-align:left;
	clear:both;
}
.logo {
float:none;
width:45%;
margin-right:0px;
padding:0;

}
}

@media only screen and (min-width: 240px)  and (max-width: 319px) {

	.slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
    .navigation { display: none; }
    .no-js .navigation { display: block; }
    .navigation { margin-top:0; }
    .navigation li { float: none; }
    .navigation li a { text-decoration:none; padding:10px 20px;  border-top:1px solid #ffffff  }
    .navigation li a:hover{ background: #0fcaf2;border-radius: 0px;  }
	.slide-trigger
	.frame { max-width: 100%; }
#content-2 {
  	width:95%;
	padding: 0px;
	height:auto;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#inhalt_content-2 {
  	width:97%;
	height:2150px;
	margin-left:auto; 
	margin-right:auto;
}
#leistungen_le
{
  float: left;
  width: 230px;
  height:auto;
  padding: 0px;
  margin: 0px;
}
#leistungen_mi
{
  float: left;
  width: 230px;
  height:auto;
  padding: 0px;
  margin: 0px;
}

#leistungen_ri
{
  float: left;
  width: 230px;
  height:auto;
  padding: 0px;
  margin: 0px;
}
.kat{
  float: left;
  border:1px solid #cccccc;
  width:90%;
  margin:0 0 10px 0;
}
#logos{
  	width:100%;
	height:1500px;
	padding: 10px 5px 10px 5px;
	text-align:left;
	height:auto;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
.logo{
  float: left;
  border:1px solid #cccccc;
  margin: 0 10px 10px 0;
  width:auto;

}
#titel_top{
  	width:230px;
	padding: 55px 0 25px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:14px; color:#ffffff; margin:0; padding:0px;display:inline;  }
#top{
	background-color:#383838;
	height:55px;
	position: fixed;
	top:0;
	width:100%;
}
#content-top {
  	width:240px;
	margin-left:auto; 
	margin-right:auto;
	height: 55px;
	text-align:left;
}
#section-3{
	background-color:#122F4E;
}
#content-3 {
  	width:95%;
	padding: 10px;
	height:1000px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#titel{
  	width:97%;
	padding: 10px ;
}
#titel2, #titel3, #titel4{
  	width:97%;
	padding: 10px ;
}
#ueber1{
  	width:230px;
}
#ueber1 .kat{
  	width:50%;
}
#ueber2 {
  	width:230px;
}
#content-4 {
  	width:95%;
	padding: 5px;
	min-height:1200px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
.name {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-style: italic;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 15px;
}
#kontakt1
{
  width: 220px;
  height:530px;
}
#kontakt2{
  	width:95%;
}
#inline1{
		width:220px; 
		height:530px;

} 
#section-5{
	background-color:#D5D5D5;
}
#content-5 {
  	width:95%;
	padding: 10px;
	height:2050px; 
	margin-left:auto; 
	margin-right:auto;
}
#imp1
{
  width: 230px;
}
#imp2
{
  width: 210px;
  height:auto;
  padding:5px 5px 5px 10px;
  margin-bottom: 20px;
}
#logos{
  	width:100%;
	padding: 0px;
	text-align:left;
	clear:both;
}
.logo {
float:none;
width:45%;
margin-right:0px;
padding:0;
}
.extern1 {
font-size: 11px;
} 
}



@media only screen and (min-width: 480px)   and (max-width: 560px) {
#titel_top{
  	width:450px;
	padding: 55px 0 25px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:14px; color:#ffffff; margin:0; padding:0px;display:inline;  }
#content-2 {
  	width:450px;
	padding: 30px;
	min-height: 700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#ffffff;
}
#logos{
margin-top:50px;
}
#inhalt_content-2 {
  	width:97%;
	height:2150px;
	margin-left:auto; 
	margin-right:auto;
}
#leistungen_le
{
  float: left;
  width: 430px;
  height:auto;
  padding: 0px;
  margin: 0px;
}
#leistungen_mi
{
  float: none;
  width: 430px;
  height:auto;
  padding: 0px;
  margin: 0px;
}

#leistungen_ri
{
  float: none;
  width: 430px;
  height:auto;
  padding: 0px;
  margin: 0px;
}
.kat{
  float: left;
  border:1px solid #cccccc;
  width:95%;
  margin:0 0 10px 0;
}
#content-3 {
  	width:450px;
	padding: 10px;
	height:1000px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#titel{
  	width:450px;
	padding: 10px ;
}
#titel2, #titel3, #titel4{
  	width:450px;
	padding: 10px ;
}
#ueber1{
  	width:450px;
}
#ueber1 .kat{
  	width:50%;
}
#ueber2 {
  	width:450px;
}
#content-4 {
  	width:450px;
	padding: 5px;
	min-height:1200px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#kontakt1
{
  width: 95%;
  height:530px;
}
#kontakt2{
  	width:95%;
}
#kontakt2 .kat{
  	width:100%;
}
#inline1{
		width:430px; 
		height:530px;

} 
#section-5{
	background-color:#D5D5D5;
}
#content-5 {
  	width:450px;
	padding: 10px;
	height:1600px; 
	margin-left:auto; 
	margin-right:auto;
}
#imp1
{
  width:430px;
}
#imp2
{
  width:400px;
  height:auto;
  padding:15px 5px 5px 30px;
  margin-bottom: 20px;
}
}


@media only screen and (min-width: 560px)   and (max-width: 767px) {
#navi{
float:left;
width:auto;
height:30px;
margin: 0 0 0 25px;
}
.navheader {
  font-size: 12px;font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; padding-left:4px;
}

.navigation li a {
	
  display:block;
  color: #fff;
  padding: 5px 10px 5px 10px;
  font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
  font-size:12px;
}
#titel_top{
  	width:95%;
	padding: 25px 0 25px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:16px; color:#ffffff; margin:0; padding:0px;display:inline;  }
#content-2 {
  	width:560px;
	padding: 20px;
	min-height: 700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#inhalt_content-2 {
  	width:100%;
	height:2150px;
	margin-left:auto; 
	margin-right:auto;
}
#leistungen_le
{
  float: left;
  width: 95%;
  height:auto;
  padding: 0px;
  margin: 0px 20px 0 0;
}
#leistungen_mi
{
  float: left;
  width: 95%;
  height:auto;
  padding: 0px;
  margin: 0px;
}

#leistungen_ri
{
  float: left;
  width: 95%;
  height:auto;
  padding: 0px;
  margin: 0px;
}

.logo{
  float: left;
  border:1px solid #cccccc;
  margin: 0 35px 25px 0;
  width:auto;
}
#logos{
  	width:100%;
	float: left;
	height:auto;
	padding: 0px ;
	margin-top:25px;
}
.kat{
  float: left;
  border:1px solid #cccccc;
  width:95%;
  margin:0 0 10px 0;
}
#content-3 {
  	width:560px;
	padding: 10px;
	height:1000px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#titel{
  	width:560px;
	padding: 10px 0 10px 3px;
}
#titel2, #titel3, #titel4{
  	width:560px;
	padding: 10px 0 10px 3px;
}
#ueber1{
  	width:530px;
}
#ueber1 .kat{
  	width:50%;
}
#ueber2 {
  	width:530px;
}
#content-4 {
  	width:560px;
	padding: 5px;
	min-height:1250px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#kontakt1
{
  width: 95%;
  height:530px;
}
#kontakt2{
  	width:95%;
}
#kontakt2 .kat{
  	width:95%;
}
#inline1{
		width:500px; 
		height:530px;

} 
#section-5{
	background-color:#D5D5D5;
}
#content-5 {
  	width:560px;
	padding: 10px;
	height:1600px; 
	margin-left:auto; 
	margin-right:auto;
}
#imp1
{
  width:500px;
}
#imp2
{
  width:450px;
  height:auto;
  padding:15px 5px 5px 30px;
  margin-bottom: 20px;
}

}


@media only screen and (min-width: 768px)   and (max-width: 979px) {
#navi{
float:left;
width:auto;
height:30px;
margin: 0 0 0 55px;
}
.navheader {
  font-size: 14px;font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; padding-left:4px;
}

.navigation li a {
	
  display:block;
  color: #fff;
  padding: 5px 25px 5px 25px;
  font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
  font-size:14px;
}
#titel_top{
  	width:95%;
	padding: 25px 0 25px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
h1 { 	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size:18px; color:#ffffff; margin:0; padding:0px;display:inline;  }
#content-2 {
  	width:95%;
	padding: 20px;
	min-height: 700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#inhalt_content-2 {
  	width:100%;
	height:1500px;
	margin-left:auto; 
	margin-right:auto;
}
.img-icon { width:auto; float:left; padding: 0 10px 0 0 ; }
#leistungen_le
{
  float: left;
  width: 45%;
  height:auto;
  padding: 0px;
  margin: 0px 30px 0 0;
}
#leistungen_mi
{
  float: left;
  width: 45%;
  height:auto;
  padding: 0px;
  margin: 0px;
}

#leistungen_ri
{
  float: left;
  width: 45%;
  height:auto;
  padding: 0px;
  margin: 0px;
}

.logo{
  float: left;
  border:1px solid #cccccc;
  margin: 0 25px 25px 0;
  width:auto;
}
#logos{
	float:left;
  	width:95%;
height:auto;
	padding: 0px ;
	margin:20px 0 0 0;
}

.kat{
  float: left;
  border:1px solid #cccccc;
  width:95%;
  margin:0 0 10px 0;
}
#content-3 {
  	width:95%;
	padding: 10px;
	height:700px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}
#titel{
  	width:560px;
	padding: 10px 0 10px 3px;
}
#titel2, #titel3, #titel4{
  	width:560px;
	padding: 10px 0 10px 3px;
}
#ueber1{
  	width:30%;
}
#ueber1 .kat{
  	width:100%;
}
#ueber2 {
  	width:60%;
}
#content-4 {
  	width:95%;
	padding: 5px;
	min-height:1230px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#kontakt1
{
  width: 600px;
  height:530px;
}
#kontakt2{
  	width:95%;
}
#kontakt2 .kat{
  	width:50%;
	float:none;
	margin-top:30px;
}
#inline1{
		width:600px; 
		height:530px;

} 
#section-5{
	background-color:#D5D5D5;
}
#content-5 {
  	width:95%;
	padding: 10px;
	height:1450px; 
	margin-left:auto; 
	margin-right:auto;
}
#imp1
{
  width:45%;
}
#imp2
{
  width:35%;
  height:auto;
  padding:15px 5px 5px 15px;
  margin-bottom: 20px;
}

}