/*Kalibrierung der wichtigsten Abstände*/
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.4em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #339999; }
h1 { font-size: 1.2em; text-align: left; }
h2 { font-size: 1.2em; text-align: left; }
h3 { font-size: 1em; color: black; }
h4 { font-size: 1.5em; text-align: left; }
h5 { font-size: 1em; text-align: left; margin-bottom: 0.1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h6 { font-size: 1em; text-align: left; margin-top: 0.5em; margin-bottom: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul, ol  { padding-left: 4em; line-height: 130%; }
ul, p { margin-bottom: 2em; line-height: 180%; }
blockquote { margin: 1em 1em 0 1em; }

/*Allgemeine Selektoren*/
html  {
       height: 101%
}
body {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #080818;
        text-align: center;
        border-top: 15px solid #339999;
        behavior:url("csshover.htc");
}

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.3em;
        padding: 5px 0 5px 0;
        border-top: 1px solid #339999;
}
.bildlinks {
         float: left;
         border-top: 1px solid #ccc;
         border-right: 5px solid #ccc;
         border-bottom: 3px solid #ccc;
         border-left: 1px solid #ccc;
         margin: 5px 10px 0 0;
         display: inline;
}
.bildrechts {
         float: right;
         border-top: 1px solid #ccc;
         border-right: 5px solid #ccc;
         border-bottom: 3px solid #ccc;
         border-left: 1px solid #ccc;
         margin: 0 5px 0 15px;
         display: inline;
}
.clearing {
         clear: both;
}
div.galerie {
          float: left;
          width: 180px;
          padding: 10px 10px 0 10px;
          border: 1px solid #339999;
          margin: 5px 5px 0 0;
}
* html div.galerie { height: 1%; }

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

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

.isbn {
        text-align: right;
        font-size: 11px;
        font-style: normal;
        color: black;
        margin: 0 5px 16px 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: 90%;
          height: 160px;
          padding-bottom: 5px;
          font-family: tahoma, arial, helvetica, sans-serif;
          font-size: 12px;
          color: #339999;
}
#logo {
        float: right;
        width: 80%;
        padding: 10px 0 5px 0;
        text-align: right;
}

#navibereich {
        float: right;
        width: 80%;
        text-align: right;
        padding-bottom: 0px;
}

     #navibereich ul  {
         float: right;
         padding: 5px 0 1px 0;
         list-style: none;
         line-height: normal;
}

     #navibereich li {
             display: inline; /* links nebeneinander anzeigen*/
             list-style-type: none;
             margin: 0;
             border-bottom: 10px;
}
      #navibereich a {
             color: black;
             background-color: #339999;
             padding: 4px 4px;
             border: 1px solid #3399CC;


}

      #navibereich a:focus {
              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, #programmseite #navi07 a {
              color: #3399CC;
              background-color: white;
              border-bottom-color: white;
}
      #navibereich a:active {
             color: #3399CC; background-color: white;
}


/*Page und Spalten */
#page {
        float: left;
        width: 95%;
        margin: 0 auto;
}
#sidebar {
        float: left;
        width: 15%;
        text-align: left;
        padding: 10px;
        margin-top: 10px;
        background-color: #339999;
}
#sidebar a {
             color: black;
             background-color: #339999;
}
      #sidebar a:focus {
              color: #339999;
              background-color: #ccc;
              border-bottom-color: white;
}
     #sidebar a:hover {
              color: #339999;
              background-color: white;
              border-bottom-color: white;
}
      #sidebar a:active {
             color: #339999;
             background-color: white;
}
     #sidebar li {
         padding: 10px 10px 0 0;
         line-height: 180%;
}

#sidebar2 {
        float: left;
        width: 450px;
}

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

/* Kontaktformular, cursor: pointer; */
form { background-color: #ccc;
         width: 430px;
         padding: 10px 20px 0 5px;
         border: 1px solid #339999;
         margin: 0 25px 20px 0;
}
form h1, h2 {
   font-size: 1.2em;
   color: #339999;
   margin-left: 1em;
}
label {
         font-size: 13px;
         margin-left: 1em;
}
input {
         color: black;
         border: 1px solid #339999;
         margin-top: 0.3em;
         margin-left: 1em;
}
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 5em;
}
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: 1.5em 1em 0.5em 5em;
}