body
{
margin: 0; 
padding: 0; 

background-image: url('images/bg_index.gif'); 
background-color: #085273;
 
font-weight:lighter; 
font-size:60%; 
font-family:verdana ;
background-repeat: repeat-x; 
background-attachment: fixed
}

/* ... Stile Ueberschriften ... */
/* ... 2008 by alni ... */

h1 
{
font: 1.2em Verdana;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
color: #000000;
margin-top: 20px;
}

h2 {    
font: 1.4em Georgia,serif;
letter-spacing: 2px;
font-weight: lighter;
text-align: center;
color: #000000;
margin-top: 0px;
}

h3 {
font: 1.0em Verdana;
letter-spacing: 2px;
font-weight: bold;

}

h4 {
font: 1.1em Verdana;
letter-spacing: 2px;
font-weight: bold;

}



div
{
  text-align: justify;
letter-spacing: 0.3px;


}

/* ... Stile container ... */
/* ... 2008 by alni ... */

#container
{

margin:7.6em auto 1em; 
width: 870px; text-align: left; 
background-color: #ffffff; 
border: 1px #000000 solid;
clip: rect( ) 
}


#container_top
{ 
width: 870px;
background-image: url('images/Bild1_test.jpg');
}


#header 
{ 
height: 86px;
border-color: black black #333333;
border-style: none;
}

#mainnav 
{ 
height: 25px; 
background-color: #427B94; 
border-bottom-color: #FFFFFF; 
border-bottom-style: dotted; 
border-bottom-width: 1px

} 

#mainnav ul li 
{
float: center; 
margin-left: 0; 
list-style: none; 
display: inline;

}

#contents_bg_index
{

background-image: url('images/img0001_2.jpg');
background-repeat: no-repeat;
}

#contents_bg_godentis_1
{
background-image: url('images/img0002.jpg');
background-repeat: no-repeat;
}

#contents_aesthetik
{
background-image: url('images/img0003.jpg');
background-repeat: no-repeat;
}

#contents_kfo
{
background-image: url('images/img0004.jpg');
background-repeat: no-repeat;
}

#contents_prophylaxe
{
background-image: url('images/img0005_2.jpg');
background-repeat: no-repeat;
}

#contents_ze
{
background-image: url('images/img0006.jpg');
background-repeat: no-repeat;
}

#contents_kzhk
{
background-image: url('images/img0007.jpg');
background-repeat: no-repeat;
}

#contents_impressum
{
background-image: url('images/img0008.jpg');
background-repeat: no-repeat;
}


#contents_impl
{
background-image: url('images/img0009.jpg');
background-repeat: no-repeat;
}

#contents_fd
{
background-image: url('images/img0010.jpg');
background-repeat: no-repeat;
}

#contents_erhaltung
{
background-image: url('images/img0011.jpg');
background-repeat: no-repeat;
}

#contents_paro
{
background-image: url('images/img0014.jpg');
background-repeat: no-repeat;
}

#contents_wb
{
background-image: url('images/img0013.jpg');
background-repeat: no-repeat;
}


#content_links 
{ 
float: left;
width: 220px; 
height: 300px; 
}

#contents
{
float: left;
left: 515px;
height: 400px;
width: 645px;
}

#scroll
{
height: 400px;
width: 600px;
overflow: hidden;
z-index: 1;
}

#scroll_r
{
height: 400px;
width: 40px;
z-index: 1;
float:right; /* wichtig damit der Container rechts neben dem Scrollbereich platziert wird */
}


#up
{
position: absolute;
margin-top: 370px;
margin-left: 10px;
float:right; /* wichtig das die schaltfläche darunter und nicht versetzt landet. */
height: 21px;
width: 21px;
background-image: url("images/arrow_down.gif");
}

#down
{
position: absolute;
margin-top: 340px;
margin-left: 10px;
float:right; /* wichtig das die schaltfläche darunter und nicht versetzt landet. */
height: 21px;
width: 21px;
background-image: url("images/arrow_up.gif");
}

#footer 
{ 
clear: both; 
height: 15px; 
background-color: #FFFFFF;
border-top: 1px #000000 solid;
text-align: center;
} 

#container_99
{
border-top: 1px #000000 solid;
background-color: #4a8484; 
height: 15px; 
text-align: center;
font-color: #ffffff;
}
#container_99 a:hover 
{
text-decoration: none; color:grey;
}
#container_99 a:link 
{
text-decoration: underline; color:black;
}
#container_99 a:visited
{
text-decoration: underline; color:black;
}

/* ... Ende Stile container ... */
/* ... 2008 by alni ... */








.menu
{
width:750px;
height: 25px; 
margin:0 auto;
background-color: #427B94;
padding-top:0px;
text-align:center;
border-bottom-color: #FFFFFF; 
border-bottom-style: dotted; 
border-bottom-width: 1px

}

.menu ul 
{
padding:0;
margin:0;
list-style-type:none;
z-index: 5;

}

.menu ul ul 
{
width:150px;
z-index: 5;

}

/* float: Liste horizontal und relative Position - Kontrolle der Dropdown-Menü-Positionen */

.menu li 
{
float:left;
width:150px;
position:relative;
z-index: 5;

}

/* Stil erste Ebene */
.menu a, .menu a:visited 
{
display:block;
font-size:10px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:25px; 
border:1px solid #fff; 
border-width:1px 1px 1px 1px; 
background:#427B94; 
padding-left:10px; 
line-height:25px;
z-index: 5;

}

/* Darstellung für IE5 */
* html 
.menu a, 
* html 
.menu a:visited 
{

width:139px;
}

/* Stil zweite Ebene bg */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
background:#3896C2;
}

/* Stil zweite Ebene hover */
.menu ul ul a.drop:hover
{
background:#30A7DE;
}

.menu ul ul :hover > a.drop
{
background:#30A7DE;
}

/* Stil dritte Ebene bg */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
background:#30a7de;
}

/* Stil dritte Ebene hover */
.menu ul ul ul a:hover 
{
background:#b2ab9b;
}

.menu ul ul ul :hover > a 
{
background:#30A7DE;
}

/* Zeige Unterebenen und positioniere absolut.... */
.menu ul ul 
{
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:0; 
width:150px;
}

/* Darstellung für IE5 */
* html 
.menu ul ul 
{
top:30px;
t\op:31px;
}

/* Position Menü dritte Ebene links */
.menu ul ul ul
{
left:150px; 
top:0;
width:150px;
}

/* Position Menü dritte Ebene rechts */
.menu ul ul ul.left 
{
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
position:absolute; top:0; left:0;
}

/* Stil zweite Ebene Links */
.menu ul ul a, .menu ul ul a:visited 
{
background:#3896C2; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
}

/* Darstellung IE5 */

* html .menu ul ul a
{
width:150px;
w\idth:129px;
}


/* Stil erste Ebene hover */
.menu a:hover, .menu ul ul a:hover
{
color:#fff; 
background:#949e7c;
}

.menu :hover > a, .menu ul ul :hover > a 
{
color:#fff;
background:#3896C2;
}

/* Sichtbarkeit zweite Ebene bei hover auf erste Ebene oder Link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
visibility:visible; 
}

/* Verberge dritte Ebene bei hover auf erster Ebene oder Link */
.menu ul :hover ul ul
{
visibility:hidden;
}

/* Verberge vierte Ebene bei hover auf zweiter Ebene oder Links */
.menu ul :hover ul :hover ul ul
{
visibility:hidden;
}

/* Sichtbarkeit dritte Ebene bei hover auf zweiter Ebene oder Link */
.menu ul :hover ul :hover ul
{ 
visibility:visible;
}

/* Sichtbarkeit vierte Ebene bei hover auf dritter Ebene oder Link */
.menu ul :hover ul :hover ul :hover ul 
{ 
visibility:visible;
}