@charset "utf-8";
/* CSS Document */
body {
  font: 9pt Helvetica, Arial, sans-serif;
  color:#000033;
   /* background:allowtransparency: true; */
  min-height: 101%;
}
body, html{
  min-height: 101%;
  color:#555555;
}
* {
border: 0;
}
a {
  color: #7a9dad;
  text-decoration:none;
}
a:focus {
  user-focus: none; 
  outline : none; 
  -moz-user-focus: none; 
  -moz-outline: none;
}
a:hover {
  color: #ff9933;
}
p {
  padding:0px;
  margin: 0px;
}
b {
  color:#555555;
}
h1 {
  color: #7a9dad;
  font-size:16pt;
  font-weight:bold;
}
h2 {
  font-size:16px;
  color: #ff9933;
  font-weight:normal;
  padding-top:35px;
}
h3 {
  font-size:14px;
  font-weight:normal;
  color: #000033;
}
h1.align-right, h2.align-right, h3.align-right {
  text-align:right;
}
h1.align-left, h2.align-left, h3.align-left {
  text-align:left;
}
h1.align-center, h2.align-center, h3.align-center {
  text-align:center;
}

.headline {
  color: #7a9dad;
  font-size:16pt;
  font-weight:normal;
  padding:0px;
  margin: 0px;
  padding-bottom: 25px;  
  margin-top:25px;
  line-height:25px;
}

/*** Container ***/

#container {
  max-width:887px;
  height:auto;
  margin-right: auto;
  margin-left: auto;
  margin-top:15px;
  padding:0px 0px 15px 0px;
}

#top {
  margin: 0px;
  padding: 0px;
  border: 0px;    
}
#logo {
  float:left;    
  width: 178px;
  height:45px;
  text-align:center;
  margin-left:17px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='https://industrial.softing.com/fileadmin/specials/samtec/data/softing_samtec_web.png');
}
#logo[id] {
  background-image:url("https://industrial.softing.com/fileadmin/specials/samtec/data/softing_samtec_web.png");
  background-repeat:no-repeat;
  background-position:left;
}
#topnav {
  width: auto;
  text-align:right;
  color:#a6a6a6;      
}
.topnav_link {
  display: inline;
  margin-left:5px;
  font-size:11px;
}
#topnav li a {
  margin-right:6px;
  color:#7a9dad;
}
#topnav li a:hover {
  color:#ff9933;
}
#topnav li {
  display: inline;
}
#firstflag {
  margin-left:15px;
}
#topnav li a img {
  text-decoration:none;
  margin-right:-4px;
}
#search {
  height:34px;
  width: 177px;
  float:left;
  background-color:#FFF;
  }
#search form {
  margin-top:10px;
  
}
#searchfield {
  margin-left:17px;
  height:14px;
  width: 117px;
  color:#7a9dad;
  float:left;
  font-size:8pt;
  margin-top:-10px;
  float:left;
  border: 1px solid #ababab;  
  padding-top:3px;
  padding-left:3px;  
}
#searchbutton {
  margin-left:-1px;
  float:left;
  margin-top:-10px;
}

/*** Header ***/

#header {
  max-width:887px;
  height: 200px;
  padding:0px;
  margin:0px;

}
#teaser {
  padding:0px;
  margin:0px;
  float:right;
  max-width:887px;
}
#teaser h2 {
  text-align:right;
  font-size:30px;
  color:#7a9dad;
  font-weight:bold;
  padding:0px;
  margin:25px 0px 0px 0px;
}
#teaser h2 b {
  text-align:right;
  font-size:60px;
  color:#7a9dad;
  font-weight:bold;
  margin:-50px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
#teaser h3 {
  text-align:right;
  font-size:16px;
  color:#555555;
  line-height:18px;
  font-weight:normal;
  padding:0px;
  margin:0px;
}

#teaser p {
  font-size:30px;
  color:#FFF;
  font-weight:normal;
    padding:0px;
  margin:0px;
}

/*** Hauptmenu ***/

#menu {
  max-width:887px;
  height:34px;
  margin-top:43px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  
}

/*** Linke Spalte ***/

#left {
  float:left;
  margin-right: auto;
  margin-left: auto;
  margin-top: -41px;
  border: 0px;
  background: #FFF;
  width: 178px;
  font-size:8pt;
  color: #7a9dad;
  margin-bottom:0px;
  height: 100%;
  padding:0px;
}
#leftbox {
  padding: 15px 10px 15px 15px;  
  border-left:solid 1px;
  border-right:solid 1px;
  border-bottom:solid 1px;
  border-color:#E1E1E1;
  min-height:100px;
}
#leftbox a{
  padding-bottom:30px;  
}
.leftheading {
  font-weight:bold;
  font-size:12px;
  margin-top:7px;
}
.leftline {
  height:1px;
  width:140px;
  margin-top: 4px;
  background: #0D73AE;
  min-height:1px;
  font-size: 0px;
  line-height: 1px;
}
#leftcontent {
  margin-top: 20px;
  margin-bottom:5px;
  font-weight:bold;
  color:#7a9dad;
  width:140px;  
}
#leftcontent .leftline {
  width:20px;
  height:1px;
  margin-top:13px;
  margin-bottom:13px;
  background:#0D73AE;
}
#leftcontent ul {
  text-decoration:none;
  line-height:25px;
  list-style-type:none;
  margin-left:-20px;
}
#leftcontent a {
  color:#7a9dad;
  text-decoration:none;
  font-weight:normal;
}

/*** Linke Spalte BOTTOM ***/

.bottombox {
  width:178px;
  min-height:80px;
  background-image: url("https://industrial.softing.com/fileadmin/specials/samtec/data/bottombox_end.gif"); 
  background-repeat:no-repeat;
  background-position:bottom;
  background-color:#f1f1f1;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
  color:#7a9dad;  
  border: 0px solid #E1E1E1;  
}
.bottombox img {
  padding:8px;
  }
.leftteaser {
  padding-left:17px;
  padding-right:17px;
  padding-top:10px;
  text-align:left;
  line-height:16px;
}

/*** Linke Spalte MENU ***/

#leftbox ul li{
  margin-top: 8px;
  list-style-image:url(../../images/layout/arrow_3b.gif);
  list-style-position: outside;
}
#leftbox ul {
  padding-top:10px;
  margin-left:0px;
  padding-left: 17px;
  padding-bottom:0px;
  margin-top:-8px;  
}
#leftbox a{
  margin-left:0px;
}
#leftbox #active a{
  font-weight: bold;
  color:#555555;
}

#leftbox #active #active a{
  font-weight: bold;
  color:#555555;
}

#leftbox #active li a{
  font-weight: normal;
  color:#7a9dad;
}
#leftbox #active li{
  margin-left: -8px;
  list-style-image:url(../../images/layout/arrow_2b.gif);
  list-style-position: outside;
}
#leftbox li#active {
  list-style-image:url(../../images/layout/arrow_3s.gif);
  list-style-position: outside;
}
#leftbox #active li#active {
  list-style-image:url(../../images/layout/arrow_2s.gif);
  list-style-position: outside;
}  
#leftbox #active #active li a{
  font-weight: normal;
  color:#7a9dad;
}
#leftbox #active #active li {
  margin-left: -12px;
  list-style-image:url(../../images/layout/arrow_1b.gif);
  list-style-position: outside;
}
#leftbox #active #active li#active  {
  list-style-image:url(../../images/layout/arrow_1s.gif);
  list-style-position: outside;
}  
#leftbox #active #active #active a{
  font-weight: bold;
  color:#555555;
}
#leftbox li:hover a,  #leftbox li.sfhover a, #leftbox #active li:hover a,  #leftbox #active li.sfhover a, #leftbox #active #active  li:hover a,  #leftbox #active #active li.sfhover a {  
  color:#ff9933;  
  font-weight: normal;        
}
#leftbox li:hover {
  list-style-image:url(../../images/layout/arrow_3o.gif);
  list-style-position: outside;
}
#leftbox #active li:hover {
  list-style-image:url(../../images/layout/arrow_2o.gif);
  list-style-position: outside;
}
#leftbox #active #active li:hover {
  list-style-image:url(../../images/layout/arrow_1o.gif);
  list-style-position: outside;
}

/*** Inhalt - Content ***/

#content {
  
  margin-left:178px;
  padding: 30px 50px 40px 32px;
  line-height:19px;
  border-right: 1px solid #E1E1E1;
  //border-bottom: 1px solid #E1E1E1;
  //border-left: 1px solid #E1E1E1;
}
div.indent {
  margin-left: 20px;

}
thead th.align-left {
  text-align:left;
}

#content p, #content li {
  max-width: 600px;
}

.anfrageBtn {
  background-image: url("../../images/icons/anfrage_button.gif");
  background-repeat:no-repeat;
  width: 150px;
  height: 30px;
  color: #ffffff;
  padding-top:7px;
  margin-top: -40px;
  margin-right: 220px;
  float:right;
  
  
}

.anfrageBtn a{
  color: #ffffff;
  font-weight: bold;
  padding: 10px 20px 10px 35px;
  
   
}

/*** Tabelle ***/

table tbody tr {
  font: 9pt Helvetica, Arial, sans-serif;
  color:#000033;
  padding:0px;
  margin:0px;
  border-spacing:0px;  
  border: opx solid #E1E1E1;
  padding:5px 5px 5px 5px;
  height:auto;
}
table tbody td {
  font: 9pt Helvetica, Arial, sans-serif;
  color:#000033;
  padding:0px;
  margin:0px;
  border-spacing:0px;  
  border: opx solid #E1E1E1;
  padding:5px 5px 5px 5px;
  height:auto;
}
table tbody tr td p{
  padding:0px;
  margin:0px;
  border-spacing:0px; 
  color:#555555; 
}
table tr {
background-color: #eeeeee;
}
table tr:nth-child(1n+2) {
background-color: #dddddd;
}
table tr:nth-child(2n+3) {
background-color: #eeeeee;
}
table th {
  color:#000;
  background-color: #dddddd;
}
#c88 table th {color:#fff;background-color:#ff9933;}
#c88 table thead th {color:#fff;background-color: #bbbbbb;}
#c626 table th {color:#fff;background-color:#ff9933;}
#c626 table thead th {color:#fff;background-color: #bbbbbb;}
#c88 table {width:645px;}
#c626 table {width:645px;}


table th p b {
  color:#000;
  font-weight:normal;
}

table thead th{
  background-color: #7a9dad; 
  padding:5px 5px 5px 5px;
  height:auto;  
}
table thead p{
  padding:0px;
  margin:0px;
  border-spacing:0px;
  color:#fff;
}
table thead a{
  color:#fff;
}
.contenttable {
  max-width: 465px;

}

.contenttable#referenzen {
  max-width: 600px;
}

.contenttable#referenzen tr {
  height: 30px;
}

.contenttable#referenzen td {
  width: 200px;
  padding:0;
  margin:0;
  padding:2px 5px 2px 8px;
}



/*** breadcrumbs ***/

#breadcrumbs {
  color:#000033;
  font-size:8pt;
}


/*** Footer ***/

#impressum {
  clear:left;
  /*width: 357px;*/
  width: 550px;
  margin-top:15px;
  margin-bottom:10px;
  margin-left:210px;
  font-size:8pt;
  color: #787878;
  text-align:left;
  line-height:8px;  
}

/*** General Image ***/

.csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap.csc-textpic-single-image img {
  padding-right: 10px;
}

.csc-textpic-text {
  /* padding-right: 30px; */
} 

/*** right Box ***/


#right {

  float:right;
  padding: 0px 0px 20px 40px;
  margin-top: 40px;
  height: auto;
  width: 160px;

}


#right .fotobox img {
  width: 130px;    
  height: auto;
  padding: 15px 7px 15px 8px;
}

#right .fotobox {
  
  border: 1pt solid #E1E1E1;  
  background-repeat:repeat-x;
  background-position:bottom;
  background-color:#F5F5F5;    
  width: 159px;
  height: auto;  
  margin-top:1px;
  text-align: center;
}

#right .infobox div{
  border: 1pt solid #E1E1E1;
  padding: 15px 5px 10px 16px;
}
#right .infobox h3{
  margin:0px;  
  padding:0px;
  padding-bottom:15px;
  margin-left: 0px;
  color: #ff9933;
}
#right .infobox p{
  margin-bottom: 3px;
}
#right .infobox img{
  width: 20px;  
  height: auto;    
  margin:0px;  
  padding:0px;
  padding-right: 3px;
  padding-bottom: 3px;
  vertical-align:middle;
}

/*------mailformular formatieren------*/

.csc-mailform {
  border:none;
  width: 90%;
}

.csc-mailform-field {
  margin: 2px;
  padding: 5px;
}

.csc-mailform-field label {
  float: left;
  padding: 1px;
  width: 80px;
}

.mf-input {
  clear: none;
  width: 200px;
  padding: 1px;
  border: 1px solid #d1d1d1;
}

.mf-pass {
  width: 200px;
  padding: 1px;
  border: 1px solid #d1d1d1;
}


.mf-text {
  clear: none;
  width: 200px;
  padding: 1px;
  border: 1px solid #d1d1d1;
}

.mf-check {
  padding: 1px;
  border: 1px solid #d1d1d1;
}

.mf-radio {
  padding: 1px;
  border: 1px solid #d1d1d1;
}

.mf-select {
  width: 200px;
  padding: 1px;
  border: 1px solid #d1d1d1;
}

.mf-file {
  width: 200px;
  padding: 1px;
  border: 1px solid #d1d1d1;
}

#mailformRadiotest {
  border: none;
}

#mailformRadiotest legend {
  display: none;
}

.mf-reset {

}

.mf-submit {
  margin-left: 80px;
  border: 1px solid #d1d1d1;
}


/*------ Bereiche ------*/

#divisions {
  padding:0;
  margin:0;
  margin-left:-40px;
  height:175px;
  color: #7a9dad;
}
#divisions h2 a {
  color: #7a9dad;
}
#divisions a {
  color: #7a9dad;
}
#divisions li {
  float:left;
  text-align:center;
  padding-top: 115px;
  list-style-type:none;
}
#divisions li h2{
  background-color: #ffffff;
  width: 170px;
  padding:9px 5px 5px 0px;
  font-size: 13px;
  color: #7a9dad;
}
#divisions li h2 a{
  color: #7a9dad;
}
#divisions li#d1 {
  background:url(../../images/layout/divisionsBox1.jpg) no-repeat 0 0;
  width: 175px;
  height: auto;
  margin-right: 35px;
  border: 1pt solid #e1e1e1;
  color: #7a9dad;
}

#divisions li#d2 {
  background:url(../../images/layout/divisionsBox2.jpg) no-repeat 0 0;
  width: 175px;
  height: auto;
  margin-right: 35px;
  border: 1pt solid #e1e1e1;
  color: #7a9dad;
}


#divisions li#d3 {
  background:url(../../images/layout/divisionsBox3.jpg) no-repeat 0 0;
  width: 175px;
  height: auto;
  border: 1pt solid #e1e1e1;
  color: #7a9dad;
}
  
#fe_ttaddress_email_input,#fe_ttaddress_last_name_input {
  background-color: #ece9d8;
}

#top { position:relative; }
#language {  position:absolute; top:10px; right:10px; }
#language ul { float:right; list-style:none; }
#language li { float:left; padding-left:10px; }
#language .disabled { display:none; }

.tx-felogin-pi1 fieldset { background:#f1f1f1; border:1pt solid #e1e1e1; }

.tx-powermail legend { display:none; }
.tx-powermail fieldset { background:#EBEBEB; padding:10px 20px 20px 20px; }
.tx-powermail label { width:100%; padding-top:10px; display:block; }
.tx-powermail input { width:50%; height:25px; }
.tx-powermail select { width:20%; height:25px; }
.tx-powermail testarea { width:100%; }
.tx-powermail .powermail_field.powermail_submit { width:150px; margin-top:10px; height:25px; margin-bottom:10px; background:#7a9dad; color:#FFFFFF; }

.csc-uploads > li { background:#DEDEDE; padding:10px; box-sizing:border-box; position:relative; margin:5px 0px 5px 0px; }
.csc-uploads > li > a:first-child { display:none; }
.csc-uploads > li > .csc-uploads-fileName { padding-right:40px; }
.csc-uploads > li > .csc-uploads-description { padding-left:30px; padding-right:40px; }
.csc-uploads > li > .csc-uploads-fileSize { position:absolute; right:10px; top:10px;}

.tx-felogin-pi1 > form > fieldset > legend { display: none;}
.tx-felogin-pi1 > form > fieldset { padding:10px; box-sizing:border-box; margin-top:10px; border:none; width:100%; }
.tx-felogin-pi1 label { padding-top:10px; }
.tx-felogin-pi1 input { width:40%; height:25px; }
.tx-felogin-pi1 input[type="submit"] { width:150px; margin-top:20px; height:25px; margin-bottom:10px; background:#7a9dad; color:#FFFFFF;  }


@media screen and (min-width:320px) and (max-width:907px) {
  
  body { min-height:100%; margin:0; height:auto; }
  #search { float:none; width:100%; }
  #container { margin-top:0px; padding:0px 0px 0px 0px; }
  #top { background:#DEDEDE; position:relative; min-height:114px; }
  #header { height:auto; min-height:200px; }
  #logo { position:absolute; left:10px; top:35px; margin:0; }
  #topnav { padding:10px 0px 0px 10px; }
  #topnav ul { margin:0; }
  #topnav li { font-size:14px; }
  #language { position:absolute; top:40px; right:10px; }
  #language ul { float:right; list-style:none; }
  #language li { float:left; padding-left:10px; }
  #search { background:none; padding-top:6px; height:auto; }
  #search #searchfield { margin-left:10px; }
  #menu { background:#a6a6a6; margin:0; margin-top:53px;}
  #left { float:none; margin-right: auto; margin-left: auto; margin-top: 0px; border: 0px; background: #FFF; width: 100%; font-size:8pt; color: #7a9dad; margin-bottom:0px; height: auto; padding:0px; }

  .leftline { width:100%; }
  #leftcontent { width:100%; }
  #leftbox { height:auto; min-height:0; padding:0px 10px 0px 10px; }
  #leftbox > ul { display:none; }

  .bottombox { display:none; }

  #right { float:none; padding:0px 0px 20px 0px; margin-top:0px;  height: auto; width:100%; box-sizing:border-box; }
  #right .fotobox { display:none; }
  #right .infobox { border:none; background:#EBEBEB; }
  #right .infobox div { padding:10px; border:none; }
  #right .infobox div p { display:inline-block; } 
  #content { margin-left:0px; padding:0px 10px 20px 10px; line-height:19px; border-right:none; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; }
  #impressum { clear:left; width:100%; margin-left:0px; background:#DEDEDE; margin-bottom:0; padding:10px 10px 10px 10px; text-align:left; box-sizing:border-box; }
  #impressum a { display:block; padding:5px 0px 5px 0px; }

  .anfrageBtn { padding-top:7px; margin-top: -40px; margin-right:200px; float:right; }  

}

@media screen and (min-width:320px) and (max-width:640px) {
  .tx-powermail legend { }
  .tx-powermail fieldset { }
  .tx-powermail label { width:100%; padding-top:10px; display:block; }
  .tx-powermail input { width:100%; height:25px; }
  .tx-powermail select { width:100%; height:25px; }
  .tx-powermail testarea { width:100%; }
  .tx-powermail .powermail_field.powermail_submit { width:150px; margin-top:10px; }
  
  .tx-felogin-pi1 input { width:100%; height:25px; }
  
   #divisions { height:auto; }
  #divisions ul { text-align:center; }
  #divisions li { margin:0px auto 20px auto !important; float:none !important; }
  
  .anfrageBtn { padding-top:7px; margin-top:0px; margin-right:0px; float:none; }  
}