/* ====================================
Stylesheet der "Nadine Fornacon - Site"
Stand: überarbeitung
Datei: bildschirm.css
Datum: 02. Mai 2010
Autor: ***

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereich
        4. Sonstige Styles
===================================== */

/* ====================================
  1. Kalibrierung
===================================== */

* { padding: 0; margin: 0; border: 0;} 

h2, h3, h4, p, ul, ol {margin-bottom: 1em;}

ol ul {margin-bottom: 0;}

li {margin-left: 3em;}


/* ====================================
  2. Allgemeine Styles (Sortierung mit umgekehrter Spezifität)
===================================== */

html {height: 101%;}

body {
  background-color: #9C9CDE;
  font-family: Garamond, serif;
} /*  Verdana, sans-serif - Überschriften sollten serif sein
                            Text sans-serif*/

h1 { font-size: 150%; } 
h2 { 
  font-size: 130%;
  text-align: center;  
}
h3 { 
  font-size: 110%;
  text-align: center;  
}
h4 { 
  font-size: 130%;
  font-family: "Viner Hand ITC";
}

h5 { 
  font-size: 100%;
  text-align: center; 
  padding: 2em 0 2em 0; 
}

address {
  text-align: right; 
  padding: 0 28em 0 0;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 2.5;
}

/*================
  Hyperlinks    */
  
a { 
  text-decoration: none; 
  outline: none; 
  }

a:link { color: #333399; } /* nicht besuchte Links */
a:visited { color: #333399; } /* besuchte Links */

a:hover, 
a:focus { 
  border-bottom: 1px solid #333399; 
  }
   
a:active { 
  background-color: #FF9600;
  color: white;
 }

/*================
  Klassen    */
  
.skiplink { 
  position: absolute; 
  top: -5000px; 
  left: -5000px;
  width: 0; 
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

table {
  font-family: Garamond, serif;
  border-collapse:collapse;
  padding: 0;
  margin: 0;
}

td {
  border: 2px #ccc solid;
  padding: 2pt;
}

.td_center {
  width: 25%;
  text-align: center;
}

.mittig {
  text-align: center;
}

.platz_01 {
  padding-top: 1em;
  margin-bottom: 0;
  border: 0;
}

.platz_03 {
  padding-top: 3em;
  border: 0;
  margin: 0;
}

.platz_04 {
  padding-top: 4em;
  margin-bottom: 0;
  border: 0;
}

.aufzaehlzeichen {
  float:left;
  padding: 0;
  border: 0;
  margin: 0;
}

.bildrechts {
  float:right;
  padding: 3px;
  border: 0;
  margin: 0em 4em 2em 2em;
}

#vitaseite .bildrechts {
    margin-right: 2em;
}

.clearing {
  clear: both;
}

.vitadatum {
  padding: 0;
  border: 0;
  margin: 1em 0 0 0;
}

.punkte{
  padding: 0;
  border: 0;
  margin: 0 4em 0 1.5em;
}

.zitat{
  color: #333399;
  text-align: center;
  font-weight: bold;
  padding: 3em 0 0 0;  
}

.piclist{
  list-style-image:url(../img/aufzaehl_zeichen.gif);
}

.piclist_small_indigo {
  list-style-image:url(../img/aufzaehl_zeichen.gif);
  color: #333399;
  font-weight: bold;
  font-size: 80%;
}

.font_indigo { 
  color: #333399; 
}   

.font_indigo_bold { 
  color: #333399;
  font-weight: bold; 
}

.font_indigo_bold_small {
  color: #333399;
  font-weight: bold;
  font-size: 80%;
}
.font_indigo_bold_small_center {
  color: #333399;
  font-weight: bold;
  font-size: 80%;
  text-align: center;
}

.font_indigo_kursiv{
  color: #333399; 
  font-style: italic;
}

.font_schwarz_kursiv { 
  color: #000;
  font-style: italic;
}

.font_viner_schwarz { 
  font-family: "Viner Hand ITC"; 
  color: #000000; 
  TEXT-DECORATION: none;
  font-size: 140%; 
}

.schrift_bold {
  font-weight: bold;
}

.font_weight_normal {
  font-weight: normal;
  margin: 0;
}

.font_schwarz_bold_small {
  color: #000;
  font-weight: bold;
  font-size: 80%;
}
.font_schwarz_small {
  color: #000;
  font-size: 80%;
}

.schrift_norm {
  font-family: Garamond, serif;
  font-size: 120%;
  color: #000;
  font-weight: normal;
  padding-top: 1em;
}

#impressumseite #textbereich .telelist {
  float: left;
  list-style-type: none;
  padding: 0;
  border: 0;
  margin: 0 5em 0 0;
}



/* ====================================
  3. Styles für Layoutbereich
===================================== */
#wrapper {
  position: absolute;
  top: 0;
  left: 2em;
  background: #fff url(../img/hintergrund_menu2.jpg) repeat-y top left;
  color: black;
  width: 60em;
  margin: 2em auto;
} 

#navibereich {
  float: left;
  width: 10em; 
  padding-left: 2em;
  padding-top: 2em;
}  

#navibereich ul {
    width: 10em;
}
    
#navibereich li {
    list-style-type: none;
    margin: 0;
}
    
#navibereich a {
    display: block;
    text-decoration: none;
    color: #333399;
    padding: 4px 4px 4px 8px;
    border-left: 3px solid #fff574;    
}
    
#navibereich a:hover,
#navibereich a:focus {
    background-color: #FF9600;
    color: #FFFFFF;
    border-left-color: #d90000;
    border-bottom: 0;
}

#untermenu {
  font-size: 80%;
  padding: 0 0 0 1em;
  border: 0;
  margin: 0;
}

#navibereich #untermenu a:hover{
  color: #333399;
}

#startseite #start a,
#vitaseite #vita a,
#ptseite #pt_beratung a,
#hilfeseite #hilfen a,
#loseite #beratung a,
#typseite #typanalyse a,
#paarseite #paare a,
#erziehungseite #erziehung a,
#coachingseite #coaching a,
#trainingseite #training a,
#hypnoseseite #hypnose a,
#hypnoleistungseite #hypnoleistung a,
#entwoehnungseite #entwoehnung a,
#gewichtseite #gewicht a,
#zahnarztseite #zahnarzt a,
#rueckseite #rueck a,
#hypnothemenseite #hypnothemen a,
#seminareseite #seminare a,
#leistungseite #leistung a,
#inhalteseite #inhalte a,
#aelternseite #aeltern a,
#referenzseite #referenz a,
#stimmenseite #stimmen a,
#termineseite #termine a,
#team81seite #team81 a,
#kontaktseite #kontakt a,
#linksseite #links a,
#impressumseite #impressum a {
  border-left: 3px solid #d90000;
  border-bottom: none;
}
  
#startseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_startseite.jpg);    
  width: 42em;  
  padding: 8em 2em 10em 4em;
  border: 0;
  margin-left: 12em;
}

#vitaseite #textbereich {
  background-color: #FFCC66;
  background-image:url(../img/hintergrund_vita.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#ptseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#hilfeseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#loseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#typseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#paarseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#erziehungseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#coachingseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#trainingseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#hypnoseseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#hypnoerklseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#hypnoleistungseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#entwoehnungseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#gewichtseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#zahnarztseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#rueckseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#hypnothemenseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_pt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#seminareseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#leistungseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#inhalteseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#aelternseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#referenzseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#stimmenseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#termineseite #textbereich {
  background-color: #CCCCFF;
  background-image:url(../img/hintergrund_seminar.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#team81seite #textbereich {
  background-color: #CCCCFF;
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#kontaktseite #textbereich {
  background-color: #FFCC66;
  background-image:url(../img/hintergrund_kontakt.jpg);    
  width: 44em;  
  padding: 2em 2em 2em 2em;
  border: 0;
  margin-left: 12em;
}

#linksseite #textbereich {
  background-color: #FFCC66;
  background-image:url(../img/hintergrund_links.jpg);    
  width: 41em;  
  padding: 2em 2em 2em 5em;
  border: 0;
  margin-left: 12em;
}

#impressumseite #textbereich {
  background-color: #FFCC66;
  background-image:url(../img/hintergrund_impressum.jpg);    
  width: 44em;  
  padding: 2em 2em 3em 2em;
  border: 0;
  margin: 0 0 0 12em;
}

#hypnoseseite #textbereich span {
  margin-bottom: 1em;
}
    
#textbereich a { 
  border-bottom: 1px dotted #333399;
}

#textbereich a:hover,
#textbereich a:focus {
  border-bottom: 1px solid #333399;
}

#startseite #textbereich p h3{
  padding-top: 2em;
}

#textbereich h2,
#textbereich h3 {
  padding: 2em 0 2em 0;
}

#stimmenseite #textbereich ul {
margin-bottom: 0;
}

#team81seite p {
 padding-bottom: 1em;
 margin-bottom: 0;
}

#team81seite #textbereich li {
 padding-bottom: 1em;
 margin-bottom: 0;
}

#impressumseite #textbereich p {
  padding: 1em 0 0 0;
  border: 0;
  margin: 0;
  text-align: justify;
  font-size: 90%;
}

#navibereich ul{
margin-bottom: 0;
}
  
#fussbereich { 
  clear: both; 
  background-color: white;
  background-image:url(../img/hintergrund_menu2.jpg);
  background-repeat: repeat-y;    
  padding: 0;
  margin: 0;
}
       
#startseite #textbereich h3 {
    padding: 1em 0 1em 0;
    }


/* ====================================
  4. Sonstige Styles
===================================== */



/* ====================================
  Ende des Stylesheets
===================================== */