@charset "UTF-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

html, body {
	background-color:#cccc99;
	background-image:url(../img/jazz_in_ulm_background.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height:16px;
	width:100%;
	height:101%;	
}

h1 {
	color:#ff9933;
	line-height: 1.2em;
	font-size: 15px;
}

h2 {
	color:#669999;
	line-height: 1.2em;
	font-size: 12px;
}

hr {
	border-top:1px solid #669999;
	width:100%;
}	

.datum {
	color:#ffffff;
	
}

.kuenstler {
	color:#669999;
	font-weight:bold;
}

.laenderkennung {
	color:#669999;
}

.blocksatz {
	color:#ffffff;
	line-height:18px;
	width:500px;
}




p{
	margin: 0 0 20px 0;
	color:#000000;
	padding:0 20px 0 0;
}

textgrau{
	color:#999999;
}

ul{
	margin-top:-20px;
}

li{
	margin: 0 0 1px 18px;
	color:#000000;
	list-style:url(../img/listen-linie_riessler.gif)
}


table{
	display:inline-table;
	border-collapse:collapse;
    border:0px solid #dedcd1;
        }

table tr{
    border:0px solid #fff;
        }

table td{
    padding:4px;
        }

a {
	color:#666666;
	font-weight:bold;
	text-decoration: none;
}

a:link, a:visited {
	color:#666666;
	
}

a:hover, a:focus {
	color:#669999;
	text-decoration: underline;
	
}

/*inhalt */

#container {
	margin: 0 0 0 -477px;
	position:absolute;
	left: 50%;
	width:954px;
	height:100%;
}

#header {
	position:absolute;
	width:338px;
	height:160px;
	top:19px;
	left:18px;
	background: url(../img/jazzinulm.gif) top left no-repeat;
}

#jazzinulm {
	position:absolute;
	width:180px;
	height:180px;
	top:19px;
	left:350px;
	background: url(../img/startseite/jazzinulm.png) top left no-repeat;
	border:0;
}

#inhalt{
	position:absolute;
	width:580px;
	top:100px;
	left:368px;
	overflow:hidden;
 }
 
#inhalt table{
	display:inline-table;
	border-collapse:collapse;
    border:0px solid #dedcd1;
        }

#inhalt table tr{
    border:0px solid #fff;
   }

#inhalt table td{
    padding:0;
   }
		
#inhalt table td img{
    padding:0 10px 10px 0;
   }
		
 
 #spalte3 {
 	margin:0 10px 0 0;
 	float:left;
	width:338px;
	border:0px solid #FF0000;
 }
 
 #spalte3 img{
  margin:0 0 10px 0;
 	width:330px;
	border:none;
	float:left;
}
  
 #spalte5 {
 	float:left;
	width:550px;
	border:0px solid #FF0000;
 }
 


  #spalte5 table{
	display:inline-table;
	border-collapse:collapse;
    border:0px solid #dedcd1;
        }

  #spalte5  table tr{
    border:0px solid #fff;
   }

  #spalte5 table td{
    padding:0 0 10px 0;
   }




/*navigation*/
#navi {
	position:absolute;
	height:18px;
	width:588px;
	top:40px;
	right:0;
	line-height:1.9em;
	list-style:none;
	border: 0px solid #FF0000;
}

#navi li {
	margin:0 10px 0 0;
	display:block;
	float:left;
	width:106px;
	text-align:center;
	background-color:#999999;
}

#navi a {
	color: #ffffff;
	text-decoration:none;
	display:block;
}

#navi a:hover, a:active, a:focus {
	background-color:#666666;
	text-decoration:none;
	color:#fff;
}

#navi a:visited {
	text-decoration:none;
}

#navi .aktiverLink {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	background-color:#669999;
}

/*gallery*/

 #spalte6 #kiste {
	position:relative;
	bottom:0;
	left:0;
	list-style:none;
	border:1px solid #CC0000;

}

#kiste li{
	display:block;
	float:left;
	margin:0 6px 0 -2px;
	padding:3px;
	border:0px solid #CC0000;
	background:#CCCCCC;
}

#kiste li:hover{
	background:#ff9933;
}

#kiste li img{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}