/* ====================================
Stylesheet für www.muschiclub.de

Datei: main.css
Stand: 01.08.2010
Designer: Daniel Klatsidis

Aufbau:	
 	1. Allgemeine Styles
 	2. Styles für Layoutbereiche
 	3. Klassen
	
/*=====================================
1. Allgemeine Styles
======================================*/

*{
	margin:			0;
	padding:		0;
	}

body {
	font-family: 	"Trebuchet MS", Verdana, sans-serif;
	font-size: 		normal;
	color:			#FFF;

	background-repeat:	no-repeat;
	background-color: #000;
	

}


a {
	color:				#cccdd1;
	text-decoration: 	none;
	outline: 			none;
}

a:hover{
	color:				#ff57ca;	
	text-decoration:	none;
}

img {
	border:				none;
}

li {
	color:				#FFF;
	}

h1 {
	font-size:			1.6em;
	color:				#000;
	}
/*=====================================
2. Layout
======================================*/

/*Supersize Plugin Styles*/
#loading {	
position: absolute;
top: 49.5%; 
left: 49.5%;
z-index: 3;
width: 24px; 
height: 24px;
text-indent: -999em;
background-image: url(img/progress.gif);
		}

#supersize{
position:fixed;
		}
		
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

#main {
	position: 		relative;
	width:			963px;
	margin: 		0 auto;
	z-index: 3;
}

#header {
	position:		relative;
	height:205px;
}


#navi {
	width:			963px;
	background:		url(../img/navi_balken.png);
	height:			33px;
}


#navi li {
    margin:			0 0 0 15px;
    display: 		inline;
    font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 		10px;
	font-weight:	bold;
}


#navi ul {
	text-align: 	left;
	padding:		4px 0 8px 0px;
}



#banner {
	position:		relative;
	width:			962px;
	margin-top:		4px;
	margin-bottom:	0px;
	}
	
#bannerblack {
	position:		relative;
	width:			962px;
	margin-top:		4px;
	margin-bottom:	0px;
	
}



#texte {
	width:963px;
	margin-top:5px;
	background: url(../img/black.png) top left;
	}
	
#text2 {
	width:			400px;
	height:			240px;
 	float:			left;
	margin-top:		10px;
	margin-bottom:		10px;
	background-color: 	#000;
	color:			#FFF;
	text-align:		left;
	font-size:		14px;
	padding:	 	15px;	
	padding-left:		30px;
	padding-right: 		51px;
	padding-bottom:		20px;
}

#text1 {
	width:			400px;
	height:			240px;
	margin-top:		10px;
	float: 			left;
	margin-bottom:		10px;
	background-color: 	#000;
	color:			#FFF;
	text-align:		left;
	font-size:		14px;
	padding-top:	 	15px;
	padding-bottom:		20px;
	padding-left:		30px;
	padding-right: 		51px;
}

#boxen {
	position:		relative;
	clear: both;
	width:			962px;
	height:89px;
	margin-top:		4px;


}

#footer {
	
	width:			946px;
	heigth: 		10px;
	padding:3px;
	padding-right:10px;
	margin-top:		5px;
	margin-bottom:	 	5px;
	text-align: 		right;
	color:  		#FFF;
	background-color:       #000;
	opacity:		0.75;
	font-size: 		11px;
}

/*=====================================
Boxen
======================================*/

#box1 {
	position:		relative;
	float: 			left;
	margin-right:	7px;
}

#box2 {
	position:		relative;
	float: 			left;
	margin-right:	7px;
}

#box3 {
	position:		relative;
	float: 			left;
}

#programm1 {
	float: 			left;
	width:			860px;
	margin-left:		30px;
	margin-bottom:		20px;
}
#programm1 img {
	margin:	0 30px 0 0;
}
#programm2 img {
	margin:	0 30px 0 0;
}
#programm2 {
	position:		relative;
	float: 			left;
	width:			410px;
	margin-left:		30px;
	margin-bottom:		20px;
}

#fotos {
	position:		relative;
	float: 			left;
	width:			220px;
	margin-left:		10px;
	margin-top:		15px;
	margin-bottom:		40px:
}	

#thumbs {
	position:		relative;
	float: 			left;
	width:			900px;
	margin-left:		20px;
	margin-bottom:		40px;

}	
/*=====================================
3. Klassen
======================================*/

.pink {
	color:			#a80c7a;
}	

.klein {
	font-size: 0.8em;
}