/*@import "screen.css" only screen;*/
/*@import "800.css" only screen and (min-width: 550px) and (max-width: 1200px);*/
/*@import "300.css" only screen and (max-width: 549px);*/
/*@import "phone4s.css" only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5);*/
/*@import "800.css" only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2); */



/* ---------------- allgemeine Festlegungen */

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

	body{background-color: #3f3f3f;/*background-image: url(hg_01.jpg);	*/background: fixed;}

/* ---------------- allgemeine Festlegungen TEXT*/	
	h1{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 32px; font-weight: bold; }
	h2{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 36px; font-weight: bold; }
	h3{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; font-weight: bold; padding: 20px 120px 10px 10px;}
	h4{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; font-size: 16px; font-weight: bold; padding: 20px 50px 0px 0px;}
	h5{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; font-size: 12px; font-weight: bold; padding: 20px 50px 0px 0px;}
	h6{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: normal; font-style: italic; padding: 0px 50px 0px 0px;}

/* ---------------- */	

	p{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: #000; font-size: 12px; font-weight: normal; padding: 0 50px 0 0 ;}
	
	a		{ color: #000; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: #000; font-size: 12px; font-weight: normal;}
	a:hover { color: #3f3f3f;}


/* ---------------- */	

	a.logo			{ color: #fff; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 32px; font-weight: bold; }
	a.logo:hover 	{ color:#dbff2a;}

/* ---------------- */	

	a.menu	 { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; font-weight: bold;
				display:float left; text-align: center; text-decoration:none; 
				border-top: solid 1px;
        		padding: 15px 120px 10px 40px; 
        	}
        
	a.menu:link    { color:#FFF; /*background-color:#000000;*/ }
	/*a.menu:visited { color:#FFF; background-color:transparent; }*/
	/*a.menu:hover   { color:#FFF; background-color:#dbff2a; color: #000; }*/
	a.menu:hover   { color:#dbff2a; border-top: solid 3px; border-color: #dbff2a; }
	a.menu:active  { color:#dbff2a; border-top: solid 3px; border-color: #dbff2a; }

/* ---------------- */	

	a.fett			{ display:float left; color: #000; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0 10px 0 0 }
	a.fett:hover 	{ color:#dbff2a;}

/* ---------------- */	

	a.start			{ display:float left; color: #000; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0 10px 0 0 }
	a.start:hover 	{ color:#dbff2a;}

/* ---------------- */	

	a.nav			{ display:float left; color: #000; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0 10px 0 0 }
	a.nav:hover 	{ color:#dbff2a;}

/* ---------------- */	

	a.imptext			{ color: #fff; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-size: 32px; font-weight: bold; }
	a.imptext:hover 	{ color:#dbff2a;}

	h5.imptext { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: bold; padding: 5px 50px 0px 0px;}

/* ---------------- */	
/* ---------------- BASISELEMENTE */	

	#farbe {	height: 20px;
				background-color:#FFF;
			}

	#wrapper {	width:1206px;
				margin:0px auto 0px auto;
				overflow: hidden;
			}

	#logo	{padding: 30px 0 20px 0;
			}

/* ---------------- NAVIGATION */	

	#menu{	padding: 20px 0 15px 0;
			border-right: solid 30px;
			border-bottom: solid 1px;
			border-color: #FFF;
		}


/* ---------------- CONTENT -- ARBEITSFLÄCHE */

	#content{	height:100%;
				border-right: solid 6px;
				border-bottom: solid 30px;
				border-color: #FFF;
				padding:0;
			}

	img.hilfe {  	padding: 0; margin:0;}

/* ---------------- FOOTER */

	#footer{	display: none;
			}




/* ---------------- STARTSEITE */ 

	#startshow 	{ height: 600px;
			}
	#starttext { 	z-index: 80;
					width: 500px; height: 200px; 
					position: absolute;
					top:380px;
					padding:10px 0 0px 40px;
					background-color: #FFF;
					overflow: hidden;
				}


/* ---------------- AUSWAHLSEITE */ 

	img.schmuckpic			{ opacity: 1; border: 0px;}
	img.schmuckpic:hover	{ opacity: 0.6; border: 0px;}


	#schmuckwahl{ 	float:left;
					width: 16,6%; height: 150px; 
					overflow: hidden;
					border: 0px;
				}


/* ---------------- SCHMUCKSEIE */ 


	#slideshow { 	height: 600px; 
				}

	#schmucktext { 	position: absolute;
					top:380px;
					z-index: 80;
					float: left;
					width: 100px; height: 40px; 
					padding:20px 0 0 40px;
					background-color: #FFF;
					overflow: hidden;
				}

/* -- Navigation INFO -------------*/

	#nav{ 	padding:20px 30px 20px 40px;
			background-color: #FFF;
		}

	ul#nav {list-style: none; 
			}

/* ---------------*/

	#start { 	position: absolute;
				top:200px;
				z-index: 80;
				float: left;
				width: 100px; height: 40px; 
				padding:0px 0 0 20px;
				background-color: #FFF;
				overflow: hidden;
		}	

/* ---------------*/
/* ---------------- Person */ 

	#cttext { 	position: absolute;
				top:360px;
				z-index: 80;
				float: left;
				width: 500px; height: 300px; 
				padding:0px 0 0 40px;
				background-color: #FFF;
				overflow: hidden;
}

/* ---------------*/
/* ---------------- Impressum und CO */ 

	#imptext { 	position: absolute;
				top:200px;
				z-index: 80;
				float: left;
				width: 1000px; height: 500px; 
				padding:0px 0 0 40px;
				background-color: #FFF;
				overflow: hidden;
			}



/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* --- 800.css --------------------------------------------------------------------------------------------- */ 	

 	@media only screen and (min-width: 800px) and (max-width: 1200px),
 	only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2)
 	{
 		
/* ---------------- */	

		a.menu { 	font-size: 18px; 
					display:float none; text-align: left; text-decoration:none; 
					width:100%;
					border-top: solid 2px;
        			padding: 10px 10% 5px 20px; 
        		}

/* ---------------- */	
/* ---------------- BASISELEMENTE */	

		#farbe { 	/*height: 20px;*/
				}

		#logo {padding: 20px 0 10px 0px;
				}

		#wrapper {	width:98%;
					margin:0px auto 0px auto;
					overflow: hidden;
				}

		#schmuckwahl{ 	float:left;
						width: 16.666%; height: 150px; 
						overflow: hidden;
					}

		#imptext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%; 
					padding:0px 0 0 40px;
					background-color: #FFF;
				}

	} /* end 800.css */  
 		
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* --- 600.css --------------------------------------------------------------------------------------------- */ 

	@media only screen and (min-width: 550px) and (max-width: 799px)
	{	


/* ---------------- allgemeine Festlegungen TEXT*/	

/* ---------------- */	

	p		{ font-size: 14px; padding: 0 50px 0 0 ;}

	a.logo	{ font-size: 28px; padding: 0 50px 0 20px;}

/* ---------------- */	

		a.menu { 	font-size: 18px; 
					display:float none; text-align: left; text-decoration:none; 
					width:100%;
					border-top: solid 2px;
        			padding: 10px 10% 5px 20px; 
        		}

/* ---------------- */	

	a.start			{ display:none; }
	a.start:hover 	{ display:none; }

/* ---------------- */	

	a.nav		{ display:none; }
	a.nav:hover { display:none;}
	
/* ---------------- */	
/* ---------------- BASISELEMENTE */	

	#farbe {	height: 20px;
			}

	#logo 	{ 	padding: 20px 0 10px 0;
			}

	#wrapper {	width:100%;
				margin:0px auto 0px auto;
				overflow: hidden;
			}

/* ---------------- STARTSEITE */ 

	#startshow { 	height: 600px; 
					/*overflow: hidden;*/
				}

	#starttext { 	/*z-index: 99999;*/
					top:750px;
					width: 100%; 
					/*height: 100%;*/
					padding:10px 0 0px 40px;
				}

/* ---------------- AUSWAHLSEITE */ 

	#schmuckwahl{ 	float:left;
					width: 25%; height: 150px; 
					overflow: hidden;
				}

	#schmucktext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%; 
					padding:20px 0 0 40px;
				}

/* ---------------- Person */ 

	#cttext { 	position: static;
				z-index: 0;
				width: 100%; 
				height :100%;
				padding:0px 0 0 40px;
			}

/* ---------------*/
/* ---------------- Impressum und CO */ 

	#imptext { 	position: static;
				z-index: 0;
				float: left;
				width: 100%; height: 100%; 
				padding:0px 0 0 40px;
			}


	} /* end 600.css */  
	
	
	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */		
/* --- 300.css --------------------------------------------------------------------------------------------- */ 

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

/* ---------------- */	
/* ---------------- allgemeine Festlegungen TEXT*/	
/* ---------------- */	

	p		{ font-size: 14px; padding: 0 50px 0 0 ;}

	a.logo	{ font-size: 28px; padding: 0 50px 0 20px;}

/* ---------------- */	

	a.menu 	{ 	font-size: 20px; 
				display:float none; text-align: left; 
				width:100%;
				border-top: solid 0px;
        		padding: 5px 600px 5px 20px; 
        	}
        
	a.menu:hover   { border-top: 0px; }
	a.menu:active  { border-top: 0px; }

/* ---------------- */	

	a.start			{ display:none; }
	a.start:hover 	{ display:none; }

/* ---------------- */	

	a.nav		{ display:none; }
	a.nav:hover { display:none;}
	
/* ---------------- */	
/* ---------------- BASISELEMENTE */	

	#farbe {	height: 20px;
			}

	#logo 	{ 	padding: 20px 0 10px 0;
			}

	#wrapper {	width:100%;
				margin:0px auto 0px auto;
				overflow: hidden;
			}

/* ---------------- STARTSEITE */ 

	#startshow { 	height: 600px; 
					/*overflow: hidden;*/
				}

	#starttext { 	/*z-index: 99999;*/
					top:800px;
					width: 100%; 
					padding:10px 0 0px 40px;
				}

/* ---------------- AUSWAHLSEITE */ 

	#schmuckwahl{ 	float:left;
					width: 25%; height: 150px; 
					overflow: hidden;
				}

	#schmucktext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%; 
					padding:20px 0 0 40px;
				}

/* ---------------- Person */ 

	#cttext { 	position: static;
				z-index: 0;
				width: 100%; 
				height :100%;
				padding:0px 0 0 40px;
			}

/* ---------------*/
/* ---------------- Impressum und CO */ 

	#imptext { 	position: static;
				z-index: 0;
				float: left;
				width: 100%; height: 100%; 
				padding:0px 0 0 40px;
			}


	} /* end 300.css */  
	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* ---------------- */	
/* --- phone4s.css --------------------------------------------------------------------------------------------- */ 



 	@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
 	{

/* ---------------- allgemeine Festlegungen */
/* ---------------- allgemeine Festlegungen TEXT*/	
	h1{ font-size: 60px; font-weight: bold; }
	h2{ font-size: 36px; font-weight: bold; }
	h3{ font-size: 28px; font-weight: bold; padding: 20px 120px 10px 10px;}
	h4{ font-size: 32px; font-weight: bold; padding: 20px 120px 10px 0px;}
	h5{ font-size: 32px; font-weight: bold; padding: 20px 50px 0px 0px;}
	h6{ font-size: 30px; font-weight: normal; font-style: italic; padding: 0px 50px 0px 0px;}

/* ---------------- */	

	p{ font-size: 26px; font-weight: normal; padding: 0 50px 10px 0px ;}

	a		{ font-size: 18px; font-weight: normal;}


/* ---------------- */	

	a.logo			{ font-size: 50px; font-weight: bold; padding: 0 50px 0 40px; }

/* ---------------- */	

	a.menu { 	font-size: 32px; font-weight: bold;
				text-align: center; 
				border-top: solid 1px;
        		padding: 15px 20px 10px 40px; 
        }
        
	a.menu:hover   { color:#dbff2a; border-top: solid 3px; border-color: #dbff2a; }
	a.menu:active  { color:#dbff2a; border-top: solid 3px; border-color: #dbff2a; }

/* ---------------- */	


/* ---------------- */	

	a.fett			{ font-size: 22px; font-weight: bold; padding: 0px 40px 0 0px }

/* ---------------- */	

	a.start			{ display:none; }

/* ---------------- */	

	a.nav		{ display:none;}

/* ---------------- */	

/* ---------------- */	

/* ---------------- BASISELEMENTE */	

	#farbe { 	height: 20px;
				background-color:#FFF;
				z-index: 9999;
			}

	#wrapper {	width:100%;
				margin:0px auto 0px auto;
				overflow: hidden;
			}

	#logo{	padding: 30px 0 20px 0;
			}

/* ---------------- NAVIGATION */	
	#menu{ 	padding: 20px 0 15px 0;
			border-right: solid 30px;
			border-bottom: solid 1px;
			border-color: #FFF;
		}


/* ---------------- CONTENT -- ARBEITSFLÄCHE */

	#content{	width: 100%;
				height:100%;
				border-right: solid 0px;
				border-bottom: solid 0px;
				border-color: #FFF;
				padding:0;
			}

		img.hilfe {padding: 0; margin:0;}

/* ---------------- FOOTER */

/* ---------------- STARTSEITE */ 

	#startshow { 	position: relative;
					width:100%;
					border-bottom: 20px;
				}

	#starttext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%;
					padding:20px 0 0 40px;
					/*font-size: 26px*/
				}
				
	#starttext p { font-size: 28px; max-width: 90%;}
								
	#schmucktext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%; 
					padding:20px 0 0 40px;
				}
				

/* ---------------- AUSWAHLSEITE */ 

	img.schmuckpic			{ opacity: 1}
	img.schmuckpic:hover	{ opacity: 0.6}


	#schmuckwahl{ 	float:left;
					width: 20%; height: 150px; 
					overflow: hidden;
				}


/* ---------------- SCHMUCKSEIE */ 


	#slideshow { 	width:100%;
				}

	img.slides{ width:100%;
				left: -400px;
				}

	#schmucktext { 	position: static;
					z-index: 0;
					float: left;
					width: 100%; height: 100%; 
					padding:20px 0 0 40px;
				}

/* ---------------*/

	#nav{ 	padding:20px 20px 0px 40px;
			background-color: #FFF;
		}

	ul#nav { list-style: none; 
			float: left;
			width: 100%;
			background-color: #FFF;
			}
	
	ul#nav li { 	list-style: none; 
					float: left;
					background-color: #fff;
				}

/* ---------------*/

	#start { 	position: absolute;
				top:200px;
				z-index: 80;
				float: left;
				width: 100px; height: 40px; 
				padding:0px 0 0 20px;
		}

/* ---------------*/
/* ---------------- Person */ 

	#cttext { 	position: static;
				z-index: 0;
				width: 100%; 
				height :100%;
				padding:0px 0 0 40px;
		}

/* ---------------*/
/* ---------------- Impressum und CO */ 

	#imptext { 	position: static;
				z-index: 0;
				float: left;
				width: 100%; height: 100%; 
				padding:0px 0 0 40px;
			}
			
	#imptext p { font-size: 12px; padding: 0 50px 10px 0px; max-width: 80%;}
	#imptext a { font-size: 14px; font-weight: bold; padding: 0 50px 50px 0px; max-width: 80%;}
	#imptext h5 { font-size: 14px; padding: 20px 50px 10px 0px; max-width: 80%;}

 	} /* end phone4s.css */