html
{background: url(../bilder/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@font-face {      
	font-family: "Raleway";
	src: url("/fonts/Raleway-Regular.ttf") format("woff2-variations"); 
}
@font-face {      
	font-family: "Baumans";
	src: url("/fonts/Baumans-Regular.ttf") format("woff2-variations"); 
}

html, body{
width: 100%;
min-height:100%;
}

#rahmen{
position:absolute;
top:0;
left:0;
z-index:70;
overflow:hidden;
width:100%;
}


#site{

	margin:auto;
	width:1024px;
	height:768px;
	background-image:url(../bilder/content-bg.png);

	}
#inhalt{
	position:absolute;
font-family: 'Raleway', Helvetica, Arial, sans serif; 
font-size:15px;
	margin-left:275px;
	margin-top:230px;
	width:475px;
	height:440px;
	
	}
#inhalt a{
	font-family: 'Raleway', Helvetica, Arial, sans serif;
font-size:15px;
text-decoration:underline;
color:#000;
display:inline;
	}
h1{
	font-size:24px;}
#wann{
	height:216px;
	width:216px;
	position:absolute;
	margin-left:50px;
	margin-top:120px;
	}
	#wann a{
	background-image:url(../bilder/familenhilfe-bg.png);
	background-repeat:no-repeat;
	height:216px;
	width:216px;
	font-size:29px;
	padding-top:65px;

	}
	#wann a:hover{
	background-image:url(../bilder/familenhilfe-bg-hover.png);
	background-repeat:no-repeat;


	}

#wie{

	height:164px;
	width:164px;
	position:absolute;
	margin-left:48px;
	margin-top:365px;
	}
	#wie a{
	background-image:url(../bilder/wir-helfen-bg.png);
	background-repeat:no-repeat;
	height:164px;
	width:164px;
	font-size:22px;
	padding-top:45px;

	}
	#wie a:hover{
	background-image:url(../bilder/wir-helfen-hover.png);
	background-repeat:no-repeat;

	}
	
	

#wer{

	height:188px;
	width:188px;
	position:absolute;
	margin-left:125px;
	margin-top:580px;
	}
	
#wer a{
	background-image:url(../bilder/kosten-familienpflege-bg.png);
	background-repeat:no-repeat;
	height:188px;
	width:188px;
	font-size:22px;
	padding-top:45px;
		
		}
	#wer a:hover{
			background-image:url(../bilder/kosten-familienpflege-hover.png);
		}

#start{
	height:97px;
	width:97px;
	position:absolute;
	margin-left:18px;
	margin-top:553px;
	}
	
#start a{
	background-image:url(../bilder/familienhilfe-start-bg.png);
	background-repeat:no-repeat;
	height:97px;
	width:97px;
	font-size:23px;
	padding-top:35px;
		}
	#start a:hover{
		background-image:url(../bilder/familienhilfe-start-hover.png);
	}
	
#impressum{
	height:97px;
	width:97px;
	position:absolute;
	margin-left:620px;
	margin-top:635px;
	}
	
#impressum a{
	background-image:url(../bilder/familienhilfe-impressum.png);
	background-repeat:no-repeat;
	height:97px;
	width:97px;
	font-size:18px;
	padding-top:37px;
		}
	#impressum a:hover{
		background-image:url(../bilder/familienhilfe-impressum-bg.png);
	}
#datenschutz{
	height:97px;
	width:97px;
	position:absolute;
	margin-left:505px;
	margin-top:675px;
	}
	
#datenschutz a{
	background-image:url(../bilder/familienhilfe-impressum.png);
	background-repeat:no-repeat;
	height:97px;
	width:97px;
	font-size:18px;
	padding-top:30px;
		}
	#datenschutz a:hover{
		background-image:url(../bilder/familienhilfe-impressum-bg.png);
	}


#kontakt{

	height:144px;
	width:144px;
	position:absolute;
	margin-left:255px;
	margin-top:55px;
	}
	
	#kontakt a{
	background-image:url(../bilder/kontakt-familienpflege-bg.png);
	background-repeat:no-repeat;
	height:144px;
	width:144px;
	font-size:29px;
	padding-top:50px;
		}
	#kontakt a:hover{
		background-image:url(../bilder/kontakt-familienpflege-hover.png);
		}
#hot{
	
	height:183px;
	width:183px;
	position:absolute;
	margin-left:575px;
	margin-top:52px;
	}
	#hot a{
	background-image:url(../bilder/familienpflege-bg.png);
	background-repeat:no-repeat;
	height:183px;
	width:183px;
	font-size:23px;
	padding-top:30px;
		}
		
	#hot a:hover{
			background-image:url(../bilder/familienpflege-hover.png);
		}
a{
	font-family: 'Baumans', Helvetica, Arial, sans serif;
	color:#FFF;
		display:block;
		text-align:center;
		text-decoration:none;
	}

#coaching{
	height:142px;
	width:142px;
	position:absolute;
	margin-left:430px;
	margin-top:25px;
	}
	
#coaching a{
	background-image:url(../bilder/familienhilfe-hot-bg.png);
	background-repeat:no-repeat;
	height:142px;
	width:142px;
	font-size:22px;
	padding-top:40px;
		}
	#coaching a:hover{
		background-image:url(../bilder/familienhilfe-hot-hover.png);
	}