/* Kintea, Ergotherapeutische Praxis */

/* ---------- @allgemein ----------------------------- */
a, blockquote, body, caption, dd, div, dl, dt, fieldset,
form, h1, h2, h3, h4, h5, hr, img, label, legend, li, 
ol, p, table, tbody, td, tfoot, th, thead, tr, ul {margin:0; padding:0}

a, blockquote, caption, dd, dfn, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5,
img, label, legend, li, ol, p, samp, table, tbody, td, tfoot, th, thead, tr, ul
{
  font-size: 100.1%;
  font-family: Times, "Times New Roman", Georgia, serif;
  border:none;
  line-height: 140%;
}
h1 {font-size:1.6em}
h2 {font-size:1.4em}
h3 {font-size:1.2em}
h4 {font-size:1em}
h5 {font-size:.9em}
a img, a:link img, a:hover img, a:focus img {border:none}
h1, h2, h3, h4, h5 {
  color: #2E0D5C;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-weight:normal;
  margin: 0.6em 0 0.2em 0;  
  letter-spacing: 0.08em;
  line-height:normal;
}

h4 {font-weight: bold}

address {font-style:normal;}
abbr {border: none;}
ol {list-style: none;}

#main a, #main a:link {
  color: #4C2B09;
  text-decoration: none;
  border-bottom: 1px solid #B56515;
}
#main a:hover, #main a:focus {
  color:#000;
  background: #FFDAA8; /*#EFEBFF;*/
  border-bottom: 1px solid;
}
#main a img, #main a:link img, #main a:hover img, #main a:focus img {border:none}

/* ---------- @subclaim -------------------------------- */
/* Ueberschriften als subclaim */
.subclaim {
  background: #BB8484;/* url(/img/nav-line.gif) repeat-x bottom;*/
  border-bottom: 2px solid #F6BD90;
  color: #000;
  font: normal normal 75% "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
  height: 1.3em;
  letter-spacing: 0.1em;
  margin:0;
  padding: 0.8em 0 0.7em 20px;
  text-transform: uppercase;
}

.hide {
  height: 1px;
  left: -6000px;
  position: absolute;
  top:-6000px;
  width: 1px;
}

.imgleft {
  float: left;
  margin: 0 1em 1em 0;
}
.imgright {
  float: right;
  margin: 0 0 1em 1em;
}
.clearleft {clear: left;}
.clearright {clear: right;}

span.oben {
  background: url(/img/pfeil.gif) right no-repeat;
  cursor: pointer;
  display:block;
  text-align: right;
  padding-right: 20px;
}

#inhalt p.oben {
  background: url(/img/pfeil.gif) right no-repeat;
  cursor: pointer;
  display:block;
  text-align: right;
  padding-right: 20px;
  margin-top: 1em;
}

span.oben a {cursor: pointer;}

/* ---------- @seitenaufbau ----------------------------------- */
html {
  border: none;
  height: 100.1%;
}
body {
  background-color:#FFDAA8;/* #ddd; */
  color: #774008;
  font-size: 100%;
  position:relative;
}
#seite {  
  background-color: #FF8F18;/*#FFA01E;*/
  border: 4px solid #F6BD90;
  margin-left: 2%;
  margin-right: 2%;
  min-width: 760px;
  max-width: 1200px;
  position: relative;
}
#main {
  font-size: 94%;
  position:relative;
  width:100%;
}
#drum {padding-left:268px;}
#innen {width:100%;}
#inhalt {
   background-color: #FFA01E;
  float:right;
  position: relative;
  width:100%;
}
#sidebar {
background-color: #FF8F18; /*#FFA01E;*/
color: #774008;
float:left;
margin-left: -268px;
padding-bottom: 2%;
position: relative;
width:268px;

}

/* ------------ @startseite ------------- */

#start #sidebar {background-color: #FFA01E; }
body#start #main {background-color: #FFA01E;}

/* ---------- @kopf ----------------------------------- */
#head {
  background: url('/img/head1.jpg') 0 26px no-repeat;
  height: 127px !important;
}
#banner {
  background: #BE6E4F;  /*#2D405B;*/
  height:26px;
  line-height:0;
  margin:0;
  width:100%;
  white-space: nowrap;
  z-index:100;
}
#banner img {
  color: #000;
  font-size: 0.5em;
  font-weight: normal;
  line-height: normal;
  
}
#claim {position:absolute;z-index: 100;}
#logo {position: absolute; top: 26px; left: 0; z-index:50;}

/* ---------- @hauptnavi -------------------------------- */
#nav {
  background: #7C1010; 
  border-bottom: 2px solid #F6BD90;
  padding: 1px 0 0 0 ;
  width: 100%;
}

#nav ul {
  font: 0.7em  "Lucida Grande", Helvetica, Verdana,  sans-serif;
  list-style: none;
}

#nav li {
  color: #fff;
  display:inline;
  font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;
  float:left;
  line-height: 180%;
}

#nav li.aktiv {
  background: #C45D5E;
  border-bottom:1px solid #F6BD90;
  color: #FFF;
  display:inline;
  letter-spacing: 0.15em;
  margin: 0 3px 0 0; 
  padding: 2px 7px;
}

#nav li a, #nav li a:link  {
  border-bottom: 1px solid #7C1010;
  color: #FFF;
  display:inline;
  float: left;
  font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;
  font-weight: normal;
  letter-spacing: 0.15em;
  line-height: 180%;
  margin: 0 3px 0 0;
  padding: 2px 7px;
  text-decoration: none;
}
#nav li a:hover, #nav li a:focus {
  background: #C45D5E;
  border-bottom:1px solid #F6BD90;
}

#nav #t-start.aktiv {
  display: inline;  
  letter-spacing: 0.15em;
  padding-left: 25px;
}
#nav #t-start a {
  display:inline;
  padding-left:25px;
}
#fachbereich #nav #t-leist a, #fachbereich #nav #t-leist a:link, 
#wir-unterseite #nav #t-wir a, #wir-unterseite #nav #t-wir a:link,
#termineCat #nav #t-termine a, #termineCat #nav #t-termine a:link,
#einzelTermin #nav #t-termine a, #einzelTermin #nav #t-termine a:link,
#refer #nav #t-termine a, #refer #nav #t-termine a:link,
#agb #nav #t-termine a, #agb #nav #t-termine a:link
{ border-bottom: 1px solid #F6BD90; }


/* ------------ Inhalte Hauptbereich ----------------------- */

#inhalt div {
  padding-left:25px;
  padding-top: 2em;
  padding-bottom: 2em;
}

#inhalt div#inner {
  padding-bottom: 180px;
  width:85%;
}

#inhalt .subclaim {background-color: #BB7668;}
#inhalt p.hint {
  background-color: #C45D5E;
  border: 1px solid #F6BD90;
  color: #FFF;
  font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;
  font-size: 90%;
  letter-spacing: 0.15em;
  margin-bottom: 1.5em;
  padding:0.6em;
}

#agb div#widerruf {
  background-color: #C45D5E;
  border: 1px solid #F6BD90;
  color: #FFF;
  font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;
  padding: 0.7em 25px;
  margin: 1.5em 0;
/*  font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;
  font-size: 90%;*/

}

#agb div#widerruf p {font-family: "Lucida Grande", Helvetica, Verdana,  sans-serif;}

#agb p#adr {text-align: center;}

#hkontakt #inhalt p.hint {margin-top: 1.5em;}

#inhalt p.hint strong {font-weight: normal;}

/* @bereiche, farbig, Startseite */
#inhalt div#sect1,
#inhalt div#sect3 {background-color: #FF8012;}

#inhalt div#sect3 {border-top: 1px solid #C66E46;}
#inhalt div#sect2 {
  background-color: #FF8F18;
  border-top: 1px solid #C66E46;
}

#start #inhalt div#sect3 {padding-bottom: 120px;}

#inhalt p, #inhalt ul, #inhalt ol {
    letter-spacing: 0.03em;
    margin: 0.3em 0 0.1em 0;
}


#inhalt ul, #agb #inhalt ol, #agb #inhalt p {margin-left: 35px;}
#agb #inhalt div#widerruf p {margin-left: 0;}

#inhalt li {
  line-height: 150%;
  margin-bottom: 0.2em;
}

#refer #inhalt ul {
  margin-left: 0;
  padding-left: 150px;
}


#fachbereich #inhalt ol {list-style:decimal; margin-left: 35px;}

#fachbereich #inhalt ol#phasen {list-style:none;}

#inhalt ul#ansatz {font-size:1.1em;}

/* --------- @leistungen ------------- */
#leistungen p#hausbesuche {  margin-top: 1.5em;}

/* --------- @aerzteinfos ------------- */

#aerzteinfos #inhalt ul, #aerzteinfos #inhalt ol {list-style:none;}

#aerzteinfos div#diag-gruppen {
  padding-top:0;
  margin:0.8em 0 ;
}

#aerzteinfos div#diag-gruppen li {line-height: 140%;}

#aerzteinfos table {
  border-top:2px solid #F6BD90;
  border-left:2px solid #F6BD90;
  border-collapse: collapse;
  width:100%;
}

#aerzteinfos th {
   font-size:1.1em;
  font-weight:bold;
}

#aerzteinfos th, #aerzteinfos td {
  border-right:2px solid #F6BD90;
  border-bottom:2px solid #F6BD90;
  padding: 8px;
}

#aerzteinfos .is {font-weight: bold;}

#inhalt dl.legende {
  font-size:0.8em;
  float:left;
  margin-bottom: 1em;
  margin-left:0;
  padding-right: 2em;
  width:25%;
}

#inhalt dl.legende dt {
  font-weight: bold;
  margin-top:0.3em;
}

/* ----------- @wir ------------------ */
#inhalt dl {
  margin-left:35px;
  /*width:85%;*/
}
body > #inhalt dl {  width: 85%;}
#inhalt dt {
  font-size:1.1em;
  letter-spacing: 0.08em;
  line-height:normal;
  margin: 0.8em 0 0.2em 0;
}

#inhalt #p-leitung li {margin-left: 25px;}

* html #inhalt #p-leitung li {margin-left: 180px;}

/* --- @praxisteam ---------- */
#inhalt > div#inner.praxisteam {float: left;}


/*  tempoaer auskommentiert bis Frau Kintea Bilder liefert
display: inline;  fix IE/Win double margin bug */
/*  background-color: #f6bd90;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;*/

div#p-team {
  float: left;
  padding: 0;
  margin-top:1em;
  width: 420px;
}

#p-team dl {
  display: inline;
  float: left;
  margin: 0 0 10px 25px;
}
#p-team dt {
  float: right;
  margin: 0;
  padding: 0;
  width: 270px;
}
#p-team dd.t-img img {
  float: left;
  margin: 0 7px 0 0;
  padding: 4px;
}

/* ----------------- @fragen und Antworten ----------------------*/
#inhalt dl#antworten {
  margin-left:35px;
  width:85%;
}
#inhalt #antworten dt {
  font-size:1.2em;
  color: #2E0D5C;
  letter-spacing: 0.08em;
  line-height:normal;
  margin: 0.8em 0 0.2em 0;
}

#inhalt #antworten dt:target,
#inhalt #antworten dt.sftarget
 {background-color: #C45D5E;color:#fff;padding:0.2em 0 0.2em 0.3em;}

#inhalt #antworten dd {
  letter-spacing: 0.03em;
  line-height: 150%;
   margin: 0.5em 0 0.1em 20px;
}
#inhalt #antworten dd a {cursor: help;}

/* ----------- @glossar ------------------ */

div#nav-glossar {
  float: left;
  padding-left: 0;
  width: 100%;
}
#nav-glossar ol, #nav-glossar li  {float: left;}

#nav-glossar li {
  border-right: 1px solid;
  font-size: 88%;
  text-align: center;
  width: 2em;
}

#inhalt #nav-glossar a {
  border-bottom: none;
  font-weight: bold;
  display: block;
  float:left;
  padding: 0 0.5em;
  text-decoration: none;
}

#inhalt div#begriffe {
  clear:both;
  padding-top: 0;
}

#einzelbegriff dd {
  margin-bottom: 1.3em;
  margin-left: 0.7em;
}

#einzelbegriff dt {
  margin-top: 1.4em;
  margin-bottom: 0.5em;
  border-left: 0.4em solid;
  border-bottom: 1px solid;
  padding-left: 0.3em; 
}

#einzelbegriff dd dl {margin-left: 15px;}

#einzelbegriff  dd dt {
  border: none;
  padding-left: 0;
  margin: 0;
}

#einzelbegriff dd dd {
  margin-top: 0.5em;
  margin-left: 0;
  margin-bottom: 0;
  margin: 0;
}
#einzelbegriff dd dd p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
#inhalt div#begriffe ul {margin-left: 45px;}
#inhalt div#begriffe li {
  list-style: square;
  font-size:1.1em;
}

p#uebersicht {
  margin-top: 2em;
  margin-left: 35px;
}

/* ------------ Inhalte sidebar ----------------------- */
#sidebar div {padding: 2em 5px 0 15px;}
#sidebar h2.subclaim {
  height:auto;
  border:none;
}
#sidebar img {vertical-align: bottom;}
#sidebar address{
  padding: 0.4em 0 1.8em 0;
  font-style:normal;
  line-height: normal;
}

#sidebar p strong {
  color: #2E0D5C;
  font-size: 1.4em;
  font-weight: normal;
}

#s-nav {
  font-size: 1.2em;
  list-style: none;
  letter-spacing: 0.03em;
  line-height: 150%;
  padding: 0.3em 0;
}

#s-nav li {  line-height: 130%;}
#s-nav li a, #s-nav li a:link {
   border:none;
  color: #FEFEFF;
  display: block;
  padding: 0.2em;
   text-decoration:underline;
}

#s-nav li a:hover, #s-nav li a:focus {
  background: #FFDAA8;
  border:none;
  color: #2E0D5C;
  text-decoration:none;
}

#s-nav li.aktiv {
  color: #2E0D5C;
  font-weight: bold;
  padding: 0.2em;
}

body#hfragen #s-nav li a, body#hfragen #s-nav li a:link,
body#aerzteinfos #s-nav li a, body#aerzteinfos #s-nav li a:link {
  font-size: 0.85em;
  padding: 0.2em;
  margin-bottom: 0.4em;
}

/* --- DVE Logo ---- */
#dve {
  font: 0.7em   "Lucida Grande", Helvetica, Verdana,  sans-serif;
  margin-top: 5em;
  margin-bottom: 3em;
}
#dve img, #mbsr img {
  float: left;
  margin: 0 0.6em 0.6em 0;
}

#sidebar div#links {
  margin-top:2em;
  padding: 0;
}

div#links ul, div#links li {
  clear:left;
  list-style: none;
}

/* ---------- @impressum -------------------------------- */
#impress a, #impress a:link {
   background-color:  #BE6E4F;
  color: #FFCCCC;
  font:0.7em Arial, Helvetica, Verdana, sans-serif;
  padding: 2px 4px;
  position: absolute; top: 3px; right:8px;
  z-index:200;
}
#impress a:hover, #impress a:focus{
   background-color: #FFF;
  color: #990000;
}

/* ----------- easy clearing -------------- */
#inhalt:after,
#main:after, 
#nav:after, 
#seite:after,
#sidebar:after,
div#p-team:after,
div#nav-glossar:after,
div#galerie:after
 {
   clear: both; 
   content: "."; 
   display: block; 
   height: 0; 
   visibility: hidden;
 }


/* IE Fix: clearing und dieses obskure: hasLayout */ 
* html #inhalt,
* html #main,
* html #nav, 
* html #nav li,
* html #nav li a,
* html #nav li.aktiv,
* html #s-nav li, 
* html #s-nav li a, 
* html #seite,
* html #sidebar,
* html #sidebar li,
* html #sidebar li a,
* html #nav #t-start li,
* html #nav #t-start li a,
* html #nav #t-start.aktiv,
* html div#nav-glossar,
* html div#galerie
 {  height: 1%;}


/* Rotenplaner web.de: 08.05. 2007*/

form#route p{line-height: normal;}

form#route {
  background-color: #fff;
  margin: 1em 0;
  width: 461px;
}

#route table { background-color: #fff;}

/* Anfahtrsplan */
body#plan {
  background-color: #FFA01E;
  margin-left: 50px;
}

body#plan p {
  text-align: center;
  width: 268px;
}

body#plan img, body#plan a img {
  display: block;
  vertical-align: bottom;
}

body#plan a.imglink {
  display: block;
  border: 0;
}

body#plan a.imglink:hover {border: 0;}

body#plan a, body#plan a:link {
  color: #4C2B09;
  text-decoration: none;
  border-bottom: 1px solid #B56515;
}
body#plan a:hover, body#plan a:focus {
  color:#000;
  background: #FFDAA8; /*#EFEBFF;*/
  border-bottom: 1px solid;
}

body#plan  a img, body#plan a:link img, body#plan a:hover img  {border:0; text-decoration: none;}

iframe {
  background-color: #FFA01E;
  border: 0;
  height: 320px;
  float: right;
  overflow: hidden;
  width: 350px;
}

/* ----------- @termine ------------------ */

#termine #inner h2,
#termineCat #inner h2,
#einzelTermin h2
{margin-bottom:1em;}

#inhalt div#innerRight h2 {
  margin-bottom: 0.2em;
}

#inhalt div.terminbox {
  background-color: #FF8F18;
  border-bottom: 2px solid #F6BD90;
  line-height: 1.2;
  padding: 0.5em;
}

#inhalt div.terminbox.stress {background-color: #B3CB53;}

#termine #inhalt div#inner,
#termineCat #inhalt div#inner,
#einzelTermin #inhalt div#inner
 {float:left;width: 55%;}

#einzelTermin .terminbox ol {
  list-style: decimal;
  margin:0.6em 0 0.6em 1.3em;
}

#einzelTermin .terminbox ol li {line-height: 120%;}

p.teaser {
  font-weight: bold;
  padding-bottom: 1em;
  }

p.ref {font-weight:bold;}

.terminbox p.date span {
  color:#5376cb;
  font-weight: bold;
}

#inhalt div#innerRight {
  display: inline;
  float:left;
  margin-left: 0.5em;
  padding-top: 5em;
  width: 30%;
}

ul#t-nav li.aktiv{color: #2E0D5C;}

.nobreak {
white-space: nowrap;
}

#inhalt div.ausblick {
padding-left: 0.5em;
}

#inhalt div.ausblick ul {
  margin-top: 0.5em;
}