* {
  margin: 0;
  padding: 0;
}

html { 
	height: 100%; 
	margin-bottom: 1px;
 } 

body {
  	color: #666;
	background-color: #f5f5f5;
	padding: 0;
	margin: 0;
	
	font-family: Georgia, Verdana, sans-serif;
  	font-size: 100.01%;
  	text-align: center;	
}

/*********************************  helpers ******************************/
.hidden,
#navi dfn,
#metanavi dfn,
#fontsizeswitcher dfn {
	position: absolute;
	left: -1000px;
	top:-1000px;
	width:0px;
	height: 0px;
	overflow:hidden;
	display:inline;
}

.skipnav {
	position: absolute;
	left: -2000px;
}

.skipnav li a:focus,
.skipnav li a:active {
	display: block;
	position: absolute;
	z-index: 100;
	top: 5px;
	left: 2200px;
	font-size: 0.8em;
	background: #FFFFFF;
	color: #4d4d4d;
	border: solid 2px #C3C3C3;
	padding: 10px;
	width:  15em;
	height: 2em;
}

/********************************* positioning **************************/

#wrapper{
	width: 992px;
  	margin-left: auto;
  	margin-right: auto;
	margin-bottom: 30px;
  	text-align: left;
	color: #666;
	
/**	position: relative;*/ /** wegen .leftAbsPos für projecte, wenn nicht gebraucht, wieder entfernen */
	
	border: 1px solid #f5f5f5;  /**wegen ie7 bg color von rechter spalte ist sonst nicht vorhanden --> width 992px statt 990px*/
}

#metanavi {
	background-color: #f5f5f5;
	height: 2.75em;
	text-align: right;
}

#atmo {
/**+	background: #fff url(atmoimage-top.png) top right no-repeat;*/
	background: #fff url(atmoimage-top.png) top right no-repeat;

/**	background-color: #fff;*/
}

#content {
/**	background: url(atmoimage-bottom.png) bottom left no-repeat;*/
	background: url(atmoimage-bottom.png) bottom left no-repeat;
	position: relative;   /**ie6!!!*/
	
	/**border: 1px solid red;*/
}

#leftColumn {
	float: left;
	width: 440px;
	color: #666;
	padding: 0 0 177px 0;
}

	#logo {
		margin: 0 11px 0 0;
		text-align: right;	
		font-size: 0.7em;
	}

	#leftColumn .content {
		margin: 20px 28px 0 38px;
	}
	
#rightColumn {
  	float: left;
  	width: 549px;
 	border-left: 1px solid #c2c2c2;
	padding: 228px 0 50px 0;
	margin: 0 0 36px 0;
}

	#rightColumn .content {
		margin: 0 32px 0 19px;
	}
	
		#rightColumn .contentWrap {
			margin: 0 0 0 10px;
		}


/**
	#footer {
		clear: both;
		margin: 20px 32px 0 459px;;
		padding: 0;
		border-top: 1px solid #CCCCCC;
		color: #666666;
		font-size: 0.7em;
		text-transform: uppercase;
	}


		.print {
			background: url(print.gif) no-repeat top left;
			padding: 0 0 4px 21px;
			
		}	
		
		.pdf {
			background: url(pdf.gif) no-repeat top left;
			padding: 0 0 2px 17px;
			
		}	
*/		
/******************************  metanavi    **********************************************/
/** */
#metanavi .t3-logo {
	float: right;
}

	#metanavi .t3-logo img {
		width: 4.875em;
		height: 1.625em;
	}
			
#metanavi ul {
	font-family: Arial, Helvetica, sans-serif;
	float: right; 
	margin: 0.875em 0 0 0;
}

	#metanavi ul li {
		list-style: none;
		float: left;
		font-size: 0.6875em;
		margin: 0 18px 0 0;
	}
	
		#metanavi ul li a {
			text-decoration: none;
			color: #666;
		}
		
/******************************  breadcrumb    ********************************************/
/** */
#breadcrumb {
	height: 3.125em;
	float: left;
	width: 440px;
	/**background: orange;*/
}


	#breadcrumb p {
		font-size: 0.7em;
		font-style: italic;
		margin: 0 0 0 10px;
		padding: 10px 0 0 0;
		
		color: #fff;
	}

	#breadcrumb span {
		margin: 0 15px 0 0;
	}
	
		#breadcrumb span a {
			color: #4d4d4d;
		    background-color: #ffffff;
			text-decoration: none;
			
			color: #fff;
		}
		
		#breadcrumb span a:hover,
		#breadcrumb span a:focus {
			text-decoration : underline;
		}
		
/***************************** fontsize-switcher *******************************************/
#fontsizeswitcher {	
			height: 3.125em;
			float: left;			
			
			/**background: orange;*/
		}
		
		#fontsizeswitcher #font_switcher {
			padding: 2.2em 0 0 17px;
			
			/**background: green;*/
		}
		
			#fontsizeswitcher a {
				color: #666666;
				font-weight: bold;
				text-decoration: none;
			}
			
				#fontsizeswitcher a:hover {
					color: #CCCCCC;
				}
		
			#fontsizeswitcher ul  {
				list-style-type: none;
			}
			
			#fontsizeswitcher ul li {
				display: inline;
				margin: 0 5px 0 0;
				line-height: 100%;
			}
			
				#fontsizeswitcher #font_0_95 {
					font-size: 0.55em;
				}
				
				#fontsizeswitcher #font_1_0 {
					font-size: 0.7em;
				}
				
				#fontsizeswitcher #font_1_2 {
					font-size: 0.875em;
				}	
					
/******************************   navi   ********************************************/
	/*  */
#navi {
	padding: 24px 0 50px 0;
}

	#navi ul {
		list-style-type: none;	
		margin: 0 0 2px 20px;
		border: 1px solid #ffffff;
	}
	
		#navi ul.level1 {
			background: #f3f3f3;
			color: #4d4d4d;
			padding: 6px 0 7px 0;	
			font-size: 1em;
		}
		
		#navi ul.level2 {
			background: #f9f9f9;
			color: #4d4d4d;
			padding: 10px 0 13px 0;
			font-size: 0.8em;
		}
		
		#navi ul.level3 {
			background: #fdfdfd;
			color: #4d4d4d;
			padding: 5px 0;
			font-size: 0.75em;
		}
		
			#navi ul li {
				position: relative;
				left: -20px;
			}
		
			#navi ul li a,
			#navi ul li strong {
				display: block;
				padding-left: 20px;
				
				text-decoration: none;
				color: #000000;			
			}
	
			#navi ul.level1 li a:hover,
			#navi ul.level1 li strong,
			#navi ul.level1 li.act a {
				background: url(navi-act.gif) no-repeat 12px 9px;
				
				font-weight: bold;
			}
			
					#navi ul.level2 li a:hover,
					#navi ul.level2 li strong,
					#navi ul.level2 li.act a {
						background: url(navi-act.gif) no-repeat 12px 10px;
						
						font-weight: bold;
					}
					
						#navi ul.level3 li a:hover,
						#navi ul.level3 li strong,
						#navi ul.level3 li.act a {
							background: url(navi-act.gif) no-repeat 12px 10px;
							
							font-weight: bold;
						}			
	
	
	
		#navi ul li a:hover,
		#navi ul li a:active,
		#navi ul li a:focus {
			color: #000000;
		}
		
		
/****** css navi ****/
/*  
#navi ul {
	font-weight: bold;
	font-size: 0.8em;
	font-family :Arial, Helvetica, sans-serif;
	
	padding: 10px 0;
}

#navi ul li a {
	text-decoration: none;
	padding: 3px 0 3px 8px;
}


#navi ul.level1 li a {
	color: #000000;
	background: #f3f3f3;
	
	
}
#navi ul.level1 li a:focus,
#navi ul.level1 li a:hover {
	color: #ffffff;
	width: 60%;
	
	background : #ff8700 ;

}

#navi ul.level2 li a {
	color: #000000;
	background:  #f9f9f9
}
#navi ul.level2 li a:focus,
#navi ul.level2 li a:hover {
	color: #ff8700;
	background: #f9f9f9;
}

#navi ul.level3 {
	font-size: 0.75em;
}

#navi ul.level3 li a {
	color: #000000;
	background: #fdfdfd;
}
#navi ul.level3 li a:focus,
#navi ul.level3 li a:hover,
#navi ul.level3 li strong {
	color: #ff8700;
	background: #fdfdfd;	
}

#navi ul.level3 li strong {
	padding: 0 0 0 8px;
}
*/		
		
									

