/* CSS Document - sf100906*/
@media all
{
	
	* { margin:0; padding:0; font-size: 100%; } 
	html { height: 99%; width:100%} 
	body { 
		font-size: 14px; 
		min-height: 101%;	
		font-family: Arial, Helvetica, Sans-Serif;
		/*background: #DEDBDE;*/
		background:#D9D9D9 url(img/bg.gif);
		background-repeat:repeat-x;		
		color: #000;        
		position:relative;
		text-align:center; /* Hack for IE5/Win midle position*/
		border:0;
		height:101%;
		line-height: 1.4;
	}
	/* HTML elem.*/
	h1,h2,h3,h4,h5,h6{ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
	h1 {font-size: 1.4em; color: #400; margin: 0 0 0.25em 0; padding-top: 0.5em; border-bottom: 2px #ddd solid; }
	h6 {font-size: 1.4em; color: #400; margin:0 0 0.5em 0; margin-top:-35px;padding-top: 0; border-bottom: 0px #ddd solid; text-align:right;}
	h2 {font-size: 1.35em; color: #400; margin: 0 0 0.25em 0; padding-top: 0.5em; border-bottom: 2px #ddd solid; }
	h3 {font-size: 1.2em; color: #400; margin: 0 0 0.25em 0; padding-top: 0.5em; font-weight:bold; }
	h4 {font-size: 1.0em; color: #400; margin: 0 0 0.30em 0; padding-top: 0.4em; font-weight:bold; border-bottom: 1px #ddd solid;}	
	input, textarea {
		width: auto;
		font: 1em Verdana, Arial, Helvetica, Sans-Serif;
		border: 1px #ccc solid;
		background: #fafafa;
		padding: 3px;
		color: #777;
	}
	
	input[type=text]:focus, textarea:focus {
		background: #f0f0f0;
		color: #333;
		border-color: #666;
	}
	/* Containers*/
	#container {
		border: 0px #889 solid; 
		min-width: 1002px; 
		max-width: 1002px;
		width: 1002px;
		margin:auto;
		height:98%;min-height:70%;
	}
	/*position:absolute;height:100%;	*/
	#pageBody{ 
		border: 1px #667 solid; 
		background: #fff;
		text-align:left; /* Hack back*/
	}
	
	#header { position:relative;height:auto;}
	#header-left-bottom{
		float:left;
		background-image: url(img/header-left-bottom.gif);
		background-repeat:no-repeat;
		width:auto;
		-margin-top:-5px;
		-margin-bottom:-4px;
	}
	#slogan{
		float:left;
		width:468;
		-margin-top:-5px;
		-margin-bottom:-4px;		
	}	
	#ellements {	
		clear:both; 
		width: 99%;
		background: #fff url(img/menu-bg-left.gif) repeat-y top left; 
	}	
	/* Language Navigation*/
	#langNavi{
		padding-left:1em;
		position:relative;
		margin-top:-10px;
		float:left;	
	}
	#leftCol {
		position:relative;
		float:left;
		width:249px;
		height:99%;min-height:99%;
	}
	/* midle col */
	#midleCol
	{
		width:auto;
		min-width: 200px; 
		margin-left: 249px; 
		margin-right: 5px; 
		border-left: 0px dotted #ddd;
		border-right: 0px dotted #ddd;
		background:#fff;
	}	
	/* contents */
	#midleCol_content { position:relative; padding:10px 0;margin:0;}	
	#midleCol_content UL {padding:10px 16px;}	
	#midleCol_content TABLE TD {vertical-align:top;padding:0 5px;}	
	/* Left Content */
	#leftCol_content { margin-left: 0em; margin-right: 0em; color: #444; background:inherit; }	
	/* Midle Content */	
	#midleCol_content { margin-left: 1em; margin-right: 1em; }	
		
	#footer { 
	clear:both;
	color:#888; 
	background:#fff; 
	margin: 0; 
	padding: 1em; 
	border-top: 3px #ddd solid; 
	line-height: 2em; 
	width:auto;
	}
	#CR{
		float:right;
		height:auto;
		font-weight:bold;
		font-size:small;
		color:#333;
		padding-right:10px;
		padding-top:5px;
	}
	#logosHG{

		text-align:center;
	}
	/* Forms */
	fieldset, img { border:0; }
	select, input, textarea { font-size: 95% }
	
	/* ----------Main Navigation----------------- */
	#mainNavi { 
		width: 249px; 
		float: left;
		overflow: hidden; 
		border-top: 0px #ddd solid; 
		border-bottom: 0px #ddd solid; 
		padding-top: 10px;
	}
	
	#mainNavi a { display:block; text-decoration: none; }
	#mainNavi li {list-style-type: none; float:left; width:100%;}
	#mainNavi li a { 
		width: 100%; 
		padding: 3px 0px 3px 1em;
		color: #444; 
		border-bottom: 0px #eee solid;
	}
	#mainNavi li a:hover {background-color:#cdcdcd; color: #000;}
	
	#mainNavi li ul { list-style-type: none; margin:0; padding: 0; }
	#mainNavi li ul li { float:left; width: 100%; }
	#mainNavi li ul li a { 
		width: 100%; 
		padding: 3px 0px 3px 14%; 
		color: #666; 
		border-bottom: 0px #ddd solid; 
	}
	
	#mainNavi li ul li a:hover { background-color:#cdcdcd; color: #000; }
	
	#mainNavi li#active { 
		width: 100%; 
		padding: 3px 0px 3px 1em; 
		font-weight: normal; 
		color: #000; 
		background-color:#cdcdcd; 
		border-bottom: 0px #eee solid;
	}
	
	#mainNavi li ul li#active { 
		width: 100%; 
		padding: 3px 0px 3px 14%; 
		font-weight: normal; 
		color: #000; 
		background-color:#cdcdcd; 
		border-bottom: 0px #fff solid;
	}
	/* fixclear-Methode zum Clearen der Float-Umgebungen */
	 .fixclear:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.fixclear { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clear { display: none } 
	
	#pdfPrint{
		float:right;
		clear:both;
	}
}