/*  CSS for zahnarzt Tempelhof */
/* set and reset global styles */
*{
   margin:0;
   padding:0;
   }

img{
   border:none;
   }

h1, .aural{
   display:none;
   }

.left{
   float:left;
   }

.right{
   float:right;
   }

.clear{
   clear:both;   
   }

html{

   }

ul,ol{
   list-style:none;   
   }

td,th{
   font-size:1em;
   }
a {
  outline: none;
}
   
/* base layout */

body {
   color:#000;
   background-color: #fff6dd;
   font-family: verdana, arial, Helvetica, sans-serif;
   text-align:center;
   font-size:0.75em;
   padding:0 0 10px 0;
   }
   
#mainbox{
   position: absolute;
   width: 944px;
   height: 586px;
   top:50%;  
   left:50%; 
   margin-top:-293px;  
   margin-left:-472px;
   background: #fff3d1;
   overflow: hidden;
   }
      
#contentbox{
   height: 582px;    
   border-left: solid 1px #50abe4;
   border-right: solid 1px #50abe4;
   }   
   
div.head-top{
   height: 1px;
   background: url(../images/layout/head-top.png) no-repeat left top;   
   }

div.bottom-top{
   height: 1px;
   background: url(../images/layout/head-top.png) no-repeat left bottom;
   }   

div#header{
   background: url(../images/layout/header.png) no-repeat 400px 14px;
   height: 160px;   
   }   
   
div#navigation{
   height: 100px;
   background: url(../images/layout/navigation.png) repeat-x bottom left;
   padding-top:60px; 
   }

#body {

   }  
 
#body, .center{
   float:left;   
   } 
   
#body div.left{
   float:left; 
   width:364px;
   height:362px;
   overflow: hidden;
   } 
   
#body div.center{
   float:left;   
   background:#fffdf5;  
   width:480px;
   height:362px;
   overflow:auto;
   } 

#body div.textbox{
   padding:20px 20px 0 44px;
   text-align: left;
   color:#113850;
   } 

#body div.right {
   float:right;
   width:98px;
   height:362px;
   overflow: hidden;
   background: #0587d9;
   } 
 
#footer{
   color:#2d5773;
   padding-top: 10px; 
   clear:left;
   border-top: solid 1px #50abe4;
   } 
   
#footer .left{
   width:364px;
   text-align: left;
   } 
   
#footer .left span{
   padding-left: 100px; 
   } 
   
#footer .center{
   width:500px;
   text-align: left;
   } 

#footer .center span{
   padding:0 10px 0 2px;
   } 
   
/* splash */

div#splash{
   height:522px;
   width:942px;
   background: url(../images/layout/splash_bg.jpg) no-repeat top left;   
   }

div#splash img.ani{
   position:absolute;
   top:132px;
   left:570px;
   }

/* Content */
#body div.left .top,
#body div.right .top{
   text-align: right;
   }
   
#body div.right .top{
   height:192px;
   }
   
#body div.right .top p{
   text-align: center;
   padding:10px 0;
   }
   
#body div.right .top a{
   text-decoration: none;
   color:#add7f2;
   font-size: 0.8em;
   }

#body div.right .top a:hover{
   color:#fff6dd;
   }   
   
#body div.left .bottom{
   text-align: right;
   background: url(../images/layout/bg-bottom.png) no-repeat top left;
   height:200px; 
   }
   
#body div.textbox p{
   padding:0 0 10px 0;
   }       
   
#body div.textbox p.home{
   line-height: 1.6;
   }    
   
#body div.left h2{
   font-size:1.1em; 
   color: #fff;
   font-weight: normal;
   padding: 30px 10px 0 0;
   }

#body div.textbox ul.linklist{
  }

#body div.textbox ul.linklist li{
  padding:4px 0 4px 14px;
  background: url(../images/layout/link.gif) no-repeat left 8px;
  }

#body div.textbox a{
  color:#113850;
   }       

#body div.textbox a.extern{
  background: url(../images/layout/link.gif) no-repeat center left;
  padding-left:16px;
   }       

#body div.textbox a.mail{
  color:#113850;
   }       
   
#overlay{
   width: 480px;
   height: 362px;
   overflow: hidden;
   background:#94dde2;
   }   
   
/* Navigation */

div#navigation ul{
   }

div#navigation li ul{
   display:none;
   }

div#navigation li{
   display:block;
   float:left;
   padding-top:34px;
   }

div#navigation a,
div#navigation span{
   color:#2d5773;
   text-decoration: none;
   padding:44px 0 0 26px;
   display: block;
   }

div#navigation a:hover,
div#navigation span{
   color: #0587d9;   
   }

div#navigation li.home a,
div#navigation li.home span{
   padding-left:40px;
   background-image:url(../images/layout/home_zahn.gif);
   background-repeat: no-repeat;
   background-position: 500px 500px;     
   }

div#navigation li.home a:hover,
div#navigation li.home span{
   background-position: 10px 19px;
   }

div#navigation li.leistungen {
   margin-left:300px; 
   }

div#navigation li.leistungen a,
div#navigation li.leistungen span{
   background-image:url(../images/layout/leistungen_zahn.gif);
   background-repeat: no-repeat;
   background-position: 500px 500px;   
   }

div#navigation li.leistungen a:hover,
div#navigation li.leistungen span{
   background-position: 0 14px;   
   }

div#navigation li.prophylaxe a,
div#navigation li.prophylaxe span{
   background-image:url(../images/layout/leistungen_zahn.gif);
   background-repeat: no-repeat;
   background-position: 500px 500px;   
   }

div#navigation li.prophylaxe a:hover,
div#navigation li.prophylaxe span{
   background-position: 0 14px;   
   }

div#navigation li.anfahrt a,
div#navigation li.anfahrt span{
   background-image:url(../images/layout/anfahrt_zahn.gif);
   background-repeat: no-repeat;
   background-position: 500px 500px;   
   }

div#navigation li.anfahrt a:hover,
div#navigation li.anfahrt span{
   background-position: 26px 1px;   
   }

div#navigation li.links a,
div#navigation li.links span{
   padding-right:30px;
   background-image:url(../images/layout/links_zahn.gif);
   background-repeat: no-repeat;
   background-position: 500px 500px;   
   }

div#navigation li.links a:hover,
div#navigation li.links span{
   background-position: right 12px;   
   }
   
div#navigation li.imprint a,
div#navigation li.imprint span{
   padding-left:30px;
   font-size: 0.85em;
   }
   
div#navigation li.leistungen ul {
   margin:-80px 0 0 30px;
   padding:0;
   position:absolute;
   z-index: 100;
   text-align: left;
   }      

div#navigation li.leistungen ul li{
   margin:0;
   padding:0;
   float:none;
   }      
 
div#navigation li.leistungen ul li a,
div#navigation li.leistungen ul li span{
   background:none;
   margin:0;
   padding:0;
   }      
     
div#navigation li.leistungen:hover ul {
   display:block;
   }   
 
.bottom ul{
   color:#fff;
   padding:30px 10px 0 0;   
   }   

.bottom ul li{ 
   padding:4px;
   }   

.bottom ul li a{ 
   color:#fff;
   text-decoration: none;
   }   
.bottom ul li span{ 
   color:#2d5773;
   }      
   
/* Multimedia */  

#flash{
   position: absolute;
   left:0;
   margin-left:2px;
   margin-top:2px;
   }

#indexnavigation{
   position:absolute;
   left:-600px;
   }