@import url(http://fonts.googleapis.com/css?family=Share:700|Inconsolata|Acme|Alfa+Slab+One|Passion+One|Tienne:400,700,900|Archivo+Narrow:400,700);
html {height: 100%}
body { margin: auto;

background-color:white;
   }

#kopf {width:100%; margin:0%; padding:0px; background:black; background-image: url(jazz-titel-3.jpg); background-position: 35% 0%; 
background-repeat:no-repeat; visibility: visible; }

#untertitel {width:100%; padding:0%; margin:0%; background:#ffcc33; text-align:center; 
visibility: visible; }

#inhalt {width:55%; margin-left: 2%; padding-left:2%; padding-top:2%; float:left; 
visibility: visible; margin-top:1%;}

#navi{  width:10%; float:left; margin-left:2%; margin-top:1.5em; 
visibility: visible; text-align:left}


h1 {font-family: 'Share', verdana, arial; color:#99ccff;  font-size:4em; font-weight:700;  padding-top:0.7%; 
padding-bottom:0%; padding-left:4%; margin:0%; text-align:left; 
}
h2 {font-family: 'Inconsolata', verdana, helvetica, sans-serif; color:black; font-size:1.0em;  letter-spacing: 0.2em; padding-top:4px; padding-bottom:5px; 
padding-left:4%; line-height: 1.2em; margin:0px; text-align:left; }

h3 {font-family: 'Archivo Narrow', arial, sans serif; font-weight:700; color:black; font-size:1.2em; line-height:1.3em; letter-spacing: 0.1em;
margin:0px; padding:0px; text-align:left;  }

h4 /*Zwischentitel*/ {font-family: 'Archivo Narrow', arial, sans serif; font-weight:700; color:red; font-size:1.0em; letter-spacing: 0.1em; line-height:1.2em; 
margin-bottom:10px; padding:0px; text-align:left;  }

h5 /*Zwischentitel Rezensionen*/ {
font-family : 'Share', verdana, arial, helvetica;
color : black;
font-weight: bold;
font-size:0.9em;
text-align : left;
letter-spacing: 0.1em;
}

div.rez {font-family: verdana, arial; color:black; font-size:0.8em;  text-align:left; line-height:1.4em; margin-top:0px; }


.text {font-family: verdana, arial; color:black; font-size:0.9em;  text-align:left; line-height:1.5em; margin-top:0px; padding-right:5%}
.text1 {font-family: verdana, arial; color:black; font-size:0.7em; line-height:1.5em; text-align:left; margin-top:0px;}
.text2 {font-family: verdana, arial; color:black; font-size:0.7em; line-height:1.5em; text-align:center; margin-top:0px;}

span.text {font-family: verdana, arial; color:black; font-size:0.8em;  text-align:left; line-height:1.4em; margin-top:0px; }


span.foto /*Die Künstler*/ {float:left; margin-right: 15px;
 margin-bottom:5px; margin-top:5px;}
 
 span.grussfoto /*Grussworte*/ {float:left; margin-right: 20px;
 margin-bottom:20px; margin-top:8px;}





.menue {list-style-type:none; margin-left:0%; padding-left:0%; width:8em; }

.menue li a {color: white; background: black; padding:0.5em;  text-decoration:none;  
display:block; font-size:0.8em; font-family: 'Inconsolata', arial, sans-serif; text-align:left;
margin-bottom:3%; }

.menue li a:visited {color: white; text-decoration:none; 
}
  
.menue li a:hover {background-color:#ffcc33; color:black; font-family: 'Inconsolata', arial, sans-serif; }


#limarkiert {color:black; background:#ffcc33; padding:0.5em;  text-decoration:none; 
width:9em; display:block; font-size:0.8em; font-family: 'Inconsolata', arial, sans-serif; text-align:left; 
margin-bottom:3%; }

a:link { text-decoration:none; color:blue; }
 a:visited { text-decoration:none; color:blue; }
  
 a:hover { text-decoration:underline; color:red; background-color:none}
 

ul#fotos {
    margin: 0; padding: 0.3em;
    text-align: center;

    background-color:white;
  }
  ul#fotos li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
   
}

  ul#fotos a, ul#fotos span {
    padding: 0.4em;
    margin-top:0%;
    text-decoration: none; 
   font-family: arial, sans serif; 
 font-size: 0.8em; 
 color: black; 
  }
  * html ul#fotos a, * html ul#fotos span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#fotos a:hover {
   
    color: white; background: red; 
  } 
  
  
  ul#fotos span {
   
    color: white;  background: black; text-decoration: none; 
  }
