/* CSS-Stylesheet Gosch & Schlueter Februar 2010
============================GENERELL=================================*/
* {
	text-align: left;
	padding: 0; margin: 0;
	}	
html {
	height: 101%;
	}
body {
	background: #003366 url(../pics/hg.jpg) repeat;
	color: #fff; 
	font-family: Verdana, sans-serif;
	font-size: small;
	line-height: 2em;
	}
h1 {
	color: #e86800;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;	
	}
h2 {
	color: #fff;	
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	}	
p {
	color: #ebebeb;
	font-weight: bold;
	}
td {
	font-weight: bold;
	line-height: 1.2em;
	}
.feiner {
	font-weight: normal;
	}
img {
	border: 1px solid #fff
	}
a img {
	border: none;
	}
/*============ allgemeine linkformatierung ================*/	
a { text-decoration: none;
	color: #e86800;/* orange */
	}	
a:link { color: #e86800;/* orange */
	font-weight: bold;	
	}
	
a:visited { color: #ffa66b;/* heller orange */
	}
a:hover, a:focus { 
	color: #fff;
	}	
a:active { 
   color: #999; /* mittelgrau */
	}	
/*============ ende allgemeine linkformatierung ================*/	
#main {
	background: #003366 url(../pics/home/content.jpg) repeat-y;
	margin: 0 auto;
	width: 1025px;
	}
/*============ kopf ================*/	
#head {
	background: url(../pics/home/head.jpg) no-repeat;
	height: 320px;
	width: 1025px;
	}
#leistungseite #head, #ebauseite #head,
#pumpseite #head, #kranseite #head,
#klimaseite #head, #werkseite #head,
#pruefseite #head, #messseite #head,
#laserseite #head, #schwingseite #head,
#torseite #head,#stossseite #head, #thermoseite #head,
#anschlagseite #head, #leckageseite #head {
	background: url(../pics/leistung/head_lei.jpg) no-repeat;	
	}	
#unterseite #head {
	background: url(../pics/unter/head_unter.jpg) no-repeat;	
	}
#kontaktseite #head {
	background: url(../pics/kontakt/head.jpg) no-repeat;	
	}
#ansprechseite #head {
	background: url(../pics/ansprech/head.jpg) no-repeat;	
	}
#infoseite #head {
	background: url(../pics/info/head.jpg) no-repeat;	
	}
#standortseite #head {
	background: url(../pics/standort/head.jpg) no-repeat;	
	}
#impressumseite #head {
	background: url(../pics/impressum/head.jpg) no-repeat;	
	}				
#stellenseite #head {
	background: url(../pics/stellen/stellen-head.jpg) no-repeat;	
	}	
#azubiseite #head {
	background: url(../pics/azubi/azubi-head.jpg) no-repeat;	
	}					
/*============ navigation ================*/
#navi {
	float: left;
	height: 45px;
	line-height: 1.5em; 
	width: 1025px;
	margin: 225px 0 0 40px;
	}		
#navi ul {
	list-style: none;
	padding: 0px;
	}	
#navi li {	
	display: inline;
	}	
#navi a {
	background: #e86800 url(../pics/links.jpg) repeat-x;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 3px;
	margin-top: 30px;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	}	
#navi a:hover {
	color: #003366;
	}		
#startseite #navi #nav_hom a, #unterseite #navi #nav_un a,
#leistungseite #navi #nav_lei a, #ansprechseite #navi #nav_an a,
#kontaktseite #navi #nav_kon a, #stellenseite #navi #nav_stel a,
#azubiseite #navi #nav_azu a {
	background: #003366 url(../pics/links_akt.jpg) repeat-x;
	color: #fff;
	}		
#ebauseite #navi #nav_lei a, #pumpseite #navi #nav_lei a,
#kranseite #navi #nav_lei a, #klimaseite #navi #nav_lei a,
#werkseite #navi #nav_lei a, #pruefseite #navi #nav_lei a,
#messseite #navi #nav_lei a, #laserseite #navi #nav_lei a,
#schwingseite #navi #nav_lei a, #stossseite #navi #nav_lei a,
#torseite #navi #nav_lei a, #torseite #navi #nav_lei a,
#thermoseite #navi #nav_lei a, #anschlagseite #navi #nav_lei a,
#leckageseite #navi #nav_lei a{
	background: #003366 url(../pics/links_akt.jpg) repeat-x;
	color: #fff;
	}
/*============ linke spalte ================*/
#spaltelinks {	
	float: left;
	margin-left: 70px;
	width: 300px;	
	}
#spaltelinks ul {
	list-style: none;
	}	
#spaltelinks a{
	text-transform: uppercase;	
	}
#ebauseite #spaltelinks #nav_ebau a,
#pumpseite #spaltelinks #nav_pump a,
#kranseite #spaltelinks #nav_kran a,
#klimaseite #spaltelinks #nav_klima a,
#werkseite #spaltelinks #nav_werk a,
#pruefseite #spaltelinks #nav_pruef a,
#messseite #spaltelinks #nav_mess a,
#laserseite #spaltelinks #nav_laser a,
#schwingseite #spaltelinks #nav_schwing a,
#stossseite #spaltelinks #nav_stoss a,
#torseite #spaltelinks #nav_tor a,
#thermoseite #spaltelinks #nav_term a,
#anschlagseite #spaltelinks #nav_ansch a,
#leckageseite #spaltelinks #nav_leck a {
	color: #fff;
	background: #e86800;
	font-weight: bold;
	}		
#kontaktseite #spaltelinks a,
#ansprechseite #spaltelinks a,
#ebauseite #spaltelinks p a,
#pumpseite #spaltelinks p a,
#kranseite #spaltelinks p a,
#klimaseite #spaltelinks p a,
#werkseite #spaltelinks p a,
#pruefseite #spaltelinks p a,
#messseite #spaltelinks p a,
#laserseite #spaltelinks p a,
#schwingseite #spaltelinks p a,
#stossseite #spaltelinks p a,
#torseite #spaltelinks p a,
#thermoseite #spaltelinks p a,
#impressumseite #spaltelinks p a,
#anschlagseite #spaltelinks p a,
#leckageseite #spaltelinks p a{
	text-transform: none;	
	}
/*============ rechte spalte ================*/
#spalterechts {
	float: left;
	margin-left: 20px;
	padding: 0 0 0 30px;
	width: 500px;
	}
/*============ footer ================*/		
#footer {
	background: url(../pics/home/footer.jpg) left bottom no-repeat;
	clear: both;
	font-size: 80%;
	height: 145px;
	width: 1025px;
	}
#footer img{
	margin: 0 0 0 70px;
	}
#footer p {	
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 10px;
	}
#footer .copy {
	color: #999;
	float: left;
	letter-spacing: 0px;
	margin: 70px 0px 0px 30px;
	padding-left: 20px;
	text-align: center;
	}
#footer .links {
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	margin: 70px 30px 0px 0px;
	padding-right: 20px;
	text-align: center;
	}
#footer .links a {
	color: #fff;
	}
	
#impressumseite a.aktiver_link {
	color: #e86800;
	}
#standortseite a.aktiver_link {
	color: #e86800;
	}
	
#leistungseite #footer, #ebauseite #footer,
#pumpseite #footer, #kranseite #footer,
#klimaseite #footer, #werkseite #footer,
#pruefseite #footer, #messseite #footer,
#laserseite #footer, #schwingseite #footer,
#torseite #footer, #stossseite #footer, #thermoseite #footer{
	background: url(../pics/leistung/footer_lei.jpg) left bottom no-repeat;
	}
#unterseite #footer {
	background: url(../pics/unter/footer_unter.jpg) left bottom no-repeat;
	}
#kontaktseite #footer {
	background: url(../pics/kontakt/footer.jpg) left bottom no-repeat;
	}
#infoseite #footer {
	background: url(../pics/info/footer.jpg) left bottom no-repeat;
	}
#standortseite #footer {
	background: url(../pics/standort/footer.jpg) left bottom no-repeat;
	}
#impressumseite #footer {
	background: url(../pics/impressum/footer.jpg) left bottom no-repeat;
	}		
.orange {
	color: #e86800;
	}	
	
.umfluss {
	width: 150px;
	float: left;
	}	
	
	
#notdienst{
	padding-top:18px;
	padding-left:70px;
	}
	
#notdienst01{
	padding-top:25px;
	padding-left:70px;
	font-size:14px;
	}

/*============ Hacks fuer IE<7 ================ */
* html #spaltelinks {		
	margin-left: 40px;	
    }