/******************************/
 /******   BASIC STYLES   ******/
/******************************/

	body{
		font-family:verdana;
		font-size:.8em;
		background:#FFF url(graphics/bg-stripes.gif);
		margin:0;
		min-width:990px;
		}
	a{
		text-decoration:none;
		}
	img{
		border-style:none;
		}

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/

	#supalame-hp{
		position:absolute;
		height:600px;
		width:980px;
		top:50%;
		left:50%;
		margin:-300px 0 0 -490px;
		background:url(graphics/hp-main.jpg) bottom center no-repeat;
		}

	#supalame-hp h1{display:none;}

	#supalame-hp ul{
		margin:407px 0 0 365px;
		padding:0;
		list-style-type:none;
		background:url(graphics/hp-detail-supalame.png) 10px 5px no-repeat;
		}
	#supalame-hp ul:hover{background:none;}
	#supalame-hp .menu li{float:left;}
	#supalame-hp .menu a{
		display:block;
		width:76px;
		height:58px;
		padding:4px;
		float:left;
		background:url(graphics/btn-1.png) center no-repeat;
		}

	#supalame-hp .menu a span, #supalame-hp .default{
		position:absolute;
		display:block;
		background:url(graphics/hp-detail-supalame.png) top left no-repeat;
		width:234px;
		height:216px;
		top:190px;
		left:370px;
		text-indent:-999px;
		overflow:hidden;
		}
	#supalame-hp ul:hover .default{display:none}
	#supalame-hp ul:hover .default:hover{display:block}
	#supalame-hp .menu a span{display:none;}
	#supalame-hp .menu a:hover span{display:block;}

	#supalame-hp .fett a    {background-image:url(graphics/nav_main_fett_button.png);}
	#supalame-hp .lektion a {background-image:url(graphics/nav_main_lektion_button.png);}
	#supalame-hp .supalame a{background-image:url(graphics/nav_main_supalame_button.png);}
	

	#supalame-hp .fett     a:hover{background-image:url(graphics/nav_main_fett_button_onclick.png);}
	#supalame-hp .lektion  a:hover{background-image:url(graphics/nav_main_lektion_button_onclick.png);}
	#supalame-hp .supalame a:hover{background-image:url(graphics/nav_main_supalame_button_onclick.png);}

	#supalame-hp .fett a span{background-image:url(graphics/main_image_fett.png);}
	#supalame-hp .lektion a span{background-image:url(graphics/main_image_lektion.png);}
	#supalame-hp .supalame a span{background-image:url(graphics/main_image_supalame.png);}
	
	
	#supalame-hp .events-link{position:absolute;top:530px;left:448px;background-image:url(img/AnimEventsSupalame.gif);width:94px;height:63px;opacity:1;text-indent:-999px;overflow:hidden;}


  /*************************/
 /******   POSTERS   ******/
/*************************/
	
	
	.poster {
		position: absolute;
		top: 50px;
		left: 100px;
		z-index: 90;	
		box-shadow: black 2px 2px 8px;
		-moz-box-shadow: black 2px 2px 8px;
		-webkit-box-shadow: black 2px 2px 8px;	
		opacity:.5;
		-moz-transform: rotate(-15deg);	
		-webkit-transform: rotate(-15deg);	
	}
	.poster img {width:150px;}
	
	#tasche-poster{
		left:auto;
		right:100px;
		-moz-transform: rotate(15deg);	
		-webkit-transform: rotate(15deg);	
		}