/* -------------------------------------------------------------------- */
/* style sheets für www.rainerspitzenberger.com, 2008-2009				*/
/* realisation and author: michael schulze, www.ju-mi.com  				*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	body, html {
		margin: 0px;
		padding: 0px;
		background: #323232;
		width: 100%;
		height: 100%
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #808080;
		font-weight: normal;
		font-style: normal;
		font-size: 10px;
		line-height: 15px;
	}
	
	
	/* allgemeine Linkdarstellung */
		a {
			color: #808080;
			text-decoration: none;
		}
		
		a:hover {
			color: #6f7c1f;
		}
		

	/* allgemeine Betonungen */
		h1 {
			font-weight: bold;
			font-style: normal;
			font-size: 10px;
			color: #6f7c1f;
			margin: 0px;
			padding: 0px;
		}
		
		
		
	
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* allgemeiner Seitenaufbau -------------------------------------- */
		#centertable {
			height: 100%;
			width: 100%;
		}
		
		.container { 
			position: relative;
			width: 768px;
			height: 512px;
			text-align: left;
			overflow: hidden;
			background: #282828;
		}	
		
		#cover {
			z-index: 3;
		}
		
		.clearer {
			clear: both;
		}
		
		
		
	/* Navigation  ---------------------------------------------------- */
		
		/* Bildnavigation */
			.navbut {
				position: absolute;
				top: 25px;
				z-index: 3;
			}
			
			#navlinks 	{ left: 2px; }
			#navrechts 	{ right: 2px; }
			
			.infofeld 	{
				position: absolute;
				top: 0px;
				left: 0px;
				padding-left: 1px;
				z-index: 6;
				height: 16px;
				width: 768px;
				color: #999999;
				background: #323232;
			}
						
			
		/* Docknavigation */
		
			/* Navigation */
				#docknav, #docknav2 {
					position: absolute;
					top: 400px;
					left: 0px;
					z-index: 10;
					width: 768px;
					height: 112px;
					background: url(../bilder/rsp_main_dockback.png) no-repeat;
					display: none;
				}
				
				#docknav2 {
					background: url(../bilder/rsp_main_dockback-2.gif) no-repeat;
				}
				
				#navHint { 
					position: absolute;
					top: 484px;
					left: 16px;
					z-index: 40;
					display: none;
				}
				
				#homelink {
					position: absolute;
					top: 79px;
					left: 370px;
					z-index: 40;
				}
				
				#nav 	 { padding: 10px 0px 0px 16px; }
				
				#nav span {
					font-weight: bold;
					color: #6f7c1f;
				}
				
				#thicon {
					margin-left: 10px;
				}
				
				#pagenav {
					width: 300px;
				}
				
				#navblock1 {
					float: left;
					width: 130px;
				}
				
				
				#adresse {
					float: right;
					width: 399px;
				}
				
				.inaktiv {
					font-weight: normal;
					font-style: normal;
					color: #555555;
				}
				
				
			/* Thumbnails */
				#thumbs {
					width: 768px;
					height: 104px;
					padding-top: 16px;
					background: url(../bilder/rsp_main_dockback-thumbs.gif) no-repeat;
					display: none;
				}
				
				#backtodocklink {
					padding: 2px 0px 0px 16px;
				}
				
				.thumbset { 
					display: none; 
					margin-bottom: 18px;
				}
				
				.thumbset td { 
					background-repeat: no-repeat; 
					vertical-align: top;
				}
				
				.thumbnav { margin: 5px; }
				
				.thumbcover {
					display: block;
					margin-right: 11px;
				}
				
				.lastthumb { margin-right: 0px; }
			
				
			
	/* Inhaltsbereich -------------------------------------------------- */
			.spalte1 {
				position: absolute; 
				top: 13px;
				left: 16px;
				width: 300px;
			}
			
			.spalte2 {
				position: absolute;
				top: 13px;
				left: 368px;
				width: 384px;
			}
			
			.spalte2 div {
				float: left;
				width: 127px;
			}
			
						
	/* seitenspezifische Objekte --------------------------------------- */
		
		/* Startseite */
			.ihstart {
				background: url(../bilder/rsp_start_logo.gif) no-repeat bottom right;
			}		
			
			.ihstart a {
				display: block;
				width: 768px;
				height: 512px;
			}
			
		/* Portfolio */
			#logo {
				position: absolute;
				bottom: 16px;
				right: 15px;
				z-index: 10;
			}
			
		/* Books */
			#booktext {
				position: absolute;
				left: 16px;
			}
			
			#booktext em {
				font-weight: bold;
				font-style: normal;
				color: #6f7c1f;
			}
					
		/* News */
			#newsblock {
				height: 310px;
				overflow: hidden;
			}
			
			#newsnav {
				padding: 15px 0px 15px 0px;
			}
			
			#newsnav a {
				display: block;
				font-weight: bold;
			}
			
			#newsnav div {
				font-weight: bold;
				color: #6f7c1f;
			}
			
			.morelink 		{ color: #6f7c1f; }
			.morelink:hover { color: #808080; }
					
			.newsbild {		
				position: absolute;
				top: 0px;
				left: 368px;
				width: 400px;
				height: 400px;
				overflow: hidden;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.newsnavbut {
				position: absolute;
				top: 353px;
				z-index: 3;
			}
			
			#newsnavlinks 	{ left: 4px; }
			#newsnavrechts 	{ right: 4px; }
			
			
			#archivlink {
				display: block;
				margin-top: 25px;
			}
			
			#archivnav {
				display: none;
				margin-top: 25px;
			}
			
			#archivnav td {
				width: 95px;
			}
			
			#archivnav span {
				font-weight: bold;
				color: #6f7c1f;
			}
						
		/* Biographie */
			#biobild {
				width: 209px;
				height: 312px;
				margin-top: 3px;
			}
						
		/* Imprint */
			#legal span {
				display: none;
				padding-right: 16px;
			}