html, body {
margin: 0;
padding: 0;
height:100%;
}

body  {
color: #666;
min-height: 101%;
font-size: 100.01%;
font-family: Arial, Helvetica, sans-serif;
background: #2D91ED url(../_images/hg_body.jpg) repeat-x;
text-align: left;
}



/* ----------------------------------------------------------------
  Seitenstruktur
  -----------------------------------------------------------------
outerwrapp
	wrapper
		left
		mainwrap
			main
				header
				content
				footer
			bottom

  --------------------------------------------------------------- */

/* --- allumfassender Container --- */

#outerwrapp, #wrapper {
width: 890px;
text-align: left;
}

#outerwrapp  {
min-height: 100%;
margin: 0;
padding: 0;
text-align: center;
margin: 0 auto;
}

* html #outerwrapp
{
height: 100%;
}

#wrapper {
color: #000;
margin-bottom: 5px;
}

/* --- Spalten --- */

#left {
width: 150px;
height: 100%;
float: left;
color: #000;
margin: 0;
padding: 0 0 0 0;
}

* html #left {
 /*vor IEMac verstecken \*/

 /*IEMac wieder reinlassen*/
}

#mainwrap, #main {
position: relative;
width: 724px;
}

#mainwrap {
background: url(../_images/hg_mainwrap.jpg) repeat-y;
margin-left: 150px;
padding: 0;
}
* html #mainwrap {

}

#main {
background: url(../_images/hg_main.jpg) no-repeat;
min-height: 505px;
}
* html #main
{
height: 505px;
}

/* ----------------------------------------------------------------
  Header
  --------------------------------------------------------------- */
#printheader {
display: none;
}

#servicemenu {
position: absolute;
top: 5px;
right: 5px;
}
#servicemenu img {
margin-left: 2px;
}


/* --- Headerbilder --- */

#headerimg {
background: url(../_images/ob_praxis.jpg) no-repeat;
background-position: top right;
}

#headerimg_eingang {
background: url(../_images/ob_eingang.jpg) no-repeat;
background-position: top right;
}

#headerimg_anfahrt {
background: url(../_images/ob_anfahrt.jpg) no-repeat;
background-position: top right;
}

#headerimg_praxis {
background: url(../_images/ob_praxis.jpg) no-repeat;
background-position: top right;
}
#headerimg_geriatrie {
background: url(../_images/ob_geriatrie.jpg) no-repeat;
background-position: top right;
}

#headerimg_neurologie {
background: url(../_images/ob_neurologie.jpg) no-repeat;
background-position: top right;
}

#headerimg_hand {
background: url(../_images/ob_hand.jpg) no-repeat;
background-position: top right;
}

#headerimg_auto {
background: url(../_images/ob_auto.jpg) no-repeat;
background-position: top right;
}

#headerimg_kinder {
background: url(../_images/ob_kinder.jpg) no-repeat;
background-position: top right;
}

#headerimg_ergo {
background: url(../_images/ob_ergo.jpg) no-repeat;
background-position: top right;
}

#headerimg_kurse {
background: url(../_images/ob_kurse.jpg) no-repeat;
background-position: top right;
}

#headerimg_definition {
background: url(../_images/ob_def.jpg) no-repeat;
background-position: top right;
}

#headerimg_praxis {
background: url(../_images/ob_praxisinnen.jpg) no-repeat;
background-position: top right;
}

#headerimg_fragen {
background: url(../_images/ob_fragen.jpg) no-repeat;
background-position: top right;
}

#headerimg_kontakt {
background: url(../_images/ob_kontakt.jpg) no-repeat;
background-position: top right;
}
/* --- Reihen --- */

#header, #content {
width: 510px;
margin-left: 30px;
margin-right: 30px;
}




#header {
position: relative;
height: 64px;
padding-left: 25px;
}



#content {
position: relative;
min-height: 505px;
margin-top: 40px;


}
* html #content
{
height: 505px;
}


#footer {
width: 570px;
background: url(../_images/hg_footer.jpg) no-repeat;
height: 60px;
color: #006;
text-align: center;

}


#footer p{
margin: 0 30px 0 30px;
padding-top: 8px;
}



#bottom {
font-size: 90%;
text-align: center;
width: 570px;
margin-left:150px;
padding-bottom: 1em;
color: #9cf;
height: 2em;
}



#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active, #bottom a:focus {
 text-decoration: none;
 color: #9cf;
}


/* ------------------------------------------------
  Navigation
  no = normaler Link
  act = aktive Gruppe
  cur = aktive Seite
  ---------------------------------------------- */

/* ------------------------------------------------
  Seitennavigation
  ---------------------------------------------- */

#leftmenu {
 width: 100%;
 font-weight: normal;
 padding-top: 30px;
 text-align: right;
}

#leftmenu ul{
 margin: 0;
 padding: 0;
}

#leftmenu li{
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#leftmenu li a,
#leftmenu .lev1_cur,
#leftmenu .lev2_cur {
 display: block;
 border-bottom: 1px solid #406BDA;
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 5px;
}

/* ---- Farben ------ */

/* -  no = normaler Link  - */
#leftmenu .lev1_no a {
 color: #fff;

}

/* -  act = aktive Gruppe  - */
#leftmenu .lev1_act a {
 font-weight: bold;
 color: #000;
 background-color: #fff;

}

/* -  cur = aktive Seite - kein Link - */
#leftmenu ul li .lev1_cur {
 color: #000;
 background: #FDCC57;
}

#leftmenu ul li a:hover, #leftmenu ul li a:focus {
 color: #000;
 background: #FEE3A4;
}

/*Abstand */
#leftmenu .lev1_no a,
#leftmenu .lev1_act a,
#leftmenu .lev1_cur {
 padding-left: 0px;
}

/* 2. Ebene */

#leftmenu ul ul {
 margin: 0;
 margin-bottom: 10px;
 background-color: #fff;
}

/*Abstand rechts */
#leftmenu .lev2_no a,
#leftmenu .lev2_act a,
#leftmenu .lev2_cur {
 padding-right: 10px;
 color: #000;
 font-weight: normal;
}

#leftmenu .lev2_cur {
 color: #000;
 background: #FDCC57;
}


/* ------------------------------------------------
Inhalt
  ---------------------------------------------- */

.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 5px;
}



.right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 5px;
}

.center {
text-align: center;
}

/* Bild links mit Bildunterschrift  */
dl.ImgLeft {float:left;  margin-right:20px; }
dl.ImgLeft dt {margin-bottom: 0; }
dl.ImgLeft dd {text-align:left; margin:0px; padding:0px;}


/* Bild rechts mit Bildunterschrift  */
dl.ImgRight {float:right;  margin-left:20px; }
dl.ImgRight dt {margin-bottom: 0; }
dl.ImgRight dd {text-align:left; margin:0px; padding:0px;}


/* Bild mittig mit Bildunterschrift  */
dl.ImgCenter {width:100%; text-align: center; }
dl.ImgCenter dt {margin-bottom: 0; }
dl.ImgCenter dd {text-align:center; margin:0px; padding:0px;}

.halbeSpalteLi {
width: 48%;
float: left;
}

.halbeSpalteRe {
width: 48%;
float: right;
}

.red {
color: #600;
}


/* ------------------------------------------------
Schriften
  ---------------------------------------------- */

#outerwrapp {
font-size: 0.8em;
}

h1 {
color: #006;
font-size: 150%;
font-weight: normal;
margin: 0 0 1em 0;
}

#header h1 {
color: #FEE7A8;
font-size: 250%;
}

h2 {
font-size: 125%;
margin: 2em 0 0.7em 0;
}

h2.kleiner {
font-size: 120%;
margin: 0 0 0 0;
}

h3 {
font-size: 110%;
margin: 0 0 1em 0;
padding: 0;
}

h4 {
font-size: 100%;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
line-height: 1.4;
}

.totop {
text-align: right;
margin-top: 2em;
margin-bottom: 2em;
}

fieldset, img { border:0; }

#content ul li {

margin: 0 0 0.5em 0em;
padding: 0;
}

#content ul {
list-style-type:disc;
margin-bottom: 1em;
margin-top: 0em;
}

/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */

a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #600;
}

a:hover, a:focus {
color:#c30;

}

a img {
text-decoration: none;
}

a.blacklink:link, a.blacklink:visited {
 text-decoration: none;
 color: #000;
}

a.blacklink:hover, a.blacklink:active, a.blacklink:focus {
 text-decoration: underline;
 color: #000;
}

/* ----------------------------------------------------------
  Formular
  ---------------------------------------------------------- */


.mailform fieldset{
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0 10px 0;
}

.mailform label.fielddesc{
  float: left;
  width: 5em;
  padding-top: 3px;
  padding-right: 5px;
}

.mailform input, .mailform select { /* Alle Labels UND Formularelemente auswaehlen */
  float: left;
  text-align: left;
}

.mailform .row {
  clear: both;
  padding: 2px 0px;
}

/* ----------------------------------------------------------
  Tabelle
  ---------------------------------------------------------- */
td, th {
vertical-align: top;
text-align: left;
padding: 5px;

}

/* ----------------------------------------------------------
  Acronym, Abkürzung, Tooltip
  ---------------------------------------------------------- */

acronym, abbr, .abbr, a.tooltip {
cursor: help;
border-bottom: 1px dotted #999;
}

a.tooltip {
 text-decoration: none;
}

a.tooltip:hover {
 position: relative;               /* Bezug für span, IE: erst bei :hover setzen */
 background: transparent;          /* IE, Farbe egal */
}

a.tooltip span {
 position: absolute;               /* aus Textfluß herausnehmen */
 visibility: hidden;               /* normal: unsichtbar */
 width: 15em;                      /* FF: kein Leerzeichen vor Einheit */
 top: 2em; left: 1em;              /* Tooltip-Position, sollte man festlegen */
}

a.tooltip:hover span {
 visibility: visible;              /* hover: sichtbar */
 background-color: #ffc;
 padding: 2px;
 text-decoration: none;
}

/* ----------------------------------------------------------
  versteckter Counter
  ---------------------------------------------------------- */

p.counter {text-align: right;}

a.counterlink:link, a.counterlink:visited {
 text-decoration: none;
 color:#406BDA;
}

a.counterlink:hover {
 position: relative;               /* Bezug für span, IE: erst bei :hover setzen */
 background: transparent;          /* IE, Farbe egal */
}

a.counterlink span {
 position: absolute;               /* aus Textfluß herausnehmen */
 visibility: hidden;               /* normal: unsichtbar */
 width: 15em;                      /* FF: kein Leerzeichen vor Einheit */
 top: 3em; left: 2em;              /* Tooltip-Position, sollte man festlegen */
}

a.counterlink:hover span {
 visibility: visible;              /* hover: sichtbar */
 color: #fff;
 padding: 2px;
 text-decoration: none;
}