/*
Mein fast perfektes Leben

MEN ON THE MOON
2007-09-13

fns
*/

body {
	color: #fddabe;
	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;
	background-color: #BD2220;
}
a {	color: #fddabe; }
a:hover { }

a:link img,
a:visited img,
a:focus img,
a:active img{ outline-width:0px; }

h1 {
	font-size: 1.2em;
	font-weight:bold;
}

em { font-style:italic; }
p { margin: 0 0 5px 0; }
strong { font-weight:bold; }
.clear { clear:both; height:0; }
legend, legend span { color: #fddabe; }
/* L A Y O U T */
#Wrapper {
	width:930px;
	margin: 0 auto 0 auto;
	}
#Logo	{ 
	margin: 10px 0 2px 0;
	text-align:center; }
#Content {
	min-height:527px;
	text-align:left;
	height: 527px;
	/* overflow:hidden; */
	background-repeat:no-repeat;
	}
	
	#left { float: left; width: 340px;  margin-top: 95px; padding-left: 100px;}
	#right {float: right; width:340px;	margin-top: 95px; }
	
	#previous {
		position:relative;
		left:88px;
		top:440px;
		width:235px;
		height:45px;
		z-index:1;
	}
	#next {
		position:relative;
		left:600px;
		top:400px;
		width:235px;
		height:45px;
		z-index:1;
	}
		
	#sidebar {
		width: 100px;
		float: right;
	}
	#mainbar {	
		width:800px;
		float:left;
	}
#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: 930px;
	height: 68px;
	background: url(../images/Navigation.gif);
	margin: 0 auto 0 auto;
	position: relative;
	}
	#Navigation li {
		list-style: none;
		position: absolute;
		/* top: -2px; */
	}
	#Navigation a ,#Navigation a:hover{ text-decoration:none; }
	#Navigation li, #Navigation a {
		display: block;
		height:68px;
}
	
	#panel1b {
	left: 0;
	width: 128px;
}
	#panel2b {
	left: 130px;
	width: 119px;
}

	#panel4b {
	left: 250px;
	width: 98px;
}
	#panel5b {
	left: 350px;
	width: 179px;
}
	#panel6b {
	left: 529px;
	width: 91px;
}
	#panel7b {
	left: 621px;
	width: 90px;
}
	#panel8b {
	left: 711px;
	width: 154px;
}
	
	#panel1b a span { visibility:hidden; }
	#panel2b a span { visibility:hidden; }
	#panel4b a span { visibility:hidden; }
	#panel5b a span { visibility:hidden; }
	#panel6b a span { visibility:hidden; }
	#panel7b a span { visibility:hidden; }
	#panel8b a span { visibility:hidden; }
	
	#panel1b a:hover {background: transparent url(../images/Navigation.gif) 0 -68px no-repeat;}
	#panel2b a:hover {background: transparent url(../images/Navigation.gif) -130px -68px no-repeat;}
	#panel4b a:hover {background: transparent url(../images/Navigation.gif) -250px -68px no-repeat;}
	#panel6b a:hover {background: transparent url(../images/Navigation.gif) -529px -68px no-repeat;}
	#panel7b a:hover {background: transparent url(../images/Navigation.gif) -621px -68px no-repeat;}
	#panel8b a:hover {background: transparent url(../images/Navigation.gif) -711px -68px no-repeat;}

/* Scrollable */
#scrollable {
	float: left;
	width: 600px;
	height: 370px;
	overflow: hidden;
	padding: 5px 0 10px 0;
	margin: 75px 0 0 120px;
			}
			#track {
				width: 10px;
				height: 370px;
				float: left;
				width: 10px;
				margin: 75px 0 0 25px;
				padding: 0px 0 7px 0;
				background-color: #BD2220;
			}
			
			/* vertical track handle */
			#handle {
				width: 10px;
				height: 30px;
				background-color: #FFFFFF;
				cursor: move;
			}
/* C O D E * IS * A R T */
