body { 
	font: 12px/16px arial, helvetica, verdana, sans-serif; 
	color: #555; 
	background: #FEF3CF url(Bilder/bg_left.gif) repeat-y;
	margin: 0; 
	padding: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #003399;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #CC9900;
}
a.active {
	text-decoration: none;
	font-weight: bold;
	color: #CC9900;
}
#container {
	margin: 0;
	padding: 0;
}

#navi {
	padding-bottom:10px;
}

#navi p, #haupt p {
	margin: 0;
	padding: 8px 30px 4px 18px;
}
#navi .p1 {
	font-weight: bold;
	color: #777;
	font-size:130%;
}

#haupt, #links {
	margin: 0;
	padding: 0;
	width: 303px;
}	
h1 {
	margin: 0;
	padding: 0;
	width: 303px;
	height: 155px;
	background: url(Bilder/h1.jpg) no-repeat transparent;
}
h1 span {
	display: none;
}

h2 {
	margin: 0 0 9px 0;
	padding: 0;
	width: 303px;
	height: 37px;
	background: url(Bilder/h2.gif) no-repeat transparent;
}
h2 span {
	display: none;
}

#haupt h3 {
	margin: 5px 0 0;
	padding: 10px 0 0 10px;
	font-size:16px;
	color:#1D4787;
	width: 303px;
	height: 36px;
	background: url(Bilder/titel_links.jpg) no-repeat transparent;
}

#text {
	position: absolute;
	top: 27px;
	left: 303px;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:justify;
	background: url(Bilder/support_bg.gif) repeat-y top right;
}
#text h3, #text p {
	margin: 0;
	padding: 0 30px 10px 5px;
}

#text2 {
	background: url(Bilder/so_what_bg.gif) no-repeat top right transparent;
}

#text2 h3 {
	margin: 0 15px 20px 0;
	padding: 10px 0 0 0;
	font-size:17px;
	color:#1D4787;
	height: 26px;
	background-color:#F7D077;
	
}

#text2 h4 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 36px;
	background: url(Bilder/titel_arthrose.jpg) no-repeat transparent;
}

#text2 h5 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 36px;
	background: url(Bilder/titel_gelenke.jpg) no-repeat transparent;
}

#text2 h6 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 36px;
	background: url(Bilder/titel_gelenkknorpel.jpg) no-repeat transparent;
}

#text2 h2 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 36px;
	background: url(Bilder/titel_ernaehrung.jpg) no-repeat transparent;
}

#text2 h1 {
	margin: 0 15px 20px 0;
	padding: 0;
	height: 36px;
	background: url(Bilder/titel_impressum.jpg) no-repeat transparent;
}

#text2 h3 span, #text2 h4 span, #text2 h5 span, #text2 h6 span, #text2 h2 span, #text2 h1 span {
	display: none;
}


#footer {
	position: relative;
	margin: 25px 15px 0 -14px;
	padding: 3px 0 0 20px;
	background: url(Bilder/foot.jpg) no-repeat;
	height: 23px;
	color:#003399;
}
#footer a {
	color: #1D4787;
	vertical-align: middle;
}

ul {
	margin: 7px 0 7px 20px;
	padding: 0;
}
li {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}

.img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}