	#printtitle {
		display: none;
	}

	ul.subnav {
		display: none;
	}         
	
	ul.subsubnav {
		display: none;
	}                 
	
/*Damit die Subsubmenüs auch über dem Inhalt erscheinen*/
	#nav {
		padding-left: 12px;
		z-index: 1000;
	}
	
	#nav ul.mainnav li.on ul.subnav {
		display: block;
	}
	
	* {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	body {
/*		font-size: small;*/
		font-size: 100%;
		line-height: 100%;
		background-color: #fff;
		font-family: Arial, Helvetica, "MS Trebuchet", sans-serif;
		color: black;
	}                

	
	h1 {                   
		font-size: 140%;
		margin-bottom: 25px;
	}                      
	
	h2 {
		font-size: 110%;
		margin-bottom: 20px;
	}                
	
	p {
		margin-bottom: 20px;
	}     
	
	a {
		color: #636363;
		text-decoration: underline;
	}     

	a:active {
		outline: none;
	}   
	
	a:focus { 
		outline: none;
	}                        


/*Positionierung */

	#background-wrapper {
		position: relative;
		width: 1000px;
		height: 580px;
		margin: auto;
		background-image: url();
		background: #fff url(../images/hintergrundwebseite.jpg) no-repeat top left;
	}

	#wrapper {
		position: absolute;
		top: 70px;
		left: 20px;
		border: 1px solid #000;
		width: 960px;
		height: 483px;
	}
	
	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 252px;
		height: 94px;
		background-color: #ddd;
	}
	
	#nav {
		position: absolute;
		top: 0px;
		left: 0px;
		margin-left: 252px;
		border-left: 2px solid #000;
		width: 694px;
		height: 94px;
		background-color: #9E9588;
	}
	
	#nav ul.subnav, #nav div.subnavbackground {
		position: absolute;
		top: 94px;
		left: -254px; 
		height: 20px;
		width: 705px;
		padding-left: 255px;
		padding-top: 2px;
		background-color: red;
	}

	#nav ul.subnav li {
		position: relative;
	}
	
	#nav ul.subsubnav {
/*Der Trick ist das, das übergeordnete li als relative gesetzt ist!!
Deshlab kann man ab diesem Punkt wieder Absolut positionieren! */
		position: absolute;
		top: 20px;
		left: 6px;
		width: 180px;
	}          
	
	#lastsubsubnav ul.subsubnav {
/*Das letzte Menü soll nicht über die umschliessende Box hinausragen*/
		width: 144px;
	}
	
	#content {
		position: absolute;
		top: 116px;
		left: 0px;
		width: 252px;
		height: 300px;
		background-color: #DDDAD5;
/*		Zum Scrollen:*/
		overflow: hidden;
	}        
	
	.Scroller-Container {
		position: absolute;  
	}
                            
	#scrollerlinks {
		position: absolute;
		top: 414px;
		left: 0px;
		width: 252px;
		height: 45px;
		padding-top: 6px;
		background-color: #DDDAD5;
	}

	#scrollerlinks a {
		text-decoration: none;
		line-height: 120%;
	}

	#scrollerlinks #up {
		margin-left: 10px;
		margin-top: 5px;
		background: url(../images/scroller-up-off.gif) no-repeat top left;
	}

	#scrollerlinks #up:hover {
		background: url(../images/scroller-up-on.gif) no-repeat top left;
	}

	#scrollerlinks #down {
		margin-left: 10px;
		margin-top: 3px;
		background: url(../images/scroller-down-off.gif) no-repeat top left;
	}

	#scrollerlinks #down:hover {
		background: url(../images/scroller-down-on.gif) no-repeat top left;
	}


	#content2 {
		position: absolute;
		top: 116px;
		left: 252px;
		width: 706px;
		height: 346px;
		border-left: 2px solid #000;
		background-color: #fff;
	}       
	     
	#contentimages {
		position: relative;
	}
	
	#contentimages.standorte {
		height: 345px;
		background: rgb(255,255,255) url('../images/unternehmen-standorte-beschreibung.jpg') no-repeat top left;
	}

	#contentimages.standorte #bild {
		position: absolute;
		top: 31px;
		left: 375px;
		border: 1px solid rgb(0,0,0);
	}

	#contentdetails {
		position: absolute;
		top: 35px;
		left: 35px;
	}
	
	#contentimages #bigimage {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 345px;
		width: 526px;
	}                       

	#contentimages #bigimage-1 {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 345px;
		width: 706px;
	}
	
	#contentimages #bigimage-img {
		width: 495px;
		height: 346px;
	}
	
	#smallimages-3, #smallimages-2 {
		position: absolute;
		top: 0px;
		left: 526px; 
	}

	#smallimages-3 a:active, #smallimages-2 a:active {
		outline: none;
	}                 
	
	#smallimages-2 li {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		width: 180px;
		height: 173px;  
		text-align: center;
	}

	#smallimages-2 img {

	}
	
	#smallimages-3 li {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		width: 180px;
		height: 115px;
		text-align: center;
	}

	#smallimages-3 img {

	}

	#foot {
		position: absolute;
		top: 461px;
		left: 0px;
		width: 960px;
		height: 22px;
		background-color: #EF1F10;
	}            
	
	#foot ul {
		float: right;
		margin-top: 3px;
		font-size: 80%;
	}         
	
	#contentimages #listelinks {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 286px;
		width: 293px;
		padding:  30px;
	}                       

	#contentimages #listerechts {
		position: absolute;
		top: 0px;
		left: 353px;
		height: 286px;
		width: 293px;
		padding: 30px;
	}                       

	#contentimages #contentlinks {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 286px;
		width: 293px;
		padding:  30px;
	}                       

	#contentimages #contentrechts {
		position: absolute;
		top: 0px;
		left: 353px;
		height: 286px;
		width: 293px;
		padding: 30px;
	}                       

	#content2 #login-oben {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 122px; /*172*/
		width: 356px; /*706*/
		padding-left: 350px;
		padding-top: 50px;
	}                       

	#content2 #login-unten {
		position: absolute;
		top: 172px;
		left: 0px;
		height: 143px; /*173*/
		width: 676px; /*706*/
		padding: 15px;
	}                     
	
	#login-unten-links {
		position: absolute;
		top: 60px;
		left: 15px;
	}	  

	#login-unten-rechts {
		position: absolute;
		top: 60px;
		left: 350px;
	}	  


/*Styles*/
	
/*	Hauptnavigation*/

	#nav ul.mainnav {
		width: 694px;
	}
	
	#nav ul.mainnav li {
		float: left;
		padding: 18px;
		padding-top: 42px;
		padding-bottom: 36px;
		list-style-type: none;
		background: url(../images/mainnav-off.gif) no-repeat bottom center;
	}

	#nav ul.mainnav li.on {
		background: url(../images/mainnav-on.gif) no-repeat bottom center;
	}

	#nav ul.mainnav li a {
		color: black;
		text-decoration: none;
		text-transform: uppercase;
/*		font-size: 90%;*/
	}

	#nav ul.mainnav li.on a {
		color: white;
	}
	
	#nav ul.subnav li {
		font-size: 75%;
		float: left;
		padding: 0px;
		padding-left: 18px;
		padding-bottom: 4px;
		padding-right: 4px;
		list-style-type: none;
		background: url(../images/subnav-off.gif) no-repeat 1px 3px;
	}

	#nav ul.subnav li.on, #nav ul.subnav li:hover {
		background: url(../images/subnav-on.gif) no-repeat 1px 1px;
	}                     
	
	#nav ul.subnav li ul.subsubnav li:hover {
		background: none;
	}
	
	#nav ul.subnav li a {
		text-decoration: none;
		text-transform: none;
	}

	#nav ul.subnav li.on a {
		color: black;
	}


	#nav ul.subsubnav {
		padding: 8px;
		z-index: 10000;
		background-color: #ddd;
		border: 1px solid #8D8371;
		border-top: 0px;
	}     
	
	#nav ul.subsubnav li {
		padding: 0px;
		float: none;
		padding-left: 10px;
		list-style-type: none;   
		background-image: none;
	}

	#nav ul.subnav li ul.subsubnav li a {
		font-size: 140%;
		text-decoration: none;
		color: black;       
		padding-bottom: 3px;
		line-height: 150%;
	}

	#nav ul.subnav li ul.subsubnav li a.on {
		color: red;
	}

	#nav ul.subnav li ul.subsubnav li a:hover {
		color: red;
	}



/*3. Ebene darstellen*/
/*Funktioniert in IE6 nicht*/
	#nav ul.subnav li:hover ul.subsubnav {
		display: block;
	}          

/*Für IE in Verbindung mit JavaScript	*/
	#nav ul.subnav li.over ul.subsubnav {
		display: block;
	}
	
	#nav ul.subsubnavover {
		display: block;
	}                                            
	
	#content p, #content2 p {
		padding: 12px;
		font-size: 80%;
		line-height: 160%;
	}                
	
	#foot ul li {    
		font-size: 80%;
		float: right;
		list-style-type: none;
		padding-right: 12px;
	}

	#foot ul li a {
		color: white;
		text-decoration: none;
		text-transform: uppercase;
	}
	

	#listerechts ul, #listelinks ul {
		padding: 12px;       
		margin: 0px;
		margin-top: 30px;
		padding: 0px;
	}

	#listerechts li, #listelinks li {
		list-style-type: none;
		margin-bottom: 30px;
		padding-left: 60px;
		height: 60px;
	}

	#listerechts li.pdf, #listelinks li.pdf {
		background: url(../images/icon-pdf.jpg) no-repeat top left;
	}

	#listerechts li.xls, #listelinks li.xls {
		background: url(../images/icon-xls.jpg) no-repeat top left;
	}

	#listerechts li.ppt, #listelinks li.ppt {
		background: url(../images/icon-ppt.jpg) no-repeat top left;
	}

	#listerechts li, #listelinks li {
		font-weight: bold;
		font-size: 80%;
		color:  #9E9588;
	}

	#listerechts h1, #listelinks h1 {
		font-size: 90%;
	}

	#listerechts a, #listelinks a {
		font-size: 90%;
		text-decoration: none;
		background: url(../images/download-pfeil.jpg) no-repeat center right;
		padding-right:  18px;
	}


/*contentlinks und contentrechts*/


#contentrechts p, #contentlinks p {
	margin-bottom: 10px;
	padding-bottom: 0;
}     

                  
#contentrechts ul, #contentlinks ul {
	padding: 12px;       
	margin: 0px;
	margin-top: 30px;
	padding: 0px;
}

#contentrechts li, #contentlinks li {
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 50px;
	height: 60px;
	margin-left: 10px;
}

#contentrechts li.pdf, #contentlinks li.pdf {
	background: url(../images/icon-pdf.jpg) no-repeat top left;
}

#contentrechts span, #contentlinks span {
	display: block;
	font-weight: bold;
	font-size: 80%;
	color:  #9E9588;
	margin-bottom: 6px;
}

#contentrechts a.download, #contentlinks a.download {
	font-size: 80%;
	text-decoration: none;
	background: url(../images/download-pfeil.jpg) no-repeat center right;
	padding-right:  18px;
}


/*login*/
	#content2 #login-unten {
		background-color: #DDDAD5;   
    }

	#content2 #login-oben label {
		display: -moz-inline-box;
		display: inline-block;
		width: 100px;
		padding: 0px;
		margin: 0px;
		line-height: 10px;
    }

	#content2 #login-oben {
		background: url(../images/login-schloss.jpg) no-repeat 100px center;
    }

	#content2 input {
		border: 1px solid gray;
		height: 20px;
	}
	
	#content2 .button-login {
		border: 0px;
	}          

	#content2 .textfield {
		width: 140px; 
	}
	
	#button-login2, #button-anfordern {
		float: right; 
	}
                  
	#button-login2 {
/*		height: 23px;
		width: 74px;
*/	}
	
	#button-anfordern {
/*		height: 22px;
		width: 112px;
*/	}
	
	#login-unten-rechts label {
		display: -moz-inline-box;
		display: inline-block;
		width: 100px;
		padding: 0px;
		margin: 0px;
		line-height: 10px;
	}
	
	#login-unten-links label {
		display: -moz-inline-box;
		display: inline-block;
		width: 75px;
		padding: 0px;
		margin: 0px;
		line-height: 10px;
	}
	
	#login-unten-links span, #login-unten-rechts span, #login-oben-form span {
		display: -moz-inline-box;
		display: inline-block;
		margin-bottom: 2px;           
	}	                                                               
	
	#login-oben-form, #login-unten-rechts {
		width:250px;
	}
	


/*Zentrierung des Inhalts*/

	#outer[id] {
		display: table; 
		position: static;
	}

	#middle[id] {
		display: table-cell; 
		vertical-align: middle; 
		position: static;
	}

	body, html {
		height: 100%;
	}

	#outer {
		height: 100%; 
		overflow: visible;  
		margin: auto;
	} 


#pfeil-kontakt {
	position: absolute;  
	width: 20px;
	height: 20px;
	top: 325px;
	left: 585px;
}

#pfeil-impressum {
	position: absolute;  
	width: 20px;
	height: 20px;
	top: 325px;
	left: 655px;
}

#pfeil-kontakt-en {
	position: absolute;  
	width: 20px;
	height: 20px;
	top: 325px;
	left: 600px;
}

#pfeil-impressum-en {
	position: absolute;  
	width: 20px;
	height: 20px;
	top: 325px;
	left: 658px;
}

#contentlist {
	font-size: 80%;
}

#contentlist li {
	margin-left: 30px;
	list-style-type: decimal;
}


/*Standort-Karte*/

img.standort {
	position: absolute;
}


