/* ########################################## Allgemeines Definitionen */

*{ 								/* zur?cksetzen aller Au?en- und Innenabst?nde */
	margin:  0;
	padding: 0;
}

body{
	background: #C0C0C0; 			/* allgemeine Hintergrundfarbe - verk?rzte Schreibweise */
									/* allgemeine Vordergrundfarbe f?r Text - verk?rzte Schreibweise */
		

}

img{	 /* allgemeines Verhalten von Bildern */
			
	border: none;
	border: 0px;
	 
			 			
}

img a{	 /* allgemeines Verhalten von Bildern */
			
	border: none;
	border: 0px;
	 
			 			
}



a{	 
	border: none;	
	border: 0px;
					 			
}

a:activ{	 
	border: none;	
	border: 0px;
					 			
}

a:hover{	
	border: none;	
	border: 0px;
			 			
}

a:active{ 					
	border: none;	
	border: 0px;	
}

p{
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	

}

h1{
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	font-weight: bold;

}



/* ########################################## Container */

#container{						/* Verpackung, um den eigentlichen Inhalt im Browser zu positionieren */
				
	width: 900px; /* Breite meines Layouts -> Gestaltungsraster */
	margin: auto;	 /* positioniert den Container horizonal u. mittig */
	
	background-color:#FFFFFF;
	
}

/* ########################################## Content */

#content{					/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */


	margin: auto;
	padding-top: 10px;
	padding-left: 10px;
	background-color:#FFFFFF;

}

#content img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 10px
}


/* ########################################## Index */

#index{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */


	background-color:#FFFFFF;

}

#index img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	float: left;
	padding: 10px;

}

a#indexmik{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/mikindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexmik{
background: transparent url(img/index/mikindex.jpg) 0px -142px no-repeat;
}

a#indexseria{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/seriaindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexseria{
background: transparent url(img/index/seriaindex.jpg) 0px -142px no-repeat;
}


a#indexopenrooms{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/openroomsindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexopenrooms{
background: transparent url(img/index/openroomsindex.jpg) 0px -142px no-repeat;
}

a#indexgepa_goout{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/gepa_gooutindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexgepa_goout{
background: transparent url(img/index/gepa_gooutindex.jpg) 0px -142px no-repeat;
}

a#indexhulk{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/hulkindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexhulk{
background: transparent url(img/index/hulkindex.jpg) 0px -142px no-repeat;
}

a#indexfunfair{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/funfairindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexfunfair{
background: transparent url(img/index/funfairindex.jpg) 0px -142px no-repeat;
}

a#indexkuma{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/kumaindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexkuma{
background: transparent url(img/index/kumaindex.jpg) 0px -142px no-repeat;
}

a#indexchristmasparty{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/christmaspartyindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexchristmasparty{
background: transparent url(img/index/christmaspartyindex.jpg) 0px -142px no-repeat;
}

a#indexvideofestival{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/videofestivalindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexvideofestival{
background: transparent url(img/index/videofestivalindex.jpg) 0px -142px no-repeat;
}

a#indexartist{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/artistindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexartist{
background: transparent url(img/index/artistindex.jpg) 0px -142px no-repeat;
}

a#indexelite{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/eliteindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexelite{
background: transparent url(img/index/eliteindex.jpg) 0px -142px no-repeat;
}

a#indexrecsin{			/* mouseover */

display:block;
width:200px;
height:142px;
background: transparent url(img/index/recsinindex.jpg) 0px 0px no-repeat;
text-indent:-9000%;
float: left;
margin: 10px;

}

a:hover#indexrecsin{
background: transparent url(img/index/recsinindex.jpg) 0px -142px no-repeat;
}

/* ########################################## Impressum */

#imprint{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: 810px;
	background-color:#FFFFFF;
	
	
}

#imprint img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	margin-bottom: 100px;
	margin-right: 20px;
	float: none;
}

#imprint p{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	margin-left: 10px;

}

#imprint h1{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	margin-left: 10px;

}


/* ########################################## Ruine */

#hulk{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: auto;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#hulk img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
}

/* ########################################## zwei */

#zwei{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: auto;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#zwei img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
	padding-left: 230px;
}

/* ########################################## open rooms */

#openrooms{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: auto;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#openrooms img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
}

/* ########################################## Christmasparty */

#christmasparty{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: 810px;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#christmasparty img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
}

/* ########################################## Artist */

#artist{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: auto;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#artist img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
}

/* ########################################## Movie */

#movie{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: auto;
	background-color:#FFFFFF;
	padding: 0px;
	padding-left: 230px;
	
}


/* ########################################## Recsin */

#recsin{ 			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	height: 810px;
	background-color:#FFFFFF;
	padding: 0px;
	
}

#recsin img{			/* zus?tzliche Definitionen f?r das Content-DIV sind m?glich (Rahmen, Hintergrund, Abst?nde...) */

	padding-bottom: 10px;
}


/* ########################################## Footer */

#footer{						/* Fusszeile */ 

padding-left: 20px;

}

#footer img{
padding-top: 10px;
margin-bottom: -4px;

}