/*
M A G M A 

MEN ON THE MOON
2007-03-13

*/


body {
	background-color: #000000;
	color: #142133;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a { color: #142133; }
a:hover { }

p { margin: 0 0 5px 0; }

strong { font-weight:bold; }
/* L A Y O U T */
#Wrapper { 	
	width:705px;
	margin: 0 auto 0 auto;
	}
#Logo	{ 
	margin: 10px 0 2px 0;
	text-align:center; }
#Content { 
	min-height:520px; 
	text-align:left;
	height: 520px;
	padding: 5px 0 5px 0;
	}
	#sidebar {
		width: 204px;
		float: left; 
		min-height:520px;		
	}
	#sidebar p { margin: 0 0 0 30px; }
	#mainbar {
		margin: 0 0 5px 206px; 	
		width:495px;	
	}
			#scrollable1 {
				float: left;			
				width: 350px; 
				height: 410px;
				overflow: hidden;
				padding: 5px 0 10px 0;
			}
			#track1 {					
				width: 10px;
				height: 410px;	
				float: left;
				background-image: url(images/pfeil.gif);
				width: 10px;
				height: 410px;
				margin: 0 0 0 20px;
				padding: 7px 0 7px 0;		
			}
			
			/* vertical track handle */
			#handle1 {
				width: 10px;
				height: 20px;
				background-color: #005b8d;
				cursor: move;
			}
#Footer img { 	float: left; display:inline; 
	} 
	#Footer a { border: none; margin:0px; padding:0px;  }
	
/* N A V I G A T I O N */
#Navigation { }
	#Navigation ul {
		width: 510px;
		height: 35px;
		background: url(images/Navigation.gif);
		margin: 0 auto 0 auto;
		position: relative;
	}
	#Navigation li {
		list-style: none;
		position: absolute;
		top: 0;
	}
	#Navigation a ,#Navigation a:hover{ text-decoration:none; }
	#Navigation li, #Navigation a { display: block; height:35px; }
	#panel1b {left: 0; width: 96px;}
	#panel2b {left: 96px; width: 105px;}
	#panel3b {left: 201px; width: 84px;}
	#panel4b {left: 285px; width: 106px;}
	#panel5b {left: 391px; width: 118px;}
	
	#panel1b a span { visibility:hidden; }
	#panel2b a span { visibility:hidden; }
	#panel3b a span { visibility:hidden; }
	#panel4b a span { visibility:hidden; }
	#panel5b a span { visibility:hidden; }
	
	#panel1b a:hover {background: transparent url(images/Navigation.gif) 0 -35px no-repeat;}
	#panel2b a:hover {background: transparent url(images/Navigation.gif) -96px -35px no-repeat;}
	#panel3b a:hover {background: transparent url(images/Navigation.gif) -201px -35px no-repeat;}
	#panel4b a:hover {background: transparent url(images/Navigation.gif) -285px -35px no-repeat;}
	#panel5b a:hover {background: transparent url(images/Navigation.gif) -391px -35px no-repeat;}

