@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{
	height: 100%;
	overflow:scroll;
}
body {
	height: 100%;
	color: #525252;
	font: 62.5%/1.4  Arial, Helvetica, Verdana, sans-serif;
}

#canvas{
	min-height:100%; 
	margin-left:260px;
	margin-bottom:-40px;
}

/*********************************************************************************
   Jumping marks for accessibility. Needed to quickly access important parts of   
   the page like Content, Global Navigation, Subnavigation
*********************************************************************************/
	#jumpers li {
		position:absolute;
		z-index:60;
		top:8px;
		left:-15em;
	}
	#jumpers li a {
		font-weight: bold;
		text-decoration: none;
		background: #f1eee5;
		color: #373737;
		padding: 10px 10px 10px 10px;
	}
	#jumpers li a:visited {
		background: #f1eee5;
		padding: 10px 10px 10px 10px;
	}
	#jumpers li a:hover {
		margin-left:15em;
		padding: 10px 10px 10px 10px;
	}
	#jumpers li a:focus {
		margin-left:15em;
		padding: 10px 10px 10px 10px;
	}
	#jumpers li a:active {
		margin-left:15em;
		padding: 10px 10px 10px 10px;
	}


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

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:212px;
	border-bottom: 1px solid #b2aba1;
	background: url('../images/scherenschnitt.jpg') no-repeat;
	z-index: 10;
}
#printhead{
	display:none;
}
#flash{
	position:absolute;
	top:0;
	left: 0;
	width: 358px;
	height: 212px;
	z-index: 20;
}
#titel {
	position:relative;
	z-index: 40;
	height: 74px;
	top: 0;
	margin-left: 260px;
	background:url('../images/titel.jpg') 0 0 repeat-y;
}
	#logo {
		position:relative;
		float:right;
		margin: 15px 15px 0 20px;
	}
	#text {
		position:relative;
		text-align:left;
		padding: 43px 0 0 15px;
	}
#kleineleute{
	position:relative;
	float:right;
	height: 109px;
	width: 80px;
	top: 0px;
	background: url('../images/kleineleute.jpg');
	}


/*********************************************************************************
   Global Navigation! set to display inline and the padding makes the distance    
   between the links. 
*********************************************************************************/
#gnav {
	position:relative;
	z-index: 100;
	margin-left: 269px;
	clear:both;
	white-space:nowrap; /* SEE *1 */
	padding-top: 5px;
}
	#gnav ul {}
	#gnav ul li {
		display:inline;
		padding: 0 5px 0 5px;
	}

/*********************************************************************************
   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 {
	position:relative;
	height:50px;
	width: 100%;
	left: -2px;
}
	#breadcrumb {
		position:absolute;
		top: 211px;
		height: 50px;
		padding-left: 273px;
		padding-top: 5px;
		background: url('../images/breadback.jpg') 258px 2px no-repeat;
	}

/*********************************************************************************
   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:relative;
	float:right;
	width: 100%;
}
	#pagecontent {
		padding: 10px 10px 0px 33px;
		width: 490px;
	}
	#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 {
	margin: 10px 0 20px 20px;
}
	#jumpup p {
		padding: 5px 0 10px 0;
		text-align: right;
	}

/*********************************************************************************
   left position Column! Contains the contentnavigation and nothing else.         
*********************************************************************************/
#column {
	float: left;
	width: 259px;  /*same as margin on canvas */  
	margin-left: -258px; /*must be 1px less than width otherwise won't push footer down */   
	left:-2px;/* line it up exactly*/
	margin-right: -3px; /* 3 px jog for ie (also fixes mozilla issue with float drop)*/
}
	#inav {
		margin: 7px 20px 0 25px; /* SEE *2 */
	}
	#inav ul {
		list-style-position: outside;
		margin: 0 0 0 0;
	}
	#inav li {
		text-indent: 17px;
		padding: 2px 0 2px 0;
		border-bottom: 1px solid #474747;
	}
#atoz {
	margin: 30px 0 0 0;
}
#atoz li {
	display:inline;
	text-indent: 0;
	border-bottom: 0;
	padding: 2px 15px 2px 0;
}

#newslist {
	margin: 30px 0 0 0;
}

.date {
	font-size: 90%;
	text-align: right;
	padding: 10px 0 5px 0;
}
#newslist h2 {
	font-size: 120%;
	padding: 0 0 0 17px;
	background: url('../images/bullet1.jpg') no-repeat 0 4px;
}

.copy {
	padding: 5px 0 10px 18px;
}
.link {}

/* SEE 3* */
/* those classes are needed for the inav made with redsys 
.normal { 
	background-position: 0 5px;
}
.high {
	background-position: 0 5px;
}*/

/*********************************************************************************
   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{
	clear:both;
	height:40px;/*needed to make room for footer*/
}
	#footer {
		margin: -40px 10px 0 267px;
		padding: 10px 0 0 0; /*was top 8px but ff 2 won't take it then*/
		height:30px;
	}
		#subnav{
			float:left;
		}
		#subnav ul {}
		#subnav ul li {
			display:inline;
			padding: 0 5px 0 5px;
		}
		#firmierung{
			float:right;
		}

/*********************************************************************************
   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;
}
/*

*1 nowrap for the gnav makes sure the links always are in one single line no matter how wide the screen is.

*2 Carful these values need to be changed in all three position stylesheets
- only the ie needs the margin at the bottom to make the footer work FF doesn't.
- Safari seems to have a small issue with the distance between the jumpupdiv and the footer, but it is 
  still within the boundaries of what is acceptable

*3 The positioning of the bullets is in the color.css sheets, because of the 
cascade it can not be placed in the position sheet

*/