/*responsive*/

@media only screen 
and (max-width : 1146px) 
{
#post_it ul{
border: 0;	
}

}




/* IPad Querformat
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	
	
}


/* Querformat ENDE*/

/*IPad Hochformat*/

/*

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {

*{
	width:0;
	height:0;
}
	body{
	width:100%;
	height:auto;
	border:5px solid red;	
	}
	
	header{
	}
	
	#panorama{
	}
	
	#wrapper{
	width:100%;
	}
	
	#test{
	width:100%;
		border:5px solid green;
	}
}

*/
 /*Hochformat ENDE */
 
 
 
 
 
 /* iPads (portrait and landscape) ----------- */
 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px) {}



 /* iPads (landscape) ----------- */
 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px) 
 and (orientation : landscape) {


 }
 
 /* iPads (portrait) ----------- */
 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px) 
 and (orientation : portrait) {



#main_wrapper{
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
}


header{
min-width:0%;
}

#content{
	width: 700px;
	margin:20px auto;
	float: none;
	position: static;
	
}

.textbox{
	padding-left:50px;
	padding-right:50px;
}

nav{
	border: 1px solid green;
	float:none;
	width:768px;
	position: static;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.reiter_wrapper{
	float: left;
	margin: 10px 30px;
	-webkit-rotation:0;
}

#reiter_4{
}

footer ul{
	

	width: 768px;
	margin: 0 auto;
}

footer ul li{
	width: 230px;
	margin: 0 10px;
	border: 0;
}

.clear{
	clear: none;
}


 }