@charset "UTF-8";
*{
font-family: 'Open Sans', Arial, sans-serif, Helvetica, Verdana;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-decoration: none;
/*	color: #000000;*/
/*	font-size: 18px;*/
			color: #000;
}

	img {
		
		max-width:100%;
		margin:10px;
		padding:0px;
	}
	video {
		width:	90%;
		max-width:90%;
	}


	h1 {
		font-size: 160px;
		font-weight: lighter;
		letter-spacing: 0.1em;
		line-height: 0px;
	}
	
	h2 {
		font-size: 64px;
		font-weight: lighter;
	}
	h3 {
		font-size: 64px;
		font-weight: lighter;
		margin-bottom: 0px;
	}
	h4 {
		font-size: 48px;
		font-weight: lighter;
	}
	
	#menue_huelle_E{
		margin-left: 0px;
		margin-right: 3%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
		
	#menue_huelle {
		margin-left: 5px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#seite_huelle {
		width: 900px;
		font-size: 10px;
/*		background-color: red;	*/
		font-weight: lighter;
	}
	
	#nav {
		text-align: center;
		font-size: 24px;
		margin: 0%;
	}
	
	#nav_E {
		text-align: right;
		font-size: 14px;
		margin: 2%;
		list-style: none; 
	}
	
	
	
	
	#nav:after {
		content: '';
		display: inline-block;
		width: auto;
/*		margin: 0%;
	margin-left: 3%;
	margin-right: 0%;
*/	}
	
	#nav li {
	margin-left: 3.5%;
	margin-right: 3.5%;
		display: inline-block;
		font-weight: light;
		line-height: 60px;
		text-align: center;
	 }
	#seite_1_huelle { /* zyp-zyp */
/*		background-color: green;*/
		text-align: center;
		color: #000;
		font-size: 80px;
		padding-top: 15px;
	}
	#seite_2_huelle { /* endlich einfach */

		font-size: 15px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#seite_2v_huelle { /* video */
		padding-top: 50px;
		text-align: center;
/*
		margin-left: 30%;
		margin-right: 30%;
*/		
	}


	#seite_3_huelle { /* anleitung */
	
		text-align: center;
		color: #000;
		font-size: 15px;
		font-weight: normal;
 		margin-left: -10%;
		margin-right: -10%;
	}
	#seite_4_huelle { /* details */
	
		font-size: 15px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
 	}
	#seite_5_huelle { /* impressum */
	
		font-size: 12px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#preis {
/*	 style="font-size: 28px;"*/	
	}

/*

html, body{

}
*/

/*body{*/
/*	font-family: 'Open Sans', Arial, sans-serif, Helvetica, Verdana; */
/*	font-size: 50px;*/
/*}*/



/*

#nav {
	text-align: justify;
}
#nav:after {
   content: '';
   	display: inline-block;
    width: 100%;
}
#nav li {
	display: inline-block;
	font-size: 30px;
	font-weight: light;
	line-height: 30px;
	text-align: center;
	color: #000;
 }

#seite_huelle{
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	overflow: hidden !important;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
}

#menue_huelle{
	width: auto;
	height: 30px;
	overflow: hidden !important;
	margin-top: 40px;
	margin-left: 10%;
	margin-right: 10%;
}

#navigation{

	width: 100%;
	height: 100%;
}

#navigation .menue{

	list-style-type: none;
	width: 1050px;
}

#navigation .menue li a{
	height: 30px;
	display: block;
	float: left;
	font-size: 32px;
	font-weight: regular;
	line-height: 30px;
	text-align: center;
	color: #000;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 30px;
	padding: 0px;
}

#seite_1_huelle{
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
	letter-spacing: 10px;
	font-weight: lighter;	
}

#seite_2_huelle{
	width: auto;
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
	font-weight: light;
	background-color: green;	
}

#seite_2p_huelle{
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
}

#seite_3_huelle{
	width: auto;
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
}

#seite_4_huelle{
	width: auto;
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
}

#seite_5_huelle{
	width: auto;
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 40px;
	color: #000;
}

#trennlinie{

	margin-left: 10%;
	margin-right: 10%;
	margin-top: 100%;
	margin-bottom: 10%;
	width: 80%;
	height: 1px;
	background:url(menubackground.png) repeat-x;
}

#knopflink_huelle{
	width: 150px;
	height: 32px;
	margin: 0 auto;
	overflow: hidden !important;
	margin-top: 0px;
}

#knopflink{
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-image: url(menubackground.png);
}

#knopflink .menue{

	list-style-type: none;
	width: 140px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#knopflink .menue li a{
	height: auto;
	content-align: center;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	color: #ccc;
	text-decoration: none;
}

*/

/*
#trennlinie{

	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	height: 1px;
	background:url(menubackground.png) repeat-x;
}
*/

#trennlinie{

	 margin: auto;
	 width: 75%;
	 height: 1px;
	margin-top: 40px;
	margin-bottom: 40px;
		color: #000;
	border:solid #ddd 0.5px;
}

@media only screen and (min-device-width : 320px) 
and (max-device-width: 480px) 
and (orientation : portrait) {
	*{
			color: #000;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	}
	
	body {

	}

/*	p {
	
		font-size: 50px;	
		color: #f00;
	}
*/	
	h1 {
		font-size: 160px;
		font-weight: lighter;
	}
	
	h2 {
		font-size: 75px;
	}

	
	img {
		
		max-width:25%;
		margin:10px;
		padding:0px;
	}
	
	#menue_huelle {
	
		margin-top: 3%;
		margin-bottom: 0%;
		margin-left: auto;
		margin-right: auto;
	}
	#seite_huelle {
width: auto;
	
		font-size: 10px;
	/*	background-color: red; */
		font-weight: lighter;
	}
	
	#nav {
		text-align: center;
		font-size: 30px;
	}
	#nav:after {
	margin-left: auto;
	margin-right: auto;
		content: '';
		display: inline-block;
		width: 100%;
	}
	
	#nav li {
	margin-left: 2%;
	margin-right: 2%;
		display: inline-block;
		font-weight: light;
		line-height: 60px;
		text-align: center;
/*		background-color: orange;	*/
	 }
	#seite_1_huelle { /* zyp-zyp */
		background-color: green;
		text-align: center;
		color: #000;
		font-size: 90px;
	}
	#seite_2_huelle { /* endlich einfach */

		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#seite_2v_huelle { /* video */
		padding-top: 100px;
		text-align: center;
/*
		margin-left: 30%;
		margin-right: 30%;
*/		
	}


	#seite_3_huelle { /* anleitung */
	
		text-align: center;
		color: #000;
		font-size: 18px;
		font-weight: normal;
		margin-left: 0%;
		margin-right: 0%;
 		background-color: red;
	}
	#seite_4_huelle { /* details */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
 	}
	#seite_5_huelle { /* impressum */
	
		font-size: 54px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#preis {
/*	 style="font-size: 28px;"*/	
	}
}

@media only screen and (min-device-width : 320px) 
and (max-device-width: 480px) 
and (orientation : landscape) {


	*{
			color: #000;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	}
	
	body {

	}

/*	p {
	
		font-size: 50px;	
		color: #f00;
	}
*/	
	h1 {
		font-size: 160px;
	}
	
	h2 {
		font-size: 75px;
	}
	
	#menue_huelle {
	
		margin-top: 3%;
		margin-bottom: 0%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#seite_huelle {
width: auto;
	
		font-size: 70px;
/*		background-color: red;	*/
		font-weight: lighter;
	}
	
	#nav {
		text-align: center;
		font-size: 40px;
	}
	#nav:after {
	margin-left: auto;
	margin-right: auto;
		content: '';
		display: inline-block;
		width: 100%;
	}
	
	#nav li {
	margin-left: auto;
	margin-right: auto;
		display: inline-block;
		font-weight: light;
		line-height: 60px;
		text-align: center;
/*		background-color: orange;	*/
	 }
	#seite_1_huelle { /* zyp-zyp */
/*		background-color: green;*/
		text-align: center;
		color: #000;
		font-size: 90px;
	}
	#seite_2_huelle { /* endlich einfach */

		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#seite_2v_huelle { /* video */
		padding-top: 75px;
		text-align: center;
/*
		margin-left: 30%;
		margin-right: 30%;
*/		
	}


	#seite_3_huelle { /* anleitung */
	
		text-align: center;
		color: #000;
		font-size: 18px;
		font-weight: normal;
 		margin-left: 10%;
		margin-right: 10%;
	}
	#seite_4_huelle { /* details */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
 	}
	#seite_5_huelle { /* impressum */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#preis {
/*	 style="font-size: 28px;"*/	
	}
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
		*{
			color: #000;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	}
	
	body {

	}

/*	p {
	
		font-size: 50px;	
		color: #f00;
	}
*/	
	h1 {
		font-size: 160px;
	}
	
	h2 {
		font-size: 75px;
	}
	
	#menue_huelle {
	
		margin-top: 3%;
		margin-bottom: 0%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#seite_huelle {
width: auto;
	
		font-size: 70px;
/*		background-color: red;	*/
		font-weight: lighter;
	}
	
	#nav {
		text-align: center;
		font-size: 40px;
	}
	#nav:after {
	margin-left: auto;
	margin-right: auto;
		content: '';
		display: inline-block;
		width: 100%;
	}
	
	#nav li {
	margin-left: auto;
	margin-right: auto;
		display: inline-block;
		font-weight: light;
		line-height: 60px;
		text-align: center;
/*		background-color: orange;	*/
	 }
	#seite_1_huelle { /* zyp-zyp */
/*		background-color: green;*/
		text-align: center;
		color: #000;
		font-size: 90px;
	}
	#seite_2_huelle { /* endlich einfach */

		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#seite_2v_huelle { /* video */
		text-align: center;
/*
		margin-left: 30%;
		margin-right: 30%;
*/		
	}


	#seite_3_huelle { /* anleitung */
	
		text-align: center;
		color: #000;
		font-size: 50px;
		font-weight: normal;
 	}
	#seite_4_huelle { /* details */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
 	}
	#seite_5_huelle { /* impressum */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#preis {
/*	 style="font-size: 28px;"*/	
	}

}
/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
		*{
			color: #000;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	}
	
	body {

	}

/*	p {
	
		font-size: 50px;	
		color: #f00;
	}
*/	
	h1 {
		font-size: 160px;
	}
	
	h2 {
		font-size: 75px;
	}
	
	#menue_huelle {
	
		margin-top: 3%;
		margin-bottom: 0%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#seite_huelle {
width: auto;
	
		font-size: 70px;
/*		background-color: red;	*/
		font-weight: lighter;
	}
	
	#nav {
		text-align: center;
		font-size: 40px;
	}
	#nav:after {
	margin-left: auto;
	margin-right: auto;
		content: '';
		display: inline-block;
		width: 100%;
	}
	
	#nav li {
	margin-left: auto;
	margin-right: auto;
		display: inline-block;
		font-weight: light;
		line-height: 60px;
		text-align: center;
/*		background-color: orange;	*/
	 }
	#seite_1_huelle { /* zyp-zyp */
/*		background-color: green;*/
		text-align: center;
		color: #000;
		font-size: 90px;
	}
	#seite_2_huelle { /* endlich einfach */

		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#seite_2v_huelle { /* video */
		text-align: center;
/*
		margin-left: 30%;
		margin-right: 30%;
*/		
	}


	#seite_3_huelle { /* anleitung */
	
		text-align: center;
		color: #000;
		font-size: 50px;
		font-weight: normal;
 	}
	#seite_4_huelle { /* details */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
 	}
	#seite_5_huelle { /* impressum */
	
		font-size: 50px;
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
		color: #000;
		font-weight: normal;
	}
	#preis {
/*	 style="font-size: 28px;"*/	
	}
}

/* */

