@charset "utf-8";
/* CSS Document */


body{
padding:0;margin:0;font:11px Arial,Helvetica,Garuda,sans-serif;
}

div
{
font-family:Arial,Helvetica,Garuda,sans-serif;
}

ul, li{
list-style:none;
}

img{
border:0;
}

p{
margin:1em 0;
}

#bildstarr
{
position:absolute;
	top:174px;
	left:11px;
    height:305px
	}
	
html, body {
background-image: url(images/bg-line.jpg);
background-repeat:repeat-x;
height:100%;
background-color:#fff4cb;
margin-left:0px;
margin-top:0px;
margin-bottom:20px;
color: #9c9d9f;
		}


#main-div
{
width:100%;
height:100%;
margin-left:0px;
margin-top:0px;
}

#main
{
background-image: url(images/m1.jpg);
background-repeat:no-repeat;
width:980px;
height:500px;
margin:0px auto;
position:relative;
}

#navi
{
/*background-image: url(images/pics-main.jpg);
background-repeat:no-repeat;*/

}

#logo
{
background-image: url(images/logo.jpg);
background-repeat:no-repeat;
width:222px;
height:145px;
top:0px;
left:0px;
position:absolute;
}

#pics-main
{
background-image: url(images/pics-main.jpg);
background-repeat:no-repeat;
width:415px;
height:267px;
top:190px;
left:0px;
position:absolute;
}

#auto
{
background-image: url(images/line.png);
background-repeat:no-repeat;
width:412px;
height:320px;
top:385px;
z-index:12;
left:60px;
position:absolute;
}

#text-container
{
/*background-image: url(images/pics-main.jpg);
background-repeat:no-repeat;*/
width:467px;
top:190px;
padding:10px;
color: #808080;
background-color:#ffffff;
left:464px;
position:absolute;
border:1px solid #f7d600
}

#kontakt
{
left:219px;
top:512px;
display:block;
width:203px;
z-index:13;
position:absolute;
}

a.zahnpastaspender:link, a.zahnpastaspender:visited, a.zahnpastaspender:active
{
width:100px;
color: #808080;
font-size:12px;
text-decoration:none;
}

a.zahnpastaspender:hover
{
color:#000000;
font-size:12px;
text-decoration:none;
}



#con44
{
background-image: url(images/r.jpg);
background-repeat:repeat-x;
z-index:4;
width:50%;
height:527px;
position:absolute;
margin-left:0px;
}

#con45
{
background-image: url(images/l.jpg);
background-repeat:repeat-x;
z-index:3;
margin-left:50%;
width:50%;
height:527px;
position:absolute;
float:left;
}

#slideshow {
    position:absolute;
	top:190px;
	left:219px;
    height:243px;
}

#slideshow IMG {
    position:absolute;
    
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
	}
	
/*-------horiz Menü ------*/
#vpnavigation {
width:762px;
top:150px;
z-index:3;
left:215px;
height:30px;
position:absolute;
}

 #vpnavigation ul { /* alle Listen */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 30px;
}

#vpnavigation a {
display: block;
width: 120px;
font-family: arial;
font-size:12px;
font-weight:normal;
color:#ffffff;
line-height: 30px;
text-indent: 5px;
text-decoration:none;
}

#vpnavigation a:hover {
	display: block;
	width: 120px;
	background-color: #f7d600;
	text-decoration:none;
	text-indent: 5px;
}

#vpnavigation li { /* alle Listenelemente */
	float: left;
	width: 120px;
	margin-left:3px;
	background-color: #9c9d9f;
}

#vpnavigation li ul { /* Listen 2. Ebene */
	position: absolute;
	background-color: #d4d4d4;
	width: 120px;
	margin-left:3px;
	left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
	background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
	margin: -1em 0 0 10em;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
	left: -999em;
	background-color: #f7d600;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
	left: auto;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
	
	background-color: #f7d600;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
	
	background-color: #f7d600;
}