/* = Reset*/

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	margin : 0; padding : 0; 
	}

/* Normalizes font-size for headers */

h1,h2,h3,h4,h5,h6 { 
	font-size : 100%; 
	font-weight : normal; 
	}
/* removes style from lists */
ol, ul {
	list-style: none;
}

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var	{ 
	font-style : normal; 
	font-weight : normal; 
	}

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
	}

/* Removes border from fieldset and img */

fieldset,img { 
	border : 0; 
	}

/* Left-aligns text in caption and th */

caption,th { 
	text-align : left; 
	}

/* Removes quotation marks from q */

q:before, q:after { 
	content :''; 
	}
	
/* =Typography */

body {
	font: 85%/1.8 "Book Antiqua", Baskerville, Garamond, "Times New Roman", serif;
}

h1 {
	font-size: 1.7em;
	letter-spacing: 0.0125em;
	color: #f60;
}

h2{
	font-size: 1.5em;
	letter-spacing: 0.0125em;
	margin-bottom: 0.2em;
}

h3 { 
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: 0.0125em;
	margin: 10px 0 14px 0;
}

p, li {
	font-size: 1.05em;
	line-height: 1.2em;
	letter-spacing: 0.0125em;
	margin: 10px 0 0 0;
}

strong { font-weight : bold; }

a {color:#378A42;}

/* =Layout */

html{
	background-image: url(../images/HG.png);
	background-repeat: no-repeat;
	background-color: #fff4cb;
}

#wrapper{
	width: 900px;
	margin: 0 auto;
}

#container{
	display: block;
	float: left;
	background-image: url(../images/wrapper-hg.png);
	background-repeat: repeat-y;
}

#header{
	display: block;
	float: left;
	width: 900px;
	height: 250px;
	margin: 20px 0 0 190px;
	background-image: url(../images/schiftzug.png);
	background-repeat: no-repeat;
}

#header h1{margin-left: -9999px;}

#header h2 {
	display: block;
	float: left;
	margin: -28px 0 0 -160px;
	font-size: 2em;
	color: #777;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 0 10px;
}

/* =Navigation */

#navigation {
	display: block;
	float: left;
}

#navigation ul {
	width: 900px;
	margin: 20px 0 0 200px;
	text-align: left;
}

#navigation li {
	display: block;
	float: left;
	vertical-align: middle;
	padding: 0 10px 2px 10px;
	border-right: 2px solid #777777;
}

#navigation li.last {border: none;}


#navigation ul li a {
	font-size: 1.175em;
	text-decoration: none;
	color: #000;
}


#navigation li.nav {font-size: 1.2em;}

#navigation ul li a:hover{color: #f60;}


/* =Content */

img {border: 1px solid #eee;}

#content{
	display: block;
	float: left;
	clear: right;
	width: 670px;
	min-height: 540px;
	margin: 30px 0 40px 190px;
	padding-bottom: 20px;
	background-image: url(../images/content-hg.png);
	background-repeat: repeat-y;
}

#content h1, #content h2, #content h3, #content h4 {
	display: block;
	float: left;
	clear: right;
	width: 670px;
	color: #777;
	margin: 10px 0 10px 80px;
}

#content h3{
	font-weight: bold;
}

#content img {
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 0 80px;
}

#content p, #content ul {
	display: block;
	float: left;
	clear: left;
	width: 500px;
	margin: 10px 0 10px 80px;
}

#content p.mich1, #content p.mich2 { 
	float: right;
	clear: both;
	width: 380px; 
}

#content p.mich1{margin: -180px 60px 10px 0;}


#content p.mich2{margin: -118px 60px 10px 0;}

#content ul {
	margin: -10px 0 10px 140px;
}

#content li {
	list-style: disc outside;
}

#zimmer {
	width: 560px;
	height: 140px;
	display: block;
	margin-left: 80px;
}

#zimmer img {
	display: block;
	float: left;
	clear: right;
	margin: 0 4px 0 0;
}

#content img.diagnostik{
	display: block;
	width: 180px;
	float: left;
	clear: right;
	margin: 0 -76px 0 80px;
}

#content img.therapie, #content img.therapie2 {
	display: block;
	width: 180px;
	float: left;
	clear: right;
	margin: 0 0 0 80px;
}

#content p.therapie{
	display: block;
	float: right;
	clear: left;
	width: 380px;
	margin: -135px 10px 0 0;
}

#content p.therapie2 {
	display: block;
	float: right;
	clear: left;
	width: 380px;
	margin: -180px 10px 0 0;
}

#content h2.kontakt, #content h2.impressum, #content h3.impressum {
	margin-bottom: 0;
}

#content p.impressum{
	margin-top: 4px;
	width: 560px;
}

/* =Footer */

#footer {
	display: block;
	width: 900px;
	float: left;
	padding: 0 0 20px 0;
}

#footer p.foot {
	display:block;
	width: 480px;
	margin: 0 0 10px 280px;
	line-height: 1.4em;
}