/* =======================================================================
   S T Y L E S H E E T - www.praxis-drschweizer.de - 09/2008
   =======================================================================  */

/* ==================================
   Kalibrierung und allgemeine Styles
   ================================== */

   * { padding: 0; margin: 0; border: 0; }
   h1,h2,h3,h4,h5,h6 { font-size: 100% }
   strong, em { font-style: normal; font-weight: normal; }
   ol,ul { list-style: none; }
   fieldset, img { border: 0; }
   h2, h3, p, ul, ol { margin-bottom: 1em; }
   html { height: 101%; }  

body {
   margin: 0 auto;
   text-align: center;
   min-width: 950px;
   font: 0.84em arial, verdana, sans-serif;
   color: #ffffff;
   background: #000000 url(images/background_02.png) repeat-x !important;
   background: #ffffff; }

h1 { font-size: 120%; }
h2 { font: bold 114% georgia, serif; }
h3 { font-size: 100%; }
h4 { font-size: 78%; font-weight: normal; }
h5 { font-size: 76%; }

a:link, a:visited {
   outline: none; color: #ffffff; }
a:hover, a:focus {
   color: #000000; 
   background-color: #ffffff; }

strong { font-weight: bold; }
abbr[title] { cursor: help; }

#textbereich li { list-style: square; margin-left: 15px; }



[class=fehler] { background: url(images/bullet_error.png) no-repeat left bottom; padding-left: 18px; }
[class=okay] { background: url(images/okay.gif) no-repeat left bottom; padding-left: 18px; }
[class=pkw] { background: url(images/car.png) no-repeat left bottom; padding-left: 17px; }
[class=bus] { background: url(images/bus.png) no-repeat left bottom; padding-left: 17px; }


#spaltelinks a, #map a, #seite09 a{ background-image: none; }

.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}
.mod {display: block; font-size: .8em;}

.hidden {
   position: absolute;
   top: -9999px;
   left: -9999px;
   width: 0px;
   height: 0px;
   display: inline; }

.tab:focus, .tab:active {
   position: absolute;
   top: 9999px;
   left: 10019px;
   display: inline;
   width: 12em;
   height: auto;
   background-color: white;
   background-image: none;
   color: black;
   padding: 5px;
   border: 1px solid black; }

/* ===================================
   Layout
   ===================================  */

#superwrapper { 
   position: relative;
   margin: 0 auto;
   text-align: left;
   width: 940px; } 


#switcher ul { margin: 0; position: absolute; top: -9px; left: 4px; }
#switcher li { margin-bottom: 2px; }
#switcher a { height: 16px; width: 16px; text-decoration: none; display: block; }
#switcher #css0 a, #switcher #css0 a:visited { background: #000000 url(images/font.png) no-repeat 0 0; }
#switcher #css0 a:hover, #switcher #css0 a:focus { background: #ffffff url(images/font.png) no-repeat 0 -16px; }
#switcher #css1 a, #switcher #css1 a:visited { background: #000000 url(images/contrast_high.png) no-repeat 0 0; }
#switcher #css1 a:hover, #switcher #css1 a:focus { background: #ffffff url(images/contrast_high.png) no-repeat 0 -16px; }
#switcher #css2 a, #switcher #css2 a:visited { background: #000000 url(images/nocss.png) no-repeat 0 0 ; }
#switcher #css2 a:hover, #switcher #css2 a:focus { background: #ffffff url(images/nocss.png) no-repeat 0 -16px; }
#switcher #css3 a, #switcher #css3 a:visited { background: #000000 url(images/printer.png) no-repeat 0 0; }
#switcher #css3 a:hover, #switcher #css3 a:focus { background: #ffffff url(images/printer.png) no-repeat 0 -16px; }
#switcher #css4 a, #switcher #css4 a:visited { background: #000000 url(images/praxis.png) no-repeat 0 0; }
#switcher #css4 a:hover, #switcher #css4 a:focus { background: #ffffff url(images/praxis.png) no-repeat 0 -16px; }

#tools ul { margin: 0; position: absolute; top: -9px; left: 920px; }
#tools li { margin-bottom: 0px; }
#tools #rss a { height: 16px; width: 16px; text-decoration: none; display: block; }
#tools #rss a, #tools #rss a:visited { background: #000000 url(images/rss.png) no-repeat 0 0; }
#tools #rss a:hover, #tools #rss a:focus { background: #ffffff url(images/rss.png) no-repeat 0 -16px; }


#divitis_oben { 
   height: 27px;
   width: 940px;
   background: transparent url(images/hintergrund_oben_kontrast.png) no-repeat left top; }

#wrapper { 
   position: relative;
   margin: 0 auto;
   width: 940px;
   background: transparent url(images/hintergrund_mitte_kontrast.png) repeat-y center top; }

#kopfbereich {
   position: relative;
   width: 940px;
   height: 90px; }
   
   #kopfbereich h1 {
      position: absolute;
      text-indent: 0px;
      background: url(imags/logo.png) no-repeat;
      width: 833px;
      height: 35px;
      top: 12px; left: 52px; }
      

#search {
   position: absolute; top: 60px; right: 60px;
   width: 155px;
   padding: 0px;
   display: inline; /* braucht IE 6 zum korrekten Boxmodell */ }

    #suchbegriff { width: 134px; background-color: #FFFFFF; }

    #los { 
       text-indent: -5000px;
       background: #000000 url(images/suchen_kontrast.png) no-repeat center center; 
       width: 15px;
       cursor: pointer; }

/* ===================================
   Navigation
   ===================================  */

#navibereich { 
   clear: both;
   margin-left: 20px; }

#navibereich strong { font-weight: normal; }

#navibereich ul { 
   margin: 0;
   padding-left: 0px ;
   width: 885px;
   float: left;
   display: inline; }

#navibereich ul li { float: left; }
#navibereich a:link, #navibereich a:visited {
   font: 1.3em arial, verdana, sans-serif;
   display: block;
   padding: 0 1em;
   margin: 0;
   line-height: 2.1em ;
   text-decoration: none;
   color: #ffffff;
   background-color: #000000;
   background-image: none;
   border: 1px solid #ffffff;
   float: left; /*für IE 5.2 Mac*/ }

   

#navibereich a:hover, #navibereich a:focus { background-color: #ffffff; color: #000000;}

#startseite #navibereich #home a,
#seite02 #navibereich #sprechstunden a,
#seite03 #navibereich #team a,
#seite04 #navibereich #leistungen a,
#seite05 #navibereich #vita a,
#seite06 #navibereich #anfahrt a,
#seite07 #navibereich #impressum a,
#seite08 #navibereich #datenschutz a {
  background-color: #ffffff;
  color: #000000;
  cursor: default; }

#navibereich #home a { border-left: 0px solid; }

/* ===================================
   Textbereich
   ===================================  */
  
#textbereich {
   float: left;
   width: 442px;
   margin: 10px 21px 0 254px;
   display: inline; /* braucht IE 6 zum korrekten Boxmodell */  }

#textbereich a:link, #textbereich a:visited {
      background-image: none; padding: 0; margin: 0; }
   #textbereich a:hover, #textbereich a:focus {
      color: #000000; }

#spaltelinks {
   float: left;
   width: 180px;
   height: 595px;
   margin: 0 0 0 -665px; }
   
   #spaltelinks #pic_01 {
      position: absolute; top: 137px; left: 52px;

      width: 180px; height: 175px; }

   #spaltelinks #pic_02 a {
      background: url(images/grippeimpfung.png) no-repeat;
      position: absolute; top: 321px; left: 52px;
      width: 180px; height: 175px; }

   #spaltelinks #pic_03 a {
      background: url(images/anfahrt.jpg) no-repeat;
      position: absolute; top: 505px; left: 52px;
      width: 180px; height: 175px; }

   #startseite #spaltelinks #pic_01 { background: url(images/ausblick_01.jpg) no-repeat; }
   #seite02 #spaltelinks #pic_01 { background: url(images/arzthelferin_01.jpg) no-repeat; }
   #seite03 #spaltelinks #pic_01 { background: url(images/behandlungszimmer_01.jpg) no-repeat; }
   #seite04 #spaltelinks #pic_01 { background: url(images/ausblick_02.jpg) no-repeat; }
   #seite05 #spaltelinks #pic_01 { background: url(images/drschweizer_04.jpg) no-repeat; }
   #seite06 #spaltelinks #pic_01 { background: url(images/eingang.jpg) no-repeat; }
   #seite07 #spaltelinks #pic_01 { background: url(images/k42.jpg) no-repeat; }
   #seite08 #spaltelinks #pic_01 { background: url(images/ausblick_03.jpg) no-repeat; }
   #seite09 #spaltelinks #pic_01 { background: url(images/ausblick_01.jpg) no-repeat; }

#sidebar {
   float: left;
   width: 170px;
   font-size: 0.9em; }

   #sidebar #pic_04 {
      background: url(images/sprechstunden_kontrast.gif) no-repeat;
      position: absolute; top: 137px; right: 52px;
      width: 170px; height: 265px; }

   #sidebar #pic_05 { background: url(images/notdiente.gif) no-repeat; 
      position: absolute; top: 411px; right: 52px;
      width: 170px; height: 265px; }

   #sidebar #honcode {  position: absolute; top: 408px; right: 54px;
      width: 170px; height: 265px; }
   #sidebar #honcode a { font-size: 0.9em; }

#sidebar a:link, #sidebar a:visited {
   color: #ffffff; background-image: none; padding: 0; margin: 0; }
#sidebar a:hover, #sidebar a:focus {
   color: #000000; }
   
#divitis_unten { clear: both; width: 0px; height: 0; }

#fussbereich {
   font-size: 78%; font-weight: normal;
   position: absolute; top: 100%; left: 0%;
   width: 940px;
   height: 75px;
   background: transparent url(images/hintergrund_unten_kontrast.png) no-repeat left top; }

   #fussbereich a:link, #fussbereich a:visited {
      background-image: none; padding: 0; margin: 0; }
   #fussbereich a:hover, #fussbereich a:focus {
      color: #000000; }

   #fussbereich ul#footer { position: absolute; top: 30px; left: 53px; }
   #fussbereich ul#validation { position: absolute; top: 30px; right: 52px;}
   #fussbereich li { display: inline; }
 

     
#map {
   float: left;
   width: 442px;
   height: 503px;
   margin: 10px 21px 0 255px;
   display: inline; /* braucht IE 6 zum korrekten Boxmodell */  }


/*  ===================================
    Kontaktformular
    ===================================  */

#kontaktformular {
   width: 340px;
   padding: 20px;
   border: 1px solid #ffffff; }
form {
   color: #ffffff;
   background-color: #000000;
   width: 300px;
   padding: 20px;
   border: 0px solid #ffffff; }

#kontaktformular a, #kontaktformular a:visited { color: #ffffff; }
#kontaktformular a:hover, #kontaktformular a:focus { color: #000000; }

label {
   display: block;
   cursor: pointer; }

input#absender,#mail,#betreff,
textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em; }

textarea {
   height: 7em; }

input#absender:focus,
#mail:focus,
#betreff:focus,
input#search:focus,
textarea:focus {
   background-color: #d9d9d9; }

input#absender:hover,
#mail:hover,
#betreff:hover,
input#search:hover,
textarea:hover {
   background-color: #eee; }


#senden { 
    display: block;
    cursor: pointer;
    border: 1px solid #8c8c8c;
    font: bold 0.9em/1.6em arial, sans-serif;
    color: #000000;
    padding: 1px 2px;
    background-color: #ffffff; }

#senden:hover, #senden:focus { color: #ffffff; background-color: #000000;}
#senden:active { color: #ffffff; }

#textbereich #adresse li { background-image: none; padding-left: 0px}

/*  ===================================
    E N D E Stylesheet
    ===================================  */