@import url("standard.css");

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.real-stars.com
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2006-02-09
*/

/*
# --- B O D Y --------------------------------------------------------------{}*/

	body {
		background: #1e3746 url(/img/bg_body.jpg) repeat-y center top;
		color: #eee;
		min-width: 768px;
		text-align: center;
	}

 
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
		cursor: pointer;
    	color: #94cfff;
	}

    a:hover {
		color: #fff;
		background: #1262A2;
	}
	
    a:active {
    }
    
    a:visited {
    }
	    
/*
# --- B L O C K S ----------------------------------------------------------{}*/

	#content, #head, #nav1 ul {margin: 0 auto;}
	

	* html #content, * html #nav1 ul {
		width: 768px; /* for <= IE5.5/win */
		w\idth: 733px; /* for >= IE 6/win */
	}

	#content, #nav1 ul {
		width: 750px;
	}

    #top {
		position: relative;
		top: 0; margin: 0;
		background: url(/img/bg_head.jpg) no-repeat center top;
		width: 100%;
		float: left;
		
    }

	#head {
		width: 768px;
		position: relative;
		margin: 0 auto 0 auto;
		height: 187px;
	}
	
	#head a {background: transparent;}

           
   #nav1 {
		background: #c27b17 url(/img/bg_nav1.jpg) no-repeat center top;
		min-height: 39px;
		width: 100%;
		float: left;
   }

	#main {
		background: url(/img/bg_main.jpg) repeat-x center top;
	} * html #main {margin-top: -8px;}
    
	#special {
		background: #232a31 url(/img/special_bar.gif) repeat-x center top;
		margin: 0em 0 2em -17px;
		padding: .5em 17px;
	}

	* html #special {
		width: 100%;
		margin: 8px 0 2em -16px;
	}
	
	#special:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#special {display: inline;} /* for IE/Mac */
	/* Hide from IE/Mac \*/
	* html #special {height: 1%;}
	#special {display: block;}
	/* End hide from IE/Mac */

    #content {
		text-align: left;
		margin-top: -1px;
		padding: 0em 0 2em 17px;
    }
    
    
    #footer {
    }

/*
# --- H E A D --------------------------------------------------------------{}*/

	h1 {
		position: absolute;
		top: 17px; left: 10px;
		margin: 0; padding: 0;
		width: 290px; height: 151px;
	}
	
	h1 span {display: none;}

	h1 img {
	}
	
	#slogan {
		position: absolute;
		top: 72px; left: 369px;
		width: 306px; height: 68px;
		background: url(/img/page_slogan.jpg) no-repeat;
		font-size: 85%;
	}
	
	#slogan span {display: none;}

	


/*
# --- N A V I G A T I O N --------------------------------------------------{}*/

	/* -- nav1 -- */

	#nav1 ul, #nav1 ul li {
	     margin: 0; padding: 0;
	 }

	 #nav1 ul {
		margin: 0 auto;
	 } 

	 #nav1 ul li {
		float: left;
	    margin: 0;
		padding: 0 0 0 .5em;
	 }
	
	#nav1 li a {
		display: block;
		float: left;
		min-height: 29px;
		padding: 10px .5em 0 0;
		color: #004665;
		letter-spacing: .1em;
		text-decoration: none;
	} * html #nav1 li a {padding-top: 0; line-height : 39px;}
	
	#nav1 li a:hover {
		color: #fff;
		color: #1262A2;
		background-color: transparent;
	}
	
	* html #nav1 li a {
		height: 39px;
	}

	#default li#nav_start,
	#ueber-uns li#nav_ueber-uns,
	#kuenstler li#nav_kuenstler,
	#veranstaltungen li#nav_veranstaltungen,
	#bandbewerbung li#nav_bandbewerbung,
	#kontakt li#nav_kontakt
	{
		background: url(/img/bg_nav1_active.jpg) no-repeat top left;
	}
	
	#default li#nav_start a,
	#ueber-uns li#nav_ueber-uns a,
	#kuenstler li#nav_kuenstler a,
	#veranstaltungen li#nav_veranstaltungen a,
	#bandbewerbung li#nav_bandbewerbung a,
	#kontakt li#nav_kontakt a
	{
		color: #000;
		background: url(/img/bg_nav1_active.jpg) no-repeat top right;
	}
	

	

/*
# --- C O N T E N T --------------------------------------------------------{}*/


    * html #content {font-size: 90%;}

	h2 {
		font-size: 140%;
		position: relative;
		margin: -9px 0 2em 0;
		line-height: 1.5em;
		color: #F7C456;
		font-weight: normal;
		letter-spacing: .1em;
	} 
	

	h2 strong {
		letter-spacing: 0;
		font-size: 120%;
	}
	

	h3 {
		margin-top: 2em;
		font-weight: normal;
		letter-spacing: .1em;
		font-size: 130%;
		color: #F7C456;
	}
	
	h4 {
	}
	
	h5 {
	}

	#content strong {color: #fff;}

	#special p {float: left; margin: 0;}
	
	#special strong {color: #F7C456;}
	
	#special a {float: right; text-decoration: none;}
	
	.article {
		padding-right: 17px;
	}
	
	#default .article {
		width: 490px;
		float: left;
		margin-top: -2em;
		overflow: visible;
	}
		

	.back {
		display: block;
		float: right;
		font-weight: bold;
		margin-top: -1em;
		margin-right: 17px;
		display: none;
	}
	
	.info {font-size: 85%;}
	.artist-mini-list .info {text-align: center;}
	
	.artist-list {
		margin-left: -9px;
		overflow: auto;
		width: 751px;
	}
	
	.artist-mini-list {
		/* for IE/Win - see weird Duplicate Characters Bug 
		http://www.positioniseverything.net/explorer/dup-characters.html */
		width: 750px;
		margin-top: -2em;
	}
	
	.artist-list .entry, .artist-mini-list .entry {
		position: relative;
		width: 342px;
		min-height: 152px;
		float: left;
		padding: 9px;
		margin: 0 0px 10px 10px;
		line-height: 1.5em;
		font-size: 90%;
	} * html .artist-list .entry, * html .artist-mini-list .entry {height: 172px;}
	
	.artist-mini-list .entry {
		width: 135px;
		padding: 0; margin: 0 6px 9px 5px;
	}
	
	.artist-list .entry h3 {
		margin-top: -.5em; padding: 0;
		margin-bottom: .5em;
	}


	.artist-list .entry p {margin: 0;}

	.artist-list .entry h3,
	.artist-list .entry p
	{
		position: relative;
		margin-left: 132px;
		padding-left: 9px;
	}
	
	.artist-list .more, .artist-mini-list .more {
		position: absolute;
		top: 0px; left: 0px;
		width: 132px; height: 132px;
	}
	
	.artist-list .more a, .artist-mini-list .more a {
		position: absolute;
		display: block;
		width: 132px; height: 132px;
		text-decoration: none;
	}
	
	.artist-list .more a img, .artist-mini-list .more a img {
		border: 2px solid #F7C456;
	}

	.artist-list .more a span, .artist-mini-list .more a span {
		display: block;
		position: absolute;
		bottom: -2px; left: 2px;
		width: 132px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 90%;
		background: #232a31;
		border-top: 1px solid #8e8758;
	} * html .artist-list .more a span, * html .artist-mini-list .more a span {margin-bottom: 6px;}
	
	.artist-list .more a:hover, .artist-mini-list .more a:hover {background: transparent;}
	
	.artist-list .more a:hover span, .artist-mini-list .more a:hover span {background: #1262A2;}


	.artist-single img {
		border: 2px solid #F7C456;
		float: left;
		margin: 0 11px 1em 0;
	}

	
	#content ul {
		margin-bottom: 3em;
		margin-left: 3em;
	}
	
	#content ul li {
		background: url(/img/ul.gif) no-repeat 0 1px;
		padding-left: 20px;
		margin-bottom: .5em; 
	}
	
	#default .artist-list {
		clear: both;
	}
	
	
	#events-mini {
		margin: -7.5em 0 1em 9px;
		float: right;
		width: 204px;
		padding: 9px;
	} * html #events-mini {margin-right: -18px;}
	
	#events-mini h3 {
		margin-top: 0;
		font-size: 100%;
	}
	
	#events-mini ul {
		margin: 0 0 .5em 0;
		padding-top: 1em;
		font-size: 85%;
		border-bottom: 1px solid #8e8758;
		border-top: 1px solid #8e8758;
	}
	
	#content #events-mini li {
		background-image: none;
		margin: 0; padding: 0;
	} * html #content #events-mini li {margin-bottom: 1em;}
	
	#content #events-mini li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#content #events-mini li {display: inline;} /* for IE/Mac */
	/* Hide from IE/Mac \*/
	* html #content #events-mini li {height: 1%;}
	#content #events-mini li {display: block;}
	/* End hide from IE/Mac */

	
	.events {padding-right: 17px;}

	.bitburger-logo {
		border: 1px solid #000;
	}
	
	.events_bitburger .bitburger-logo {margin-left: 12.4em;}

	.events h3 {
		clear: both;
	}
	
	.events ul {
		line-height: 1.8em;
	}
	
	.events li:after, #events-mini li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		margin-bottom: 1em;
	}
	
	.events li:after, #events-mini li:after {display: inline;} /* for IE/Mac */
	/* Hide from IE/Mac \*/
	* html .events li:after, * html #events-mini li:after {height: 1%;}
	.events li:after, #events-mini li:after {display: block;}
	/* End hide from IE/Mac */
	

	.events li div, #events-mini li div {
		display: block;
		float: left;
		margin-right: 1em;
	}
	
	#events-mini li .artists {
		float: none; clear: both;
	}
	
	.events .day {
		width: 2em;
		margin-right: 0;
	}

	.date {
		width: 5em;
		text-align: right;
	}
	
	.events .city {
		font-weight: bold;
		display: block;
		float: left;
	} * html .city {padding-left: .1em;}
	
	.bitburger {font-weight: bold;}
		
	.bitburger a {
		display: block;
		float: left;
		background: transparent url(/img/bitburger_unplugged.gif) no-repeat bottom left;
		width: 110px; height: 21px;
	}
	
	.bitburger a:hover {background: transparent url(/img/bitburger_unplugged.gif) no-repeat top left;}

	.bitburger-musikfestival a {width: 185px; background: transparent url(/img/bitburger_musikfestival.gif) no-repeat bottom left;}
	.bitburger-musikfestival a:hover {background: transparent url(/img/bitburger_musikfestival.gif) no-repeat top left;}

	#content .bitburger a span {display: none;}
	
	.events .venue {}
	
	.events .venue p {display: inline;}
	
	.artists a {
		color: #F7C456;
		background: #232a31;
		padding: .2em;
		text-decoration: none;
		border-bottom: 1px solid #555;
	}
	
	.artists a:hover {
		background: #1262A2;
		border-color: #1262A2;
		color: #fff;
	}
	
	.events .events {padding-top : 0.1em;}
		
	.events .artists, .events .more {
		float: none; clear: both;
		margin-left: 8em;
	} * html .events .artists, * html .events .more {margin-left: 8.8em;}

	.events_archive .more {display: none;}
	

/*
# --- F O R M S ------------------------------------------------------------{}*/

	#content form {
		margin: 2em 0 2em 0;
	}
	
	#content fieldset {
		border-width: 0;
		margin: 0; padding: 0;
	}
	
	#zemContactForm br {}
	
	input, checkbox, textarea {
	}
	
	checkbox {float : left;}

/*
# --- S E A R C H ----------------------------------------------------------{}*/

/*
# --- C L A S S E S --------------------------------------------------------{}*/


	.edit {display: block; margin-bottom: 1em;}

	.edit a {
		border: 1px solid red;
		font-weight: bold;
		padding: 0 .2em;
		text-decoration: none;
	}
	
	.right {margin-right: 19px;}
	

/*
# --- T O O L S ------------------------------------------------------------{}*/


/*
# --- F O O T E R ----------------------------------------------------------{}*/