/*
Lucy im Licht

MEN ON THE MOON
2009-03-08
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


body {
	background-color: #171322;
	color: #020664;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height:1.22em;
	text-align:center;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a { color: #142133; }

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

em { font-style:italic; }
p { margin: 0 0 5px 0; }
strong { font-weight:bold; }
.clear { clear:both; height:0; }

/* 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: 535px;
	padding: 10px 0 5px 0px;
	clear:both;
	}
	
	#home #Content { text-align:center; }
	#home #Content  span { position:relative;  width: 175;px}
	#Content h1 {
	text-align:center;
	margin: 30px 0 5px 0;
	color:#FFF;
	font-weight:bold;
}
	#Content h2 {
	color:#FFF;
	font-weight:bold;
	font-size: 1em;
}
	#sidebar {
		width: 204px;
		float: right;
	}
		#sidebar p { margin: 0 0 0 30px; }
		
	#mainbar {
		margin: 0 0 0 155px;
		width:400px;
	}
	
	#scrollable1 {
	float: left;
	width: 365px;
	height: 455px;
	overflow: hidden;
	padding: 5px 0 10px 0;
			}
			#track1 {
				width: 10px;
				height: 455px;
				float: left;
				background-image: url(images/pfeil.gif);
				width: 10px;			
				margin: 0 0 0 25px;
				padding: 0px 0 7px 0;
			}
			
			/* vertical track handle */
			#handle1 {
				width: 10px;
				height: 30px;
				background-color: #FFFFFF;
				cursor: move;
			}
	.right { float:right; margin:0 0 5px 10px; }
	.left { float:left; margin: 0 10px 5px 0;   }
	
	#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  {
	height: 22px;
	width: 472px;
	margin: 0 auto;
}
	#Navigation a ,#Navigation a:hover{ text-decoration:none; }
	#Navigation li, #Navigation a { height:22px; }	

	#Autor {  width: 58px; background: transparent url(../images/navigation.png) no-repeat; }
	#Rezensionen { width: 110px; background: transparent url(../images/navigation.png) -58px 0px no-repeat; }
	#Lesungen { width: 86px; background: transparent url(../images/navigation.png) -168px 0px no-repeat; }
	#Forum { width: 62px; background: transparent url(../images/navigation.png) -254px 0px no-repeat; }
	#Blog { width: 52px; background: transparent url(../images/navigation.png) -316px 0px no-repeat; }
	#Grundlagen { width: 104px; background: transparent url(../images/navigation.png) -368px 0px no-repeat;}

	#Autor a span, #Rezensionen a span, #Lesungen a span, #Forum a span, #Blog a span, 	#Grundlagen a span {  position:		absolute; top:			-999em; }
	
	#Autor a:hover {background:transparent url(../images/navigation.png) 0 -22px no-repeat;}
	#Forum a:hover { background: transparent url(../images/navigation.png) -254px -22px no-repeat;}
	#Blog a:hover { background: transparent url(../images/navigation.png) -316px -22px no-repeat;}
	#Grundlagen a:hover { background: transparent url(../images/navigation.png) -368px -22px no-repeat;}
	
	
	#Rezensionen:hover, #Rezensionen.sfHover,
	#Rezensionen  a:focus, #Rezensionen  a:hover, #Rezensionen  a:active {
		outline:		0;
		background: transparent url(../images/navigation.png) -58px -22px no-repeat;
	}
	#Lesungen:hover, #Lesungen.sfHover,
	#Lesungen  a:focus, #Lesungen  a:hover, #Lesungen  a:active {
		outline:		0;
		background: transparent url(../images/navigation.png) -168px -22px no-repeat;
	} 
	#Lesungen li a:hover, #Rezensionen li a:hover, #Rezensionen li a:focus, #Lesungen  a:focus, #Rezensionen li a:active, #Lesungen  a:active { background: none; }
	
	#Rezensionen ul li , #Lesungen ul li{ background-image:url(../images/blank.png) }
	
	
.scroll-pane {
	width: 400px;
	height: 280px;
	overflow: auto;
	float: left;
	padding:5px 0 10px;
}