/* GRUNDEINSTELLUNGEN */
* {
	margin:0px;
    padding:0px;
}

 body {
    background-image: url(tapete.jpg);
	font:62.5% Arial, Helvetica, Verdana, sans-serif;
}

html>body {
	font-size:10px;
}

h1,h2,h3,h4,h5,h6 {
	color:#505050;	
}

h1	{
	margin:8px 0px 6px;
	float:left;
	font-size:2.0em;
	line-height:2.0em;
}

h2 {
	font-size:1.8em;
	line-height:1.8em;
}

h3 {
	font-size:1.6em;
	line-height:1.6em;
}

h4 {
	font-size:1.3em;
	line-height:1.3em;
}

ul,ol {
	padding-left:20px;
	list-style-position:inside;
}

/* HILFSKLASSEN */

.date {
	font-size:1.0em;
	font-weight:normal;
	line-height:1.2em;
	text-align:right;
}

.termin {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	text-align:left;
}

.left{
	float:left;
}

.right{
	float:right;
}

.hidden{
	display:none;
}

img.left{
	margin:10px 20px 10px 0px;
}

img.right{
	margin:10px 0px 10px 20px;
}

img.center{
	margin: 10px 250px 10px 250px;
}

.feld {
	background:#fcebce;
}

.button {
	background:#c0c0c0;
	width:150px;
}

.rot {
	color:#ff0000; /*rot*/
}

.gruen {
	color:#008000; /*grün*/
}

a.bigtc {
	font-size:1.3em;
	text-align:left;
}

a.midtc {
	font-size:1.1em;
	text-align:left;
}

a.tinytc {
	font-size:0.9em;
	text-align:left;
}

.mb {
	background:url(mb.png) left no-repeat;
	margin-left:0px;
	padding-left:15px;
	margin:0px 0px 0px 0px;*/
}

/* Nur Breitformat-Bilder 1,5 : 1 (z.B. 600x400) oder groesser! */
div.w-Lupe {
  padding: 10px; /* damit der container die höhe des großen bildes annimmt */
  /* margin-left: 0px;
  andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.w-Lupe div {
  float: left;
  width: 200px;
  height: 133px;
  padding: 10px;
  /* hier Abstaende und sonstiges der bilder eintragen */
}

div.w-Lupe img {
  width: 200px;  /* wir skalieren das große bild auf die kleine größe */
  height: 133px; /* um verpixelung beim vergößern zu verhindern       */
}

div.w-Lupe img:hover {
  position: absolute;
  margin-left: -200px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -133px;  /* hier genau so */
  width: 600px;       /* die weite beim vergrößern */
  height: 400px;      /* die höhe beim vergrößern */
}

/* Fuer Hochkant-Bilder 1:1,5 (z.B. 400x600) oder groesser */
div.h-Lupe {
  padding: 5px; /* damit der container die höhe des großen bildes annimmt */
  /* margin-left: 0px;
  andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.h-Lupe div {
  float: left;
  width: 133px;
  height: 200px;
  padding: 10px;
  /* hier Abstaende und sonstiges der bilder eintragen */
}

div.h-Lupe img {
  width: 133px;  /* wir skalieren das große bild auf die kleine größe */
  height: 200px; /* um verpixelung beim vergößern zu verhindern       */
}

div.h-Lupe img:hover {
  position: absolute;
  margin-left: -133px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -200px;  /* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 600px;      /* die höhe beim vergrößern */
}

#wrap {
	background:url(big-sidebar.jpg) repeat-y;
	width:1000px;
    margin:0px auto;
    padding:0px;
    /*border:1px solid black;*/
}
 
.notabene {
	display:none;
}
   
#main {
   	 width:980px;
     margin:0px auto;
     /*border:1px solid black;*/
}

#top {
     background:url(st-header.jpg) left no-repeat;
     width:980px;
     height:154px;
     /*border:1px solid black;*/
}

#sideboard {
	float:left;
	width:175px;
}
     
#nav-eins {
     width:165px;
     margin:0px auto;
     /*border:1px solid black;*/
}

#nav-eins ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#nav-eins li {
	float:left;
	width:165px;
}

#nav-eins a {
	text-align:left;
    font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
	color:#000000;
	display:block;
	padding:6px 35px 6px 5px;
	text-decoration:none;
	border:3px solid #61b1e4;
}

#nav-eins li.active a,
#nav-eins a:hover {
	border:3px solid #ff0;  /*gelb */
	color:#000000;
	text-decoration:none;
}

#cont {
	float:right;
   	width:801px;
   	background:url(muster-wall1.jpg) repeat-y;
   	padding-bottom:20px;
   	border-bottom:1px solid black;
   	/*border:1px solid black;*/
}

#nav-zwei {
	width:780px;
	height:30px;
	margin:0px auto;
	background:url(hnavbg.jpg) repeat-x;
}

#nav-zwei a {
	display:block;
	text-decoration:none;
	padding:8px 10px 7px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	background-color:#61b1e4;
	color:#000000;
}

#nav-zwei ul {
	list-style:none;
	float:right;
}

#nav-zwei li {
	float:left;
	border-left:1px solid #000080;
}

#nav-zwei a:hover {
	background-color:#000080;
	color:#ffffff;
	text-decoration:none;
}

#nav-zwei li.active a {
	 background-color:#000080;
	 color:#ffffff;
	 text-decoration:none;
}

#nav-drei {
	width:780px;
	height:73px;
	margin:10px auto;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8em;
	border:1px solid black;
}

#nav-drei a {
	display:block;
	padding:5px 5px 5px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.1em;
	color:#000080;
}

#nav-drei ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
	float:left;
}

#nav-drei li {
	margin: 0px;
	padding: 0px;
	float:left;
}


#nav-drei a:visited,
#nav-drei a:hover {
	color:#008000;
}

#nav-drei a:visited {
	color:#008000;
}

#nav-drei li.active a {
	 background-color:#000080;
	 color:#ffffff;
	 text-decoration:none;
}

#info {
   	 width:766px;
   	 margin:30px auto;	
   	 font-size:1.4em;
	 line-height:1.5em;
	 text-align:left;
	 /*border:1px solid black;*/
}

#info p,
#info table {
	padding-right:20px;
	margin-top:1.2em; 
	margin-bottom:1.2em;
}

#info a, a:link {
	font-weight:bold;
	color:#0000ff;
	text-decoration:none;
}

#info a:focus, a:active {
	text-decoration:none;
}

#info a:hover {
	color:#ff00ff;
	text-decoration:none;
}

#greeter {
	width:760px;
   	margin:10px auto;
	text-align:left;
	font-weight:normal;
	font-size:1.2em;
	/*border:1px solid black;*/
}

#greeter a, a:link {
	color:navy;
	font-weight:normal;
	line-height:1.5em;
	text-decoration:none
}

#greeter a:focus, a:active {
	text-decoration:none;
}

#greeter a:hover,
#greeter a:visited {
	color:#008000;
	text-decoration:none;
}

#foot {
	clear:both;
	text-align:right;
	padding:20px 20px;
	font-weight:normal;
	font-size:1.4em;
	/*border:1px solid black;*/
}

#foot a, a:link {
	font-weight:bold;
	color:#0000ff;
	text-decoration:none;
}

#foot a:focus, a:active {
	background:#fcebce;
	text-decoration:none;
}

#foot a:hover {
	color:#ff00ff;
	text-decoration:none;
}

#physio {
	margin:0px;
	padding:0px 10px;
	border:1px solid navy;
}

#therap p {
	font-size:1em;
	line-height:1.5em;
	margin-top:0.5em; /* vorher 1.5 */
	margin-bottom:0.5em; /* vorher 1.5 */
}

#tdzent {
	text-align:center;
}

#tdrechts {
	text-align:right;
}

#news {
	width:100%;
	font-size:0.9em;
}

#news td {
	background:#bee6ff;
	/*background:#eee8aa;*/
	padding:3px 6px;
	text-align:left;
	border:2px solid #a0a0a0;
}

#news a:link{
	color:#0000ff;
}

#news a:visited {
	color:#008000;
	text-decoration:none;
}

#news a:hover {
	color:#ff00ff;
	text-decoration:none;
}

#news td:hover {
	border:2px solid navy;
}

#event {
	width: 100%;
	border:1px solid black;
	margin:auto;
	background:#bee6ff;
}

#event thead, tbody, tfoot {
	border:1px solid black;
}

#event thead td {
	text-align:center;
	font-weight:bold;
}

#event td {
	padding:4px 8px;
	text-align:left;
}

#kontakt td {
	padding:3px 3px;
}

ul#boxen {
	padding:0px;
	margin-left:0px;
	list-style:none;
}

#boxen li {
	width:383px;
	float:left;
	margin-right:0px;
}