@import "editor_style.css";
@import "images/fileicons/style.css";






/* @group Body */

body,html {
	font: 12px "Trebuchet MS", LucidaGrande, Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	font-size:12px;
	text-align:center;
}


html {overflow-y: scroll;}

div.container {
	background-image:url('images/main_bg_bg.jpg');
	background-repeat: repeat-y;
	background-position:left;
	background-color:#FFF;
	width:992px;
	position:relative;
	margin-left:auto;
    margin-right:auto;
    text-align:left;
    border: 1px solid #000;
    margin-top:20px;
   

}
div#background_head      {
    background-image:url('images/head_bg.jpg');
	background-repeat: no-repeat;
    width:992px;
    height:231px;
    z-index:2;
}

div#background_head_en      {
    background-image:url('images/head_bg_en.jpg');
	background-repeat: no-repeat;
    width:992px;
    height:231px;
    z-index:2;
}
div#background_head_cn      {
    background-image:url('images/head_bg_cn.jpg');
	background-repeat: no-repeat;
    width:992px;
    height:231px;
    z-index:2;
}

/* @end */
#main{
	
	padding-bottom: 20px;
	padding-left:20px;
	padding-top:20px;
	min-height:500px;
	width:550px;
	float:left;
	
	
}

#middle{
	
	padding-bottom: 20px;
	padding:25px;
	min-height:500px;
	width:550px;
	float:left;
	
	
}

#main_2{
	overflow: hidden;
	width:550px;
	padding-left:25px;
	
}

#main_3{
	overflow: hidden;
	width:550px;
	padding-left:25px;
	
}

div#main_abstand {
	
    height:110px;
    width:990px;
  	margin-top:20px;

}

div#claim {
	background-image:url('images/claim.jpg');
    background-repeat:no-repeat;
    background-position:right bottom;
    height:70px;
    width:990px;
  	margin-bottom:10px;

}

div#claim_en {
	background-image:url('images/claim_en.jpg');
    background-repeat:no-repeat;
   background-position:right bottom;
    height:70px;
    width:990px;
  	margin-bottom:10px;

}

div#claim_cn {
	background-image:url('images/claim_cn.jpg');
    background-repeat:no-repeat;
   	background-position:right bottom;
    height:70px;
    width:990px;
  	margin-bottom:10px;

}

div#newsbox {
	
	
    width:180px;
    min-height:370px;
    position:absolute; top:231px; left:811px; 
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
	
}

div#news {
	
	background-image:url('images/navi_bg.jpg');
    background-repeat:repeat-x;
    background-color:#686A69;
    min-height:370px;
    width:180px;
    
	
}

div#newsbeitrag {
	
	padding:9px;
	padding-right:7px;
    width:170px;
    color:#FFF;
    font-size:12px;
    margin-bottom:5px;
    
 
	
}
div.news_Titel {

	font-weight:bold;
	
}

div.news_Datum {

	font-size:10px;
	
	
}

div.news_Langtext a{
	text-decoration:none;
	color: #CBC9CA;

}
div.link_archiv {
	text-align:center;
	color:#CBC9CA;
	
}
div.link_archiv a{
	text-align:center;
	color:#CBC9CA;
}

div#archivbeitrag {
	
	float:left;
    width:300px;
    height:110px;
    margin-left:10px;
    margin-bottom:20px;
    
 
	
}
div.archiv_Datum {

	font-size:10px;
	color:#000;
	
}

div.archiv_Kurztext {

	font-size:12px;
	color:#000;
	
}

div.archiv_Bild {

	float:left;
	width:200px;
	height:100px;
	 margin-bottom:20px;
	
}

div.archiv_Bild img{
 	border: 1px solid #CBC9CA;
	float:left;
	
	
}

div.archiv_Langtext a{
	text-decoration:none;
	color: #CBC9CA;

}
div#navigation {
	height:300px;
	background-image:url('images/navi_bg.jpg');
    background-repeat:repeat-x;
    width:182px;
    float:left;
    border-bottom:1px solid #000;
    
}
div.navigation{
	color: #FFF;
}

div.navbutton {
	display:none;

         }
div.subnavigation {
		font-family:verdana;
		padding-left:15px;
		color:#686A6A;
        display:none;
        line-height:20px;
}


div.subnavigation_active{
	font-weight:bold;
	
         display:block;
         }
.subnavbutton a{color:#686A6A; text-decoration:none;font-family:verdana;font-size:11px;}
.subnavbutton a:hover{color:#FFF;text-decoration:none;}
.subnavbutton_active {font-weight:bold; font-color:#000;}
.subnavbutton_active a:hover{text-decoration:none;color:#FFF;font-weight:bold;}

div.subsubnavigation{
	display:none;
	 }

div.subnavbutton_0 {
	margin-top:10px;
}
div.subnavbutton_1 {
	display:none;
}

div.subnavbutton_2 {
	display:none;
}

div.subnavbutton_3 {
	display:none;
}

div.subnavbutton_12 {
	display:none;
}

div.subnavbutton_13 {
	display:none;
}

div.subnavbutton_14 {
	display:none;
}
div.subnavbutton_15 {
	display:none;
}

div.subnavbutton_16 {
	display:none;
}
div.Referenzfirma {
	width:560px;
	height:35px;
}

div.ReferenzTitel {

	margin-top:20px;

}


div.Firmenname {
	float:left;
	width: 250px;
	
}
div.Firmenname a {
	text-decoration:none;
	color:#95969A;
	
}

div.Projektbezeichnung {
	float:left;
	width:230px;

}

div.Referenz_Firma {
	width:300px;
	height:200px;
	float:left;
	margin-top:20px;
	
}

div.Referenz_Detailerklärung {
	margin-top:10px;
	}

div.Referenz_Firmenname {
	font-weight:bold;
	float:left;
}


div.Referenz_Bild {
	width:250px;
	height:1500px;
	float:left;
}

div.Referenz_Bild img{
	
	
	border: 1px solid #CBC9CA;
	
}
div.Referenz_Projektbezeichnung {

	border-bottom: 1px solid #CBC9CA;}
textarea {
        width:400px;
        height:120px;

	}
input {
        	width:150px;
        	margin-top:0px;
        	margin-right:10px;
        	
}

span.error {
	color:#C70000;
	width:150px;
}

span.error input{
	border:2px solid #E50000;
}

span.error textarea{
	border:2px solid #E50000;
}
label {
	width:100px;
	display:block;
	float:left;
	margin-top:10px;
		
}
div.Kontakt_left {
	margin:5px;
	width:100px;
	float:left;
}
div.Kontakt_right {
	margin:5px;
	width:380px;
	float:left;
	
}

div.Kontakt_left_view {
	font-weight:bold;
	margin:5px;
	width:200px;
	float:left;
	
}

div.Kontakt_right_view {
	
	margin:5px;
	width:200px;
	min-height:20px;
	float:left;
	
}

div.Kontakt_ {
	font-weight:bold;
	margin-bottom:7px;
	width:120px;
	

}

div#service_Beitrag {
	width:500px;
	margin-bottom:5px;
	
	
}

div.service_Kurztext {
	width:440px;
	height:100px;
	
	
}

div.service_en_Button {
	width:80px;
	height:95px;
	float:left;
	margin-right:10px;
}

div#service_en_Beitrag {
	width:500px;
	margin-bottom:10px;
	height:70px;
	
}

div.service_en_Kurztext {
	width:420px;
	height:100px;
	
	
}

div.service_Button {
	width:80px;
	height:95px;
	float:left;
	margin-right:10px;
}

div.Newsletter_Angaben {
	border: 1px solid #000;
	padding:10px;
	width:505px;
	border-left: 10px solid #666668;
	

}



div.footer_txt{
		 line-height:6px;
         font-size:11px;
         padding-top:8px;
         padding-left:10px;
         padding-right:10px;
         text-align:left;
         }

div.change_lang {
		position:absolute; top:6px; left:885px; 
		width:150px;
		height:60px;
}

a.flag_en {
	
	height:30px;
	width:30px;
	float:left;
	cursor:pointer;
	display:block;
	margin-right:6px;
	outline:none;
	
	
}

a.flag_de {
	
	height:30px;
	width:30px;
	margin-right:6px;
	float:left;
	cursor:pointer;
	display:block;
	outline:none;
	
	
}

a.flag_cn {
	
	height:30px;
	width:30px;
	
	float:left;
	cursor:pointer;
	display:block;
	outline:none;
	
	
}

div.footer {
     background-color:#666668;
     height:20px;
     width:992px;



         }

div.footer a{
    color: #FFFFFF;
         }

div#buttons {
	
	position:absolute; top:189px; left:225px; 
	
	}
div#button_umwelt {
	
	cursor:pointer;
	height:39px;
	width:212px;
	float:left;
}


div#button_umwelt:hover{
	border-bottom:4px solid #FFF;
	
	
}

div#button_verkehr {
	
	height:39px;
	width:181px;
	float:left;
	cursor:pointer;
}

div#button_verkehr:hover{
	border-bottom:4px solid #FFF;
}

div#button_industrie {
	
	height:39px;
	width:194px;
	float:left;
	cursor:pointer;
}

div#button_industrie:hover{
	border-bottom:4px solid #FFF;
}


div#button_umwelt_en {
	
	cursor:pointer;
	height:39px;
	width:212px;
	float:left;
}
div#button_umwelt_cn {
	
	cursor:pointer;
	height:39px;
	width:212px;
	float:left;
}

div#button_umwelt_en:hover{
	border-bottom:4px solid #FFF;
	
	
}
div#button_umwelt_cn:hover{
	border-bottom:4px solid #FFF;
	
	
}

div#button_verkehr_en {
	
	height:39px;
	width:181px;
	float:left;
	cursor:pointer;
}

div#button_verkehr_cn {
	
	height:39px;
	width:181px;
	float:left;
	cursor:pointer;
}

div#button_verkehr_en:hover{
	border-bottom:4px solid #FFF;
}

div#button_verkehr_cn:hover{
	border-bottom:4px solid #FFF;
}

div#button_industrie_en {
	
	height:39px;
	width:194px;
	float:left;
	cursor:pointer;
}

div#button_industrie_cn {
	
	height:39px;
	width:194px;
	float:left;
	cursor:pointer;
}

div#button_industrie_en:hover{
	border-bottom:4px solid #FFF;
}
div#button_industrie_cn:hover{
	border-bottom:4px solid #FFF;
}

div#siteTitle {
	
	padding-left: 25px;
	margin-top:25px;
}

div.teaser {
       width:550px;
       margin-top:15px;   
       font-size:12px; 

}
div.teaseritem {
         background-color: #FFF;
         float:left;
		 border-left:1px solid #CBC9CA;
		 border-bottom:1px solid #CBC9CA;
         margin-bottom:30px;
         height:91px;
         width:310px;
         
         
         

}
div.teaser_beschreibung {	
         float:left;
         padding-left:5px;
         padding-right:5px;
         width:280px;
         height:71px;
         
}

div.teaser_bild {
         float:left;
         height:90px;
         width:90px;
         border:1px solid #909090;
}
div.teaser_titel {
	margin-left: 5px;
}



div.Detail a{
          color:#BE5200;
          font-weight:bold;
          width:100px;
          position:bottom;
          text-decoration:none;

}

div#loginbox {
		width:181px;
		border:1px solid #000;
		
		
}

div#navigation_login {
	width:181px;
	float:left;
	
	
}

div.login {
	background-color:#9A0000;
	padding-left:5px;
	color:#FFF;
	}
div.login_page_box {
	position:relative;
	margin-left:auto;
    margin-right:auto;
	background-color:#B9BABF;
	padding-left:5px;
	color:#FFF;
	width:250px;
	border: 1px solid #000;
	
	}
	
div.login_page_box_titel {
	background-image:url('images/red_back.jpg');
	background-repeat: repeat-x;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:-5px;
	padding-top:8px;
	height:39px;
	text-align: center;
	font-size:15px;

	}
	
	
div.login_user {
	width:60px;
	float:left;
	margin-top:10px;
	font-weight:bold;
	}

div.logout_user {
	width:180px;
	padding-top:350px;
	margin-bottom:10px;
	padding-left:10px;
	
	}
	
div.button_logout {
	width:40px;
	padding-bottom:20px;
	padding-left:10px;
	
	
	}	
div.login_user_box input{
	
	width:100px;
	border: 1px solid #000;
	margin-bottom:10px;
	margin-top:10px;
	}
	

	
div.login_passwort {
	margin-bottom:10px;
	width:60px;
	float:left;
	font-weight:bold;
	}
	
div.login_passwort_box input{
	margin-bottom:10px;
	width:70px;
	border: 1px solid #000;
	
	}

	
div.login_anmelden input{
	width:80px;
	font-size:10px;
	vertical-align:right;
	}
	
div.login_anmelden {
	padding-bottom:10px;
	

	}
	
div.logout {
	background-color:#9A0000;
	padding-left:5px;
	color:#000;
	height:50px;
	width:180px;
	
	
	}
	
div.partner_titel{
	font-size:12px;
	font-weight:bold;
	width:250px;}


div.partner_item {
	
	float:left;
	}
div.partner_kurzbeschreibung {
	width:250px;
	height:50px;
	
	}


div.partner_logo {
	float:left;
	width:180px;
	margin-top:5px;
	
}

div.partner_logo img{
	
	cursor:pointer;
	border: 1px solid #CBC9CA;
	
}
div.partner_item a{
	text-decoration:none;
	cursor:pointer;
	
}

div.partner {
	width:500px;
	height:70px;
	border-bottom: 2px solid #686A6A;
	
}

div.Partner {
	margin-top:20px;
}

/* Download */


div.Detailerklärung {

	
	float:left;
	width:350px;
	
}

div.fileicon {
	

}

div.Downlaoditem {
	margin-bottom:10px;
	
	height:50px;
	width:550px;
	
}
div.Downlaodname {
	
	float:left;
	height:50px;
	width:160px;
	
}

div.Downlaodbereich {
	margin-left:-25px;
	}
/* Kernbereiche */

div.Kernbereich{

	margin-top:10px;
	height:400px;
	width:540px;
}
div.Kernbereich_Bild img{
	
	
	border: 1px solid #000;
	
}
div.Kernbereich_Text {
	float:left;
	width:320px;
	margin-right:15px;
	}

div.Kernbereich_Bild {
	
	width:200px;}
	
div.Kernbereich_Url a{
	text-decoration:none;
	font-weight:bold;
	color: #666667;
	}
div.Kernbereich_Url{
	
	width:192px;
	height:20px;
	color: #666667;
	text-align:center;
	padding-right:10px;
	}
div.Kernbereich_right {
	float:left;
	width:200px;

	}



div.Back a{
	text-decoration:none;
	text-align:right;
	
}

div.map {
	text-align: right;
	width:200px;
	height:251px;
}


div#Download_AGB {
	
	height:30px;
	width:500px;
	
}

div.PDF_Titel {
	width:250px;
	float:left;
}
div.PDF {
	width:100px;
	float:left;
}
div.PDF_Größe {
	width:100px;
	float:left;
}

div.Jobangebot {

	margin-bottom:20px;
	width:550px;
	
	
}

div.Jobangebot_Titel {
	
	 background-color:#95969A;
     color:#FFF;
     font-size: 14px;
    font-weight:bold;
     padding-left:10px;  
	width:300px;
	height:20px;
	margin-bottom:10px;
	
	
}
div.Jobangebot_Beschreibung {
	
	width:500px;
	
	
}

a.Online {
position:relative;
}

form img {
	width:32px;
	height:32px;
	margin-right:6px;
}

div.logos img{
	margin-right:12px;
	margin-top:12px;
	
}