/* =======================================================================
   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.78em arial, verdana, sans-serif;
   color: #605d3c;
   background: #ffffff url(images/background.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: #159bd3; }
a:hover, a:focus {
   color: #000000; }

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

#textbereich li { background: url(images/bullet_blue.png) no-repeat left top; padding-left: 17px; }

.img-wrapper { background: url(images/shadow.gif) no-repeat bottom right; width: 310px ; height: 237px; position: relative; /*fuer den IE letzteres*/ }
.img-wrapper img { margin: -3px 5px 7px -5px;  background-color: #ffffff; border: 1px solid #605d3c; padding: 4px; display:block; position: relative; }

[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; }
[class=accept] { background: url(images/accept.gif) no-repeat left center; padding-left: 14px; }

a:link[href^="mailto:"], a:visited[href^="mailto:"] { 
      background: url(images/email.png) no-repeat right top; padding-right: 19px; }
a:hover[href^="mailto:"], a:focus[href^="mailto:"]{
      background: url(images/email.png) no-repeat right -16px; padding-right: 19px; }
a:link[href^="http:"], a:visited[href^="http:"] { 
      background: url(images/link_extern.png) no-repeat right top; padding-right: 17px; }
a:hover[href^="http:"], a:focus[href^="http:"]{
      background: url(images/link_extern.png) no-repeat right -19px; padding-right: 17px; }
a:link[href^="http://www.praxis-drschweizer.de"]{
      background-image: none; padding-right: 0; }
#spaltelinks a, #map a, #seite09 a, #sidebar 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, .hidden_nav {
   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: 3px; }
#switcher a { height: 16px; width: 16px; text-decoration: none; display: block; }
#switcher #css0 a, #switcher #css0 a:visited { background: #c4e2e5 url(images/font.png) no-repeat 0 0; }
#switcher #css0 a:hover, #switcher #css0 a:focus { background: #605d3c url(images/font.png) no-repeat 0 -16px; }
#switcher #css1 a, #switcher #css1 a:visited { background: #c4e2e5 url(images/contrast_high.png) no-repeat 0 0; }
#switcher #css1 a:hover, #switcher #css1 a:focus { background: #605d3c url(images/contrast_high.png) no-repeat 0 -16px; }
#switcher #css2 a, #switcher #css2 a:visited { background: #c4e2e5 url(images/nocss.png) no-repeat 0 0 ; }
#switcher #css2 a:hover, #switcher #css2 a:focus { background: #605d3c url(images/nocss.png) no-repeat 0 -16px; }
#switcher #css3 a, #switcher #css3 a:visited { background: #c4e2e5 url(images/printer.png) no-repeat 0 0; }
#switcher #css3 a:hover, #switcher #css3 a:focus { background: #605d3c url(images/printer.png) no-repeat 0 -16px; }
#switcher #css4 a, #switcher #css4 a:visited { background: #c4e2e5 url(images/praxis.png) no-repeat 0 0; }
#switcher #css4 a:hover, #switcher #css4 a:focus { background: #605d3c 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: url(images/rss.png) no-repeat 0 0; }
#tools #rss a:hover, #tools #rss a:focus { background: url(images/rss.png) no-repeat 0 -16px; }




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

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

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

#search {
   position: absolute; top: 60px; right: 60px;
   width: 155px;
   padding: 0px;
   border: 1px solid #605d3c; 
   display: inline; /* braucht IE 6 zum korrekten Boxmodell */
   background: #c4e2e5; }

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

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

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

#navibereich { 
   clear: both;
   width: 900px;
   height: 25px;
   background-color: #159bd3;
   margin-left: 20px;
}
   #navibereich ul { margin: 0px ; }
   #navibereich li { display: inline; }
   #navibereich a { float: left; height: 25px; width: 105px; }


#navibereich #home a { background: url(images/buttons/home.gif); }
#navibereich #home a:hover, #navibereich #home a:focus { background: url(images/buttons/home.gif) 0 50px; } 
#startseite #navibereich #home a { background: url(images/buttons/home.gif) 0 25px; cursor: default; }

#navibereich #sprechstunden a { background: url(images/buttons/sprechstunden.gif); }
#navibereich #sprechstunden a:hover, #navibereich #sprechstunden a:focus { background: url(images/buttons/sprechstunden.gif) 0 50px; }
#seite02 #navibereich #sprechstunden a { background: url(images/buttons/sprechstunden.gif) 0 25px; cursor: default; }

#navibereich #team a { background: url(images/buttons/team.gif); }
#navibereich #team a:hover, #navibereich #team a:focus { background: url(images/buttons/team.gif) 0 50px; }
#seite03 #navibereich #team a { background: url(images/buttons/team.gif) 0 25px; cursor: default; }

#navibereich #leistungen a { background: url(images/buttons/leistungen.gif); }
#navibereich #leistungen a:hover, #navibereich #leistungen a:focus { background: url(images/buttons/leistungen.gif) 0 50px; }
#seite04 #navibereich #leistungen a { background: url(images/buttons/leistungen.gif) 0 25px; cursor: default; }

#navibereich #vita a { background: url(images/buttons/vita.gif); }
#navibereich #vita a:hover, #navibereich #vita a:focus { background: url(images/buttons/vita.gif) 0 50px; }
#seite05 #navibereich #vita a { background: url(images/buttons/vita.gif) 0 25px; cursor: default; }

#navibereich #anfahrt a { background: url(images/buttons/anfahrt.gif); }
#navibereich #anfahrt a:hover, #navibereich #anfahrt a:focus { background: url(images/buttons/anfahrt.gif) 0 50px; }
#seite06 #navibereich #anfahrt a { background: url(images/buttons/anfahrt.gif) 0 25px; cursor: default; }

#navibereich #impressum a { background: url(images/buttons/impressum.gif); }
#navibereich #impressum a:hover, #navibereich #impressum a:focus { background: url(images/buttons/impressum.gif) 0 50px; }
#seite07 #navibereich #impressum a { background: url(images/buttons/impressum.gif) 0 25px; cursor: default; }

#navibereich #datenschutz a { background: url(images/buttons/datenschutz.gif); }
#navibereich #datenschutz a:hover, #navibereich #datenschutz a:focus { background: url(images/buttons/datenschutz.gif) 0 50px; } 
#seite08 #navibereich #datenschutz a { background: url(images/buttons/datenschutz.gif) 0 25px; cursor: default; }  

/* ===================================
   Textbereich
   ===================================  */

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

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

      width: 180px; height: 175px; }

   #spaltelinks #pic_02 a {
      background: url(images/zeckenimpfung.jpg) no-repeat;
      position: absolute; top: 309px; left: 54px;
      width: 180px; height: 175px; }

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

   #startseite #spaltelinks #pic_01 { background: url(images/ausblick_04.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_02.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: 78%; }

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

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

   #sidebar #honcode {  position: absolute; top: 633px; right: 54px;
      width: 170px; height: 265px; }

#sidebar a:link, #sidebar a:visited {
   color: #605d3c; 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.png) no-repeat left top; }

   #fussbereich a:link, #fussbereich a:visited {
      color: #605d3c; 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 #8c8c8c; }
form {
   background-color: #eee;
   width: 300px;
   padding: 20px;
   border: 0px solid #8c8c8c; }

#kontaktformular a, #kontaktformular a:visited { color: #605d3c; }
#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: #ffffff;
    padding: 1px 2px;
    background-color: #c4e2e5; }

#senden:hover, #senden:focus { color: #605d3c; }
#senden:active { color: #000000; }

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

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