@charset "UTF-8";
/* CSS Document */


body 	{
		background-image:url(img/hg.png);
		font-size: 2em;
		background-color:#232323;
		background-attachment:fixed;}

#logo 	{
		width:100%;
		background-color: #232323;
		z-index:4; 
		position:fixed; 	
		left:50%;
		right:auto;
		top:10px;
		margin-left:-396px;
	}
	
#logoplatzhalter	{
					z-index:3; 
					position:fixed; 
					width:100%;
					height:98px;
					top:0;
					background-color: #232323;
					}

#fb {z-index:7; 
	position:relative;
	top:120px;
	right:20px; 
	float:right;}

#gbook {
		position:relative;
		top:180px;
		}
		
#startfoto {
			z-index:1;
			position: relative;
			top: 350px;
			left:50%;
			right:auto;
			margin-left:-525px;
			float: left;
			}
			
			
#starttext 	{
				z-index:2;
				color: #EDEDED;
				position: absolute;
				top:200px;
				width:800px;	
				left:50%;
				right:auto;
				margin-left:-400px;
				padding-bottom:50px;
				}
#starttext2 	{
				position: relative;
				top:400px;
				width:800px;	
				left:50%;
				right:auto;
				margin-left:-400px;
				padding-bottom:50px;
				}
				
#wir	{
				z-index:2;
				color: #EDEDED;
				position: absolute;
				top:200px;
				width:800px;	
				left:50%;
				right:auto;
				margin-left:-400px;
				padding-bottom:50px;
				}
.bild {position:relative;
padding: 20px;
left:-20px;}

.bild2 {position:relative;
margin: -40px 0 0 0;
}

#pflege, #preise	{
				
					padding:40px 20px 40px 20px;
					color: #BFBFBF;
					position: relative;
					margin-top:150px;
					width:700px;	
					left:50%;
					right:auto;
					margin-left:-370px;
					padding-bottom:50px;
					text-align:left;
					}
	
#galerie	{
			color: #EDEDED;
			position: relative;
			top:200px;
			width:70%;	
			max-width:1200px;
			left:50%;
			right:auto;
			margin-left:-600px;
			padding-bottom:50px;
			text-align:justify;
			}
	
	

		
		

			
	
#kontakttext		{
					float left;
					color: #EDEDED;
					position: relative;
					top:200px;
					width:650px;	
					max-width:1200px;
					left:50%;
					right:auto;
					margin-left:-300px;
					padding-bottom:50px;
					text-align:justify;
					}
					
#kontaktbox		{
					float:left;
					color: #EDEDED;
					position: relative;
					top:200px;
					width:650px;	
					max-width:1200px;
					left:50%;
					right:auto;
					margin-left:-300px;
					padding-bottom:50px;
					text-align:justify;
					}

p 		{
		text-transform:none;
		letter-spacing: 2px;
		line-height: 1.5;
		font-size: 40%;
		font-family: 'Lato', sans-serif;
		font-weight: 200;
		-webkit-font-weight: 400;
		color: #BFBFBF;
		
		}
		
h1 		{
		color:#FC0;
		letter-spacing: 2px;
		text-transform:uppercase;
		font-size: 90%;
		font-family: 'Lato', sans-serif;
		font-weight: 500;
		text-align:left;
		}

h2 		{
		color: #BFBFBF;
		letter-spacing: 2px;
		text-transform:uppercase;
		font-size: 60%;
		font-family: 'Lato', sans-serif;
		font-weight: 100;
		}

h3 		{
		color:#FC0;
		letter-spacing: 2px;
		text-transform:none;
		font-size: 60%;
		font-family: 'Lato', sans-serif;
		font-weight: 200;
		text-align:left;
		}
		
h4 		{
		color:#FC0;
		letter-spacing: 2px;
		text-transform:uppercase;
		font-size: 90%;
		font-family: 'Lato', sans-serif;
		font-weight: 500;
		text-align:middle;
		}


h5 		{
		color: #BFBFBF;
		letter-spacing: 2px;
		text-transform:uppercase;
		font-size: 40%;
		font-family: 'Lato', sans-serif;
		font-weight: 100;
		}
		
		/*
@media (max-width:600px) 
{
	
	h1 {
		font-size: 70%;
}

p {
font-size: 40%;
}
}
@media (min-width:1000px) {
	
#pflege{
	color: #EDEDED;
		position: relative;
		margin-top:150px;
		
		width:900px;	
	left:50%;
	right:auto;
	margin-left:-450px;
		padding-bottom:50px;
		text-align:justify;
	}
	
	#preise{
	color: #EDEDED;
		position: relative;
		top:200px;
		width:900px;	
	left:50%;
	right:auto;
	margin-left:-450px;
		padding-bottom:50px;
		
	}
}