/*  =========================================================
Stylesheet für CAMERATA KÖLN, released in february 2009 
Description:  one-column with tabbed navigation 
File:  bildschirm.css
Date:  2-22-2009
Author:  Hans Bauer
Chapter:1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; }
ul li { list-style: square; margin-left: 2em; }

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
   color: white; 
   background-color: #b6b6b6; /* war #c4c4c4 (zu hell); davor #8c8c8c; */
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small;
   padding-top: 20px;
   padding-bottom: 20px;
}
#blogbody h1 { margin-bottom: 10px; }
h1 { font-size: 200%; } 
h2 { font-size: 130%; }
h3 { font-size: 120%; margin-bottom: 10px; margin-top: 20px; }
h4 { margin-top: 20px; }
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000 
}
a:active { 
   color: white; 
   background-color: #d90000; 
}

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}



/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: black; 
   background-color: white; 
   width: 800px; /* Breite des Inhaltsbereiches */   
   margin: 0px auto;
}
#kopfbereich {
   position: relative; 
   color: #303030; 
   background: #ffe574 url(logo.jpg) repeat-y top left;
   padding: 10px 20px 0 20px;
   height: 174px;
}
   #kopfbereich p {
      position:absolute;
      top: 5px ;
      right: 5px;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
   }
   #kopfbereich p span {
      color: #d90000;
   }
   #kopfbereich h1 {
      font-family: Georgia, serif;
   }
      #kopfbereich h1 a {
         text-decoration: none;
         color: #303030;
      }
      #kopfbereich h1 a:hover {
         text-decoration: none;
      }
      #kopfbereich h1 a[href^="http:"]{ 
         background: none !important; 
         padding-left: 0 !important; 
      }
      #kopfbereich h1 a[href^="http:"]:visited {
         background-image: none !important;
      }
      .header {
         cursor:pointer;
         text-decoration: none;
         border-bottom: 0;
      }
      .header:hover {
         border-bottom: 0;
         text-decoration: none;
      }
      

#navibereich { 
   text-align: right;  /* rechtsbündig */
   color: black;
   background: #ffe574 url(farbverlauf.jpg) repeat-y top left; 
   padding: 5px 10px 4px 10px;  
   border-bottom: 1px solid #8c8c8c;
} 
   #navibereich ul { margin-bottom: 0; } 
   #navibereich li {
      display: inline;
      list-style-type: none; 
      list-style-position: inside;
      margin: 0 ; /* war vorher 10px für rechts */
   }
   #navibereich a {
      color: black; 
      background-color: #ffeda0; 
      padding: 4px 8px; 
      border: 1px solid #8c8c8c;
   }
   #navibereich a:hover,
   #navibereich a:focus,
   #navibereich #navi01 strong,
   #navibereich #navi02 strong,
   #navibereich #navi03 strong,
   #navibereich #navi04 strong,
   #navibereich #navi05 strong,
   #navibereich #navi06 strong {
      padding: 4px 8px;
      border: 1px solid #8c8c8c;
      background-color: white;
      color: black;
      font-weight: normal;
      border-bottom-color: white;
   }
   #navibereich a:active { 
      color: black;
      background-color: white; 
   }  

#textbereich { padding: 20px; }
   #textbereich a { 
      border-bottom: 1px dotted #cc0000; 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
      border-bottom: 1px solid #d90000; 
   }
#fussbereich {
   background: #f9f9f9;
   color:#666;
   text-align: center;
   font-size: 11px;
   font-style: normal;
   letter-spacing: 2px;
   border-top: 5px #efefef solid;
   padding: 10px 20px;
}
/* #fussbereich {
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
   margin-top: 20px; 
} */
   
   
/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

blockquote {
   border-top: #303030 2px solid;
   background: #c0c0c0;
   border-bottom: #303030 2px solid;
   text-align: justify;
   padding: 5px;
   margin-left: 0px;
   }
blockquote cite {
   display: block;
   text-align: right;
   font-style: italic;
}
/* Bildbeschriftung per Definitionsliste */
dl.bildbox {
   float: right; /* ohne width => so breit wie das Bild */ 
   text-align: center; 
   background-color: white;
   padding: 0.5em;
   border: 1px solid #ccc;
   border-right-color: #bbb; 
   border-bottom-color: #bbb; 
   margin: 0 10px 1em 1em; /* Abstand zum Text */
   clear: both;
   }

dl.bildbox dd {
   font-size: 90%;
   margin: 0;
}

/* Styles für das Kontaktformular */
fieldset {
   border: 1px solid #ccc;
   padding: 10px;
}
legend#haupt {
   font-weight:bold;
   color: #303030;   
   padding:0 10px;
   border: none; 
   font-size: 16pt;
}
legend {
  font-weight:bold;
   color: #303030;   
   padding:0 10px;
   border: none; 
   }
#adresse1,#adresse2,#adresse3 {
   display: block;
   }
/* Statusmeldungen */
.status {
   color: red;
   text-align: center;
   }
.status-right {
   color: #3EE01E;
   text-align: center;
   }

/* News */
.blogbegruesung,
.entry,
.fullentry {
   margin-bottom: 5px;
   padding-bottom: 5px;
   border-bottom: 2px solid #CCCCCC;
   }
   .fullentry {border-bottom: 0;}
/* Diskographie Styles */
div.disk {
   padding-bottom: 10px;
   }
div.disk p.bild {
   float: left;
   }
div.disk div.inhalt {
   margin-left: 150px;
   }

#textbereich p.bild {
   padding-left:0 !important;
   margin-left:0 !important;
}
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */