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

/* =================== Kalibrierung ==================== */

body 
	{ 
	background-color:#FFF;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	}
	
h1,h2
	{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.5em;
	}
	
h1 
	{
	font-size:1.8em;
	margin-top:0.5em;
	font-weight:600;
	}

h2 
	{
	font-size:1.2em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	line-height:1.2em;
	}

p
	{
	margin-top:1em;
	margin-bottom:0;
	}

a, a:visited, a:active, a:hover
	{
	color:#34B5DB;
	text-decoration:none;
	}

/*a:active, a:hover
	{
	text-decoration:none;
	font-weight:600;
	}*/

/* =================== Ebenen ==================== */

	  
#wrapper
	{
	max-width:950px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;	
	}

#header
	{
	float:left;
	background-color:#E7F9FF;
	width:96.5%;
	margin-bottom:-0.5em;
	}

#titel
	{
	width:75%;
	float:left;
	padding-left:4%;
	}

#content  
	{
	float:left;
	width:96.5%;
	padding-top: 1%;
	background-color:#E7F9FF;
	border-bottom: #34B5DB solid 0.5px;
	}

#text
	{
	width:76%;
	float:left;
	padding-left:4%;
	padding-bottom: 2%;
	}

#footer 
	{
	width:94%;
	float:left;
	padding-left:2%;
	padding-bottom: 2%;
	text-align:center;
	background-color:#E7F9FF;
	}

/* =================== Kacheln Einstiegsseite ==================== */
#kacheln
	{
	width:90%;
	float:left;
	padding-left:2%;
	size:auto;
	}

#kacheln a, #kacheln a:visited
	{
	text-decoration:none;
	padding:15% 0%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	}

#kacheln a:active, #kacheln a:hover
	{
	text-decoration:none;
	padding:15% 0%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	}

.fusspflege
	{
	background-image:url(../images/kachel_fusspflege.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:40%;
	height:auto;
	float:left;
	margin:2%;
	}

.fusspflege:hover
	{
	background-image:url(../images/kachel_fusspflege_hover.jpg);
	}

.produkte
	{
	background-image:url(../images/kachel_produkte.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:40%;
	height:auto;
	float:left;
	margin:2%;
	}

.produkte:hover
	{
	background-image:url(../images/kachel_produkte_hover.jpg);
	}

.persoenliches
	{
	background-image:url(../images/kachel_persoenlich.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:40%;
	height:auto;
	float:left;
	margin:2%;
	}
	
.persoenliches:hover
	{
	background-image:url(../images/kachel_persoenlich_hover.jpg);
	}
	
.kontakt
	{
	background-image:url(../images/kachel_kontakt.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:40%;
	height:auto;
	float:left;
	margin:2%;
	}

.kontakt:hover
	{
	background-image:url(../images/kachel_kontakt_hover.jpg);
	}

.headerimage
	{
	width:100%;
	margin-top:1%;
	}

/* =================== Navigation ==================== */

#navi 
	{
	position:inherit;
	width:96.5%;
	float:left;
	background-color:#34B5DB;
	/*padding-bottom: 1%;*/
	text-align:center;
	}

#navi ul
	{
	/*width:96.5%;*/
	}

#navi li
	{
	display:inline;
	list-style-type:none;
	}

#navi a, #navi a:visited
	{
	color:#000;
	margin: 0%;
	padding-top:1.8%;
	padding-bottom: 1.9%;
	padding-left:1.5%;
	padding-right:1.5%;
	font-weight:400;
	font-size: 1.2em;
	text-decoration:none;
	background-color:#34B5DB;
	}

#navi a:active, #navi a:hover, #navi a.aktiv
	{
	font-weight:400;
	color:#000;
	background-color:#E7F9FF;
	text-decoration:none;
	}

/* =================== Klassen ==================== */

.logo
	{
	float:right;
	width: 18%;
	margin:1%;
	}
	
.imagerechts
	{
	float:right;
	width: 40%;
	height:auto;
	margin-left:2%;
	margin-bottom:2%;
	margin-top:2%;
	}
	
.imagelinks
	{
	float:left;
	width: 40%;
	height:auto;
	margin-right:2%;
	margin-top:3%;
	}
	
.imagecontent
	{
	width:25%;	
	}