/* _______________________ SEITE _______________________ */

body {
background-color: #ffffff;
font-family: Arial, Helvetica, Sans-Serif;
letter-spacing:0.1em;
color:#000000;
padding:0;
margin:0;
}

h1 {
font-weight: bold;
font-size: 16px;
margin: 0;
color: #000000; }

p { font-size:12px; font-weight:normal; margin:12px 20px 0 0; }


.listtext { font-size:12px; font-weight:normal; } 

a.listtext { color: #339933;
margin: 0px; }
a:visited.listtext { color: #339933;
margin: 0px; }
a:hover.listtext { color: #339933;
margin: 0px; }

/* ----------container zentriert das layout-------------- */
#containerStart {
top: 0px;
left: 0px;
width: 986px;
}

#containerOben {
top: 0px;
left: 0px;
width: 986px;
margin-bottom: 10px;
}

#container {
top: 0px;
left: 0px;
width: 986px;
margin-bottom: 10px;
}

/* -----------------Inhalt--------------------- */
#content {
width: 808px;
float:left;
padding:0px;
margin-top:30px;
margin-bottom:30px;
margin-left:0px;
}

div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

#contentFollow {
background-color: #ffffff;
padding: 0;
margin: 30px 178px 0px 198px;
}

#contentFollow table td ul { font-size:12px; font-weight:normal; margin:5px 0 20px 0; }

div#contentFollow { 
min-height:480px;
height:expression(this.scrollHeight > 480 ? "auto":"480px"); 
}

#flashfilm {
position:absolute;
top:240px;
left:198px;
width:785px;
padding:0;
margin: 0px 0px 0px 0px;
}


#contentFlashkontakt {
width:785px;
height:450px;
padding:0;
margin: 0px 0px 0px 198px;
}

/* --------------Produktrange------------- */

#cryogenic {
width: 590px;
height: 18px;
background-color: #2bb6e9;
margin: 20px 0 10px 0;
padding: 0 0 0 5px;
font-size: 14px;
line-height:18px;
color: #fff;
}/* ----------drin-------------- */

#industry {
width: 590px;
height: 18px;
background-color: #6cc071;
margin: 20px 0 10px 0;
padding: 0 0 0 5px;
font-size: 14px;
line-height:18px;
color: #fff;
}/* ----------drin-------------- */

#energy {
width: 590px;
height: 18px;
background-color: #f79351;
margin: 20px 0 10px 0;
padding: 0 0 0 5px;
font-size: 14px;
line-height:18px;
color: #fff;
}/* ----------drin-------------- */


/* --------------Applications------------- */

.cryogenic {
font-weight:bold;
color: #2bb6e9;
}/* ----------drin-------------- */

.industry {
font-weight:bold;
color: #6cc071;
}/* ----------drin-------------- */

.energy {
font-weight:bold;
color: #f79351;
}/* ----------drin-------------- */

.imgApplRand { margin-right:20px; margin-bottom:20px; }

#appLNG {
font-size:11px;
margin: 0 0 0 0;
padding: 2px 0 0 0;
background-color:#f0f0f0;
}/* ----------drin-------------- */

#appLNG ul { margin:0; padding:0 0 20px 0; list-style-type:none; background-color:#ffffff; }
#appLNG ul li { margin:2px 0 2px 0; border-top:solid 1px #d3e3cf; padding:5px 0 5px 0;}
#appLNG ul li a { color:#339933; }

#appIND {
font-size:11px;
margin: 0 0 0 0;
padding: 2px 0 0 0;
background-color:#f0f0f0;
}/* ----------drin-------------- */

#appIND ul { margin:0; padding:0 0 20px 0; list-style-type:none; background-color:#ffffff; }
#appIND ul li { margin:2px 0 2px 0; border-top:solid 1px #d3e3cf; padding:5px 0 5px 0;}
#appIND ul li a { color:#339933; }

#appNRG {
font-size:11px;
margin: 0 0 0 0;
padding: 2px 0 0 0;
background-color:#f0f0f0;
}/* ----------drin-------------- */

#appNRG ul { margin:0; padding:0 0 20px 0; list-style-type:none; background-color:#ffffff; }
#appNRG ul li { margin:2px 0 2px 0; border-top:solid 1px #d3e3cf; padding:5px 0 5px 0;}


/* --------------randspalte------------- */
#right {
float: right;
width: 178px;
margin: 30px 0 14px 0;
padding: 0px;
font-size:11px;
}

.headSchwarz {
font-weight: bold;
font-size: 16px;
text-decoration: none;
color: #000000; }

.superheadSchwarz {
font-weight: bold;
font-size: 30px;
text-decoration: none;
color: #000000; }

.textRight {
font-size:11px;
}


/* -----------footer--------------------------- */

#footerStartNeu {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
width:986px;
background-image:url(../images/img_13/balken-footer.gif );
background-repeat:repeat-x; }

.textFooterStart { line-height: 18px;
color: #666;
font-weight: normal;
font-size: 10px;
text-decoration: none; }

.textFooterStart a { line-height: 18px;
color: #666;
font-weight: normal;
font-size: 10px;
text-decoration: none; }

#leftFooter {
float:left;
width:180px;
font-size:11px;
margin:5px 0px 10px 10px;
padding: 0px;
}/* ----------drin-------------- */

#leftFooter ul { margin:0px; padding:0px; }
#leftFooter ul li { display:inline; padding-left:0; padding-right:10px; list-style-type:none; }
#leftFooter ul li a { font-size:11px; line-height:11px; font-weight:normal; color:#666666; text-decoration:none; }

#rightFooter {
float: right;
width: 178px;
margin: 5px 0 10px 0;
padding: 0px;
font-size:11px;
text-align: left;
}/* ----------drin-------------- */

#breadCrumb {
margin: 5px 178px 0px 198px;
padding:0;
font-size:11px;
text-align: left;
}/* ----------drin-------------- */

#breadCrumb ul { margin:0px; padding:0px; }
#breadCrumb ul li { display:inline; padding-left:0; padding-right:10px; list-style-type:none; }
#breadCrumb ul li a { font-size:11px; line-height:11px; font-weight:normal; color:#666666; text-decoration:none; }


.send { background-color:#339933; color:#ffffff; border:0; padding:1px 3px; }

#containerMetanavi { width:808px; font-size:11px; line-height:25px; font-weight:normal; text-align:right; margin:0; padding:0; }
#containerMetanavi a { font-size:11px; line-height:25px; font-weight:normal; text-decoration:none; }
#containerMetanavi ul { margin:0px; padding:0px; }
#containerMetanavi ul li { display:inline; padding-left:5px; list-style-type:none; }
#containerMetanavi ul li a.grau { color:#666666; }
#containerMetanavi ul li a.gruen { color:#339933; }


/* -----------------maincontent--------------------- */
#contentMain {
padding:0;
margin-top:0px;
margin-right:40px;
margin-left:198px;
}

div#contentMain { 
min-height:280px;
height:expression(this.scrollHeight > 280 ? "auto":"280px");
}

/* --------------navigation------------- */
#left {
float:left;
font-size:11px;
margin:0px 0px 0px 0px;
padding: 0px;
}

#leftFollow {
float:left;
width:198px;
font-size:11px;
margin:0px 0px 100px 0px;
padding: 0px;
background-color: #ffffff;
}


/* -----------quickentries--------------------------- */
#footerMain {
clear: left;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
width:808px;
height:113px;
font-size:11px;
}

#footerMain ul { width:808px; margin:0px; padding:0px; }
#footerMain ul li { display:inline; float:left; border-top:solid 1px #d3e3cf; list-style-type:none; line-height:16px; margin-right:20px; }
#footerMain ul li a { color:#000000; text-decoration:none; }
#footerMain ul li a:hover { color:#339933; }

img#logo { position:absolute; top:25px; left:870px; }

#containerMetanavi { width:808px; text-align:right; }
#containerMetanavi a { font-size:11px; line-height:11px; font-weight:normal; text-decoration:none; }
#containerMetanavi ul { margin:0px; padding:0px; }
#containerMetanavi ul li { display:inline; padding-left:5px; list-style-type:none; }
#containerMetanavi ul li a.grau { color:#666666; }
#containerMetanavi ul li a.gruen { color:#339933; }

#containerMetanavi2012 { width:808px; height:25px; text-align:left; }
#containerMetanavi2012 a { font-size:11px; line-height:11px; font-weight:normal; text-decoration:none; }
#containerMetanavi2012 ul { margin:0 0 0 189px; padding:0px; }
#containerMetanavi2012 ul li { display:inline; padding-left:10px; list-style-type:none; }
#containerMetanavi2012 ul li a.grau { color:#666666; }
#containerMetanavi2012 ul li a.gruen { color:#339933; }

#containerMetanavi2013 { position: absolute; top:0px; left: 0px; width:500px; height:24px; text-align:left; z-index:50; }
#containerMetanavi2013 a { font-size:11px; line-height:25px; font-weight:normal; text-decoration:none; }
#containerMetanavi2013 ul { margin:0 0 0 189px; padding:0px; }
#containerMetanavi2013 ul li { display:inline; padding-left:10px; list-style-type:none; }
#containerMetanavi2013 ul li a.grau { color:#666666; }
#containerMetanavi2013 ul li a.gruen { color:#339933; }

#containerContent { width:630px; background-color:#ffffff; text-align:left; margin:0px, padding:0px; float:right; z-index:1; }

#navibox {
width:178px;
top: 200px;
left: 0px;
margin: 0px;
padding: 0px;
}

#navibox ul {margin:0px; padding:0px; width:178px; list-style-type:none; font-size:11px; font-weight:normal; }
#navibox ul li { border-top:solid 1px #339933; padding:0 0 0 0; line-height:16px;}
#navibox ul li#level1Active { background-image:url(../images/navbullet1_akt.gif); background-repeat:no-repeat; background-position:7px 5px; }
#navibox ul li a { display:block; color:#000000; width:100%; margin-left:20px; }
#navibox ul li a:visited { color:#000000; }
#navibox ul li a:hover { color:#339933; }
#navibox ul li a { display:block; width:100%; margin-left:20px; }
#navibox ul li ul { margin-top:0px;}
#navibox ul li ul li { border-top:solid 1px #d3e3cf; background-color:#f0f0f0; padding:0 0 0 0;}
#navibox ul li ul li#level2Active { border-top:solid 1px #d3e3cf; background-color:#d3e3cf; }
#navibox ul li ul li a { width:100%; }

a {text-decoration:none; }


/* -----------contentnavigationen--------------------------- */
.contentlink { color: #339933;
margin: 0px; }

a.contentlink { color: #339933;
margin: 0px; }
a:visited.contentlink { color: #339933;
margin: 0px; }
a:hover.contentlink { color: #339933;
margin: 0px; }

.text { line-height: 13px;
font-weight: normal;
font-size: 11px;
text-decoration: none; }

.contentlinkBlack { color: #000000; }
a.contentlinkBlack { color: #000000; }
a:visited.contentlinkBlack { color: #000000; }
a:hover.contentlinkBlack { color: #339933; }



/* -----------Formcheck--------------------------- */
.contentBoxNoSee { display: none; }

/* -----------HEROSE International--------------------------- */

#menu { 
position:absolute;
top:0;
left: 595px;
width: 150px;
padding: 0;
margin: 0;
font-family: Arial, Helvetica sans serif;
font-size: 11px;
float: left;
z-index:100;
}

#menu ul {
margin: 0;
padding: 0;
float: left;
width: 150px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h4 {
font-size: 11px;
font-weight: normal;
margin: 0;
padding:0 10px;
line-height: 24px;
height:24px;
color: #666;
background: #fff;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
line-height: 20px;
margin: 0;
padding:0 10px;
display: block;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=80);

/* Older than Firefox 0.9 */
-moz-opacity:0.8;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.8;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.8;
color: #666;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #666;
background: #d3e3cf;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2000;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}