@charset "UTF-8";
/* CSS Document */


body {
	margin: 0; padding: 0; font-size: 100.1%; 
	background-color: #83aeb7;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #3a3a38;
	}

table td {font-size: 12px;}

table td.table_his {
	padding: 0 0 10px 0;
	}

table.t_grey, table.t_grey tr, table.t_grey tr td {
	padding: 0;
	margin: 0;}

table.t_grey  {
	margin: 0 0 12px 0;
	}

table.t_grey tr td {
	border: 0;
	margin: 0;
	background-color: #EEEEEE;
	padding: 3px;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;}

h1 {font-size: 18px; padding:0px 0px 20px 0px; margin: 0; color: #009aa6;}
h2 {font-size: 14px; padding:0px 0px 18px 0px; margin: 0; color: #009aa6;}
h3 {font-size: 14px; padding:0px 0px 10px 0px; margin: 0; color: #009aa6;}
h4 {font-size: 12px; padding:0px 0px 4px 0px; margin: 0; font-weight: 600;}

h1 a {
	text-decoration:none !important;
}



#content a {color: #009aa6; text-decoration: underline;}
#content a:hover {color: #009aa6; text-decoration: none;}


/********* header und menü ***********/

#header {
	width: 960px;
	height: 130px;
	background-color: #FFFFFF;
	margin: 40px auto 16px auto;
	padding: 0;
	text-align: right;
	}
	

#header_right {
	width: 325px;
	float: right;}


#header_right a.lang { background-color: #9ec9d1; margin: 0 24px 0 0; padding: 0px 5px 5px 5px; color: #FFFFFF; text-decoration: underline; float: right;}

#header_right a img {border: none; margin: 20px 3px 0 0; padding: 0; float: right;}

#header_right #search {
	width: 156px;
	float: left;
	height: 23px;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
	}

#search form {margin: 0; padding: 0; float: left; width: 156px; }

input.textfield {float: left; width: 120px; margin:0; padding:0; height: 19px; line-height: 19px; border: 1px solid #b7b7b7;}

input.button {margin:0; padding: 0; float: right; }

/********* content ***********/

#content_container {
	width: 960px;
	height: 430px;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	}

#content_banner {
	float: left;
	width: 403px;
	height: 424px;
	margin: 3px; 
	padding: 0;	
	 }

#content_banner img {margin: 0; padding:0; border:none; }

#text_content {
	width: 548px;
	height: 424px;
	margin: 3px 0px 3px 0px;
	float: right;
	overflow: auto;}

#content input, #content textarea { border: 1px solid #b7b7b7;}

legend {display: none;}

/********* Historie ***********/

.htitle {
	width:100px;
	border:1px solid #B7B7B7;
	float:left;
	margin:18px 20px 0px 0px;
}
.htitle h5 {
	font-size: 14px;
	line-height: 18px;
	text-align:center;
	color:#009aa6; 
	padding: 2px 5px 2px 5px;
	margin: 0px;
	}
	
.hcontent {
	width:350px;
	float:left;
}

.hcontent p {
	padding:0px 0px 22px 0px !important;
}

div.himg img {
	padding: 10px; 
	border: 1px solid #CCCCCC;
	margin-bottom:5px;
}

/*************************** Navi  DE *************************/

#menu {
	width: 609px;
	height: 127px;
	margin: 3px 3px 3px 0;
	padding: 0 0 0 3px;
	float: left;
	background-image: url(../images/head_nav.jpg);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	list-style-type: none;
	display: block;
}

/* Parent - Level 0 */


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

#menu ul li {
	position: relative;
	width: 200px;
	display: inline;
	float: left;
	line-height: 127px;
	margin: 0 3px 0 0;
	}

#menu ul li a {
	display: block;
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 200px;
	text-align: center;
	height: 127px;
	}

#menu ul li.menu_entry_node_class_0 a { color: #ffbe5a;}
#menu ul li.menu_entry_node_class_1 a { color: #018893;}
#menu ul li.menu_entry_node_class_2 a { color: #596f87;}
	
#menu ul li.menu_entry_node_class_0 a:hover { background-image: url(../images/bg_nav_unternehmen.gif); background-repeat: repeat-x;}
#menu ul li.menu_entry_node_class_1 a:hover { background-image: url(../images/bg_nav_produkte.gif); background-repeat: repeat-x;}
#menu ul li.menu_entry_node_class_2 a:hover { background-image: url(../images/bg_nav_umwelt.gif); background-repeat: repeat-x;}

#menu ul li a strong {font-size: 0px;}

#menu ul li.menu_entry_node_class_0 ul li a, #menu ul li.menu_entry_node_class_1 ul li a, #menu ul li.menu_entry_node_class_2 ul li a {color: #FFFFFF;}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 26px; }
/* End */

/* Child - Level 1 */

#menu ul li ul {
	position: absolute;
	left: -3px;
	top: 127px;
	display: none;
	z-index: 100;
	margin: 0px;
	padding: 0;
}



#menu ul li ul li a { 
	height: 27px;
	background-color: #ffb645;
	text-align: left;
	text-indent: 10px;
	display: block;
	line-height: 26px;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin: -2px 0px 0px 0px;
}



#menu ul li ul li ul {
	position: absolute;
	left: 203px;
	top: 0px;
	display: none;
	z-index: 200;
	margin: 0px; padding: 0px;
	text-align: left;
	border-top: 2px solid #FFFFFF;
	margin: -2px 0 0 0;
}

#menu ul li.menu_entry_node_class_0 ul li ul {display:none;}
#menu ul li.menu_entry_node_class_0 ul li a:hover {background: none; background-color: #ffc46a;} 

#menu ul li.menu_entry_node_class_1 ul li ul {display:none;}
#menu ul li.menu_entry_node_class_1 ul li a {background: none; background-color: #009aa6;}
#menu ul li.menu_entry_node_class_1 ul li a:hover {background: none; background-color: #26a9b3;}

#menu ul li.menu_entry_node_class_2 ul li ul {display:none;}
#menu ul li.menu_entry_node_class_2 ul li a {background: none; background-color: #425c77;}
#menu ul li.menu_entry_node_class_2 ul li a:hover {background: none; background-color: #677c91;}



#menu ul li ul li ul li {margin: 0; padding: 0;}

#menu ul li ul li ul li a { 
	width: 200px;
	height: 27px;
	background-color: #ffb645;
	text-align: left;
	text-indent: 10px;
	display: block;
	line-height: 26px;
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	
}




div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul, div#menu ul li:hover ul ul ul ul, div#menu ul li:hover ul ul ul ul ul{
display:none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul, div#menu ul ul ul ul ul li:hover ul{
display:block;
}






/*************************** Navi  EN *************************/

#menu_en {
	width: 609px;
	height: 127px;
	margin: 3px 3px 3px 0;
	padding: 0 0 0 3px;
	float: left;
	background-image: url(../images/head_nav_en.jpg);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	list-style-type: none;
	display: block;
}


/* Parent - Level 0 */


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

#menu_en ul li {
	position: relative;
	width: 200px;
	display: inline;
	float: left;
	line-height: 127px;
	margin: 0 3px 0 0;
	}

#menu_en ul li a {
	display: block;
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 200px;
	text-align: center;
	height: 127px;
	}

#menu_en ul li.menu_entry_node_class_0 a { color: #ffbe5a;}
#menu_en ul li.menu_entry_node_class_1 a { color: #018893;}
#menu_en ul li.menu_entry_node_class_2 a { color: #596f87;}
	
#menu_en ul li.menu_entry_node_class_0 a:hover { background-image: url(../images/bg_nav_unternehmen.gif);background-repeat: repeat-x;}
#menu_en ul li.menu_entry_node_class_1 a:hover { background-image: url(../images/bg_nav_produkte.gif); background-repeat: repeat-x;}
#menu_en ul li.menu_entry_node_class_2 a:hover { background-image: url(../images/bg_nav_umwelt.gif); background-repeat: repeat-x;}

#menu_en ul li a strong {font-size: 0px;}

#menu_en ul li.menu_entry_node_class_0 ul li a, #menu_en ul li.menu_entry_node_class_1 ul li a, #menu_en ul li.menu_entry_node_class_2 ul li a {color: #FFFFFF;}

/* Fix IE. Hide from IE Mac \*/
* html #menu_en ul li { float: left; height: 1%; }
* html #menu_en ul li a { height: 26px; }
/* End */

/* Child - Level 1 */

#menu_en ul li ul {
	position: absolute;
	left: -3px;
	top: 127px;
	display: none;
	z-index: 100;
	margin: 0px;
	padding: 0;
}



#menu_en ul li ul li a { 
	height: 27px;
	background-color: #ffb645;
	text-align: left;
	text-indent: 10px;
	display: block;
	line-height: 26px;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin: -2px 0px 0px 0px;
}



#menu_en ul li ul li ul {
	position: absolute;
	left: 203px;
	top: 0px;
	display: none;
	z-index: 200;
	margin: 0px; padding: 0px;
	text-align: left;
	border-top: 2px solid #FFFFFF;
	margin: -2px 0 0 0;
}

#menu_en ul li.menu_entry_node_class_0 ul li ul {display:none;}
#menu_en ul li.menu_entry_node_class_0 ul li a:hover {background: none; background-color: #ffc46a;} 

#menu_en ul li.menu_entry_node_class_1 ul li ul {display:none;}
#menu_en ul li.menu_entry_node_class_1 ul li a {background: none; background-color: #009aa6;}
#menu_en ul li.menu_entry_node_class_1 ul li a:hover {background: none; background-color: #26a9b3;}

#menu_en ul li.menu_entry_node_class_2 ul li ul {display:none;}
#menu_en ul li.menu_entry_node_class_2 ul li a {background: none; background-color: #425c77;}
#menu_en ul li.menu_entry_node_class_2 ul li a:hover {background: none; background-color: #677c91;}



#menu_en ul li ul li ul li {margin: 0; padding: 0;}

#menu_en ul li ul li ul li a { 
	width: 200px;
	height: 27px;
	background-color: #ffb645;
	text-align: left;
	text-indent: 10px;
	display: block;
	line-height: 26px;
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	
}




div#menu_en ul ul, div#menu_en ul ul ul, div#menu_en ul li:hover ul ul, div#menu_en ul li:hover ul ul ul, div#menu_en ul li:hover ul ul ul ul, div#menu_en ul li:hover ul ul ul ul ul{
display:none;
}

div#menu_en ul li:hover ul, div#menu_en ul ul li:hover ul, div#menu_en ul ul ul li:hover ul, div#menu_en ul ul ul ul li:hover ul, div#menu_en ul ul ul ul ul li:hover ul{
display:block;
}


#footer {
	width: 960px;
	height: 24px;
	line-height: 24px;
	margin: 0px auto 0px auto;
	font-size: 10px;
	}

#footer ul {
	list-style-type:none; display: inline;
	}

#footer ul li {
	display: inline; padding: 0; margin: 0; }
	
#footer a {color: #FFFFFF;}