/* BG:#ffffff;
*  hellgrauer Hintergrund: #EDEDED
*  dunkelgrauer Hintergund: #808285
*  graue Schrift: #808285 Neu!: #606163
*  grauer Rahmen Menü: #B6B7B9
*  hintergrund Menü: #A4A5A7
*  rot: #8E062D
*  Fehler Eingabfelder: xxxxx
*/
/* **** ACHTUNG Achtung ACHTUNG *****
 
Bei Änderungen der Farben können auch in PHP-Dateine/JavaScripts Farben stehen.
Derzeit bekannt:
en und de: contact_form.php, highlight_request_form.php (im JavaScript am Anfang).

*** **** **** *** ** */


/* ---------------- Debugging ------------- */

.debug TD { border:1px solid #88ff00; }
.debug DIV { border:1px solid #aaaaff; }
.debug {background-color:fuchsia;}


/* ---------------- Hintergrundfarben -------------- */

body,
table.productPageNav td.active
{
background-color:#ffffff;
}

table.productPageNav
{
background-color:#808285;
}

#headerTop
{
background-color:#EDEDED;
}

.contentmenue ul li a:hover,
.contentmenue ul li a:active
{
background-color:#A4A5A7;

}

input.error,
textarea.error,
.contentmenue ul li a.selected,
.contentmenue ul li a.selected:hover,
.contentmenue ul li a.selected:active {
background-color:#8E062D;
}



/* ---------------- Rahmenfarben ------------- */

.contentmenue ul li a:link,
.contentmenue ul li a:visited,
.contentmenue ul
{
border-color:#A4A5A7;

}

textarea, input,
table.productPageNav td
{
border-color:#808285;
}




/* ---------------- Textfarben -------------- */

body, table, input, textarea, h2,
.news a:link .datum,
.news a:hover .datum,
.news a:visited .datum,
a:link,
a:visited,
.pageNav .dissabled,
.pageNav .dissabled,
.produkte .teaser h3,
.location table.overview h3,
.locationSelector h3,
.selectBox,
.locationSelector em,
#kontaktForm .label a:hover,
.highlights table.overview td h4 a:link ,
.highlights table.overview td h4 a:visited,
.dates table.overview h2 
{
/* color:#808285; */
	color:#606163;
}


table.productPageNav td.pageNavButton a,
table.productPageNav td.pageNavButton a:link,
table.productPageNav td.pageNavButton a:visited,
.contentmenue ul li a:hover,
.contentmenue ul li a:active,
.contentmenue ul li a.selected,
.contentmenue ul li a.selected:link,
.contentmenue ul li a.selected:visited,
.contentmenue ul li a.selected:hover,
.contentmenue ul li a.selected:active,
input.error,
textarea.error
 {
color:#ffffff;
}

h1, em, h3,
.teaser h2,
a.inline:link,
a.inline:visited,
.news .newstext,
.news a:link,
.news a:visited,
.teaser a:link,
.teaser a:visited,

.overview a:link,
.overview a:visited,

.pageNav a.back:link,
.pageNav a.back:visited,
.pageNav a.foreward:link,
.pageNav a.foreward:visited,
.downloadLink a:link,
.downloadLink a:visited,
.movieLink a:link,
.movieLink a:visited,
a:hover,
a:active,
#langnav a.selected,
.faqQuestion,
table.overview h3,
table.overview h2,
.contentmenue ul a:link,
.contentmenue ul a:visited,

table.productPageNav td.active a,
table.productPageNav td.active a:link,
table.productPageNav td.active a:visited,
#notice,
#formular .errorMessageDefault,
.kontakt #infobox .deeplink a:link,
.kontakt #infobox .deeplink a:visited,
.products .detail h1,
.products #formular h2,
ol li.faqQuestion a
{
color: #8E062D;

}



/* -----------------  -------------- */

body { padding:0px; margin:0px; }

body, table, a, input, textarea, select option, select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; line-height:18px; }

img, table {border:0}

em
{
font-style:normal;
}

p {
	margin-top:16px;
	margin-bottom: 16px;
	line-height:18px;
}

h1.first
{
margin-top:-1px;
}

h2.first
{
margin-top:0px;
}

h1,
h2
{
margin-top:36px;
font-weight:normal;
}

h2
{
font-size:20px;
line-height:28px;
/* font-weight:bold; */
}

/* Achtung, wenn die Zeilenhöhe von h2 geändert wird, muss der margin-bottom von h1 angepasst werden */
h1
{
font-size:20px;
margin-bottom:26px;
}

h3
{
font-weight:bold;
font-size:13px;
line-height:20px;
margin-bottom:0px;
}

h4,
.products .detail h1
{
margin-bottom:0px;
font-weight:bold;
font-size:11px;
}

a:hover h2,
a:active h2,
a:hover h3,
a:active h3
{
text-decoration:none;
}

a:hover,
a:active {
	text-decoration: underline;
}

/* Positionierung der Seite im Browser: */
#dummymain{width:990px; height:101%; margin: 0 0; }

.clear {
clear:both;
}

sup {
	font-size:50%;
	}

/* *************************************************************************************************** */


#main {margin-left:15px; margin-top:30px; margin-right:15px; }
#footer { margin-left:15px; margin-top:0px; } /* margin-top war auf 80px nun haben die Spalten einen margin-bottom von 80px;*/

/* *************************************************************************************************** */


/* ---------------- header -------------- */
#headerTop { padding:0; margin:10px 15px; position:relative; top:0px; left:0px; width:960px; height:95px;}

#logo {position:absolute; top:12px; left:716px; width:221px; height:83px; }

#headerImage { padding:0; margin:1px 15px; position:relative; top:0px; left:0px; width:960px; height:222px;background-repeat:no-repeat;background-position:top left}
.home #headerImage { padding:0; margin:1px 15px; position:relative; top:0px; left:0px; width:960px; height:301px;}

/* ---------------- header: Sprachnavigation -------------- */

#langnav {position:absolute; top:14px; left:21px; }

#langnav,
#langnav a:link,
#langnav a:visited {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#langnav a:hover,
#langnav a:active {
	text-decoration:none;
}

 /* ------------ header: Globale Navigation ------------ */

#globalnav {position: absolute; top:65px; left:10px; }
#globalnav img{margin:0px 2px 0px 0px; padding:0; height:25px; vertical-align:top;}

/* ---------------- ende header -------------- */

/* *************************************************************************************************** */

/* ----------------  content main ----------------  */

/* #main {position:absolute; left:15px; top:447px; }
 #main {position:relative; left:15px; top:30px; } */


/* ----------------  content-menue ----------------  */

#contentmenue
{

  width:210px;
  float:left;
  padding-right:53px;

}

.home #contentmenue
{
width:260px;
padding-right:0px;
}

.home #contentmenue h1
{
margin-top:0px;
margin-bottom:6px;
}

.home #contentmenue h1 a:link,
.home #contentmenue h1 a:visited,
.home #contentmenue h1 a:hover,
.home #contentmenue h1 a:active
{
font-size:20px;
}

.home #contentmenue h1 a:hover,
.home #contentmenue h1 a:active
{
text-decoration:none;
}

.contentmenue ul
{list-style:none; margin:2px 0px 0px 0px; padding:0;
border-bottom-style:solid;
border-bottom-width:1px;
}


.contentmenue ul ul {
margin-top:0px;
margin-left:10px;
border:none;
}


.contentmenue ul a:link,
.contentmenue ul a:visited {
display:block;
text-decoration:none;
font-weight:bold;
height:22px;
line-height:22px;
background-image:url(../images/s.gif);
border-top-style:solid;
border-top-width:1px;
padding-left:3px;
}


.contentmenue ul ul a:link,
.contentmenue ul ul a:visited
{
 font-weight:normal;
 padding-left: 8px;
 }



/* ----------------  ende content-menue ----------------  */

/* -----------------  page menue -----------------------  */

div.pageNav
{
 width:218px;
 padding:0px;
 }

.pageNav a.back:link,
.pageNav a.back:visited,
.pageNav a.foreward:link,
.pageNav a.foreward:visited,
.pageNav .dissabled
{
display:block;
float:left;
width:109px;

}

.pageNav .back
{
margin-right:1px;
}

.pageNav .foreward
{
text-align:right
}


/* ----------------- ende page menue -----------------------  */


/* ----------------  content spalten ----------------  */

#colRight,
#colMiddle,
#colMiddleLeft,
#colMiddleRight,
#colAll
{
margin-bottom:60px;
}



#colRight
{
float:left;
width:218px;
}

/* dreispaltiger Aufbau der Seite */

#colMiddle
{
float:left;
width:458px;
padding-right:20px;
}


/* vierspaltiger Aufbau der Seite (2 mittlere Spalten) */

#colMiddleLeft,
#colMiddleRight
{
float:left;
width:218px;
padding-right:21px;
}



/* Startseite */
.home #colMiddle
{
width:326px;
padding-right:50px;
}

.home #colRight
{
float:left;
width:306px;
}


.home #homeDatesTable
{
	border-collapse:collapse; 
	border:0; 
	padding-left:0;
	margin-left:0;
}

.home #homeDatesTable td
{
	padding-left:0px;
	vertical-align:top;

}

.home #homeDatesTable td.date
{
	width:120px;
		padding-bottom:5px;
}


/* vermutlich nicht benötigt */
#colAll
{
float:left;
width:697px;
}

.colFloat
{	
	min-height:165px;
	float:left;
	width:216px;
	padding-right:16px;
}

/* ----------------  ende content spalten ----------------  */


/* ----------------  content ----------------  */

.upLink 
{
	margin-top:3px;
    margin-bottom:28px;
	text-align:right;
}



.iconArrow,
.iconArrowNavForeward
{
width:11px;
height:11px;
vertical-align:middle;
margin-top:-1px;
}

.iconArrow
{
padding-right:7px;
}

.iconArrowNavForeward
{
padding-left:7px;
}

.iconMovie
{
	width:12px;
	height:12px;
	vertical-align:middle;
	margin-top:-2px;
	padding-right:6px;
}

a:hover .iconArrow,
a:hover .iconArrowNavForeward
{
text-decoration:none;
}

/* Änderung */
.deepLink a:hover,
.deepLink a:active,
.deeplink a.jsOver,
.deeplink a.jsOver:link,
.deeplink a.jsOver:visited,

.pageNav a:active,
.pageNav a:hover,
.downloadLink a:hover,
.downloadLink a:active,
.movieLink a:hover,
.movieLink a:active,
.upLink a:hover,
.upLink a:active 
{
text-decoration:none;
}

/* Änderung */
 .deepLink a:hover .linktext,
 .deepLink a:active .linktext,


.pageNav a:active .linktext,
.pageNav a:hover .linktext,
.downloadLink a:hover .linktext,
.downloadLink a:active .linktext,
.movieLink a:hover .linktext,
.movieLink a:active .linktext,
.upLink a:link .linktext,
.upLink a:visited .linktext,
.upLink a:hover .linktext,
.upLink a:active .linktext 
{
text-decoration:underline;
}

.overview .deeplink a:link .linktextOver,
.overview .deeplink a:visited .linktextOver
{
text-decoration:underline;
}


.teaser h2,
.teaser h2 a.headlineLink:link,
.teaser h2 a.headlineLink:visited
{
font-size:16px;
margin-bottom:0px;
line-height:22px;
}

.products .teaser h2,
.products .teaser h2 a
{
	margin-bottom:6px;
	font-size:13px;
	}



.teaser h2 a.headlineLink:hover,
.teaser h2 a.headlineLink:active
{
	text-decoration:none;
	}

.teaser p.deepLink
{
margin-top:-2px;
}

p.first
{
margin-top:0px;
}

.teaser p
{
margin-bottom:10px;
}

.teaser p.first
{
/* margin-top:-1px; */
}

.news p.first {

}

.home .news h2
{
margin-bottom:16px;
}

.home .produkteTeaser h2
{
margin-bottom:17px;
}


.news .newstext,
.home .news .datum
{
	font-size:13px;
}

.news a:hover ,
.news a:link ,
.news a:visited ,
.news a:active {
text-decoration:none;
display:block;
background-image:url(../images/s.gif);
}

.news a:hover .newstext,
.news a:active .newstext{
text-decoration:underline;
}


/* ----------------  content ----------------  */


#siteInfo
{
  position:relative; left:-40px; top:50px;

}

#siteInfo ul
{
list-style:none; margin:0; padding:0;
}

#siteInfo li {
display:inline;
padding-right:19px;
}

#siteInfo a:link,
#siteInfo a:visited {
text-decoration:none;
font-weight:bold;
font-size:10px;
}

p.preface
{
font-weight:bold;
margin-bottom:35px;
}


#siteInfo a:hover{
	text-decoration:none;
}

.preHeadlineFirst,
.preHeadline
{
margin-bottom:-5px;
}

.preHeadline
{
margin-top:28px;
}

.preHeadlineFirst
{
margin-top:0px;
}

#infobox {
/* position:absolute;
top:400px;
left:720px; */
margin-top:60px;
}

/* ---  Startseite  --- */
home .news p.first
{
margin-top:-2px;
}

/* ---------- Seite FAQ ------------ */
.faqQuestion
{
margin-bottom:0px;
font-weight:bold;
}

.service ol {
	margin-bottom:40px;
	padding-left:19px;
	}

ol li.faqQuestion a
{
	line-height:16px;
	}

.faqQuestion a:hover 
{
	text-decoration:none;
	}
	
ol li.faqQuestion
{
	margin-bottom:10px;
}

ol li.faqQuestion a:hover 
{
	text-decoration:underline;
		}
	
.faqAnswer
{
margin-top:0px;
margin-bottom:0px;
}

.faq .downloadLink
{
margin-top:0px;
margin-bottom:0px;
}


/* Seite Unternehmen Übersicht */
.company .news .newstext
{
font-size:11px;
}

.company .news p.first
{
margin-top:0px;
}


.company .news p.datefirst
{
	margin-top:0px;
	margin-bottom:0px;
}
	
.company .news p.date
{
	margin-bottom:0px;
	margin-top: 8px;
}

.company .news p.dateDesc
{
	margin-top:0px;
	margin-bottom:8px;
}
	

/* Seite Aktuelles */


.aktuelles h2
{

margin-bottom:0px;
margin-top:0px;
}

.aktuelles p.first
{
margin-top:12px;
}

.aktuelles div.pageNav
{
margin-top:75px;
position:relative;
left:239px;
}

/* Seite Karriere*/
.karriere .preHeadline
{
margin-top:18px;
}

/* Seite Standorte / locations */
.location table.overview
{
margin-top:0px;
margin-bottom:12px;
}

.location table.last 
{
	 margin-bottom:40px;
}

.location h2
{
margin-top:0px;
margin-bottom:10px;
}

.location .worldMap
{
margin-top:5px;
margin-bottom:15px;
}
.location .locationSelector
{
width:478px;
height:28em;
}

/* Seite Messen und Termine / Trade Fairs and Important Dates */

.dates table.overview 
{
	margin-top:0px;
	}

.dates table.overview td 
{
	padding-bottom:20px;

}

.dates table.overview h2
{
	line-height: 24px;
	margin-bottom: 4px;
}
	
.dates table.overview p
{
	line-height: 16px;
	margin-bottom: 4px;
}


/* neue styles ab di 20.11. */

/* Achtung alle schmalen Spalten auf 218px reduzieren und die Margins/Paddings entsprchend erhöhen: 20 -> 21
  Achtung Farben beachten!!
*/

/* Seite Produkte */

.products #colRight,
.products #colMiddle,
.products #colMiddleLeft,
.products #colMiddleRight,
.products #colAll
{
margin-bottom:30px;
}

.products table.overview h3 {
	margin-top:2em;
	}

.products h2
{
	font-weight:bold;
	font-size:13px;	
	}

.products .teaser h2 a:hover
{
	text-decoration:none;
	}

table.overview 
{
	border-collapse:collapse;
	margin-top:25px;
	margin-right:0px;
	padding-right:0px;
	}
	

table.overview td
{
	vertical-align:top;
	padding:0px;
	}


.highlights table.overview
{
	margin-top:6px;
	padding-top:0px;
	margin-right:0px;
	padding-right:0px;
	width:697px;
	background-color:#F2F2F3;
	}

.highlights table.overview td
{
	padding:3px 12px 20px 12px;
	border-bottom:1px solid #ffffff;
	}


table.overview td h4,
table.overview td h4  
{
	margin-top:0px;
	}


table.overview img.product
{
	margin-top:2px;
	margin-bottom:3px;
	margin-right:21px;
	}



/* auswirkungen auf die Übersichtseite */
table.overview h3,
table.overview h2
{
	margin-top:0px;
	margin-bottom:2px;
	}
	
/* auswirkungen auf die Übersichtsseite */
table.overview h2
{
	line-height:16px;
	}

/* auswirkungen auf die Übersichtsseite */
 table.overview h3,
.products .teaser h3
{
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	margin-bottom:5px;
	}

/* auswirkungen auf die Übersichtsseite */
table.overview p,
.products .teaser p
{
	margin-top:0px;
	margin-bottom:5px;
	}

.products .teaser ul
{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	margin-top:6px;
	}


.products .teaser ul li
{
	margin-bottom:6px;
	}

.products  .detail .highlights p.preface{
	margin-top:6px;
	margin-bottom:0px;
	font-weight:normal;
	}

.products  .detail .highlights p.preface p{
	margin-top:0px;
	margin-bottom:0px;
	}

.products  .detail .highlights h1 
{
	line-height:18px;
	margin-top:16px;
	font-size:13px;
	}

.products  .detail #detail2 ul,
.products  .detail #detail1.highlights ul
{
	padding-left:13px;
	margin-top:6px;
	}

.products  .detail #detail2 ul ul,
.products  .detail #detail1.highlights ul ul{
	padding-left:35px;
	list-style-type:disc;
	}

.products  #formular h2.first
{
	margin-top:11px;
	}

.products .teaser .movieLink
{
	margin-top:8px;
	}

.products .teaser .movieLink .linktext 
{
	font-size:11px; 
	line-height:14px; 
	vertical-align:top;
	}

.products .teaser .movieLink .iconMovie
{
	padding-bottom:16px;float:left;margin-top:1px;
	}

/* Seite Kontakt */
.kontakt h3
{
font-size:11px;
}
.kontakt p
{
margin-top:0px;
}

/* ****** PageNavigation ***** */
table.productPageNav
{
width:697px;
margin-bottom:20px;
margin-right:0px;
padding-right:0px;
}

td.pageNavButton
{
border-top-width:1px;
border-top-style:solid;
border-left-width:1px;
border-left-style:solid;
border-right-width:1px;
border-right-style:solid;
width:228px;
height:25px;
padding-left:12px;
vertical-align:middle;
}

table.productPageNav td.pageNavButton a:link,
table.productPageNav td.pageNavButton a:visited
{
font-size:13px;
}

div.detail .preface
{
margin-bottom:5px;
}

.products div.detail table.overview  img.product
{
margin-bottom:9px;
}

.products div.detail table.overview h3
{
margin-bottom:0px;
}


/* ----------------  content main: formular ----------------  */

.kontakt #infobox p.address {
margin-bottom:0px;
}

.kontakt #infobox .downloadLink{
margin-top:12px;
margin-bottom:6px;
}

.kontakt #infobox .deeplink a:hover .linktext,
.kontakt #infobox .deeplink a:active .linktext
{
text-decoration:underline;
}

.kontakt #infobox .deeplink .linktext{
display:block;

}

.kontakt #infobox .deeplink .iconArrow{
float:left;
margin-bottom:20px;
padding-top:5px; 
}


#notice {
width:379px;
	font-size:11px; text-align:right;
}



form table {
padding:0; margin:0;
}

textarea, input {
	border-width: 1px;
	border-style: solid;
	padding: 5px 4px 4px 4px;
	margin:0;
}

input {
width:242px;
}


textarea {
width:369px;
height:133px;
margin-bottom:16px;
}

input.plz {
	width: 67px;
}
input.ort {
	width: 164px;
	margin-left:1px;
}

input.radio {

    width: 18px;
	padding-left:0px;
	margin-left:0px;
	margin-right:8px;
	border:0;
}


form table td.label {
	width: 125px; vertical-align:middle;
	height: 24px;

}


#kontaktForm .label a:hover{
   text-decoration:none;
}

#formular .errorMessageDefault
{
font-weight:bold;
}

form table td.error {
background-image:url(../images/error_icon.gif);
background-position:100px 8px;
background-repeat:no-repeat;
}

form table .captchaImg {
width:200px;
height:60px;
margin-bottom: 15px;
}

form table td.captcha {
vertical-align: top;
padding-top: 6px;
padding-bottom: 15px;
}


td.callback input{
	width: 18px;
	padding-left:0px;
	margin-left:0px;
	margin-right:12px;
	border:0;
}

td.submit {
padding-top:35px;
}

#submitButton {
width:143px; height:18px; padding:0;
border:0px;
}

#submitButton.en {
width:63px;
}

td.salutation {
vertical-align:middle;
}



/* ---------------- ende content main ----------------  */


select
{
height:20px;
width:195px;
}

.locationSelector em
{
font-style:italic;
}

.locationSelector h3
{
font-size:11px;
line-height:18px;
}


.locationSelector #colMiddleRight
{
padding-top:4px;
padding-right:0px;
}

.locationSelector #submitButton
{
border:0;
width:auto;
height:auto;
margin-left:160px; 
margin-top:7px;
}