/*--- // -----------------------------------------------------
		
		@ Informatica Frontend 
		@ /css/basic.css
		@ Style-Sheet für den Layout Aufbau
		
		@ 3.4.2008 PH
		@ 0.1
		
		@ Content:
		-	Element Definitionen
		-	Navigationen
		-	Diverse Klassen
		
		Changelog:
		
	------------------------------------------------------ // ---*/
	/*-------------------------------------------------------------
		
		Element Definitionen
		
	-------------------------------------------------------------*/

	
	html, body {
		height: 100%;
	}
	
	body {
		width:100%;
		background:url(../img/layout/header_main_bg.jpg) top center repeat-x;
	}
	
	/* Scrollbar im FF immer anzeigen */
	#gecko_scrollbar { 
		 display: none; 
	} 
	
	html>body #gecko_scrollbar { 
		position: absolute; 
		z-index: 1; 
		bottom: -1px; 
		left: 0; 
		width: 1px; 
		height: 1px; 
		display: block; 
		font-size: 0; 
	}
	
	h1 {
		display:none;
	}
	
	h2 {
		font-size:20px;
		font-weight:normal;
		color:#442c79;
		margin:5px 0;
	}
	
	a {
		color:#442c79;
		outline:none;
	}
	
	div#website {
		position:relative;
		width:1000px;
		margin:0 auto;
		background:url(../img/layout/header_bg.jpg) top center no-repeat;
	}
		
		div#new {
			position:absolute;
			top:0;
			right:0;
			z-index:2;
			background:url(../img/layout/new.png) top right no-repeat;
			width:80px;
			height:52px;
		}
	
		div#header {
			width:100%;
			height:139px;
		}
		
			div#quicknav {
				padding:5px 0 5px 22px;
			}
			
				div#quicknav ul li {
					float:left;
					list-style:none;
					margin-right:3px;
				}
			
				div#quicknav ul li a {
					color:#ebebe9;
					text-decoration:none;
				}
			
			div#main-nav {
				height:46px;
				margin:68px 0 0 300px;
			}
			
        div#main-container {
			width:100%;
		}
		
			div#left-container {
				float:left;
				width:230px;
				margin-left:10px;
				padding:0 48px 0 0;
				background:url(../img/layout/logo.gif) top left no-repeat;
			}
			
			html * > div#left-container {
				margin-left:22px;
			}
			
				a#home-link {
					display:block;
					width:230px;
					height:90px;
				}
				
				a#home-link span {
					display:none;
				}
			
				div#subnav {
					width:100%;
					padding-top:25px;
				}
				
				div#helpdesk a {
					display:block;
					width:230px;
					height:134px;
					margin-top:25px;
					background:url(../img/layout/helpdesk.jpg) top left no-repeat;
				}
				
				div#helpdesk a span {
					display:none;
				}
				
				div#referenzen {
					margin:10px 0;
				}
			
            div#right-container {
				float:left;
				width:670px;
				padding:22px 30px 10px 0;
			}
			
            	div#content-container {
					width:670px;
				}
				
					div#title {
						background:url(../img/layout/titel_bg.gif) left center no-repeat;
						padding:0 10px;
					}
				
						div#breadcrump {
							float:left;
						}
						
						div#print {
							float:right;
							font-size:10px;
						}
						
						div#print a {
							color:#5e5e5e;
						}
					
					div#content {
						padding-top:20px;
					}
					
                div#footer {
					width:100%;
					margin-top:25px;
					height:25px;
					border:1px solid #e7e7e7;
					font-size:10px;
					background:url(../img/layout/footer_bg.jpg) center left repeat-x;
				}
					
					div#footer a.copyLink {
						padding-left:13px;
						margin-left:8px;
						background:url(../img/layout/4dotted.gif) center left no-repeat;
						color:#484A3D;
						text-decoration:none;
					}
				
					div#copyright  {
						float:left;
						padding:6px 0 0 10px;
					}
				
					div#copyright a:HOVER, div#application a:HOVER  {
						color:#442c79;
					}
					
					div#application  {
						float:right;
						padding:6px 10px 0 0;
					}
					
	
	/*-------------------------------------------------------------
		
		Navigationen
		
	-------------------------------------------------------------*/
	
	/*----------- Hauptnavigation -----------*/
	
	div#main-nav a {
		font-weight:bold;
		text-decoration:none;
		color:#fff;
	}
	
	div#main-nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}	
	
	div#main-nav ul li {
		float:left;
		margin-right:7px;
	}	
	
	div#main-nav ul li.nav-level-1-hi a {
		display:block;
		background:url(../img/layout/nav-active.png) top left repeat-x;
		padding:8px 13px 20px 13px;
		color:#442c79;
	}
	
	div#main-nav ul li.nav-level-1-hi div.corner-left {
		padding-left:1px;
		background:url(../img/layout/nav-active-border.png) top left repeat-x;
	}
	
	div#main-nav ul li.nav-level-1-hi div.corner-right {
		padding-right:1px;
		background:url(../img/layout/nav-active-border.png) top right repeat-x;
	}
	
	div#main-nav ul li.nav-level-1-lo a {
		display:block;
		margin:2px 1px 0 1px;
		background:url(../img/layout/nav-inactive.png) top left repeat-x;
		padding:5px 13px;
	}
	
	div#main-nav ul li.nav-level-1-lo a:HOVER {
		display:block;
		background:url(../img/layout/nav_hover.png) top left repeat-x;
		color:#442c79;
	}
	
	/*-------------- Subnavgation -----------*/
	
	div#subnav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	div#subnav ul li.nav-level-2-hi, div#subnav ul li.nav-level-2-lo {
		border-bottom:1px solid #ddd;
	}
	
	div#subnav ul li.nav-level-2-hi a, div#subnav ul li.nav-level-2-lo a {
		text-decoration:none;
	}
	
	div#subnav ul li.nav-last {
		border-bottom:none;
	}
	
	div#subnav ul li.nav-level-2-hi a {
		display:block;
		padding:4px 13px;
		margin:2px 0;
		
		background:#F1F0F8;
		font-weight:bold;
	}
	
	div#subnav ul li.nav-level-2-lo a {
		display:block;
		padding:4px 13px;
		margin:2px 0;
	}
	
	div#subnav ul li.nav-level-2-lo ul li {
		display:none;
	}
	
	div#subnav ul li.nav-level-2-hi ul li {
		font-size:10px;
	}
	
	div#subnav ul li ul li.nav-first {
		margin-top:10px;
	}
	
	div#subnav ul li.nav-level-3-hi, div#subnav ul li.nav-level-3-lo {
		border-bottom:none;
	}
	
	div#subnav ul li.nav-level-3-hi a, div#subnav ul li.nav-level-3-lo a {
		text-decoration:none;
		background:url(../img/layout/subnav_bg.gif) left center no-repeat;
		font-weight:normal;
	}
	
	div#subnav ul li.nav-level-3-hi a {
		display:block;
		margin-left:15px;
		padding:0px 10px;
		font-weight:bold;
	}
	
	div#subnav ul li.nav-level-3-lo a {
		display:block;
		margin-left:15px;
		padding:0px 10px;
		color:#5e5e5e;
	}
	
	/*-------------- Breadcrump -----------*/
	
	div#breadcrump ul {
		list-style:none;
	}
	
	div#breadcrump ul li {
		float:left;
	}