/*====== CSS Phoenix Contact CCN-Worldwide ======*/
/* ----- Ausbildung ----- */

input[type^="checkbox"]{border:0px none !important}

.image_space{
    margin-left:5px;     
}
.slogan{
    width:120px;
}
.link_space{
    margin-top:5px;     
}
/* ----- IMAGES ----- */
img {border:none; margin:0; padding:0;}
#banner {display: inline}

/* ----- FORMS ----- */
form { padding:0px; margin:0px; font-size: 12px; line-height:120%}

.quick_search { 
width: 142px; 
padding: 0px 2px 0px 2px; 
vertical-align: top; 
height: 19px; 
font-size: 12px; 
text-align: left;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
font-family: Arial, Helvetica, sans-serif;
}

.textfield { 
padding: 0px 2px 0px 2px; 
vertical-align: top; 
height: 19px; 
font-size: 12px; 
text-align: left;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
font-family: Arial, Helvetica, sans-serif;
}

.textarea { 
padding: 0px 2px 0px 2px; 
vertical-align: top; 
font-size: 12px; 
text-align: left;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
font-family: Arial, Helvetica, sans-serif;
}

.txt {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
width: 235px;
padding:3px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.txtarea {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
width: 235px;
padding:3px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
form p {
clear: left;
margin: 0;
padding: 5px 0px 0px 0px;
text-align: left;
}
form p label {
float: left;
width: 235px;
font-size: 12px;
margin:0;
padding:0;
text-align: left;
}

.optionlist {
background-color: #EFF3F7;
border: 1px solid #669999;
width: 178px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#6c8da2;
}

#jobid {
 border: 1px solid #6c8da2;
 width: 278px;
 font-size:12px;
 font-family: Arial, Helvetica, sans-serif;
 //color:#6c8da2;
 height:20px;
}

.joboptionlist {
border: 1px solid #6c8da2;
width: 280px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#6c8da2;
height:20px;
}

/* ----- Login Profinet ----- */
.label{
  float: left;
  width: 130px;
  text-align: left;
  padding-top: 5px;
  padding-right: 5px;      
}
.label_big{
  float: left;
  width: 200px;
  text-align: left;
  padding-top: 5px;
  padding-right: 5px;      
}
.feld {
  float: right;
  width: 250px;
  text-align: left;    
}
.feld_big {
  float: left;
  width: 350px;
  text-align: left;
  background-color:blue;
}
.defbreite_small {
  width: 180px;
  margin-top:5px;
  padding: 0px 2px 0px 2px; 
    vertical-align: top; 
    height: 19px; 
    font-size: 12px; 
    text-align: left;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #97AFBD;
    font-family: Arial, Helvetica, sans-serif;
} 
.select_login_small{
    width: 80px;    
    margin-top:5px;    
}
a.anc_btn_login{
    background: #FFFFFF url(/global_images/img_bg_button.gif) 0px 0px no-repeat;
    padding-left:17px;
    border:1px solid #6D8DA2;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:3px;    
    color:#6D8DA2;
    font-size:12px;
    vertical-align: middle;
    float:left; 
    margin-top:0px; 
    margin-left:20px;
}
a.anc_btn_right{
    background: #FFFFFF url(/global_images/img_bg_button.gif) 0px 0px no-repeat;
    padding-left:17px;
    border:1px solid #6D8DA2;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:3px;    
    color:#6D8DA2;
    font-size:12px;
    vertical-align: middle;
    float:right; 
    margin-top:0px; 
    margin-left:20px;
}
#redErrorMsg{
    color:#FF0000;
    font-size:12px;
    padding-top:5px;
    font-family: Arial, Helvetica, sans-serif;       
    padding:10px;    
}
#redErrorHead{
    color:#6D8DA2;
    font-size:14px;
    font-weight:bold;
    padding:0px;
    padding-top:5px;    
    padding-left:5px;        
    font-family: Arial, Helvetica, sans-serif;    
    background:#EFF3F5;
    width:345px;
    height:25px;
}
#close a {
    background-color: #6D8DA2;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 16px;
    font-weight: bold;
    position: absolute;
    top: 2px;
    right: 2px;
    text-decoration: none;
    border: 1px solid #6D8DA2;
    text-align: center;
    font-size: 14px;}
#popupError {
    background: #FFFFFF;    
    width: 350px;
    height: 150px;
    position: absolute;
    padding:0px;
    top: 130px;
    left: 350px;
    border: 2px solid #6D8DA2;
    z-index:1000;
    visibility:hidden;
    
 }
#popupErrorRedirect{
    background: #FFFFFF;    
    width: 350px;
    height: 150px;
    position: absolute;
    padding:0px;
    top: 130px;
    left: 350px;
    border: 2px solid #6D8DA2;
    z-index:1000;
 }
div.content_col_left{float:left; width:500px;}
.cb {
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;    
    margin-top:15px;
}
.tbform012{
    font-family: arial, verdana, geneva, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 13pt;
    font-weight: normal;
    width:485px;
    height:100px;
}
/* ----- TABLES ----- */
td, th {font: 12px Arial, Helvetica, sans-serif; text-align: left;}
table.datatable {width:100%; border-collapse: collapse; text-align: left;}
.datatable td {text-align: left; vertical-align:top; padding: 3px 0px 3px 0px;}
.datatable th {color: #000000; font-weight: bold; text-align: left;}
tr.border-top td{border-top: 1px solid #97AFBD;}

table.us {border-collapse: collapse; text-align: left;}
.us td {text-align: left; vertical-align:top; padding: 3px 0px 3px 0px; border-bottom: 1px solid #97AFBD;}
.us th {color: #000000; font-weight: bold; text-align: left;}

/* ----- HEADINGS / TEXT ----- */
p {padding: 0; text-align: left;}
h1 {font-size:14px; color:#6C8DA2; margin:0px; padding:0px; font-weight:bold; text-align: left;}
h2 {font-size:12px; color:#000000; margin:0px; padding:0px; font-weight:bold; text-align: left;}
h4 {font-size:12px; margin:0px 0px 0px 0px; padding:0px; font-weight:bold; text-align: left;}
.desc {font-size:12px; line-height:13pt; margin:0px 20px 0px 20px; padding:0px; font-weight:normal; text-align: left;}
.headline {font-size:12px;line-height:13pt; font-weight: bold; }
.text {font-size:12px; color:#000000; line-height:13pt; text-align: left;}
.text_contact {font-size:11px; color: #000000; line-height:11pt; text-align: left;}
.image_caption {font-size:10px; line-height:11pt; text-align: left;}
.hdl_eservice {font-size:12px; margin:0; padding:6px 20px 5px 25px; font-weight:bold; border-top:1px solid #FFFFFF; border-bottom:1px solid #97AFBD;}


/* ----- DIVs CONTENTS ----- */
#hdl_over_banner {position:relative; padding:0; width:500px; margin-top: -22px; margin-bottom:2px;font-size:12px; padding-right:20px; text-align: left;}
#hdl_over_banner h4 {font-size:12px; margin:0px; padding:0px 20px 0px 20px; font-weight:bold; text-align: left;}

#box_header{width:200px; height:85px; background-color:#D8E1E6; position:absolute; left:750px; top:0px;}
#signal_chain{background-image: url(/global_images/img_signal_chain.gif); background-color: #FFFFFF; background-repeat: no-repeat; width: 752px; height:85px;}
#search_box {width:208px; height:85px; margin-left:17px;}
#content_right {border-right:5px solid #FFFFFF;}
#content_center {padding:0px 20px 0px 20px;}

#banner_layer {position:relative; font-size: 12px; padding:0px 20px 0px 0px; margin-left:350px; margin-top:-50px;}

#print_header {display: none;}
#print_footer {display: none;}

#titel_box{
    background-color:#EFF3F7;
    position: absolute;
    top: 0px;
    left: 600px;
    width: 400px;
    height: 75px;
    padding:10px;    
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px; 
    font-weight:bold;
    color:#000000;      
    text-align: left;
  }
#kopf{
    background:url(/global_images/img_signal_chain.gif);        
    background-repeat:no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 75px;
  }
/*global_images/hg_weiss_small.gif*/
#videoPopup{
    background:url(/global_images/hg_weiss.gif);
    position: absolute;
    top: 200px;
    left: 220px;
    /*width: 352px;
    height: 315px;*/
    width: 352px;
    height: 330px;
  }
/*global_images/hg_weiss_small.gif*/
#video_popup_4x3{
    background:url(/global_images/blank.gif);
    position: absolute;
    top: 250px;
    left: 120px;
    width: 395px;
    /*height: 296px;*/
  }
#non_flash_banner{
    display:none;
}
#no_flash_video{
    font-family: Arial, Helvetica, sans-serif;   
    font-size:12px;    
    font-weight:normal;
    display:none;
    margin:10px; 
    margin-left:0px;
    float:left;    
    padding:25px 10px 5px 5px; 
    width:470px;
    height:150px;
    list-syle:none; 
    border:1px solid #6C8DA2;
}
.ct_float_wrap {width:100%;}
.news_left {width: 98px; float:left;}
.news_right {width:366px; float:left;}
.hr {height:1px; width:100%; background-color:#97AFBD; clear:right; line-height:1px;}


/* ----- Styles Industries Overview Page (1st page)----- */
.industries_overview_leftside{
    margin:0px; 
    padding-bottom:15px;
    float:left;
    width:230px;
    max-width:230px;
    overflow:hidden;
}
.industrie_imgLeft{
    float:left;
    width:76px;     
    vertical-align:top; 
    margin-bottom:15px;
}
.industrie_descriptRight{
    padding-top:0px; 
    padding-left:5px;
    float:right;    
    font-weight:bold;    
    width:140px; 
    max-width:140px; 
    height:77px;    
text-align:right;
}
.row_xs_img
{
    width:490px;
    height:76px;
}
.col_xs_img
{
    width:245px;
    height:76px;
}
/* ----- LINKS ----- */
a {color:#000000; text-decoration:none; text-align: left;}
a.top {float:right; margin-bottom:2px;}
.link_box {margin:0px; padding:5px 10px 5px 10px; list-syle:none; border:1px solid #6C8DA2;}
.link_list {margin:0px; padding:0px; list-style:none;}
.link_list li {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 12px;background: url(/global_images/img_arrow_right.gif) no-repeat 0px 3px;}
.link_list li a {color: #6C8DA2; font-weight:normal; height:22px; display:inline;}
.link_list li a:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;}

a.anchor {}
a.anchor:hover {color:#6C8DA2; font-weight:bold;}
a.anc_grey {color:#6C8DA2; padding:0px 0px 0px 12px; background:url(/global_images/img_arrow_right.gif) 0px 3px no-repeat;}
a.anc_grey:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;} 
a.anc_grey_no_item {color:#6C8DA2;}
a.anc_grey_no_item:hover {color: #6C8DA2; text-decoration:underline;}
a.anchor_block {color:#6C8DA2; font-weight:normal; background:url(/global_images/img_arrow_right.gif) no-repeat 0px 5px; height:22px; padding:0px 0px 0px 12px; display:block;}
a.anchor_block:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;}
a.legal_info {display:block; color:#FFFFFF; margin-left:250px; display:inline;}
a.anc_white {display:block; color:#FFFFFF; display:inline;}

/* ----- NAVIGATION - E-SERVICE ----- */
#top_navi a
{
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 25px;
color:#6c8da2;
height: 26px;
line-height: 26px;
font-size:12px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.arrow_up {background:url(/global_images/img_nav_arrow_right.gif) no-repeat 11px 0px;}
.arrow_up:hover {background:url(/global_images/img_nav_arrow_right.gif) no-repeat 11px 0px; text-decoration:underline;}

/* ----- NAVIGATION LEFT SIDE ----- */

a.active {background:url(/global_images/img_nav_arrow_right.gif) no-repeat 7px 0px;}
a.deactive {} /*for left navigation without arrow at the last level*/
.nav1 a {
font-size:12px;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 20px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav1 a:hover{font-weight:bold;}
.nav2 a {
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 20px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
background:url(/global_images/img_nav_bg_item.gif) repeat-y;
text-align: left;
}
.nav2 a:hover {font-weight:bold;}
.nav3 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 30px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav3 a:hover {font-weight:bold;}
.nav4 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 40px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav4 a:hover {font-weight:bold;}
.nav5 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 50px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav5 a:hover {font-weight:bold;}
.nav6 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 60px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav6 a:hover {font-weight:bold;}

.anc_btn{
background: #FFFFFF url(/global_images/img_bg_button.gif) 0px 0px no-repeat;
vertical-align: middle;
padding-left:17px;
border:1px solid #6D8DA2;
padding-top:1px;
padding-bottom:1px;
padding-right:3px;
color:#6D8DA2;
font-size:12px;
}

/* ----- CLASSES POSITIONING ----- */
.clear{clear:both;}
.bottom {position:relative;}
.to-right {float:right;}
.to-left {float:left;}
.cleaner {clear: both; font-size: 1px; height: 1px; line-height:1px;}

/* ----- BASIS-LAYOUT ----- */
html,html body {height:100%;}
body
{
padding: 0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
background: #EFF3F7 url(/global_images/img_bg.gif) repeat-x;
}
body.popup{
    background:#FFFFFF;
}
#wrapper_1{
width: 955px;
text-align:left;
background:#FFFFFF;
}
#wrapper_2{
width: 955px;
text-align:left;
background: #D8E1E6 url(/global_images/img_nav_gradient.jpg) repeat-x;
overflow:hidden; /*firefox makes this necessary*/
} 
#header{
height: 90px; 
background-color:#FFFFFF;
width:955px;
}
.outer{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin: 0 0 0 225px; /*** Critical left col dimension value ***/
width:730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #FFFFFF; /*** Sets background of center col***/
}
.float-wrap{
float: left;
width: 730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px; /*** Static fix ***/
background: #FFFFFF;
}
.center{
float: right;
width: 730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
background:#FFFFFF;
}
.center_left_col_iframe{ /*** Only for iframe Frameside ***/
float:left;
text-align:left;
width:715px;
padding:20px 0px 20px 20px;
}
.center_left_col{
float:left;
text-align:left;
width:525px;

}
.center_left_col_full{
float:left;
text-align:left;
width:725px;

}
.center_right_col{
float:right;
text-align:left;
width:205px;
vertical-align: top;
}

.address{
position:absolute; 
left:526px; 
top:273px;
width:205px;
}

.left{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width:225px; /*** Critical left col/divider dimension value ***/
margin-left: -225px; /*** Critical left col/divider dimension value ***/
background: url(/global_images/img_nav_gradient.jpg) no-repeat;
}
* html .left {float:left;}
#footer{
background-color:#97AFBD;
height:23px;
line-height:23px;
width:955px;
font-size:12px;
color: #FFFFFF;
border-top-width:1px;
border-top-style:solid;
border-top-color:#FFFFFF;
}



#joboffer h4 { font-size:12px; margin:0 0 0px 0; padding:0; font-weight:bold}
#joboffer h1 {font-size:14px; color:#6C8DA2; margin:0px; padding:0px; font-weight:bold; text-align: left;}
#joboffer .text {    font-size: 13px; color: #000000; line-height: 13pt; font-family: Arial, Helvetica, sans-serif;}
#joboffer .textb { font-size: 13px; color: #000000; line-height: 13pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#joboffer .hr { height:1px; width:480px; background-color:#97AFBD;    clear: right; line-height:1px; }
#joboffer a { color:#6c8da2;    text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
#joboffer a:hover { color:#6c8da2;    text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
#joboffer a.block {background: url(http://www3.phoenixcontact.com/newsletter/art06/list_type.gif) no-repeat 0px 4px; height: 0px; padding: 0 0 0 10px; display:block; color:#6C8DA2; text-decoration:none; display: inline; }
#joboffer a.block:hover {color: #6C8DA2; font-weight: normal; text-decoration: underline; }
#joboffer a.active { background:url(http://www3.phoenixcontact.com/newsletter/art06/pfeil.gif) no-repeat 10px 0px;}

.div_logo {
    float: left;
    margin-bottom: 15px;
    width: 76px;
}
.div_company {
    margin-left: 23px;
    margin-bottom: 15px;
    float: left;
    width: 189px;
}
.div_description {
    margin-left: 23px;
    margin-bottom: 15px;
    float: left;
    width: 172px;
}
.hp_link {
    font-size: 11px;
    font-color: #97afbd;
}
.abstand_oben {
    margin-top: 10px;
}

/* ------ LAYER FOR POPUPS ------ */
#stageDIV { 
position:absolute;
background-color:#FFFFFF;
border: 1px solid #97AFBD;
z-index:5;
overflow:hidden;
visibility:hidden;
}
#closeBtn {
position:absolute;
width:19px;
height:19px;
z-index:3;
background-image:url(/global_images/close_x.gif);
top:10px;
right:10px;
cursor:pointer;
}
#click{
position:absolute;
width:20px;
height:20px;
z-index:3;
background-image:url(/global_images/close_x.gif);
top:10px;
right:10px;
}
#contentFrame {
border:none;
} 
#curtain { 
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#d8e1e6;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
visibility:hidden;
}
#stageContent{
position:absolute;
z-index:4;
top:40px;
left:10px;
}
#stageTopic{
position:absolute;
top:10px;
left:10px;
}