/*Kalibrierung der wichtigsten Abstände*/
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3em; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #3399CC; }
h1, h2 { font-size: 1.1em; text-align: left; color: #339999; }
h3 { font-size: 0.9em; margin-top: 0.1em; margin-bottom: 0; color: #339999; }
h4 { font-size: 1.5em; text-align: left; margin-bottom: 0.4em; color: #FF6100; }
h3 { font-size: 0.9em; color: #339999; }
h6 { font-size: 1em; text-align: left; margin-top: 0.5em; margin-bottom: 0.4em; color: #339999; }
p, ul { margin-bottom: 0.8em; line-height: 180%; }
ul, ol { margin-left: 6em; }
blockquote { margin: 1em 1em 0 1em; }


/*Allgemeine Selektoren*/
html  {
       height: 101%
}
body {
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #083431;
        text-align: center;
}

hr1  {
        line-height: 1.3em;
        padding: 5px 0 5px 0;
}

a {
        text-decoration: none;
        color: #3399CC;
}
a:focus, a:hover, a:active {
        background: #CEE7F5;
        text-decoration: underline;
        color: #339999;
}
address {
        text-align: center;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: 1.3em;
        padding: 5px 0 5px 0;
        border-top: 1px solid #339999;
}

.bildlinks {
         float: left;
         border-top: 1px solid #D6EFF7;
         border-right: 5px solid #D6EFF7;
         border-bottom: 3px solid #D6EFF7;
         border-left: 1px solid #D6EFF7;
         margin: 5px 10px 0 0;
         display: inline;
}
.bildrechts {
         float: right;
         margin: 0 5px 0 15px;
         display: inline;
}
.clearing {
         clear: both;
}
.color {
       color: #FF6100;
}

div.galerie {
          float: left;
          width: 180px;
          padding: 10px 10px 0 0px;
          margin: 5px 5px 0 0;
}
* html div.galerie { height: 1%; }

div.galerie img {
     float: left;
     padding: 5px;
     border: 0.5px solid #ccc;
     margin: 0 25px 5px 0;
}

div.galerie2 {
          float: right;
          width: 145px;
}
* html div.galerie2 { height: 1%; }

.isbn {
        text-align: right;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #083431;
        margin: 0 5px 5px 5px;
}
.isbn-a {
        text-align: left;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: black;
        margin: 0 5px 5px 5px;
}
.jpg {
        text-align: left;
        font-size: 11px;
        font-style: normal;
        color: black;
        margin: 0 5px 16px 5px;
}
.linie {
        line-height: 1em;
        padding: 10px;
        border-top: 1px solid black;
        margin: 26px 0 0 0;
}
.skiplink {
         position: absolute;
         top: -2000px;
         left: -3000px;
         width: 0px;
         height: 0px;
         overflow: hidden;
         display: inline;
}

/*Styles für die Layoutbereiche */
#wrapper {
          width: 90%;
          margin: 10px auto;
          text-align: left;
}
/* Header */
#header {
          float: left;
          width: 99%;
}
#logo {
        float: left;
        width: 86%;
        text-align: right;
}
#logo-2 {
        float: left;
        width: 95%;
        text-align: right;
        color: #339999;
}

#navibereich-1 {
        float: right;
        width: 80%;
        text-align: right;
        font-size: 12px;
        padding: 2px 0 0 10px;
        margin: 0 0 5px 0;
}
      #navibereich-1 a {
             color: black;
             margin: 4px;
}
      #navibereich-1 a:focus {
              color: #3399CC;
              background-color: #ccc;
              border-bottom-color: white;
}
      #navibereich-1 a:hover, #startseite #navi01 a, #ebookseite #navi02 a, #awardseite #navi03 a, #portraetseite #navi04 a,
       #kontaktseite #navi05 a, #presseseite #navi06 a,
       #buchprseite #navi07 a, #klinikprseite #navi08 a, #prgesetzeseite #navi09 a, #kunstprseite #navi10 a,
       #pragenturseite #navi11 a, #schulprseite #navi12 a, #altseite #navi13 a,
       #awardtitelseite #navi14 a, #awardjuryseite #navi15 a,
       #pressearbeitseite #navi16 a, #crossmediaseite #navi17 a, #beraterseite #navi18 a,
       #schreibseite #navi13 a, {
              color: #3399CC;
              background-color: white;
              border-bottom-color: white;
}
      #navibereich-1 a:active {
             color: #FF6100;
             background-color: white;
}
#navibereich {
        float: left;
        width: 16%;
        text-align: left;
        font-size: 12px;
        margin-right: 4px;
        white-space: nowrap; 
        background-color: #D6EFF7;
}
     #navibereich ul  {
         float: left;
         list-style-type: none;
         padding: 0 0 0 5px;
}
     #navibereich li  {
         float: left;
         padding: 0 4px 5px 5px;
}
      #navibereich a {
         color: #3399CC;
}
      #navibereich a:focus {
        margin: 0 3px 0 0;
        color: #3399CC;
        background-color: #ccc;
        border-bottom-color: white;
}
      #navibereich a:hover, #startseite #navi01 a, #ebookseite #navi02 a, #awardseite #navi03 a, #portraetseite #navi04 a,
       #kontaktseite #navi05 a, #presseseite #navi06 a,
       #buchprseite #navi07 a, #klinikprseite #navi08 a, #prgesetzeseite #navi09 a, #kunstprseite #navi10 a,
       #pragenturseite #navi11 a, #schulprseite #navi12 a, #altseite #navi13 a,
       #awardtitelseite #navi14 a, #awardjuryseite #navi15 a,
       #pressearbeitseite #navi16 a, #crossmediaseite #navi17 a, #beraterseite #navi18 a, #schreibseite #navi13 a,  {
              color: #3399CC;
              background-color: white;
              border-bottom-color: white;
}
      #navibereich a:active {
             color: #3399CC;
             background-color: white;
}

/*Page und Spalten */
#page {
        float: left;
}
#sidebar {
        float: left;
        width: 18%;
        padding: 5px 2px 0 0;
        margin: 0 3px 0 0;
        background-color: #D6EFF7;
}
#sidebar ul {
        margin: 0 3px 0 0;
        color: #FF6100;
}

#sidebar-right {
        float: right;
        width: 18%;
        padding: 1px 8px 8px 16px;
        background-color: #D6EFF7;
        font-size: 12px;
}
#sidebar-right ul {
        margin-left: 1.4em;
}
#sidebar-right-2 {
        float: right;
        width: 18%;
        padding: 8px 8px 8px 16px;
        margin: 4px 0 0 0;
        background-color: #D6EFF7;
        font-size: 12px;
}

/* Content */
#content {
        float: left;
        width: 56%;
        margin: 0 0 0 15px;
        padding: 0 0 0 25px;
        background-color: white;
}
#content a {
         color: #3399CC;
}
#content a:active {
         color: #3399CC; background-color: white;
}

/* Kontaktformular, cursor: pointer; */
form { background-color: #ccc;
         width: 500px;
         padding: 10px 20px 0 5px;
         margin: 0 25px 20px 0;
}
form h1, h2 {
         font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
         font-size: 1.2em;
         color: #339999;
         margin-top: 0.3em;
         margin-left: 1.5em;
}
form h4 {
         font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
         font-size: 1.5em;
         text-align: left;
         margin-bottom: 0.4em;
         margin-left: 1.2em;
         color: #339999;
}
label {
         font-size: 13px;
         margin-left: 2.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,
#name-firma, #str-hausnr, #plz-ort, #hinweise, #rechnung {
                 width: 300px;
                 color: black;
                 border: 1px solid #339999;
                 margin: 0 1em 0.5em 4.3em;
}
textarea {
                 width: 300px;
                 color: black;
                 border: 1px solid #339999;
                 margin: 0.5em 1em 1.5em 2em;
}
select {
       width: 300px;
       color: black;
       border: 1px solid #339999;
       margin: 0.5em 1em 0.5em 14em;
}