@charset "iso-8859-1";
/*********************************************************************************
   This file does only contain the positions of the containers, no color,         
   font-size or such. See the *color.css for the coloring and the styles for the  
   font-size. Markup only contains the handling of logical and physical markup.
	 
	 Attention: 
	 There are footnotes below that explain about certainparts of this stylesheet.
*********************************************************************************/
html{
	overflow:scroll;
}
body {
	color: #525252;
	font: 62.5%/1.4  Arial, Helvetica, Verdana, sans-serif;
}

#canvas{
position: absolute;
top: 0; 
margin-left: 20px;

}

/*********************************************************************************
   Jumping marks for accessibility. Needed to quickly access important parts of   
   the page like Content, Global Navigation, Subnavigation
*********************************************************************************/
#jumpers {
	display:none;
}


/*********************************************************************************
   Headerpositions! No way to make it work that it goes smooth in both directions 
   with the gnav not wraping.
*********************************************************************************/
#headspace {
	height: 100px;
}

#header{
display:none;
}
#printhead{
	position: absolute;
	top: 0;
	right: 0;
	display:block;
}

#flash{
height: 1px;
display:none;
}
#titel {
	height: 1px;
	display:none;
}
	#logo {
	height: 1px;
	display:none;
}
	#text {
	height: 1px;
	display:none;
}
#kleineleute{
	height: 1px;
	display:none;
}


/*********************************************************************************
   Global Navigation! set to display inline and the padding makes the distance    
   between the links. 
*********************************************************************************/
#gnav {
display:none;
height: 1px;
}


/*********************************************************************************
   Breadcrumb! Space is reserved by breadspace and actuall breadcrumb positioned  
   absolute to make it show up where it belongs. Breadcrumb comes last in the     
   actual markup.
*********************************************************************************/
#breadspace {
display:none;
}
	#breadcrumb {
		position:absolute;
		top: 50px;
		height: 20px;
		padding-left: 20px;
		padding-top: 5px;
		background: #ffffff;
	}

/*********************************************************************************
   Content! comes first in Markup to make sure people with accessibility issues   
   don't need to look through all the navigation stuff before getting the actual  
   content.
*********************************************************************************/
#content {
	position:absolute;
	top: 80px;
	float:none;
	width:600px;
}
	#pagecontent {
		padding: 0;
	}
	#things {
		position: absolute;
		top: 80px;
		float: none;
		width: 600px;
		margin: 0;
		padding: 0;
	}

	.gruppe {
		display:none;
	}
	#doors {
		position: absolute;
		top: 80px;
		float: none;
		width: 600px;
		margin: 0;
		padding: 0;
	}
	#sitemap {}		
		#sitemap a {
			color: #525252;
			text-decoration:none;
			border-bottom: 1px dotted #303030;
		}
		#sitemap a:visited {
			border-bottom: 1px dotted #303030;
		}
		#sitemap a:hover {
			color: #000000;
			border-bottom: 1px dotted #303030;
		}
		#sitemap a:focus {
			color: #000000;
			border-bottom: 1px dotted #303030;
		}
		#sitemap a:active {
			color: #000000;
			border-bottom: 1px dotted #303030;
		}
/*********************************************************************************
   Back to the top! Appears at the end of each page to make sure there is a means 
   to get back up to the top of the page quickly without lengthy scrolling.
*********************************************************************************/
#jumpup {
display:none;
}


/*********************************************************************************
   left position Column! Contains the contentnavigation and nothing else.         
*********************************************************************************/
#column {
float: none;
display: none;
}


/*********************************************************************************
   Footer! Glued to the bottom rim of the browser window if the content is not    
   long enough to take up the space. If content is longer it appears at the end 
   of the content.
*********************************************************************************/
#footspace{height: 1px;

}
	#footer {
display:none;
	}


/*********************************************************************************
   Helperclasses. Stopping Float and hiding Remarks neccessary for accessibility
*********************************************************************************/
.cleanitup {
	clear:both;
	visibility:hidden;
}
.invisible {
	display:none;
}
.tbl_atoz td {
	vertical-align: middle;
	padding: 2px 5px 2px 0;
}