/* --- css www.hedwig-recks. --- de*/


a:link
{
color:#336666;
text-decoration:none;
font-weight:normal;
}


a:visited
{
color:#336666;
text-decoration:none;
font-weight:normal;
}


a:hover
{
color:#870000;
background-color:#c1d6d6;
text-decoration:none;
font-weight:bold;
}

a:active
{
color:#666666;
text-decoration:none;
font-weight:bold;
}

/* --- a content ---*/


a.content:link
{
color:#336666;
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #80A9C5;
}

a.content:visited
{
color:#666666;
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #c1d6d6;
}

a.content:hover
{
color:#870000;
background-color:#c1d6d6;
text-decoration:none;
font-weight:bold;
}

a.content:active
{
color:#333333;
text-decoration:none;
font-weight:bold;
}

/*a content ende*/


:link:focus, .menu:link:focus
{
-moz-outline:0px dotted;
outline:0px dotted;
}

/* ---body--- */

body
{
background: url(img/dot_high.jpg) fixed;
padding:0px;
margin:0px;
}

#frame1
{
width: 940px;
height:800px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-right: 1px solid #870000;
border-bottom: 1px solid #870000;
border-left: 1px solid #870000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
}

#frame1_start
{
width: 940px;
height:800px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-right: 1px solid #870000;
border-bottom: 1px solid #870000;
border-left: 1px solid #870000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
}

#frame1_detail
{
width: 940px;
height:1200px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-right: 1px solid #870000;
border-bottom: 1px solid #870000;
border-left: 1px solid #870000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
}

#frame2
{
width: 858px;
height: 650px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-top: 0;
border-left: 1px solid #4a5e5f;
border-right: 1px solid #4a5e5f;
border-bottom: 1px solid #4a5e5f;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#frame2_start
{
width: 858px;
height: 650px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-top: 0;
border-left: 1px solid #4a5e5f;
border-right: 1px solid #4a5e5f;
border-bottom: 1px solid #4a5e5f;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#frame2_detail
{
width: 858px;
height: 1220px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color: #fffff;
border-top: 0;
border-left: 1px solid #003333;
border-right: 1px solid #003333;
border-bottom: 1px solid #003333;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#containernavi
{
margin-top: 0px;
width:200px;
height:100%;
border-left: solid 200px #fff;
background:#80A9C5;
}

#containernavi_detail
{
margin-top: 0px;
width:200px;
height:100%;
border-left: solid 200px #fff;
}

/* ---header--- */

#headerbild
{
background-image: url(img/hr_head_h100_1.3.jpg);
background-repeat: no-repeat;
background-color: #fff;
color: #000;
width: 940px;
height: 100px;
margin: 0 auto;
}

#headerbild a:link,
#headerbild a:visited,
#headerbild a:hover,
#headerbild a:active
{
display: block;
width: 940px;
height: 200px;
color: #000;
background-color: transparent;
margin: 0 auto;
}

.invis
{
display: none;
}

/* ---navi--- */

#naviindex
{
font-color:508995;
font-family: Verdana, Futura, Helvetica, sans-serif;
font-size:11px;
background-color:#c1d6d6;
float:left;
position:relative;
margin-left:-190px;
margin-right:0px;
margin-top:50px;
line-height:200%;
padding-left:20px;
}


#navi
{
font-color:508995;
font-family: Verdana, Futura, Helvetica, sans-serif;
font-size:11px;
background-color:#fff;
float:left;
position:relative;
margin-left:-190px;
margin-right:0px;
margin-top:50px;
line-height:200%;
padding-left:20px;
}

.menu
{
background-color:#fff;
color:#870000;
font-family:Verdana, Futura,Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:bold;
line-height:30px;
text-decoration:none;
}

/* ---main: texte und bilder--- */

/*Unterklasse_detail ist für Seite therapieangebote_detail.html = Seite mit langem Text */

#main
{
background-color:#fff;
position:static;
width:637px;
height:630px;
float:left;
border-left: 1px dotted #870000;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:10px;
padding:10px;
}

#main_detail
{
background-color:#fff;
width:838px;
height:1200px;
float:left;
border-left: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:10px;
padding:10px;
}

#mainindex
{
background-color:#fff;
width:637px;
height:630px;
float:left;
border-left: 1px dotted #870000;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:10px;
padding:10px;
}


#layer1    /* js zurueck */
{
position:absolute;
top:715px;
float:left;
z-index: 1;
border: 0;
}

#layer1_detail    /* js zurueck */
{
position:absolute;
top:1300px;
float:left;
z-index: 1;
border: 0;
}

#layer2     /*bild startseite */
{
position:absolute;
top:400px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
z-index: 20;
border-top: 1px solid #253320;
border-bottom: 1px solid #253320;
}


#layer3     /*kontakt praxisadresse linke spalte */
{
position:absolute;
top:195px;
left:420px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
z-index: 20;
}

#layer4     /*kontakt praxisadresse rechte spalte */
{
position:absolute;
top:195px;
left:620px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding-left:20px;
width:210px;
height:50px;
z-index: 20;
border-left: 1px dotted #253320;
}


/* ---fußzeile--- */

#foot
{
position:absolute;
top:751px;
margin-left: 250px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:637px;
height:40px;
padding:0px;
border: solid 1px #80a9c5; /* so lassen */
font-family: Verdana, Futura, Helvetica, sans-serif;
color:#870000;
font-size: 10px;
background:#80A9C5;
}

p
{
font-family:Verdana,sans-serif;
width:500px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.index
{
font-family:Verdana,sans-serif;
width:750px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.red
{
font-family:Verdana,sans-serif;
color:#870000;
width:600px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.redfoot
{
font-family:Verdana,sans-serif;
color:#870000;
width:637px;
padding: 0px 0px 20px;
margin:0px;
line-height:100%;
}

p.table
{
font-family:Verdana,sans-serif;
width:200px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.detail
{
font-family:Verdana,sans-serif;
width:800px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

/* ---textformatierung--- */

h1
{
color:#336666;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:10px 0px 20px;
margin:0px
}

h4  /*h1 startseite*/
{
color:#870000;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:0px 0px 10px;
margin:0px
}


h2
{
color:#8E174C;
background:#fff;
font-size:1em;
font-weight:505;
padding: 5px 10px;
margin:0px;
}


h3  /* =h1 mit roter Schrift für die Startseite*/
{
color:#870000;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:10px 0px 20px;
margin:0px
}

strong
{
font-weight: bold;
color: #666666;
background:#fff;
}

b
{
color:#666666;
background:#fff;
}


li
{
font-color:#336666;
}

ul
{
list-style-position:outside;
list-style-type:none;
color:#666666;
text-align: left;
line-height:250%;
}


/* hoverbox */

.hoverbox
{
cursor: default;
list-style: none;
position:absolute;
top:370px;
left:400px;
width:500px;
}

.hoverbox li
{
background: #fff;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverbox img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 140px;
height: 100px;
position:relative;
z-index:10;
}


.hoverbox a
{
cursor: default;
}

.hoverbox a .preview
{
display: none;
z-index:20;
position:relative;
/*        position:above;*/
}

.hoverbox a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
left:-45px;
z-index:20;
}



.hoverbox .preview   /*imglarge*/
{
border-color: #870000;
width: 305px;
height: 200px;
position:above;
z-index:20;
}

p.design /* Bildunterschriften hoverbox*/
{
font-family:Verdana,sans-serif;
color:#666666;
width:140px;
padding: 2px 0px 2px;
margin:0px;
line-height:100%;
text-align:center;
}



/* --- hoverbox content bilder querformatig --- */

/*version 1.2*/

.hoverboxc
{
cursor:default;
list-style:none;
position:absolute;
top:180px;
margin-left:500px;
z-index:50;
}

/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
position:relative;
z-index:10;
}

.hoverboxc a
{
cursor: default;
}

.hoverboxc a .preview
{
display: none;
z-index:50;
position:absolute;
}

.hoverboxc a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxc .preview   /*imglarge*/
{
border-color: #870000;
width: 420px;
height: 300px;
position:above;
z-index:50;
}

/* hoverboxc1 praktische infos*/

.hoverboxc1
{
cursor:default;
list-style:none;
position:absolute;
top:180px;
margin-left:500px;
z-index:50;
}


/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc1 li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc1 img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
/*width: 140px;
height: 100px;*/
position:relative;
z-index:10;
}

.hoverboxc1 a
{
cursor: default;
}

.hoverboxc1 a .preview
{
display: none;
z-index:50;
position:absolute;
}

.hoverboxc1 a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxc1 .preview   /*imglarge*/
{
border-color: #870000;
width: 420px;
height: 300px;
position:above;
z-index:50;
}

/*therapieangebote bild unten*/

.hoverboxc2
{
cursor:default;
list-style:none;
position:absolute;
top:380px;
margin-left:500px;
z-index:40;
}

/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc2 li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc2 img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
/*width: 140px;
height: 100px;*/
position:relative;
z-index:10;
}

.hoverboxc2 a
{
cursor: default;
}

.hoverboxc2 a .preview
{
        display: none;
        z-index:50;
        position:absolute;
}

.hoverboxc2 a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxc2 .preview   /*imglarge*/
{
border-color: #870000;
width: 420px;
height: 300px;
position:above;
z-index:50;
}


/* --- hoverbox content image hochkant*/

/*version 1.2*/
.hoverboxc_h
{
cursor:default;
list-style:none;
position:absolute;
top:150px;
left:930px;
z-index:50;
}


/* backup version 1.0
.hoverboxc_h
{
cursor: default;
list-style: none;
position:absolute;
top:350px;
right:100px;
z-index:1;

/*left:400px;
width:400px;
}
*/


.hoverboxc_h li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc_h img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 150px;
height: 210px;
position:relative;
z-index:1;
}

.hoverboxc_h a
{
cursor: default;
}

.hoverboxc_h a .preview
{
display: none;
z-index:20;
position:absolute;
}

.hoverboxc_h a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:20;
}


.hoverboxc_h .preview   /*imglarge*/
{
border-color: #870000;
width: 300px;
height: 420px;
position:above;
z-index:20;
}

/*hoverbox profil*/

.hoverboxc_p
{
cursor: default;
list-style: none;
position:absolute;
top:180px;
margin-left:550px;
z-index:1;
}

.hoverboxc_p li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc_p img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 150px;
height: 210px;
position:relative;
z-index:1;
}

.hoverboxc_p a
{
cursor: default;
}

.hoverboxc_p a .preview
{
display: none;
z-index:20;
position:absolute;
}

.hoverboxc_p a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:20;
}


.hoverboxc_p .preview   /*imglarge*/
{
border-color: #870000;
width: 300px;
height: 420px;
position:above;
z-index:20;
}

/*ende hoverbox profil*/

/*hoverbox anfahrt*/

/*version 1.2 */

.hoverboxd
{
cursor: default;
list-style: none;
position:absolute;
top:450px;
margin-left:500px;
z-index:50;
}

/* backup version 1.0
.hoverboxd
{
cursor: default;
list-style: none;
position:absolute;
top:350px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/


.hoverboxd li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxd img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
position:relative;
z-index:10;
}

.hoverboxd a
{
cursor: default;
}

.hoverboxd a .preview
{
display: none;
z-index:50;
position:absolute;
}

.hoverboxd a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxd .preview   /*imglarge*/
{
border-color: #870000;
width: 600px;
height: 300px;
position:above;
z-index:50;
}

/*ende hoverbox anfahrt*/