body {
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif;
	background-color: #F8F7E9; 
	text-align: center;
	margin: 0;
	padding: 0;
	}

	h1 { margin:0; padding:0;}
#rahmen {
	background: #FAFAC8;
	text-align: left;
	margin: 0.8% auto;
	width:98%;
	height:100%;
	border: solid 0.1em #360;
	}
	
* html #rahmen {
	width: 81%;
	w\idth: 98%;
	height:100%;
}

a {
	text-decoration: underline;
	}

a:link {
	color: #234d60
	}

a:visited {
	color: #628a9f;
	}

a:focus, a:hover, a:active {
	color: #bd1823;
	}


#kopf {
	background: #01A23B url(bilder/startseite/medica-obenstart-3.jpg) left top no-repeat;
	padding:0;
	width:100%;
	height:200px;
	}
#kopf h1 {
	color: #FFF;
	font-size: 110%;
	font-family:Arial, "helvetica", sans serif;
	 float:right; 
	 width:800px;
     text-align:left;padding-top:150px;
	 letter-spacing:0.1ex;

	}
/* Inhalt */
#inhalt {padding-top:10px;
	text-align: left;
	height:630px;
	
	}

#inhalt_links {
	background: #FAFAC8 url(bilder/startseite/medica-haus-startseite_2.jpg) left bottom no-repeat;
	width: 60%;
	float: left;
	height:630px;
	/* ich setz den Border zum Element das nicht für die Rundungsfehler etwas verkleinert wurde */
	
	}

#inhalt_rechts {
	background-color: #FAFAC8;
	width:40%; /* Bei sehr kleinen Schriftgraden führen die Rundungsfehler sons zu unerwünschten Ergebnissen */
	float: right;
	height:630px;
	
	}



#inhalt p {
	font-size: 85%;
	line-height: 150%;
	margin: 2em 20px;
	}

.stopFloat {
	font-size: 0;
	line-height: 0;
	display: block;
	height: 1px;
	float: none;
	clear: both;
	}