/*
html
{
height: 100%;
margin-bottom: 1px;
}
*/

body,td
{
font-family: arial;
font-size: 12px;
color: #7f7f7f;

}

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

.schatten
{
background-image:url(../images/schatten-grau.png);
background-position: center;
}

h1
{
font-size: 18px;
color: #971824;
font-weight: bold;
border:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:10px;
}

h2
{
font-size: 12px;
color: #971824;;
font-weight: bold;
border:0px;
margin:0px;
}

h3
{
font-size: 12px;
color: #971824;;
font-weight: bold;
border:0px;
margin:0px;
}

h4
{
font-size: 12px;
color: #971824;;
font-weight: bold;
border:0px;
margin:0px;
}

h5
{
font-size: 12px;
color: #971824;;
font-weight: bold;
border:0px;
margin:0px;
}

h6
{
font-size: 12px;
color: #971824;;
font-weight: bold;
border:0px;
margin:0px;
}

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

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

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

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

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

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

img
{
border:0px;
}

table
{
margin: 0px;
}

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

.small
{
font-size: 10px;
color: #7f7f7f;
}

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

.form_map
{
font-family: arial;
font-size: 8pt;
color:#971824;
background-color:transparent;
border-color:#e5c5c8;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 170px;
}

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

.definition
{
font-family: arial;
font-size: 11px;
color: #7f7f7f;
}

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

.rot
{
color: #971824;
}

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

a:hover
{
color: #971824;
}

.on
{
color: #971824;
}

.on:hover
{
color: #971824;
}

.off
{
color: #FFFFFF;
}

a.willkommen         { display:block;
                     background-image:url(../images/willkommen-unsichtbare-spangen-zahnspangen-invisalign-berlin-off.jpg);
                     width:86px; height:92px; border=0; }
a.willkommen:hover   { background-image:url(../images/willkommen-unsichtbare-spangen-zahnspangen-invisalign-berlin-hover.jpg); }

a.willkommen_on      { display:block;
                     background-image:url(../images/willkommen-unsichtbare-spangen-zahnspangen-invisalign-berlin-hover.jpg);
                     width:86px; height:92px; border=0; }

a.konzept           { display:block;
                     background-image:url(../images/konzept-fuer-unsichtbare-invisalign-zahnspange-berlin-off.jpg);
                     width:63px; height:92px; border=0; }
a.konzept:hover     { background-image:url(../images/konzept-fuer-unsichtbare-invisalign-zahnspange-berlin-hover.jpg); }

a.konzept_on           { display:block;
                     background-image:url(../images/konzept-fuer-unsichtbare-invisalign-zahnspange-berlin-hover.jpg);
                     width:63px; height:92px; border=0; }

a.leistungen           { display:block;
                     background-image:url(../images/leistungen-invisalign-teen-unsichtbar-spange-schnarchtherapie-berlin-off.jpg);
                     width:82px; height:92px; border=0; }
a.leistungen:hover     { background-image:url(../images/leistungen-invisalign-teen-unsichtbar-spange-schnarchtherapie-berlin-hover.jpg); }

a.leistungen_on           { display:block;
                     background-image:url(../images/leistungen-invisalign-teen-unsichtbar-spange-schnarchtherapie-berlin-hover.jpg);
                     width:82px; height:92px; border=0; }

a.team           { display:block;
                     background-image:url(../images/kieferorthopaedie-team-unsichtbare-zahnspangen-berlin-off.jpg);
                     width:40px; height:92px; border=0; }
a.team:hover     { background-image:url(../images/kieferorthopaedie-team-unsichtbare-zahnspangen-berlin-hover.jpg); }

a.team_on           { display:block;
                     background-image:url(../images/kieferorthopaedie-team-unsichtbare-zahnspangen-berlin-hover.jpg);
                     width:40px; height:92px; border=0; }

a.praxis           { display:block;
                     background-image:url(../images/praxis-wilmersdorf-unsichtbare-invisalign-spange-off.jpg);
                     width:50px; height:92px; border=0; }
a.praxis:hover     { background-image:url(../images/praxis-wilmersdorf-unsichtbare-invisalign-spange-hover.jpg); }

a.praxis_on           { display:block;
                     background-image:url(../images/praxis-wilmersdorf-unsichtbare-invisalign-spange-hover.jpg);
                     width:50px; height:92px; border=0; }

a.aktuelles           { display:block;
                     background-image:url(../images/aktuelles-kieferorthopaede-berlin-off.jpg);
                     width:78px; height:92px; border=0; }
a.aktuelles:hover     { background-image:url(../images/aktuelles-kieferorthopaede-berlin-hover.jpg); }

a.aktuelles_on           { display:block;
                     background-image:url(../images/aktuelles-kieferorthopaede-berlin-hover.jpg);
                     width:78px; height:92px; border=0; }



a.welcome         { display:block;
                     background-image:url(../images/welcome_off.jpg);
                     width:68px; height:92px; border=0; }
a.welcome:hover   { background-image:url(../images/welcome_hover.jpg); }

a.welcome_on      { display:block;
                     background-image:url(../images/welcome_hover.jpg);
                     width:68px; height:92px; border=0; }

a.concept           { display:block;
                     background-image:url(../images/concept_off.jpg);
                     width:63px; height:92px; border=0; }
a.concept:hover     { background-image:url(../images/concept_hover.jpg); }

a.concept_on           { display:block;
                     background-image:url(../images/concept_hover.jpg);
                     width:63px; height:92px; border=0; }

a.services           { display:block;
                     background-image:url(../images/services_off.jpg);
                     width:64px; height:92px; border=0; }
a.services:hover     { background-image:url(../images/services_hover.jpg); }

a.services_on           { display:block;
                     background-image:url(../images/services_hover.jpg);
                     width:64px; height:92px; border=0; }

a.clinic           { display:block;
                     background-image:url(../images/clinic_off.jpg);
                     width:44px; height:92px; border=0; }
a.clinic:hover     { background-image:url(../images/clinic_hover.jpg); }

a.clinic_on           { display:block;
                     background-image:url(../images/clinic_hover.jpg);
                     width:44px; height:92px; border=0; }

a.news           { display:block;
                     background-image:url(../images/news_off.jpg);
                     width:38px; height:92px; border=0; }
a.news:hover     { background-image:url(../images/news_hover.jpg); }

a.news_on           { display:block;
                     background-image:url(../images/news_hover.jpg);
                     width:38px; height:92px; border=0; }

a.willkommen_ru           { display:block;
                     background-image:url(../images/willkommen-ru-off.jpg);
                     width:127px; height:92px; border=0; }
a.willkommen_ru:hover     { background-image:url(../images/willkommen-ru-hover.jpg); }

a.willkommen_ru_on           { display:block;
                     background-image:url(../images/willkommen-ru-hover.jpg);
                     width:127px; height:92px; border=0; }

a.konzept_ru           { display:block;
                     background-image:url(../images/konzept-ru-off.jpg);
                     width:63px; height:92px; border=0; }
a.konzept_ru:hover     { background-image:url(../images/konzept-ru-hover.jpg); }

a.konzept_ru_on           { display:block;
                     background-image:url(../images/konzept-ru-hover.jpg);
                     width:63px; height:92px; border=0; }

a.services_ru           { display:block;
                     background-image:url(../images/services-ru-off.jpg);
                     width:51px; height:92px; border=0; }
a.services_ru:hover     { background-image:url(../images/services-ru-hover.jpg); }

a.services_ru_on           { display:block;
                     background-image:url(../images/services-ru-hover.jpg);
                     width:51px; height:92px; border=0; }


a.team_ru           { display:block;
                     background-image:url(../images/team-ru-off.jpg);
                     width:65px; height:92px; border=0; }
a.team_ru:hover     { background-image:url(../images/team-ru-hover.jpg); }

a.team_ru_on           { display:block;
                     background-image:url(../images/team-ru-hover.jpg);
                     width:65px; height:92px; border=0; }

a.praxis_ru           { display:block;
                     background-image:url(../images/praxis-ru-off.jpg);
                     width:61px; height:92px; border=0; }
a.praxis_ru:hover     { background-image:url(../images/praxis-ru-hover.jpg); }

a.praxis_ru_on           { display:block;
                     background-image:url(../images/praxis-ru-hover.jpg);
                     width:61px; height:92px; border=0; }

a.aktuelles_ru           { display:block;
                     background-image:url(../images/aktuelles-ru-off.jpg);
                     width:63px; height:92px; border=0; }
a.aktuelles_ru:hover     { background-image:url(../images/aktuelles-ru-hover.jpg); }

a.aktuelles_ru_on           { display:block;
                     background-image:url(../images/aktuelles-ru-hover.jpg);
                     width:63px; height:92px; border=0; }


a.text
{
font-family: arial;
text-decoration: none;
color: #999999;
font-size: 11px;
border:0px
}
a.text:hover
{
text-decoration: none;
color: #666666;
font-size: 11px;
}

/** BACKGROUND ELEMENTS -------------------------------------------------------**/

.bg_01_05{background-image:url(../images/bg_01.05.gif);}
.bg_aktuelles{background-image:url(../images/album/images/invisalign_klare_sache_1.jpg);}
.bg_facebook_01_05{background-image:url(../images/bg_facebook_01.05.gif );}

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


#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* scrollbar settings for IE 5.5+ */

.rulestallscroll {
        scrollbar-base-color: #FFFFFF;
        scrollbar-track-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-shadow-color: #FFFFFF;
        scrollbar-arrow-color: #971824;
}



.rulestallscroll {
        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*/

.rulestallscroll {
        width: 524px;
        height: 110px;
        overflow: auto;
        padding-top: 5px;
        padding-right: 10px; /* value for Mac IE, real value for other browsers below */
         }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulestallscroll { padding-right: 10px; width: 524px; }

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

.rulestallscroll p {
        padding-right: 5px;
        }