body,td
{
font-family: arial;
font-size: 12px;
color: #666666;
}

body
{
background-image:url(../images/bg.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: #ffffff;
}

.bg_viewport{background-image:url(../images/bg_01.07.png);}


#nav_leistungen, #nav_leistungen ul {
        float: left;
        width: 88px;
        list-style: none;
        line-height: 1;
        background: #d2e3ed;
        font-weight: bold;
        padding: 0;
        border-width: 0;
        margin: 0 0 0 0;
}

#nav_leistungen a {
        display: block;
        width: 30px;
        w\idth: 30px;
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        font-size: 12px;
        padding: 0.25em 10px;
}

#nav_leistungen a:hover {
        color: #9a9b9c;
}

#nav_leistungen li {
        float: left;
        padding: 0;
        width: 88px;
}

#nav_leistungen li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 17em;
        w\idth: 17.5em;
        font-weight: normal;
        border-width: 0px;
        margin: 0px;
        padding: 0.5em 2px;
}

#nav_leistungen li li {
        padding-right: 1em;
        width: 13em
}

#nav_leistungen li ul a {
        width: 17em;
        w\idth: 17.5em;
}

#nav_leistungen li ul a:hover {
        color: #9a9b9c;
}

#nav_leistungen li ul ul {
        margin: -1.75em 0 0 14em;
}

#nav_leistungen li:hover ul ul, #nav_leistungen li:hover ul ul ul, #nav_leistungen li.sfhover ul ul, #nav_leistungen li.sfhover ul ul ul {
        left: -999em;
}

#nav_leistungen li:hover ul, #nav_leistungen li li:hover ul, #nav_leistungen li li li:hover ul, #nav_leistungen li.sfhover ul, #nav_leistungen li li.sfhover ul, #nav_leistungen li li li.sfhover ul {
        left: auto;

}

#nav_leistungen li:hover, #nav_leistungen li.sfhover {
        background: #d2e3ed;

}

/*-----Menu Ärzte Beginn--------------------------------------------------------*/

#nav_aerzte, #nav_aerzte ul {
        float: left;
        width: 47px;
        list-style: none;
        line-height: 1;
        background: #d2e3ed;
        font-weight: bold;
        padding: 0;
        border-width: 0;
        margin: 0 0 0 0;
}

#nav_aerzte a {
        display: block;
        width: 15px;
        w\idth: 15px;
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        font-size: 12px;
        padding: 0.25em 10px;
}

#nav_aerzte a:hover {
        color: #9a9b9c;
}

#nav_aerzte a.daddy {
        background: url(rightarrow2.gif) center right no-repeat;
}

#nav_aerzte li {
        float: left;
        padding: 0;
        width: 47px;
}

#nav_aerzte li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 17em;
        w\idth: 17.5em;
        font-weight: normal;
        border-width: 1px;
        margin: 0px;
        padding: 0.5em 2px;
}

#nav_aerzte li li {
        padding-right: 1em;
        width: 13em
}

#nav_aerzte li ul a {
        width: 17em;
        w\idth: 17.5em;
}

#nav_aerzte li ul a:hover {
        color: #9a9b9c;
}

#nav_aerzte li ul ul {
        margin: -1.75em 0 0 14em;
}

#nav_aerzte li:hover ul ul, #nav_aerzte li:hover ul ul ul, #nav_aerzte li.sfhover2 ul ul, #nav_aerzte li.sfhover2 ul ul ul {
        left: -999em;
}

#nav_aerzte li:hover ul, #nav_aerzte li li:hover ul, #nav_aerzte li li li:hover ul, #nav_aerzte li.sfhover2 ul, #nav_aerzte li li.sfhover2 ul, #nav_aerzte li li li.sfhover2 ul {
        left: auto;

}

#nav_aerzte li:hover, #nav_aerzte li.sfhover2 {
        background: #d2e3ed;

}

/*-----Menu Ärzte Ende--------------------------------------------------------*/


.form
{
font-family: arial;
font-size: 8pt;
color:#6697ac;
background-color:transparent;
border-color:#aaaaaa;
border-style: dotted;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
width: 220px;
}

.form_date
{
font-family: arial;
font-size: 8pt;
color:#6697ac;
background-color:transparent;
border-color:#aaaaaa;
border-style: dotted;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
width: 60px;
}

.select
{
height: 16px;
width: 39px;
font-family: Arial;
font-size: 8pt;
color:#6697ac;
background-color:d0d0d0;
border-color:#aaaaaa;
border: 0px;
}

p
{
margin:0px;
padding:0px;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #ccc5ab;
}

ul
{
padding:0px;
margin:16px;
border-spacing:0px;
}

#pad_text
 {
 padding-left: 0px;
 padding-right: 43px;
 text-align: justify;
 }

 #pad_vita
 {
 padding-left: 0px;
 padding-right: 0 px;
 text-align: justify;
 }

#pad_scroller
 {
 padding-left: 0px;
 padding-right: 5px;
 text-align: justify;
 }

#pad_kontakt
 {
 padding-left: 43px;
 padding-right: 0px;
 text-align: left;
 }

#pad_text_r
 {
 padding-left: 0px;
 padding-right: 43px;
 text-align: right;
 }

 #pad_subnavi
 {
 padding-left: 10px;
 padding-right: 0px;
 text-align: left;
 }

img
{
border:0px;
}


table
{
margin: 0px;
}

.recht
{
font-family: arial;
font-size: 11px;
color: #FFFFFF;
}

.link
{
font-family: arial;
font-size: 11px;
color: #513127;
font-weight: normal;
}

.rot
{
color: #971824;
}

.headline
{
font-family: arial;
font-size: 14px;
color: #6697ac;
font-weight: bold;
}

.rechtliches
{
font-family: arial;
font-size: 10px;
color: #7f7f7f;
}

.radio
{
height: 10px;
font-family: Arial;
font-size: 9pt;
color:#999999;
border-width:0px;
}

.select_map
{
 height: 16px;
 width: 35px;
 font-family: Arial;
 font-size: 8pt;
 color:#444444;
 background-color:eeeeee;
 border-color:#513127;
border: 0px;
}

.form_map
{
font-family: arial;
font-size: 10pt;
font-weight: bold;
color:#88bcd2;
background-color:transparent;
border-color:#9b8948;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 300px;
}

a
{
font-family: arial;
font-size: 12px;
color: #666666;
text-decoration: none;
border:0px
}

a:hover
{
color: #9a9b9c;
}

.on
{
color: #9a9b9c;
}

.on:hover
{
color: #9a9b9c;
}

.off
{
color: #FFFFFF;
}



a.textlink
{
font-family: arial;
text-decoration: none;
color: #6697ac;
font-size: 12px;
border:0px

}
a.textlink:hover
{
font-family: arial;
text-decoration: none;
color: #555555;
font-size: 12px;
border:0px
}

a.impressum
{
font-family: arial;
text-decoration: none;
color: #777777;
font-size: 9px;
border:0px
}
a.impressum:hover
{
font-family: arial;
text-decoration: none;
color: #555555;
font-size: 9px;
border:0px
}



a.c
{
text-decoration: none;
color: #CC9933;
font-size: 10px;
border:0px
}

a.c:hover
{
text-decoration: none;
color: #DDDDDD;
font-size: 10px;
font-weight: normal;
}
.title
{
font-size: 18px;
color: #971824;
font-weight: bold;
}

.small
{
font-family: arial;
font-size: 10px;
color: #777777;
}

.small_on
{
font-size: 10px;
color: #971824;
}

.grey
{
font-size: 10px;
color: #444444;
}

.onsmall
{
font-size: 10px;
color: #CC9933;
}

.text
{
font-family: verdana, arial;
font-size: 12px;
}

.right
{
text-align:right;
margin:0px;
padding:0px;
}

.bgcolor
{
color: #F8DCB4;
}


.formular
{
height: 16px;
font-family: Arial;
font-size: 8pt;
color:#444444;
background:#F6D09A;
border-style:solid;
border-color:#BBBBBB;
border-width:1px;
}

.grey_border_lrou
{
border-style:solid;
border-color:#8F8C8C;
border-width:1px;
}

.grey_border_lr
{
border-left:1px solid #8F8C8C;
border-right:1px solid #8F8C8C;
}

.grey_border_lru
{
border-left:1px solid #8F8C8C;
border-right:1px solid #8F8C8C;
border-bottom:1px solid #8F8C8C;
}

.content_border_lr
{
border-left:1px solid #8F8C8C;
border-right:1px solid #8F8C8C;
background-color:#363535;
}

.content_border_lrou
{
border-color:#8F8C8C;
border-width:1px;
background-color:#363535;
}

.grey_border_lr
{
border-left:1px solid #8F8C8C;
border-right:1px solid #8F8C8C;
}

.bilderrahmen
{
border-color:#555555;
border-width:1px;
}

.subnavi
{
background-color:#686868;
}

/* scrollbar settings for IE 5.5+ */

.vitascroll, .rulesmedscroll, .rulestallscroll, .largescroll, .rulesventiscroll, .rulesukreviewscroll, .rulesukinvoicescroll   {
        scrollbar-base-color: #e7e7e7;
        scrollbar-track-color: #e7e7e7;
        scrollbar-face-color: #e7e7e7;
        scrollbar-highlight-color: #e7e7e7;
        scrollbar-3dlight-color: #e7e7e7;
        scrollbar-darkshadow-color: #e7e7e7;
        scrollbar-shadow-color: #e7e7e7;
        scrollbar-arrow-color: #9b8948;
}



.vitascroll, .rulesmedscroll, .rulestallscroll, .rulesventiscroll, .ruleselastic, .rulebelowelastic, .rulesukreviewscroll, .rulesukinvoicescroll, .rulesukreviewaddress {
        border-top: 0px;
        border-right:  0px;
        border-bottom: 0px;
        border-left:  0px;
        border-color: #3a3a3a;
        border-style: solid;
        }

/* now the specifics for each size of scrollable region*/

.rulesshortscroll {
        width: 230px;
        height: 100px;
        overflow: auto;
        padding-top: 5px;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
         }
.rulesmedscroll {
        width: 230px;
        height: 161px;
        overflow: auto;
        padding-top: 5px;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
         }
.rulesukreviewscroll {
        width: 230px;
         height: 120px;
        overflow: auto;
        padding-top: 5px;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
         }
.rulesukinvoicescroll {
        width: 230px;
         height: 116px;
        overflow: auto;
        padding-top: 5px;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
         }
.rulestallscroll {
        width: 380px;
        height: 170px;
        overflow: auto;
        padding-top: 0px;
         padding-right: 10px; /* value for Mac IE, real value for other browsers below */
         }
.vitascroll {
        width: 380px;
        height: 145px;
        overflow: auto;
        padding-top: 0px;
         padding-right: 10px; /* value for Mac IE, real value for other browsers below */
         }

.rulesventiscroll {
        width: 230px;
        height: 260px;
        overflow: auto;
        padding-top: 5px;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
         }
.largescroll {
        width: 360px;
        overflow: auto;
        height: 454px;
        margin: 30px -15px 15px 0;
         padding-right: 16px; /* value for Mac IE, real value for other browsers below */
          }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesshortscroll { padding-right: 0px; width: 230px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesmedscroll { padding-right: 0px; width: 230px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulestallscroll { padding-right: 10px; width: 380px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.vitascroll { padding-right: 10px; width: 380px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesventiscroll { padding-right: 0px; width: 230px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesukreviewscroll { padding-right: 0px; width: 230px; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesukinvoicescroll { padding-right: 0px; width: 230px; }
.largescroll { padding-right: 0px; width: 100%; }
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.forcebottom { padding-right: 0px; width: 230px; }


/* Add padding so that paragraphs don't crash into the scrollbar */

.vitascroll p, .rulesmedscroll p, .rulestallscroll p , .rulesukreviewscroll p, .rulesukinvoicescroll p, .rulesventiscroll p, .rulesventiscroll p.new {
        padding-right: 5px;
        }
.largescroll p {
        padding: 0 15px 0 0;
        }
