/* Kalibrierung der wichtigsten Abstände */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.6em; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3 { font-size: 1.7em; text-align: left; color: #FF0010;}
h4 { font-size: 1.5em; text-align: center; margin: 40px 0 60px 0; color: #339999; }
h5 { font-size: 1.0em; color: #339999; }
h6 { font-size: 1.0em; margin-top: 1em; }
h7 { font-size: 14px; color: #FF0010; }
hr { margin: 3px 3px; color: #339999;}
p, ul { margin-bottom: 0.8em; line-height: 180%; }
ul, ol { margin-left: 4em;  }
li { margin-right: 1.1em; }
blockquote { margin-left: 1.1em; margin-right: 1em; line-height: 180%; }

/*Allgemeine Selektoren*/
html  {
       height: 101%
}
body {
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #083431;
        text-align: center;
}
a {
        text-decoration: none;
        color: #3399CC;
}
a:focus, a:hover, a:active
{
        background: #CEE7F5;
        text-decoration: underline;
        color: #339999;
}
address {
        text-align: center;
        font-size: 11px;
        font-style: normal;
        line-height: 1.5em;
        padding: 10px 0 10px 0;
        border-top: 5px solid #339999;
}

.bild {
         float: right;
}

.bildcover {
         float: right;
         padding: 3px 3px 3px 0;
         margin: 0 5px 0 0;
       }
.bildlinks {
         float: left;
         padding: 3px;
         margin: 5px 15px 0 0;
         display: inline;
         border-color: #339999;
}
.bildrechts {
         float: right;
         padding: 3px;
         margin: 0 0 0 15px;
         display: inline;
         border-color: #339999
}
.clearing {
         clear: both;
}
.color {
         color: #FF0010;
}
.isbn {
        text-align: left;
        font-size: 11px;
        font-style: normal;
        color: black;
        margin: 0 5px 16px 5px;
}
.isbn-a {
        text-align: right;
        font-size: 11px;
        font-style: normal;
        color: #083431;
        margin: 0 5px 16px 5px;
}
.skiplink {
         position: absolute;
         top: -2000px;
         left: -3000px;
         width: 0px;
         height: 0px;
         overflow: hidden;
         display: inline;
}

/* Styles für die Layoutbereiche */
#wrapper {
          width: 90%;
          margin: auto;
          text-align: left;
}
/* Header */
#header {
          float: left;
          width: 99%;
}
#logo {
        float: right;
        width: 99%;
        text-align: right;
        margin: 0 0 15px 15px;
}

#navibereich {
        float: left;
        width: 20%;
        text-align: left;
        font-size: 12px;

}
     #navibereich ul  {
         float: left;
         list-style: none;
         padding: 3px 3px 0 3px;
         margin: 0 3px 0 3px;
         background-color: #D6EFF7;
}
     #navibereich ol  {
         float: left;
         list-style: none;
         padding: 0 3px 0 3px;
         margin: 0 8px 0 8px;
}
     #navibereich li {
             list-style-type: none;
             padding: 3px;
             margin: 3px 3px 3px 3px;
}
      #navibereich a {
             color: black;
             margin: 3px;
}
      #navibereich a:focus {
              color: #3399CC; background-color: #ccc; border-bottom-color: white;
}
      #navibereich a:hover, #startseite #navi01 a, #programmseite #navi02 a, #wunschseite #navi03 a, #inhouseseite #navi04 a,
      #portraetseite #navi05 a, #kontaktseite #navi06 a, #presseseite #navi07 a, #buchseite #navi08 a, #interviewseite #navi09 a,
      #dozent #navi10 a, #seminarseite #navi11 a, #workshopseite #navi12 a, #aufbauseminarseite #navi13 a, #aufbautrainingseite #navi14 a,
      #Interviewtrainingseite #navi15 a,
}
      #navibereich a:active {
             color: #3399CC;
             background-color: white;
}
/* Page, linke und rechte Spalte */
#page {
        float: left;
}
#sidebar {
        float: left;
        width: 19%;
        margin: 40px 0 0 0;
}
#sidebar ul {
        margin: 0 0.2em 0 0.2em;
}
#sidebar li {
        margin: 0 0.2em 0 0.2em;
}
#sidebar-right {
        float: right;
        width: 19%;
        margin: 40px 0 0 0;
        padding: 8px 8px 8px 16px;
        background-color: #D6EFF7;
        font-size: 12px;
}
#sidebar-right ul {
        margin-left: 1.4em;
}
#sidebar-right-2 {
        float: right;
        width: 19%;
        margin: 20px 0 0 0;
        padding: 8px 8px 8px 16px;
        background-color: #D6EFF7;
        font-size: 12px;
}
#sidebar-right-2 ul {
        margin-left: 1.4em;
}
#sidebar-right-2 ol {
        margin-left: 1.4em;
}
#sidebar-right-3 {
        float: right;
        width: 19%;
        margin: 20px 0 0 0;
        padding: 8px 8px 8px 16px;
        background-color: #D6EFF7;
        font-size: 12px;
}
/* Content */
#content {
        float: left;
        width: 58%;
        background-color: white;
        padding: 0;
}
#content a {
         color: #3399CC;
}
#content a:active {
         color: #3399CC; background-color: white;
}
#impressum {
         text-align: right;
         font-size: 11px;
}

/* Kontaktformular, cursor: pointer; */
form { background-color: #339999;
         width: 500px;
         padding: 10px 10px 0px 5px;
         border: 1px solid #339999;
         margin: 5px 15px 10px 0px;
}
form h1, h2 {
   font-size: 1.1em;
   color: #083431;
   margin-left: 1.5em;
}
label {
         font-size: 13px;
         margin-left: 2em;
}
label#pressestellenleiten, #internet, #Interviewtraining, #recht, #bilder, #evaluation, #pressemappe, #schreibworkshop, #absender, #firma, #funktion,
#name, #strasse, #plz, #ort, #telefon, #e-mail, #hinweise, #rechnung, #rechnungsfirma,
#firma, #str-hausnr, #plz-ort, #mehrfachauswahl, #stadt, #name-firma, #investition
{
         font-size: 13px;
         margin-left: 2em;
}
input {
         color: black;
         margin-top: 0.3em;
         margin-left: 2em;
}
input#absender, #firma, #funktion, #name, #strasse, #plz, #stadt, #ort, #telefon, #e-mail, #hinweis, #hinweise, #rechnungsfirma,
#str-hausnr, #plz-ort, #hinweise, #mehrfachauswahl, #rechnung, #pressemappe, #schreibworkshop, #bilder,
#pressestellenleiten, #internet, #Interviewtraining, #recht, #evaluation
{
                 width: 400px;
                 color: black;
                 border: 2px solid #ccc;
                 margin: 0 1em 0.5em 2em;
}
textarea {
                 width: 400px;
                 color: black;
                 border: 2px solid #ccc;
                 margin: 0.5em 1em 1.5em 2em;
}
select {
       width: 400px;
       color: black;
       border: 2px solid #ccc;
       margin: 1.5em 1em 0.5em 2em;
}