/**
 * Main CSS Stylesheet
 *
 * @copyright Copyright mm-design Monika Müri
 * @version 1.0
 * 
 * Adapted to Damascena layout by mm-design.ch 2006 
 */

/* Important colors:  
   #FFE0C1    body-color
   #FEEFDC    Helleres beige aus dem Header
   #D08632    Rahmen der Seitenboxen
   #663333    Dunkelbraune Link-Farben
   #FFDDA6    Seitenbox-Background
*/




body {
  background-color: #ffffff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 62.5%;
  color: #000000;
  padding: 0 0 46px 0;
}

a:link {
  color:#663333; text-decoration:none;
}
a:visited { 
  color:#663333; text-decoration:none;
}
a:hover {
  color:#FF0000; text-decoration: none; 
}

body#start table#einstieg a:link { 
   color:#FFFFFF; text-decoration:none;
} 
 
body#start table#einstieg a:visited { 
  color:#FFFFFF; text-decoration:none;
}        

body#start table#einstieg a:hover {
  color:#FF0000; text-decoration:none;
}        
   
          
tbody: {
  padding:0px;
  margin: 0px; 
  border: 0;
}
          
table#inhalt {
  background-color: #FDF0DD;
  margin-top:28px;
  padding: 0px;
  border: 0;
  border-left:1px solid #d38b39;
}
  
table#einstieg {
  background-color: #FDF0DD;
  margin-top:0px;
  padding: 0px;
  border: 0;
}
  
tr {
  padding:0px;
  margin: 0px; 
  border: 0;
}         
   
td {
  padding:0px;
  border: 0;
  margin: 0; 
}

td#header {
  background-image: url(bilder/oben_logo_klang.jpg);
  border: 0;
  margin: 0px; 
  padding: 0;
  text-align: center;
  line-hight: 1.5em;
  font-size: 0.6em;
} 

td#header img { 
  width: 68px;
  height: 71px;
  position: relative;
  top:10px;
  left: -20px;
  border: 0;
}

table#einstieg td#links {
  width: 68px;
  background-image: url(bilder/leftcolumn.gif);
  background-repeat: repeat-y;
} 

table#einstieg td#rechts {
  width: 692px;
  background-image: url(bilder/index_bg.jpg);
  background-repeat: no-repeat;
  vertical-align: top;
  text-align: left;
  font-size: 0.7em;
  font-weight:bold;
} 
         
td#footer {
  border: 0;
  border-top: 1px solid  #d38b39;
  margin: 0px; 
  padding: 0;
  text-align: center;
  line-hight: 1.5em;
  font-size: 0.6em;
} 

div#shop, div#aktuelles, div#klangschalen, div#seminare, div#therapeuten, div#download, div#kontakt{
  position: relative;
  top:200px;
  left: 460px;
  color: #FFFFFF;
  font-size:1.5em;
  font-weight:bold;
} 
 
div#willkommen {
  position: relative;
  top:40px;
  left: 35px;
  color: #FFFFFF;
  font-size:2em;
  font-weight:bold;
} 
   
table#text td#links {
  width: 180px;
  background-image: url(bilder/leftcolumn1.gif);
  background-repeat: repeat-y;
  vertical-align: top;
} 


   
 /* Linke Navigation im Böxli */
  
h3.leftBoxHeading {
  font-size: 0.6em;
  color: #FFFFFF;
  padding: 0.5em 0.2em;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(bilder/leftsidebox_top.gif); 
  text-align: center;
}        
  
.leftBoxContent {
  background-color: #FFDDA6;
  border-width: 0 1px 1px  0;
  border-color:#D08632; 
  border-style: solid;
}
 
div.leftBox ul {
  margin: 0;
  padding: 8px; 
  list-style-type: none;
  font-size: 0.8em;
} 

/* Definitionen des Textes rechts */

table#text td#rechts {
  width: 580px;
  background-color: #FFE0C1;
  vertical-align: top;
  text-align: left;
  font-size: 0.7em;
}         

td#rechts h2 {
  font-size: 1.3em;
  font-weight: bold;
  color: #FF0000;
  padding: 0.5em 0.75em 0.0em 0.8em;
  margin: 0;
  text-align: left;
}

td#rechts h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  padding: 0.8em 0.8em 0.4em 0.8em;
  margin: 0;
  text-align: left;
}

td#rechts h5 {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  padding: 0.4em 0.8em 0.0em 0.8em;
  margin: 0;
  text-align: left;
}

td#rechts h6 {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  padding: 0 0.8em 0.4em 0.8em;
  margin: 0;
  text-align: left;
  float: left;
}
  
td#rechts p {
  font-size: 1.2em;
  color: #000000;
  /* padding: 0.4em 0.8em 0.2em 0.8em; */
  padding: 0 0.8em 0.6em 0.8em;
  margin: 0;
  text-align: left;
}

td#rechts ol {
    font-size: 1.2em;
   color: #000000;
}

td#rechts ul {
  font-size: 1.2em;
  color: #000000;
  margin: 0 0 0 2em;
  padding-left: 0;
}

td#rechts div.bildRechts {
  float: right; 
  margin:0em 0.8em 0.8em 1.8em;
}

td#rechts div.bildRechts  img {
  margin:0.3em 0em;
}


/* Klangschalen Planetentöne */

body#klangschalenliste td#rechts ul {
  list-style: none;
}

body#toene td#rechts img{
  border: 0;
  margin: 0.3em 0 0 0;
}

/* Seminaranmeldungs-Formular */

table#formular {
  font-size: 0.8em;
  width: 520px;
}

table#formular td.eingabe{
  width: 370px;
}
       
table#formular td.bezeichnung {
  font-size: 1.2em;
  color: #000000;
  padding: 0.4em 0.8em 0.2em 0em;
  margin: 0;
  text-align: left;
  width: 150px;
}

table#formular td.seminartitel {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  padding: 0.4em 0.8em 0.2em 0em;
  margin: 0;
  text-align: left;
}

table#formular td.bezeichnung h3{
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  padding: 0.6em 0.8em 0.1em 0em;
}
         
table#formular td.knopf input{
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin: 0.6em 0 0.6em 0;
  padding: 0.1em 0.8em 0.1em 0.8em;
  text-align: center;
  background-color: #FEEFDC;
  border-right-color: #D08632;
  border-bottom-color: #D08632;
}
          

/* Therapeutensuche-Formular */

table#suche {
  font-size: 0.8em;
  width: 520px;
}

table#suche td.eingabe{
  width: 290px;
}
       
table#suche td.bezeichnung {
  font-size: 1.2em;
  color: #000000;
  padding: 0.4em 0.8em 0.2em 0em;
  margin: 0;
  text-align: left;
  width: 230px;
}

table#suche td.knopf input{
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin: 0.6em 0 0.6em 0;
  padding: 0.1em 0.8em 0.1em 0.8em;
  text-align: center;
  background-color: #FEEFDC;
  border-right-color: #D08632;
  border-bottom-color: #D08632;
}
          
/* Fehlermeldung Anmeldung und Ok */

body#sendmail .MailFehler {
  color: #FF0000;
  margin: 0.6em 0 0.6em 3.5em;
  font-size: 1.0em;
}

body#sendmail .goback {
  margin: 0.6em 0 0.6em 3.0em;
  font-size: 1.2em;
}


/* Therapeutenliste */

body#therapeutenliste hr {
  clear: both; 
  color: #D08632;
  background-color:  #D08632;
  height: 1px;
  border: none;
  margin: 0.2em 0.8em 0.1em 0.8em;
  padding: 0;
}

body#therapeutenliste h3.kanton {
  color: #D08632;
}

body#therapeutenliste p.eintrag {
  font-size: 1.2em;
}

body#therapeutenliste div.praxis, div.name, div.strasse, div.ort, div.tel, div.natel, div.email, div.www {
  font-size: 1.2em; 
}

body#therapeutenliste div.praxis, div.name {
  font-weight: bold; 
}

body#therapeutenliste div.adresse {
  float: left;
  width: 300px;
  margin: 0 0 0.5em 0.8em;
}

body#therapeutenliste div.kontakt {

}

body#therapeutenliste p.weitere {
  font-size: 1.2em;
  text-align: center;
  word-spacing: 1.5em;
}

body#therapeutenliste p.weitere a{
  word-spacing: 0em;
}

body#therapeutenliste .markieren {
  color: red;
  font-weight: bold;
}


/* Kursprogramm */

body#kursprogramm .markieren {
  color: red;
  font-weight: bold;
}


/* Admin fuer das Kursprogramm */

body#kursadmin .erfolg {
  color: green;
  font-weight: bold;
}

body#kursadmin .error {
  color: red;
  font-weight: bold;
}

body#kursadmin form {
  margin: 10px;
  clear: both;
}

body#kursadmin table#editor {
  clear: both;
  font-size: 0.8em;
  width: 520px;
}

table#editor td.eingabe{
  width: 290px;
}
       
table#editor td.bezeichnung {
  font-size: 1.2em;
  color: #000000;
  padding: 0.4em 0.8em 0.2em 0em;
  margin: 0;
  text-align: left;
  width: 230px;
}

table#editor td.knopf input{
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin: 0.6em 0 0.6em 0;
  padding: 0.1em 0.8em 0.1em 0.8em;
  text-align: center;
  background-color: #FEEFDC;
  border-right-color: #D08632;
  border-bottom-color: #D08632;
}
          
body#kursadmin textarea {
  margin: 0;
}

body#kursadmin textarea.error {
  background-color: #ffdddd;
  color: black;
  font-weight: normal;
}

body#kursadmin #version {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  padding:8px 0px 0px 0px;
  text-align: left;
  float:left;
}

body#kursadmin #legende {
  font-size: 1.0em;
  font-weight: normal;
  color: #0000FF;
  line-height: 10px;
  padding:8px 20px 0px 0px;
  margin: 0;
  text-align: right;
}

body#kursadmin li.logout {
  font-size: 1.0em;
  font-weight: bold;
}


/* Open window fuer die Legende zum Kursadmin-Editor */

body#editorlegende {
  background-color: #FDF0DD;
  font-size: 1.01em;
}

body#editorlegende h3 {
  font-size: 0.9em;
  margin: 0px 0 6px 0;
}

body#editorlegende h4 {
  font-size: 0.8em;
  margin: 2px 0 4px 0;
}

body#editorlegende p {
  font-size: 0.8em;
  margin: 2px 0 4px 0;
}

body#editorlegende table.twocolumns {
  font-size: 0.8em;
  width: 100%;
  background-color: #FFE0C1;
  border: 1px solid #D08632;
  border-collapse: collapse;
}

body#editorlegende th {
  background-color: #FFDDA6;
  width: 50%;
  font-size: 1.0em;
  border: 1px solid #D08632;
  padding: 4px;
}

body#editorlegende td {
  width: 50%;
  font-size: 1.0em;
  border: 1px solid #D08632;
  padding: 4px;
}

body#editorlegende .ueberschrift {
  font-size: 1.1em;
  font-weight: bold;
}

body#editorlegende .markieren {
  font-size: 1.0em;
  font-weight: bold;
  color: red;
}

body#editorlegende p.closewindow {
  margin : 20px 0 0 0;
  text-align: right;
}