@media screen and (max-width: 1200px){
#infos{
	border:0 solid green;
	width:100% !important;
	
	height:80px;
}
#slider_in {
	border:0 solid red;
	height: 300px;
}
#navi-wrap{
	border:0 solid green;
		top:65px;
}
#logo{
	border:0 solid red;
	width:280px;
	top:15px;


}
#logo img{
	width:275px;
	height:auto;

}
}
/*  ################################################################################  1000 */
@media screen and (max-width: 1000px){
#infos{
	border:0 solid blue;
	width:100% !important;
	height:100px;
}
#logo{
	border:0 solid red;
	width:260px;
	top:10px;
	
	Margin: 0 0 0 10px;

}
#logo img{
	width:255px;
	height:auto;

}
#slider_in {
	border:0 solid green;
	height: 280px;
}
#slider_off {
	border:0 solid blue;
	position:relative;
	width: 100%;	
	height: 10px;
	margin:0;
	z-index: 100;
	float:left;
}
#navi-wrap{
	border:0 solid blue;
	right:20px;
		top:55px;
}
#navi{
	padding-right:0;
	}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
  width: 270px;
}

#content-wrap{
	border:0 solid green !important;
	width:100%;
	Margin: 0 auto 00px auto;
	padding: 0 0 0 0;
	z-index: 0;
	text-align:center;
	position:relative;
	top:0 !important;
}
#content{
	border:0 solid blue! important;
	position: relative;
	width: 900px !important;
	Margin: 0 auto 0 auto! important;
	padding: 0 0 0 0;
	top:0 !important;
}
#inhalt {

	border:0 solid red! important;
	width: 100% !important;
	margin:0 0 30px 0;
	padding: 0 0 0 0! important;
}
#inhalt_links {	
	border:0 solid green! important;
	min-width: 195px;	
	margin: 0 0 0 0! important;
	padding: 0 8px 0 0! important;
	float:left;
	white-space:normal;
}

#inhalt_mitte {
	border:0 solid green! important;
	border-left:1px solid #ccc! important;
	width: 660px;	
	margin: 0 0 0 0 ;
	padding: 0 0 0 8px;
	float:left;
	white-space:normal;
}



}
/*  ################################################################################ 950 */
@media screen and (max-width: 950px){
#infos{
	border:0 solid blue;
	height:105px;
}
#logo{	
	border:0 solid red;
	width:240px;	
	height:80px;	
	/*top:10px;*/
	Margin: 0 auto 0 10px;
	
	top:10px;
}
#logo img{	width:225px;	height:auto;
}
#slider_in {
	border:0 solid red;
	height: 270px;
}
#navi-wrap{
	border:0 solid red;
	top:45px;
	width: 530px;
}

#navi{
	top:0;
	width: 530px;
	right:0;
	Margin: 0 auto 0 auto;
	height:auto;
	border:0 solid red;
}

#navi ul{	
	margin:0 0 0 0;  }
#navi ul li ul{
	 padding-top:0;
	}

.sf-menu a {
	font-size: 18px;
	padding: 6px 7px 6px 7px; 
}

.sf-menu li {
  min-width: 50px;
}

#content-wrap{
	border: 0 solid green;
	width:100%;
	Margin: 0 auto 30px auto;
	padding: 0 0 0 0;
	z-index: 0;
	text-align:center;
	position:relative;
}
#content{
	position: relative;
	width: 860px !important;
	Margin: 0 auto 30px auto;
	border:0 solid green;
}
#inhalt_links {	
	border:0 solid green !important;
	min-width: 195px;	
	margin: 0 6px 0 0 !important;
	padding: 0 0 0 0 !important;
	float:left;
	white-space:normal;
}

#inhalt_mitte {
	border:0 solid green! important;
	border-left:1px solid #ccc !important;
	width: 620px;	
	margin: 0 0 0 0 ;
	padding: 0 0 0 6px;
	float:left;
	white-space:normal;
}

} 
/*  ################################################################################  870 */

@media screen and (max-width: 870px){

#infos{
	border:0 solid red;
	height:105px;
}

#logo{	
	border:0 solid blue;	width:220px;	height:80px;	Margin: 0 auto 0 10px;
}
#logo img{	width:215px;	height:auto;
}
#slider_in {
	border:0 solid green;
	height: 245px;
}
#slider_off {
	border:0 solid blue;
	position:relative;
	width: 100%;	
	height: 1px;
	margin:0;
	z-index: 100;
	float:left;
}
#navi{
	top:0;
	right:0;
	height:auto;
	Margin: 0 auto 0 auto;
		
	border:0 solid blue !important;
}
#navi-wrap {
	border:0 solid blue !important;
	top:43px;
	width: 500px;
}


#navi ul{	margin:0 0 0 0;  }
#navi ul li ul{border-top: 0 dotted #CCC; padding-top:0;	}

.sf-menu a {
	font-size: 17px;
	padding: 6px 6px 6px 6px; 
}
.sf-menu ul li a, .sf-menu ul li a:hover {
	font-size: 15px;
	text-align:left;
}
.sf-menu li {
  min-width: 60px;
}

#content-wrap{
	border: 0 solid green !important;
	width:100%;
	Margin: 0 auto 30px auto;
	padding: 0 0 0 0;
	z-index: 0;
	text-align:center;
	position:relative;
}
#content{
	position: relative;
	width: 790px !important;
	Margin: 0 3% 30px 3%;
	top:0 !important;
	border:1px solid blue;
}
#inhalt {
	width: 790px !important;
	border:0 solid red !important;
	margin: 25px 0 30px 0;
	padding: 0 0 0 0 !important;
}
#inhalt_links {	
	border:0 solid green !important;
	min-width: 195;	
	margin: 0 0 0 0 !important;
	padding: 0 6px 0 0 !important;
	float:left;
	white-space:normal;
}
#inhalt_mitte {
	border:0 solid green !important;
	border-left:1px solid #cccccc !important;
	width: 565px;	

	margin: 0 0 0 0 ;
	padding: 0 0 0 6px;
	float:left;

}
}

/*  ################################################################################  800 */

@media screen and (max-width: 800px){
#infos{
	border:0 solid blue;
	height:95px;
}
#logo{	border: 0 solid red;
	width:180px;	height:60px;	
	Margin: 0 auto 0 15px;
	top:15px;
}
#logo img{	width:170px;	height:auto;
}
#slider_in {
	border:0 solid green;
	height: 220px;
}
#navi{
	top:0 !important;
	right:0;
	Margin: 0 auto 0 auto;
	border: 0 solid blue;
	/*width:100% !important; */
	height:auto;
	width:480px;
}
#navi-wrap{
	width:480px;
	Margin:0 auto 0 auto;
	border:0 solid green;
}

#navi ul{	margin:0 0 0 0;  }
#navi ul li ul{border-top: 0 dotted #CCC; padding-top:0;	}

.sf-menu a {
	font-size: 17px;
	padding: 6px 6px 6px 6px; 
}
.sf-menu ul li a, .sf-menu ul li a:hover {
	font-size: 15px;
}
.sf-menu li {
  min-width: 20px;
}


#content-wrap{	
	border:0 solid green !important;
	width:100%;
	Margin: 0 0 30px 0;
	padding: 0 0 0 0;
	z-index: 0;
	top:0 !important;
	text-align:center;
	position:relative;
}
#content{
	border:0 solid green !important;
	width: 690px !important;
	Margin: 0 auto 30px auto;
	top:0 !important;
	
}

#slider_in {
	border:0 solid red !important;
	position:relative;
	width: 100% !important;
	margin: 0 0 0 0;
}

#inhalt {
	border:0 solid red !important;
	width: 690px !important;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	float:left;
}
#inhalt_links {	
	border:0 solid green !important;
	min-width: 195px%;	

	margin: 0 0 0 0 !important;
	padding: 0 5px 0 0 !important;
	float:left;
	white-space:normal;
}
#inhalt_mitte {
	border:0 solid green !important;
	border-left:1px solid #cccccc !important;
	width: 460px;	

	margin: 0 0 0 0 ;
	padding: 0 0 0 5px;
	float:left;
	

}
}
/*#################*/

/*  ################################################################################ 700 NAVI  Wechsel*/

@media screen and (max-width: 700px){ 

#infos{
	border:0 solid blue;
	height:95px;
}
#logo{	
	border: 0 solid blue;	width:195px;
	Margin: 0 auto 30px 15px;	height:61px; position: absolute;
}
#logo img{	width:190px;	height:auto; 
}
#slider_in {
	border:0 solid red;
	height: 200px;
}
#navi-wrap{
	border:0 solid orange !important;
	top:45px !important;
	height:34px !important;
	width:240px !important; 
	}
#navi {
	border:0 solid red !important;
	text-align:right; 
	width:240px !important; 
	height:auto;
	position: absolute;
	top:0 !important;
	margin-right:1%;
	
	}
#navi ul{display:none;}
#navi select { 
	display: inline-block; 
	background-color:#fff !important; 
	color:#000;}
	
#content-wrap{	
	border: 0 solid blue !important;
	top:0 !important;
	width: 100% !important;
	Margin: 0;
}
#content{
	border: 0 solid green !important;
	width: 96% !important;
	top: 0 !important;
	Margin: 0 2% 0 2% !important;
	padding:0;
}
#inhalt {
	border:0 solid green !important;
	width: 100% !important;
	margin: 10px 0 0 0 !important;
	padding: 0;
}
#inhalt_links {
display: none; 
}
#inhalt_mitte {
	border:0 solid green !important;
	width: 98%;	
	margin: 0 1%;
	padding: 0;
}

#training {
	border: 0 solid red;
	width: 300px;	
	height:50px;
	float:right;
	Margin: 0 0 0 0;
}
#training img{
	width: 290px;	
	height:auto;
}



} /*  ################################################################################  600 */

@media screen and (max-width: 599px){

#infos{
	border:0 solid red;
	height:95px;
}
#logo{	border: 0 solid red;	width:200px;	Margin: 0 auto 30px 10px;	height:61px; position: absolute;
}
#logo img{	width:190px;	height:auto; 
}
#slider_in {
	border:0 solid green;
	height: 200px;
}

#content-wrap{	
top:70px;

	border: 0 solid blue !important;
	}

#navi-wrap{
	border: 0 solid orange !important;
	top:50px !important;
	height:34px !important;
	width:240px !important; 
	margin-right:0;
	}

#navi {
	border: 0 solid red !important;
	text-align:right; 
	width:240px !important; 
	height:auto;
	position: absolute;
	top:0 !important;
	margin-right:0;
	
	}

#content{
	width: 100% !important;
	Margin: 15px auto 30px auto;
	top:0
	
}
#inhalt {
	border:0 solid green;
	width: 98%;	
	margin: 10px 1% 0 1%;
	padding: 0;
}
#inhalt_links {
display: none; 
}
#inhalt_mitte {
	border:0 solid green;
	width: 90%;	
	margin: 0 5% 1px 5%;
	padding: 0;
}
} /*  ################################################################################  500 */

@media screen and (max-width: 500px){

#infos{
	border:0 solid blue;
	height:95px;
}
#logo{	border: 0 solid red;	width:200px;	Margin: 0 auto 30px 5px;
	height:61px; 
	position: absolute;
}
#logo img{	width:155px;	height:auto; 
}
#slider_in {
	border:0 solid red !important;
	height: 160px;
}
#navi {
	text-align:right;  
	right:10px; 
	width:100% !important;  
	top:0;
	padding-top:1px;
	position: relative;
}
#content{
	width: 100% !important;
	height:auto;
	Margin: 15px auto 0 auto;
	top:0 !important;
}
#inhalt {
	border:0 solid green !important;
	width: 98%;	
	margin: 10px 1% 0 1%;
	padding: 0;
}
#inhalt_links {
display: none; 
}
#inhalt_mitte {
	border:0 solid green;
	width: 90%;	
	margin: 0 5% 1px 5%;
	padding: 0;
}
} /*  ################################################################################  400 */

@media screen and (max-width: 400px){



#infos{
	border:0 solid blue;
	height:140px;
}
#logo{	
	border:0 solid red;
	width:200px;	
	Margin: 0 auto 10px 15px ;
	height:70px;
	position: relative;
	
	clear: left !important; 
}
#logo img{	width:200px;	height:auto; 
}

#navi-wrap{
	border: 0 solid orange !important;
	top:10px !important;
	height:34px !important;
	width:240px !important; 
	margin-right:0;
	}

#navi {
	border: 0 solid red !important;
	text-align:right; 
	width:240px !important; 
	height:auto;
	position: absolute;
	top:0 !important;
	margin-right:0;
	
	}

#content{
	width: 100% !important;
	height:auto;
	Margin: 0 auto 30px auto;
	border: 0 solid green;
	top:0 !important;
}

}