html,
	body {
		margin:0;
		padding:0;
		height:100%;
	}
	html{
		overflow-y: scroll;
		}
	#container {
		min-height:100%;
		position:relative;
	}
	#header {
		background:#ebebe3;
		text-align:right;
		padding:10px;
		min-width: 914px;
		height:60px;			/* Height of the footer */
	}
	#body {
		padding:10px;
		width:876px;
		padding-bottom:60px;	/* Height of the footer */
		margin:auto;
	}
	#footer {
		position:absolute;
		bottom:0;
		height:60px;			/* Height of the footer */
		width:100%;
		min-width: 934px;
		background:#ebebe3;
	}
	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		padding:10px;
		min-width: 894px;
	}
	
	.fb{
		float: right;
		padding-right: 60px;
		}
		
	.google{
		float: right;
		padding-right: 15px;;
	}
	
	section#logo {text-align:center; margin-top: 15px; margin-bottom: 15px;}
	
	section#portfolio { margin-top: 15px; }
	
	#hauptnav {margin-left:-45px; width:950px; text-align:left;}

	#hauptnav ul {display: inline; list-style-type: none;}
	
	#hauptnav ul li {font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight:bold; display: inline; padding-left: 5px; padding-right: 37px;}
	
	section#text{ margin-top: 25px; margin-bottom: 25px; }
	
	.welcome {font-family: Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; color:#3a3a3a;}
	
	h1 { font-family: Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; color:#3a3a3a; text-align: center; position: absolute; margin-top: -7px; padding-left: 15px; padding-right: 15px; /* width: 100%; */ background-color: #FFFFFF;}
	
	h1#home{ margin-left: 305px; }
	h1#ideen{ margin-left: 350px; }
	h1#angebote{ margin-left: 350px; }
	h1#praxis{ margin-left: 365px; }
	h1#buch{ margin-left: 382px; }
	h1#kontakt{ margin-left: 384px; }
	h1#impressum{ margin-left: 382px; }
	
	hr {border: 0; width: 80%;background-color: #3a3a3a; height: 1px; }
	.rezesionen{ font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; color:#3a3a3a; }
	
	.zitatrechts { margin-left: 450px; }
	.zitatmiddle{ text-align:center; margin-left:100px; margin-right:130px; }
	
	.angebotlinks { float:left;}
	.angebotlinks_k { float:left; margin-left: 40px;}
	.angebotrechts_k { float:right; margin-right: 410px;}
	.angebotrechts { float:right; margin-right: 5px;}
	.angebotrechts_b { float:right; margin-right: 188px;}
	.angebotrechts_c { float:right; margin-right: 65px; margin-top: -60px;}
	.clear { clear: both; }
	.linksunter { margin-left: 10px; }
	.contenttext {color:#3a3a3a; border-top:4px solid #ebebe3; border-bottom:1px solid #ebebe3; border-left:1px solid #ebebe3; border-right:1px solid #ebebe3; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 10px;}
	
	.textheader{text-align:center;}
		
	.footertext{
		font-family: Arial, Verdana, sans-serif;
		font-size:12px; 
		font-weight:bold;
		text-align: center;
		margin-top:14px;
		}
		
	a {
	color: #e8e8e8;
	text-decoration: none;
	}

	.active{
		border-bottom:5px solid #ebebe3;
	}

	a:active {
		color: #3d3d3d;
		text-decoration: none;
	}

	a:link {
		color: #3d3d3d;
		text-decoration: none;
	}

	a:visited {
		color: #3d3d3d;
		text-decoration: none;
	}

	a:focus {
		color: #3d3d3d;
		text-decoration: none;
	}

	a:hover {
		color: #3d3d3d;
		text-decoration: none;
	}
	
	/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 350px;
  z-index: 100;
  padding-left:5px;
  padding-right:5px;
  color: #000000; 
  border:1px solid #000000; 
  background: #ebebe3;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: #ebebe3;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 180px; 
  font: 18px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px Verdana, sans-serif; 
   text-align: center;
   border: 1px dashed black;
   }