/***********************************************************************/
/*** Allgemeine Auszeichnungen ***/
/***********************************************************************/

* {margin:0;padding:0;}

html, body {
	background-color: #8cbee1;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: x-small;  /*fix for internet explorer 5 windows*/
	voice-family: "\" }\"";
	voice-family: inherit;
	font-size: 13px;  /*for all browsers*/
	color: #000000;
	min-height: 650px; /* for good browsers*/
	min-width: 900px;  /* for good browsers*/
	height:99.9%;  /* mac hide \*/
	width:100%;  /* mac width \*/
	overflow: hidden;
}

#outer{
	height:100%;
	width:100%;
	display: table;
	vertical-align: middle;
}

#container {
	text-align: center;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 650px;
}

#inner {
	width: 900px;
	height: 650px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#aussen {
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 650px;
	text-align: left;
	background: #8cbee1;
}

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	height: 80px;
	width: 100%;
	background: red;
}

img {
	border:none;
}
 img.schatten_li {
	position: absolute;
	left: -53px;
	border: 0px;
}
 img.schatten_re {
	position: absolute;
	left: 900px;
	border: 0px;
}

/***********************************************************************/
/*** Text / Listen ***/
/***********************************************************************/

p, div, span, td, table {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
}

p {
	line-height: -0.5;
	margin-bottom: 0.5em;
}

h1 {
	color: #142d64;
	font: 1.5em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

h2 {
	color: #55A5DE;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px 0px 10px 0px;
}

h3 {
	color: #142d64;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0;
}

h4 {
	color: #333333;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}

h5 {
	color: #1E508D;
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}

h6 {
	color: #636363;
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.aktuell {
	color: #142d64;
	font-weight: bold;
}

ul#leistungssport {
	list-style-type: decimal;
	padding-left: 20px;
	margin-top:10px;
	padding-top:0px;
	margin-left:10px;
}

ul#standard {
	list-style-type: circle;
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
}

li {
	margin:0px 0px 6px 0px;
	padding:0px;
}
/***********************************************************************/
/*** Navigationen ***/
/***********************************************************************/

a:link, a:visited {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #0a2846;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #0a2846;
	cursor: hand;
	text-decoration: underline;
}

/*** Hauptnavigation ***/

a.indexlink, a.indexlink:hover {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #0a2846;
	text-decoration: none;
}
.arrow {
	margin-right: 5px;
}

#navigation_footer {
	position:absolute;
	bottom: 65px;
	left: 0px;
	width: 900px;
	text-align: center;
}
a.navigation_footer, a.navigation_footer:hover, a.activefooter {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #0a2846;
	text-decoration: none;
	padding-right: 15px;
}
a.navigation_footer:hover, a.activefooter {
	text-decoration: underline;
}

#navigation {
	position:absolute;
	left: 20px;
	bottom:125px;
	width:150px;
	z-index: 90;
}

/***********************************************************************/
/*** ALLGEMEINE Layout-Rahmen ***/
/***********************************************************************/

#main {
	position: absolute;
	left:0px;
	top: 0px;
	padding: 0px;
	width: 900px;
	height: 650px;
	background: url(picts/hg_index.gif) no-repeat;
	background-color: #8cbee1;
	border: 1px solid #0a2846;
}

#logo {
	position:absolute;
	bottom: 20px;
	left: 20px;
	width: 160px;
	height: 81px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#ticker {
	position:absolute;
	bottom: 10px;
	left: 45px;
	width: 810px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #afd2ea;
}

/***********************************************************************/
/*** Layout-Rahmen INDEX ***/
/***********************************************************************/

#headline {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 900px;
	text-align: center;
}

#pos_slideshow {
	position: absolute;
	top: 163px;
	left: 318px;
	height: 262px;
	width: 262px;
	z-index: 10;
}

#orthopaedie a {
	position: absolute;
	top: 128px;
	left: 89px;
	height: 142px;
	width: 290px;
	z-index: 1;
}
#orthopaedie a:hover {
	background: url(picts/logoortho_over.gif) no-repeat;
}

#konservativ {
	position: absolute;
	top: 260px;
	left: 100px;
	height: 20px;
	width: 100px;
	z-index: 0;
	display: block;
}

#operativ {
	position: absolute;
	top: 260px;
	left: 206px;
	height: 20px;
	width: 100px;
	z-index: 0;
	display: block;
}

#privatklinik a {
	position: absolute;
	top: 237px;
	left: 86px;
	height: 139px;
	width: 290px;
	z-index: 1;
}

#privatklinik a:hover {
	background: url(picts/logoprivatklinik_over.gif) no-repeat;
}

#vellmar a {
	position: absolute;
	top: 361px;
	left: 99px;
	height: 139px;
	width: 290px;
	z-index: 1;
}

#vellmar a:hover {
	background: url(picts/logovellmar_over.gif) no-repeat;
}

#sportmedizin a {
	position: absolute;
	top: 125px;
	right: 100px;
	height: 144px;
	width: 290px;
	z-index: 1;
}

#sportmedizin a:hover {
	background: url(picts/logosportmedizin_over.gif) no-repeat;
}

#schmerztherapie a {
	position: absolute;
	top: 241px;
	right: 44px;
	height: 139px;
	width: 289px;
	z-index: 1;
}

#schmerztherapie a:hover {
	background: url(picts/logoschmerztherapie_over.gif) no-repeat;
}

#wolfhagen a {
	position: absolute;
	top: 359px;
	right: 99px;
	height: 139px;
	width: 289px;
	z-index: 1;
}

#wolfhagen a:hover {
	background: url(picts/logowolfhagen_over.gif) no-repeat;
}

#reha {
	position: absolute;
	top: 465px;
	left: 295px;
	height: 79px;
	width: 155px;
	z-index: 2;
}

#fpz-logo {
	position: absolute;
	top: 475px;
	left: 475px;
	height: 80px;
	width: 80px;
	z-index: 2;
}

/***********************************************************************/
/*** Layout-Rahmen IMPRESSUM USW: ***/
/***********************************************************************/

#contentmain {
	position: absolute;
	left:0px;
	top: 0px;
	padding: 0px;
	width: 900px;
	height: 650px;
	background-color: #8cbee1;
	border: 1px solid #0a2846;
}

#content {
	position:absolute;
	top: 50px;
	left: 50px;
	width: 800px;
	height: 450px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	float: left;
	overflow: auto;
}

#contentanfahrt {
	position:absolute;
	top: 50px;
	left: 50px;
	width: 800px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	float: left;
	overflow: auto;
}

/***********************************************************************/
/*** Layout-Rahmen FORTBILDUNGEN ***/
/***********************************************************************/

#fortbildungsnachweise {
	width: 750px;
	float: left;
}

#fortbildungsnachweise dl {
	margin: 5px 0px;
	padding: 0px;
	float: left;
	width: auto;
}

#fortbildungsnachweise dt {
	margin: 0 20px 0 0;
	padding: 5px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
}

#fortbildungsnachweise dd {
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 0 20px 0;
	width: 200px;
}

/***********************************************************************/
/*** Layout-Rahmen FOTOGALERIE***/
/***********************************************************************/

#fotogalerie {
	position:absolute;
	top: 80px;
	left: 50px;
	width: 800px;
	height: 475px;
	padding: 0px;
	margin: 0px;
	z-index: 0;
	overflow: hidden;
}

#flashcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 0;
	}
	
/***********************************************************************/
/*** LAYER EINBLENDEN UND AUSBLENDEN ***/
/***********************************************************************/


/***********************************************************************/
/*** Referenzen Inhaltsrahmen ***/
/***********************************************************************/