* {
margin: 0em; 
padding: 0em;
}

* a img{
	border: none;
}

img {
	border: none;
}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-color: #aaaa77;
}

#container {
	width: 53.8125em;
	margin: 1.75em auto;
	background-color: #fff;
	
}

/* Im Header: Logo, Fotos, Links, Sie sind hier */

#header {
	width:861px;
}


#logo_nav {
	width: 218px;
	float: left;
}

#logo {
	width: 217px;
	height: 115px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: url(../bilder/logo.gif) no-repeat;
	float: left;
}



#nav {
	width: 217px;
	float: left;
}

#nav ul {
	
	width: 217px;
	float: left;
	list-style-type: none;
	
}

#nav ul li {
	width: 217px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
}


#nav ul li a {
	display: block;
	width: 174px;
	height: 17px;
	background-color: #42877a;
	color: #fff;
	text-decoration: none;
	font-size: 0.65em;
	padding-top: 3px;
	padding-right: 43px;
	text-align: right;
	
}

#nav ul li a:hover, #nav ul li a.hier {
	background-color: #992c26;
	width: 174px;
	height: 17px;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 43px;
	text-align: right;
}




#fotos {
	width: 643px;
	float: left;
}

.foto1_pos {
	width: 20em;
	border: 1px solid #fff;
	float: left;
}

.foto2_pos {
	width: 20em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	float: left;
}

#siesindhier {
	width: 40.0625em;
	height: 1.25em;
	background: #992c26;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float: left;
}

#siesindhier p {
	color: #fff;
	font-size: 0.65em;
	margin: 0.4em 0 0 15px;
}


/* Ende Header */




/* Anfang content */

#inhalt {
	width: 53.8125em;
	clear: left;
	float: left;
	background: url(../bilder/baelle_ueberuns.gif) repeat-y;
	background-position: 0 50px;
}

#inhalt_therapien {
	width: 53.8125em;
	clear: left;
	float: left;
	background: url(../bilder/baelle_therapien.gif) repeat-y;
	background-position: 0 50px;
}

#inhalt_impressum {
	width: 53.8125em;
	clear: left;
	float: left;
	background: url(../bilder/baelle_impressum.gif) repeat-y;
	background-position: 0 50px;
}

#inhalt_start {
	width: 53.8125em;
	clear: left;
	float: left;
	background: #fff;
	
}
#vor_content {
	width: 217px;
	height: 30px;
	float: left;
	border-right: 1px solid #fff;

	
	
}

#content {
	width: 40.1875em;
	background-color: #fff;
	float: left;
	
}

#inhalt_impressum #content p {
	width: 580px;
	
}

#content p a, #content p a:visited, #content ul.liste li a:visited, #content ul.liste li a {
	text-decoration: underline;
	color: #992c26;
}

#content p a:hover, #content ul.liste li a:hover {
	text-decoration: underline;
	color: #42877a;
}


#content ul.liste li {
	margin-bottom: 0.8em;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.5em;
}

#content ul li a {
	color: #42877a;
}

#content ul li {
	margin-bottom: 0.3em;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.5em;
} 

#content ul.liste li ul {
	margin: 0;
	font-size: 1em;
	
}

#content ul.liste li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content ul.liste li ul.space {
	margin-top: 0.5em;
}

h1 {
	font-size: 1.1em;
	font-weight: lighter;
	color: #aaa;
	margin: 2em 0 1.3em 15px;
	padding-bottom: 12px;
	border-bottom: 1px solid #bbb;
	width: 580px;
}

h1 span {
	font-size: 0.8em;
	
}

h2 {
	clear: left;
	font-size: 0.8em;
	font-weight: bold;
	color: #aaa;
	margin: 3em 0 1.3em 15px;
	padding-bottom: 12px;
	border-bottom: 1px solid #bbb;
	width: 580px;
	
}
h3 {clear: left;
	font-size: 1.1em;
	font-weight: lighter;
	color: #aaa;
	margin: 2em 0 1.3em 15px;
	padding-bottom: 12px;
	border-bottom: 1px solid #bbb;
	width: 580px;
	
}
h4 {
	clear: left;
	font-size: 0.8em;
	font-weight: bold;
	color: #aaa;
	margin: 1em 0 1em 15px;
	padding-bottom: 12px;
	width: 580px;
	
}

p, #content ul {
	font-size: 0.7em;
	color: #42877a;
	margin: 0 30px 0 15px;
	
}

p.rahmen {
	border: 1px solid #bbb;
	padding: 5px;
	background: #f6f6f6;
	width: 570px;
	margin-bottom: 15px;
}

strong.rot {
	color: #992c26;
}

img.logo-klein {
	width: 120px;
	float: left; 
	padding: 0 5px 15px 15px;
}

#content p.text-links {
	float: left; 
	width: 420px !important;
	padding: 15px 0 0 0;
}

.portrait_text {
	float: left;
	width: 22em;
	margin-bottom: 20px;
	
}

.portrait_ohnefoto {
	float: left;
	width: 38em;
	margin-bottom: 20px;
}


.portrait_text ul, .portrait_ohnefoto ul {
	
	padding-bottom: 1em;
	padding-top: 0.5em;
	
	
	
}

.portrait_text p, .portrait_ohnefoto p {
	color: #aaa;
}

img.portrait {
	width: 12.5em;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 3px;
}


ul {
	list-style-type: none;
}


#inhalt #footer, #inhalt_therapien #footer, #inhalt_impressum #footer, #inhalt_start #footer {
	clear: left;
	float: left;
	margin: 5em 0 0 0;
	padding: 0;
	width: 40.1875em;
	height: 40px;
	
}

#footer p {
	color: #aaa;
	padding-top: 12px;
	border-top: 1px solid #bbb;
	width: 580px;
	
}

#inhalt #footer p a, #inhalt_therapien #footer p a, #inhalt_impressum #footer p a, #inhalt_start #footer p a {
	color: #aaa;
	text-decoration: underline;
}

#inhalt #footer p a:hover, #inhalt_therapien #footer p a:hover, #inhalt_impressum #footer p a:hover, #inhalt_start #footer p a:hover {
	color: #992c26;
	
}





/* --> Ende content */

.vernissage {
	margin-left: 15px;
}


.vernissage {
	margin-left: 15px;
}

#streifen {
	float: left;
	width: 861px;
}

#streifen img {
	width: 214px;
	height: 162px;
	float: left;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#streifen img.foto_rechts {
	width: 214px;
	height: 162px;
	float: left;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#links_start {
	height: 18px;
	width: 861px;
	float: left;
}

#links_start ul {
	width: 861px;
	float: left;
	border-top: 1px solid #fff;
}

#links_start ul li {
	display: inline;
	float: left;
	
}

#links_start ul li a {
	display: block;
	width: 214px;
	background: #42877a;
	float: left;
	border-left: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-size: 0.65em;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	
}

#links_start ul li a:hover {
	background: #992c26;
	float: left;
	border-left: 1px solid #fff;
}

#links_start ul li a.link_rechts {
	display: block;
	width: 214px;
	background: #42877a;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-size: 0.65em;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
}

#links_start ul li a.link_rechts:hover {
	background: #992c26;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

img.logo_start {
	margin-top: 45px;
}

p.fb-text {
	float: left; 
	margin: 45px 0 0 45px;
}

img.fb {
	float: left;
	margin: 5px 0 55px 45px;
	padding: 0 0 0 0;
}

img.baelle {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}


#content_start {
	margin-top: 48px;
	width: 40.1875em;
	background-color: #fff;
	float: left;
}

#content_start p {
	width: 580px;
}

#impressum_start {
	position: absolute;
	margin: -17px 0 0 0;
	width: 861px;
}

#impressum_start p {
	float: right;
	color: #fff;
	font-size: 0.6em;
	margin-right: 6px;
}

#impressum_start p a {
	color: #fff;
	text-decoration: none;
}

#impressum_start p a:hover {
	text-decoration: underline;
}

table {
	margin: 10px 0 10px 15px;
	
}

table.kurszeiten {
	margin: 0;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.kurszeiten td {
	border: none;
}

td, th {
	
	font-size: 0.7em;
	padding: 7px;
	vertical-align: middle;
	border: 1px solid #bbb;
	color: #232323;
}


table.kursplan {
	color: #232323;
	text-align: left;
	border-collapse: collapse;
	margin-bottom: 25px;
	width: 580px;
}

table.kursplan th, table.kursplan td {
	border: 1px solid #aaa;
	padding: 0.3em 0.3em;
	vertical-align: top;
}


table.kursplan td.tuerkis {
	color: #42877a;
}

table.kursplan td.rot {
	color: #992c26;
}



table.kursplan thead {
	background: #42877a;
}

table.kursplan thead th {
	color: #fff;
	text-align: center;
}

table.kursplan tr.grau {
	background: #f6f6f6;
}

table.kursplan tr:hover {
	background: #992c26;
	color: #fff;
}

table.kursplan tr:hover td {
	color: #fff;
}

table.kursplan thead tr:hover {
	background: transparent;
	color: inherit;
}