/* CSS Document */



@import url(forms.css);



.cheat_sheet {

	margin-top: 8px; /* alle non-IE */

	.margin-top: 10px; /*  IE6 und IE 7 */

	_margin-top: 4px;  /* nur IE6 */

}



/* Spezielle Objekte */



#date_microformat {

	visibility:hidden;

}



/* Angaben für IE Mac weiter unten */











	html, body {

		padding: 0px;

		margin: 0px;

		border: 0px;

		text-align: center;

		height: 100%;

		

	}

	

	body {

		/* 

		background-image: url(../_images/layout/bg_070518-01.jpg);

		background-position: center;

		background-repeat: repeat-y;

		background-attachment: fixed;

		*/

		background-color: #000;

	

		font-family: arial, helvetica, sans-serif;

		font-size: 100.01%;			

		font-size: 0.7em;

		color: #222;



	}	


#gallery_h {
	color: #bbb;	
}



/* TYPO */



	a {

		color: #007a10;

		text-decoration: none;

	}	

	a:hover {

		color: #000000;

		text-decoration: underline;		

	}												

									

	h1 {

		font-size: 180%;	

		font-weight: normal;	

		margin-bottom: 24px;	

		margin-top: 0px;

	}

	h2 {

		font-size: 140%;				

		font-weight: normal;		

		margin-bottom: 18px;			

		margin-top: 0px;		

	}

	h3 {

		font-size: 120%;	

		font-weight: bold;

		margin-bottom: 15px;							

		margin-top: 0px;		

	}

	h4 {

		font-size: 100%;

		font-weight: bold;				

	}	

	p {

		margin-top: 10px;

		margin-bottom: 5px;

	}

/*	td {

		font-size: 100%;	

	}*/

	

	.farbe_weiss {

		color: #efefef;

	}

	.rechtsbuendig {

		text-align: right;	

	}

	.zentriert {

		text-align:center;	

	}

	.clear {

		clear: both;	

	}



	

/* Tabellen */



table {

	 /* font-size: 100%; für IE 5, der macht die Typo in Tabellen sonst größer */ 	

	border-collapse:collapse;

	border-spacing: 0px;

	border: 0px;

	padding: 0px;

	margin: 0px;	



}



.gf_forum td {

	padding: 5px;

}

				

td {

	text-align: left;

	vertical-align: top;

	border: 0px;

	padding: 0px;

	margin: 0px;	

}

td[align="right"], tr[align="right"] td  {

	text-align: right;	

}

td[align="left"], tr[align="left"] td {

	text-align: left;	

}





td p {

	padding: 0px;

	margin: 0px;

	border: 0px;

}





/* Bilder */



	img {

		border: 0px;

	}

	

	.naked {

		border: 0px;

	}	

	.foot {

		margin-bottom: -5px;

		margin-left: -15px;		

	}

	.head {

		margin-left: -15px;

	}

	.aufzaehlung {

		margin-left: 15px;

	}

	

	.clear {

		clear:both;

	}



	.hide {

		display: none;

	}

			



/* Papier-Layout */	



	#papier {

		/*position: relative;*/

		width: 1000px;

		margin: 0 auto;

		text-align: left;

		/*overflow: hidden;*/

		background-color: #000;

		background-image: url(../_images/layout/080421-01_papier.jpg);

		background-repeat: no-repeat;

	}					

	

	#head_container_intro {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 580px;
	z-index: 0;

	}	

	

	#head_container {

		position: relative;

		top: 0px;

		left: 0px;

		width: 1000px;

		height: 350px;

		z-index: 0;			

	}						





/* TRENNER */

		

	.trenner_horizontal {	

		/* NICHT IN EINEN BLOCK EINBETTEN WG. IE MAC (Overflow funtkioniert dort nicht) */	

		position: relative;		

		clear: both;

		width: 970px;

		height: 5px;			

	}	

					

	

/* SPALTEN */

	

	.spalte_links {	

		/*position: relative;	*/	

		float: left;		

		width: 177px;

		height: 90px;						

	}

	.spalte_520 {	

		/*position: relative;	*/	

		float: left;

		width: 520px;			

	}	

	.spalte_780 {	

		/*position: relative;		*/

		float: left;	

		width: 780px;						

	}	

	.spalte_260 {

		/*position: relative;	*/	

		float: left;	

		width: 260px;			

	}	

	





/* Blöcke */



	.block {

		text-align: left;

		background-color: #efefef;	

		/*position: relative;	*/

		float: left;

		overflow: hidden;	

		margin-bottom: 10px;	

		padding: 10px 25px 10px 15px;	

		/* margin-right: -50px;	für ie5.x mac */				

	}

	

	.zufall_frame_mitte {

		position: relative;

		float: left;

		padding: 5px;

		margin-bottom: 10px;		

		background-color: #efefef;

	}

	.zufall_frame_margin {

		position: relative;

		float: left;		

		padding: 5px;

		margin-bottom: 10px;		

		background-color: #efefef;

	}		



	.breite_520 {

		width: 470px;

		background-image: url(../_images/layout/080421-block-g-520.jpg);

		background-repeat: repeat;

	}	

	.breite_520_farbe {				

		width: 470px;	

		background-image: url(../_images/layout/080421-block-g-520.jpg);

		background-repeat: repeat;										

	}	

	.breite_780 {					

		width: 730px;	

		background-image: url(../_images/layout/080421-block-g-780.jpg);

		background-repeat: repeat;										

	}

	.breite_780_farbe {					

		width: 730px;	

		background-image: url(../_images/layout/080421-block-g-780.jpg);

		background-repeat: repeat;										

	}

	.breite_260 {	

		width: 210px;	

		background-image: url(../_images/layout/080421-block-g-260.jpg);

		background-repeat: repeat;				

	}

	.breite_260_transparent {	

		width: 210px;					

	}	

	.breite_260_farbe {		

		width: 210px;	

		background-image: url(../_images/layout/080421-block-g-260.jpg);

		background-repeat: repeat;						

	}	

	.grau {

		background-color: #e6e6e6; 	

	}		



	



/* H E A D C O N T E N T */



	#illu_rechts {

		position: absolute;

		width: 940px;

		height: 208px;

		left: 83px;

		top: 0px;

		z-index: 1;

		background-image: url(../_images/layout/080421-01-pano.jpg);

	}		

	

	#logo {

		background-image:url(../_images/layout/10-logo-alone.gif);

		position: absolute;

		width: 317px;

		height: 136px;

		left: 650px;

		top: 13px;

		z-index: 2;

	}	

	

	#thema {

		position: absolute;

		width: 510px;

		height: 71px;

		left: 156px;

		top: 239px;

		background-image: url(../_images/layout/080421-01_label_bg.gif);

		z-index: 5;

	}	

	#thema_img {

		position: absolute;

		top: 17px;

		left: 5px;			

	}

	

	#menu {

		position: absolute;

		left: 66px;

		top: 149px;

		width: 509px;

		height: 158px;

		background-image: url(../_images/navi/080422-nav-bg.jpg);

		z-index: 3;

	}

	

	#menu_en {

		position: absolute;

		left: 66px;

		top: 149px;

		width: 509px;

		height: 158px;

		background-image: url(../_images/navi/080422-nav-bg-NO.jpg);

		z-index: 3;

	}				

	

	#label {

		position: absolute;

		width: 778px;

		height: 56px;

		left: 173px;

		top: 280px;

		z-index: 4;

	}	

	

	#lineup {

		position: absolute;

		width: auto;

		height: auto;

		left: 173px;

		top: 280px;

		z-index: 13;

	}	

	

	

	/*  SPRACHWAHL  */



	#lang {

		position: absolute;

		width: 47px;

		height: 16px;

		left: 104px;

		top: 289px;

		overflow: hidden;

		z-index: 22;

	}	

			

			



	/*  PRÄSENTATOREN */

	



	#sponsoren {
		position: relative;
		width: 823px;
		height: 166px;
		overflow: hidden;
		margin-left: 167px;				
	}	
	
	#sponsoren_french {
		position: relative;
		width: 1000px;
		height: 166px;
		overflow: hidden;
		margin-left: 40px;				
	}		

	#sponsoren_intro {
	position: absolute;
	width: 787px;
	height: 63px;
	left: 171px;
	top: 520px;
	overflow: hidden;
	z-index: 14;
	}
	
	#sponsoren_intro_french {
	position: absolute;
	width: 1000px;
	height: 63px;
	left: 141px;
	top: 490px;
	overflow: hidden;
	z-index: 14;
	}	



	#container_hauptsponsoren {

		  position: absolute;

		  width: 120px;

		  height: 300px;

		  left: 44px;

		  top: 250px;

		  /*overflow: hidden*/;

		  z-index: 14;

		  /* display: none;		temporär */				

	}	

		



	#superscript_hauptsponsoren {

		  position: absolute;

		  width: 67px;

		  height: 20px;

		  left: -27px;

		  top: 80px;

		  overflow: hidden;

		  /* display: none;		temporär */				

	}

	#winston {

		  position: absolute;

		  width: 125px;

		  height: 92px;

		  left: -30px;

		  top: 170px;

		  overflow: hidden;

		  /* display: none;		temporär */				

	}

	#miller {

		  position: absolute;

		  width: 125px;

		  height: 92px;

		  left: -30px;

		  top: 97px;

		  overflow: hidden;

		  /* display: none;		temporär */				

	}
	
	#ticketbutton {
		display: block;
		position: absolute;
		z-index: 50;
		background-image:url(../_images/redaktion/10-tickets-sichern-button.gif);
		width: 110px;
		height: 100px;
		left: 565px;
		top: 225px;			

	}	
	
	#ticketbutton_FR {
		display: block;
		position: absolute;
		z-index: 50;
		background-image:url(../_images/redaktion/10-tickets-sichern-button-FR.gif);
		width: 116px;
		height: 100px;
		left: 593px;
		top: 225px;			

	}		
	
	/* Impressionen 100611 */
	
	#impr_image {
		position: relative;
		display: block;
		float: right;
		margin-left: 15px;
		border: 1px solid #bbb
	}
	#impr_zoom {
		display: none
	}
	#impr_image:hover #impr_zoom {
		position: absolute;
		display: block;
		background-image:url(../_images/redaktion/100611-impression-01.jpg);
		width: 700px;
		height: 1099px;
		top: -400px;
		left: -300px;
		z-index: 90
	}