/*************************************************************/
/*                                                           */
/*                  Zahnarzt Dr Dörr                         */
/*            Stylesheet von C.Stetter                       */
/*        für Blueforest Design - und Medienbüro             */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/

*
{
   margin: 0;
   padding: 0;
   border: 0;
   z-index: 0;
}
body
{
   text-align: center;
   margin-bottom: 10px;
   z-index: 1;
   font-family: Lucida, "Lucida Sans", "Lucida Sans Unicode", sans-serif;
   background: #aa9e92 url(img/bg.jpg) repeat-x center top;
   overflow-x:hidden
}
img:focus
{
   outline: 0;
   text-decoration:none;
   border:none;
}
a,
a img,
a:hover,
img a:hover,
img a:focus
{
   outline: 0;
   text-decoration:none;
   border:none;
}
li,
ul,
a,
li
{
   text-decoration: none;
   list-style: none;
   list-style-type: none;
}
/* ----------------------------------------------CONTAINER---------------------------- */
#out
{
   position: relative;
   margin-right: auto;
   margin-left: auto;
   z-index: 2;
   min-width: 800px;
   max-width: 1100px;
}
#container
{
   position: relative;
   width: 1100px;
   margin-right: 15px;
   margin-left: 15px;
   z-index: 3;
   background: #FFF;
}
#content
{
   border: 2px solid #416196;
   text-align: left;
   position: relative;
   z-index: 4;
   padding-right: 2px;
   padding-left: 2px;
}
a
{
   color:#d9d9e8;
   text-decoration:underline;
}
a:hover
{
   color: #867565;
   text-decoration:none;
}
#wrap
{
   position:absolute;
   bottom:30px;
}
/* -----------------------------------------------Anordnung Design---------------------------- */
#oben
{
   position: relative;
   background: url(img/header.gif) no-repeat left 10px;
}
#obentop
{
   height:160px;
   position: relative;
   background: url(img/header_right.gif) no-repeat right 10px;
}
#obensub
{
   height:20px;
   background: url(img/stripetop.gif) repeat-x;
}
#mitte
{
   min-height: 430px;
   height: auto !important;
   height:430px;
   border-bottom: 4px solid #416196;
   position: relative;
   background: #7f95ba url(img/stripebottom.gif) repeat-x left bottom;
}
#mitte #innen
{
   font-size: 14px;
   color:#ddd;
   padding-left: 40px;
   padding-top: 20px;
   padding-right: 30px;
   padding-bottom: 30px;
}
#carousel,
embed
{
   position:relative;
   left:-40px;
}
body#kontakt #mitte #innen,
body#start #mitte #innen,
body#information #mitte #innen,
body#praxis #mitte #innen,
body#leistungen #mitte #innen
{
   padding-bottom: 20px;
   padding-top: 10px;
}
#mitte #innen img,
#kontaktformular
{
   position:relative;
   margin-bottom: 20px;
   margin-left: 50px;
   border: 2px solid #416196;
   left: 0;
}
body.teilzahlung #mitte #innen img
{
   margin-left: 0px;
   border: 1px solid #416196;
}
#mitte #innen h1
{
   padding-bottom: 25px;
   font: 2.5em "arabic Typesetting", "Times New Roman", Georgia, Times, serif;/* font: 2.5em  "arabic Typesetting", serif; */
}
#unten
{
   position: relative;
   height:131px;
}
#flash
{
   position:absolute;
   left:160px;
}
span.mandatory { color:#416196; }
#musik { display:none; }
body.home #musik, body.mus #musik
{
   display:block;
   position:absolute;
   right:0;
   top:160px;
   cursor:pointer;
}
/* ------------------------------------Adresse---------------------------- */
#adresse
{
   position:absolute;
   bottom:110px;
   left:23px;
   color:#416196;
   font-size:11px;
}
/* ------------------------------------Kontakt---------------------------- */
body.email .ce_form
{
   margin-bottom: 20px;
   margin-left: 50px;
   float:right;
   border: 2px solid #416196;
   padding:2px;
   height:300px;
   width:300px;
}
label.feld
{
   width:70px;
   display:block;
   float:left;
   clear:both;
}
#kontaktform input,
#kontaktform select
{
   display:block;
   float:left;
}
#kontaktform { }
input[type="text"],
textarea,
.textarea,
select
{
   width:220px;
   background: #7f95ba;
   color:#aeccff;
   border: 1px solid #aeccff;
   float:left;
   clear:both;
   margin-bottom:4px;
}
input[type="text"]:focus,
textarea:focus { color:#416196; }
table#tabkontakt td { padding-bottom:4px; }
textarea
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
input#send
{
   float:left;
   clear:left;
}
p.meld,
.err
{
   color:#416196;
   padding-bottom:10px;
}
.err
{
   background-color:#DFA778;
   padding-bottom:0px;
}
p.error{font-size: 11px;
color:#ffaeae;background-color:#416196; }
/* ----------Blueforest Sign---------------------------- */
#blueforest
{
   position: relative;
   font-size: 9px;
   font-weight: normal;
   text-transform: lowercase;
   background:transparent;
}
#blueforest a
{
   color:#fff;
   text-decoration:none;
}
#blueforest a:hover
{
   color: #416196;
   text-decoration:none;
}
/*-------------------------------------------Routenplaner-----------------------------------------*/
a.back,
.mod_routenplaner .inputbutton
{
   border: 1px solid #416196;
   color:#416196;
   background:  #d9d9e8;
   padding:3px;
   text-decoration:none;
   text-transform:uppercase;
   font-size:.8em;
}
.mod_routenplaner
{
   padding-bottom:30px;
   padding-left:85px;
}
.mod_routenplaner .inputbutton { }
.mod_routenplaner table td.col_first { padding-right:20px; }
.mod_routenplaner input.text { padding:1px; }
strong { color:#666; }
ul.fachgesellschaften li
{
   list-style-position: inside;
   list-style-type: disc;
}
#oeffnungszeiten td { width:120px; }
#start #out #container #content #mitte #innen #flash table tr td { text-align: center; }
/* ------------------------------------------------------------Startseite---------------------------- */

table#tabstart
{
   text-align:center;
   position:relative;
   left:140px;
   top:50px;
   z-index:500;
}
body.home #mitte #innen { }
table#tabstart td { padding:0; }
body.home #mitte #innen,
table#tabstart td
{
   text-align:center;
   float:none;
}
table#tabstart td.link
{
   height:90px;
   vertical-align:top;
}
table#tabstart a
{
   padding:0;
   text-decoration:none;
   font-weight:bold;
}
table#tabstart img,
body.home #mitte #innen img
{
   padding:0;
   margin-left: 0;
   width:220px;
}
/*---------------------------------------------------------Google Map----------------------*/
.dlh_googlemap,
.mod_dlh_googlemaps { float:right; }
.gmnoprint { color:#333; }
body.bruecken .mod_flash,
body.herausnehmbarerzahnersatz .mod_flash,
body.totalprothese .mod_flash,
body.einzelzahnersatz .mod_flash
{
   float:right;
   border: 2px solid #416196;
   margin-bottom: 20px;
   margin-left: 50px;
}
object,
embed { z-index:100; }
.pdf_link a
{
   position:relative;
   left:50px;
   border: 1px solid #416196;
   color:#416196;
   background:  #d9d9e8;
   padding:3px;
   text-decoration:none;
   text-transform:uppercase;
   font-size:.8em;
}
/*---------------------------------------------------------Impressum----------------------*/
body.impressum a,
body.impressum a:hover
{
   cursor:text;
   color:#FFF;
   text-decoration:none;
}




