/*************************************
Allgemeine Klassen und Einstellungen 
***************************************/


div, p, h1, h2, h3, h4, ul, ol, 
span, a, table, td, form, img, li {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #464646;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 83%;
	line-height: 1.6em;
	
}

.img { margin-top:6px;}
.img-left,
.img-right {
	margin-top:6px;
	z-index: 10;
	/*padding: 8px;
	border: 2px solid #003356;*/
}	
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
.partner-logos {
	margin-left: -7px;
}
.clear{clear: both}

.top {
	margin-top: 35px;
}
.bottom {
	margin-bottom: 35px;
}

.text-link, .text-link-bold {
	text-decoration: underline;
	font-size: 1em;
	list-style-type: none;
}
.text-link-bold {font-weight: bold;}
.text-link:hover, .text-link-bold:hover {color: #0082c8;}

.button-link:hover{color: #000;}


.text-list {
	margin-left: 20px;
	list-style-type: square;
}

.zitat {
	font-size: 1.02em;
	letter-spacing: 0.015em;
	font-style: italic;
	font-weight: bold;
	color: #003f5e;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.pictos {
	margin-right: 10px;
}

.popups {
	text-align: left;
	margin: 20px;
}


/*************************************
Kopf und Buehne
***************************************/

#bg-balken {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 94px;
	width: 100%;
	background-color: #9e9e9e;
}


#buehne-home,
#buehne-ueber-uns,
#buehne-dienstleistungen,
#buehne-euh,
#buehne-produkte,
#buehne-kontakt {
	position: relative;
	width: 780px;
	text-align: left;
	margin: auto;
}



/*********************************
Das Hauptmenue
********************************/

#menu {
	position: relative;
	top: 0px;
	left: 0px;
    width: 520px; 
	height: 94px;
    margin: 0; 
	padding: 0;
	background: transparent url(bilder/menu.png) no-repeat;
}


#menu li {
	position: absolute;
	top: 0;
    margin: 0; 
	padding: 0; 
	list-style: none;
}
  
#menu li, #menu a {
    min-height: 94px; 
	display: block;
}

#menu li a { 
	text-decoration: none; 
	text-indent: -8765px; 
	/* Der Mac-Hack \*/ overflow: hidden; /* Mac-hack Ende */ 
}


/******************************************
Das ganze Button-Gedoens
*******************************************/
	
#home {left: 0; width: 69px;}
#ueber-uns {left: 69px; width: 88px;}
#produkte {left: 157px; width: 87px;}
#euh {left: 244px; width: 101px;}
#dienstleistungen {left: 345px; width: 95px;}
#kontakt {left: 440px; width: 80px;}
	
#home a:hover {background: transparent url(bilder/menu.png) 0 -94px no-repeat;}
#ueber-uns a:hover {background: transparent url(bilder/menu.png) -69px -94px no-repeat;}
#produkte a:hover {background: transparent url(bilder/menu.png) -157px -94px no-repeat;}
#euh a:hover {background: transparent url(bilder/menu.png) -244px -94px no-repeat;}
#dienstleistungen a:hover {background: transparent url(bilder/menu.png) -345px -94px no-repeat;}
#kontakt a:hover {background: transparent url(bilder/menu.png)  -440px -94px no-repeat;}

#buehne-home #home, #buehne-home #home a:hover {background: transparent url(bilder/menu.png) 0 -94px no-repeat;}
#buehne-ueber-uns #ueber-uns, #buehne-ueber-uns #ueber-uns a:hover {background: transparent url(bilder/menu.png) -69px -94px no-repeat;}
#buehne-produkte #produkte, #buehne-produkte #produkte a:hover {background: transparent url(bilder/menu.png) -157px -94px no-repeat;}
#buehne-euh #euh, #buehne-euh #euh a:hover {background: transparent url(bilder/menu.png) -244px -94px no-repeat;}
#buehne-dienstleistungen #dienstleistungen, #buehne-dienstleistungen #dienstleistungen a:hover {background: transparent url(bilder/menu.png) -345px -94px no-repeat;}
#buehne-kontakt #kontakt, #buehne-kontakt #kontakt a:hover {background: transparent url(bilder/menu.png) -440px -94px no-repeat;}


/******************************************
Das Logo
*******************************************/

#logo {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 260px;
	height: 110px;
	background: white url(bilder/abz-log.png) left top no-repeat;
}

/******************************************
Shop und Sprache
*******************************************/
#shop {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 20px;
}

#shop-link, #kunden-link {
	position: relative;
	height: 120px;
	left: 25px;
	list-style: none;
}
#shop-link2 {
	position: relative;
	padding-left: 25px;

	height: 120px;
}
#shop-link-logo {
	position:relative;
	left: 24px;
	width: 180px;
	height: 53px;
	background: url(bilder/shop-button-logo.jpg);
}
#shop-preview {
	position:relative;
	left: 24px;
	width: 180px;
	height: 160px;
	
}
#shop li {
	list-style: none;
}

#shop li, #shop a {
	height: 26px;
	width: 180px;
	display: block;
}

#shop-link a, #kunden-link a {
	border-top: 1px dashed #003f5e;
	border-bottom: 1px dashed #003f5e;
	background: transparent url(bilder/shop-button.png) left top no-repeat;
	text-indent: -9876px;
	/* Der Mac-Hack \*/ overflow: hidden; /* Mac-hack Ende */ 
}
#shop-link a:hover {
	background: transparent url(bilder/shop-button.png) 0 -27px no-repeat;
}
#kunden-link a {
	margin-top: 10px;
	background: transparent url(bilder/kunden-button.png) left top no-repeat;
}
#kunden-link a:hover {
	background: transparent url(bilder/kunden-button.png) left -27px no-repeat;
}

/*++++++++++++++++++*/


#sprachwahl {
	position: relative;
	top: 0px;
	left: 25px;
    width: 180px; 
	height: 28px;
    margin: 0; 
	padding: 0;
	background: transparent url(bilder/symbols-bg.png) left top no-repeat;
}

#sprachwahl li {
	position: absolute;
	top: 6px;
    margin: 0px; 
	padding: 0px; 
	list-style: none;
}
  
#sprachwahl li, #sprachwahl a {
    height: 16px; 
	display: block;
}

#sprachwahl li a { 
	text-decoration: none; 
	text-indent: -8765px; 
	/* Der Mac-Hack \*/ overflow: hidden; /* Mac-hack Ende */ 
}


#deutsch {left:15px; width: 25px;}
#englisch {left:47px; width: 25px;}
#phone {left:78px; width: 23px;}
#mail {left:108px; width: 23px;}
#drucken {left:142px; width: 23px;}

#deutsch, #deutsch a {background: transparent url(bilder/symbols-btn.png) left 0px no-repeat;}
#englisch, #englisch a {background: transparent url(bilder/symbols-btn.png) -25px -32px no-repeat;}
#phone, #phone a {background: transparent url(bilder/symbols-btn.png) -96px 0px no-repeat;}
#mail, #mail a {background: transparent url(bilder/symbols-btn.png) -50px 0px no-repeat;}
#drucken, #drucken a {background: transparent url(bilder/symbols-btn.png) -73px 0px no-repeat;}

#deutsch a:hover {background: transparent url(bilder/symbols-btn.png) left -16px no-repeat;}
#englisch a:hover {background: transparent url(bilder/symbols-btn.png) -25px -32px no-repeat;}
#phone a:hover {background: transparent url(bilder/symbols-btn.png) -96px -16px no-repeat;}
#mail a:hover {background: transparent url(bilder/symbols-btn.png) -50px -16px no-repeat;}
#drucken a:hover {background: transparent url(bilder/symbols-btn.png) -73px -16px no-repeat;}



/******************************************
Submenu und Quicklinks
*******************************************/

#left-nav-1, #left-nav-2, #left-nav-3, #left-nav-start {
	position: absolute;
	top: 175px;
	left: 0px;
	width: 230px;
	background: transparent url(bilder/menu-left-bg.jpg) left top no-repeat;
	z-index: 1;
}
#left-nav-start {height: 690px;}
#left-nav-1 { height: 550px; }
#left-nav-2 {height: 690px;}
#left-nav-3 {height: 782px;}


#left-nav-start {background: transparent url(bilder/menu-left-bg-start.jpg) left top no-repeat;}

#submenu {margin-top: 5px;}


#submenu li.link, #submenu li.link-sem, #quicklinks li.link {
	width: 180px;
	margin-left: 25px;
	list-style: none;
	display: block;
}

#submenu-kopf {
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
	height: 22px;
	padding-left: 40px;
	padding-bottom: 3px; 
	text-indent: -5555px;
	background: transparent url(bilder/klammern-oben.png) 24px 20px no-repeat;
}

#submenu .klammern-unten {
	margin-top: -5px;
	margin-left: 24px;
	width: 182px;
	list-style: none;
	background: transparent url(bilder/klammern-unten.png) left top no-repeat;
}

#submenu a {
	height: 25px;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 1px;
	border-bottom: 1px dashed #003f5e;
	background-color: #FFF;
}
#submenu li.link-sem a {
	height: 35px;
	line-height: 1.1em;
padding-top: 5px;
}


#submenu a:hover {
	background-color: #DDD;
	color: #000;
}
#submenu a.active, #submenu a.subtop-active{font-weight: bold; background-color: #DDD; }
#submenu a.active:hover, #submenu a.subtop-active:hover {
	background-color: #DDD; 
	cursor: text;
}

#allquickies-start {
	margin-top: 20px;
}


#quicklinks a {
	height: 25px;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 1px;
	border-bottom: 1px dashed #003f5e;
	background-color: #FFF;
}

#quicklinks a:hover {
	background-color: #DDD;
	color: #000;
}

#quicklinks a.quicktop, #submenu a.subtop, #submenu a.subtop-active {
	margin-top: -3px;
}

#quicklinks-kopf, #newsletter-kopf {
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
	height: 22px;
	padding-left: 40px;
	padding-bottom: 3px; 
	background: transparent url(bilder/klammern-ob-grau.png) 24px 20px no-repeat;
}
#quicklinks-kopf2 {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

.klammern-unten {
	margin-top: -5px;
	margin-left: 24px;
	width: 182px;
	list-style: none;
	background: transparent url(bilder/klammern-un-grau.png) left top no-repeat;
}



/******************************************
Inhalt
*******************************************/


#inhalt {
	position: relative;
	left: 0px;
	top: 91px;
	padding-left: 280px;
	padding-top: 10px;
	background: #FFF url(bilder/bg-inhalt.jpg) left top repeat-y;
	width: 500px;
}

#inhaltmesse {
	position: relative;
	left: 0px;
	top: 91px;
	padding-left: 270px;
	padding-top: 10px;
	background: #FFF url(bilder/bg-inhalt.jpg) left top repeat-y;
	width: 500px;
}



#wechsel-bilder, flashcontent {
	width: 500px;
	height: 250px;
	background: #fff url(bilder/platzhalter-movie.jpg) left top no-repeat;
}

#prod, #euh2, #dl {
	padding-right:12px;
	width: 150px;
	margin-bottom: 50px;
	z-index: 3;
	float:left;
}


#dl a.bild-link, #euh2 a.bild-link, #prod a.bild-link {
	height: 142px;
	text-indent: -6789px;
	display: block; 
	width: 150px; 
	margin-bottom: 10px;
}

#prod a.bild-link {background: white url(bilder/bilder-start.jpg) -300px top no-repeat;}
#euh2 a.bild-link {background: white url(bilder/bilder-start.jpg) -150px top no-repeat;}
#dl a.bild-link {background: white url(bilder/bilder-start.jpg) left top no-repeat;}

#prod a.bild-link:hover {background: white url(bilder/bilder-start.jpg) -300px -142px no-repeat;}
#euh2 a.bild-link:hover {background: white url(bilder/bilder-start.jpg) -150px -142px no-repeat;}
#dl a.bild-link:hover {background: white url(bilder/bilder-start.jpg) left -142px no-repeat;}




h1 {
	font-weight: bold;
	font-size: 1.35em;
	line-height: 1.4em;
	margin-bottom: 10px;
	clear: both;
}

h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 13px;
	margin-bottom: 10px;
	clear: both;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	clear: both;
}	


p {
	margin-top: 10px;
	margin-bottom: 30px;
}

a:hover{color: #0082c8;}	





table {
	width:450px;
	text-align: left; 
}
.col1 {width: 170px; }
.col2 {width: 110px;}

#gleisbau-prod-bild {
	height: 190px;
	overflow: hidden;
}

#gleisbau-prod-bild img { margin-top: -30px;}

/******************************************
Oskar auf der Startseite
*******************************************/

#oskar-start {position: absolute;top: 820px; left: 25px;z-index: 10;}


.infotext {
	font-size: 12px;
	width: 100%;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:20px;
	clear:left;
	/*background-color:#efefef;*/
	border-bottom: solid 1px #888888;
	
}

/******************************************
Lageplan
*******************************************/

#adresse {
position: absolute;
top: 100px;
}

img.defimg {
	padding-bottom:40px;
}


/******************************************
Footer
*******************************************/
	
#footer {
	clear: both;
	width: 500px;
	height: 100px;
	margin-top: 22px;
	padding-top: 80px;
	padding-left: 280px;
	font-size: 0.9em;
	background:transparent url(bilder/abz-fuss-sw.png) left top no-repeat;
	text-align: center;
	color: #464646;
	z-index: 5;
}

#footer a {
	text-decoration: underline;
	font-size: 1em;
}
#footer a:hover {color: #0082c8;}

#footer a.nach-oben {float: right;}
 
/******************************************
Team
*******************************************/

#team-1 {
	position: relative;
	width: 140px;
	margin-bottom: 25px;
	
}
#team-1 img{
	
}
#team-1 p{
position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
}
.float-team {
position: relative;
margin-right: 40px;
	float: left;
}
.float2-team {
position: relative;
margin-right: 0px;
	float: left;
}
.clear-team {
position: relative;
margin-right: 25px;
	clear: left;
}

table.team {
/*background-color:#fafafa;*/
width: 100%;	
}

table.team td.zelle {
border: solid 1px #EFEFEF;
background-color:#FBFBFB;
padding: 8px;
width: 200px;
vertical-align:top;
}
table.team td.zellespan {
border: solid 1px #EFEFEF;
background-color:#FBFBFB;

width: 400px;
vertical-align:top;
}
table.team td {

vertical-align:top;
}

table.team td h2{
width: 100%;
height: 42px;
border-top: solid 1px;	
border-bottom: solid 1px;	
}

.float-img {
position: relative;
margin-right: 20px;
float: left;
}
p.kontakt-adresse {
	margin: 0px;
	line-height: 16px;
	font-size: 12px;
	padding-bottom: 20px;
}
p.kontakt-adresse-name {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
}
.team-bild {
position: relative;
text-align: center;
	margin: 0 auto;
}
#zelle2 {
	position:relative;
	padding-left: 8px;
	
	float:left;
	
}
#zelle3 {
	position:relative;
	padding-left: 40px;
	width: 200px;
	float:left;
}
#2zellen {
padding: 8px;
font-size: 20px;
	text-align:center;
}
.zellespan {
	width: 100%;
}
.h2team {
	text-align:center;
}