/*Fonts*/
@font-face {
    font-family: 'gillsans';
    src: url('/css/font/gillsansmt.eot?v=1.0');
    src: url('/css/font/gillsansmt.eot?v=1.0') format('embedded-opentype'),
         url('/css/font/gillsansmt.woff?v=1.0') format('woff'),
         url('/css/font/gillsansmt.ttf?v=1.0') format('truetype'),
         url('/css/font/gillsansmt.svg#gillsans?v=1.0') format('svg');

}


@font-face {
    font-family: 'gillsans';
 src: url('/css/font/gillsansmt.eot');
    src: url('/css/font/gillsansmt.eot?v=1.0') format('embedded-opentype'),
         url('/css/font/gillsansmt.woff?v=1.0') format('woff'),
         url('/css/font/gillsansmt.ttf?v=1.0') format('truetype'),
         url('/css/font/gillsansmt.svg#gillsans?v=1.0') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica';
    src: url('/css/font/helvetica.eot');
    src: url('/css/font/helvetica.eot?#iefix&v=1.0') format('embedded-opentype'),
         url('/css/font/helvetica.woff?v=1.0') format('woff'),
         url('/css/font/helvetica.ttf?v=1.0') format('truetype'),
         url('/css/font/helvetica.svg#helvetica?v=1.0') format('svg');
}

@font-face {
    font-family: 'helvetica';
    src: url('/css/font/helvetica.eot?v=1.0');
    src: url('/css/font/helvetica.eot?v=1.0') format('embedded-opentype'),
         url('/css/font/helvetica.woff?v=1.0') format('woff'),
         url('/css/font/helvetica.ttf?v=1.0') format('truetype'),
         url('/css/font/helvetica.svg#helvetica?v=1.0') format('svg');
}

body {
    font-family: "gillsans", verdana;
    font-size: 14px;
    line-height: 16px;
    color: #000;

}
#wrap {
	height: auto !important;
    margin: 0 auto -178px;
    min-height: 100%;
    padding: 113px 0 178px;

	overflow-x:hidden;
}

h1{
	margin-top:0;
	font-size:17px;
	font-weight:bold;
}
h2{
	font-size:16px;
}
h3{
	font-size:16px;
}
h4{
	font-size:16px;
}
.position-page h2 {
	font-weight:600;
		}
.position-page h3 {
	font-weight:600;
		}

.header{
}

.margin-top{
	margin-top:30px;
}

.logo{
    margin-top:10px;
}

.page-title{
    margin-bottom:20px;
}

.search{
    margin-top:10px;
}

.results{
	margin-top:20px;
}

.carousel{
    border-bottom: 5px solid #00335c;
}

.carousel-inner {
	min-height:334px;
		}

.carousel-caption{
    background-color: rgba(2, 2, 2, 0.4);
    width:34%;
  	margin-top: 90px;
    right: 15%;
    bottom: 0px;
    left: 20%;
    z-index: 10;
    padding: 30px 30px 15px 30px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

.quote{
    font-size:16px;
    line-height:24px;
    font-style:italic;
	font-weight:bold;
}

.source{
	font-style:italic;
    font-size:16px;
    margin-top:16px;
}


.consultans{
	margin-bottom:20px;
}

.office-page table td {
			border:none;
		}
.consultans a{
	text-decoration:none;
	color:#000!important;
}

.staff-well{
	border: 1px solid #C0C0C0;
	padding: 15px 15px 0 15px;
	border-right: 5px solid #00335C;
	margin-bottom:20px;
	min-height:290px;
}

.staff-well:hover{
	text-decoration:none;
	color:#000!important;
	opacity:0.6;
}

.staff-well img{
	margin-bottom:15px;
}

.icons{
	padding-top:10px;
	float:right;
}

.info{
	box-shadow: 2px 2px 30px #F5F5F5;
	border-right: 5px solid #00335C;
	padding:20px;
}

.info img{
	margin-bottom:20px;
}

.resume{
	padding-left:40px;
}

.bread{
    background-color: #EFEFEF;
	margin-bottom: 20px;
}

.breadcrumb {
    padding: 8px 0px;
    font-size:12px;
    margin-bottom: 3px;
    background-color: #EFEFEF;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 12px 14px;
	margin: 20px 0 0 0;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-toggle .icon-bar {
	background-color: #013556;
}

.navbar-brand>img {
	max-height: 50px;
	padding-bottom: 9px;
}

.navbar{
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    min-height:113px;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0px 8px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 8px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 8px 10px 0px rgba(50, 50, 50, 0.4);
}


.navbarxs{
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    min-height:75px;
    background-color: #f8f8f8;
	margin-top:-113px;
	border-bottom:1px solid #D7D7D7;
}


.navbar-nav{
    margin-top: 5px;
}


.navbar-nav>li>a {
    color: #003556;
    font-size:17px;
    font-weight: normal;

}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;

}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 0 15px 30px;
}

.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active {
    text-decoration: none;
    background-color: transparent;
    color:#6c76b7;
}

.nav >.active> a {
    color:#6c76b7;
}

.navbar-form img {
	height:32px; margin-left:5px;
	display:inline-block;
}
.sidebar{
	margin-top:30px;
}

.pageformular .form-control {
	margin-bottom:10px;
	}


.snippet, .snippetblue {
    border: 10px solid #ECECEC;
    padding: 0 !important;
    margin-bottom: 30px;
}

.snippetblue{
    border: 10px solid #000;
}

.snippet p, .snippetblue p{
    margin:0!important;
}

    .snippet .link a, .snippetblue .link a {
        display: inline-block;
        background-color: #003b5a;
        width: 100%;
        padding: 20px 16px;
        text-transform: uppercase;
        color: #fff;
        height: 75px;
    }

        .snippet .link a:hover, .snippetblue .link a:hover {
            background-color: #003b5a;
            width: 100%;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none;
        }

.snippet img, .snippetblue img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 183px;
	overflow-y:hidden;
}

.rightcol{
	margin-top:20px;
}

.rightcol img{
	margin-bottom:20px;
}

.rightcol a{
	text-transform:uppercase;
	text-decoration:none;
}

.puzzleimage{
	clear:both;
	display:inline-block;
	margin-top:20px;
}

#backbutton {
	padding: 15px;
	display: block;
	font-size: 19px!Important;
	float: left;
	clear: both;
	width: 130px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	margin-top: 20px;
}




tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

table.newtable td {
	padding: 10px;
}

table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

table#sam_table {
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

table#sam_table, table#sam_table p, table#sam_table li {
	line-height: 24px;
}

table#sam_table td {
	vertical-align: top;
	padding: 5px;
	background: #6C76B7;
	color: #FFF;
	float: left;
	height: 380px;
	margin-right: 5px;
	width: 105px;
	margin-bottom: 20px;
	border:5px solid transparent;
}

.yellow_table_head td {
	background: none repeat scroll 0 0 #BDBEC1 !important;
	height: 40px !important;
}

tr.yellow_table_head h6, table#sam_table.red h6 {
	font-size: 19px;
	line-height: 20px;
}

td.tdautoheight {
    height: auto !Important;
    /* width: auto!important; */
    text-align: center;
    background: #415e80 !important;
}

/*td.tdautoheight.large {
	width: 496px!important;
}*/

.positions-table thead {
	background:#00335c;
	color:#FFF;
}
.positions-table tbody tr{
	border-bottom:1px solid #CCC;

}
.positions-table tbody td{
	padding: 5px 15px;;

}
.positions-table {
	border-collapse:collapse;

}
.resume td {
	border:none;

	}

.standard-page td {
	border:none;
	padding:0;
		}
.standard-page td p {
	margin:0;
	}
#footer {
    margin-top:30px;
    border-top: 11px solid #000;
    background-image:url("/media/1005/footerbackground.jpg");
    background-repeat:repeat-x;
    min-height:386px;
    color: #838383;
    font-family: Arial;
    font-size: 12px;
    padding-top:40px;
}
#semlogo {
    margin-top: 35px;
    position: relative;
    width: 100%;
}
div#imagemap {
    left: 37%;
    position: absolute;
    top: 25%;
	}
div#semlogo .box {
    background: url("http://sam-int.com/img/layout/titelbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 200px;
    padding: 10px;
    width: 27%;
}
div#boxleft {
    float: left;
}
div#boxright {
    float: right;
}
div#leftbottom {
    float: left;
}
div#rightbottom {
    float: right;
}
/*Positions style - start*/
a.applybutton {
    background: none repeat scroll 0 0 #dceef4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    min-height: 32px;
    padding: 20px;
    color:#000;
    text-align: center;
    min-width:220px;
}
a.applybuttonsidebar {
    background: none repeat scroll 0 0 #dceef4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    min-height: 32px;
    padding: 20px;
    color:#000;
    text-align: right;
    width:100%;
}
.position-body-sidebar {
    text-align: right;
    display:block;
    float:right;
}
.position-body-sidebar .col-sm-12 img {
    display:block;
    float:right;
}
a.applybutton .firstbuttontop {
    float: left;
    line-height: 32px;
    margin-top: 30px;
}
a.applybutton .second{
    float: right;
    line-height: 32px;
    margin-top: 30px;
}
.position-body-sidebar div {
    border-bottom:1px solid #ccc;
    padding:10px 0;
}

a.backto {
    background: none repeat scroll 0 0 #e2e2e2;
    color:#000;
    display: block;
    float: right;
    font-family: Arial,Verdana;
    margin-left: 2px;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
}
.position-header{
    position:relative;
    top:20px;
}
.position-header-text {
    top:0;
    margin:10px 0;
}
.position-header-text h1{
    font-family:"gillsans", Verdana;
    font-size: 16px;
    line-height: 1.2em;
    padding:0;
    margin:0;
    font-weight:600;
}
.position-header-text h2{
    font-family:"gillsans", Verdana;
    font-size: 16px;
    line-height: 1.2em;
    padding:0;
    margin:0;
    font-weight:600;
}
.position-header-text p{}
.position-header-image{}
.position-header-image img{}
.position-body{}
.position-body-content{}
.pagination {
	font-family: "gillsans",verdana !important;
    font-size: 14px;
	line-height:16px;
	text-transform:capitalize;
	text-align:center;
}
.pagination a{
    font-family: arial;
    font-size: 12px;
    text-align: center;
	color:#000;
}
.pagination-pointers {
    font-family: arial;
    font-size: 12px;
    text-align: center;

}
.cd_searchform{
border-left: 5px solid #000;
    padding: 30px 20px;
    background-color:#EEEEEE;
    height:100%
}
.cd_searchform input {
    border:  none;
    padding: 1% 5%;
    width: 90%;
    margin:10px 0;
}
.cd_searchform .submitsearch {
    background: none repeat scroll 0 0 #000;
    border: none;
    color: white;
    font-weight: lighter;
    padding: 5px;
    width: 90%;
}
/*.cd_searchform .submitsearch:hover {
        background: none repeat scroll 0 0 #14558A;
        color: black;
        outline: medium none;
    }*/

/*Positions style - End*/
.staff-well img {max-widht:60px; max-height:80px;}
.pos-nav {max-width:100%;font-size:11px;text-transform:uppercase;color:#000;}
.pos-nav-single {background-color:#ECECEC;line-height:60.5px;margin:0;border-bottom: 1px solid #ccc;}
.pos-nav-single:hover {background-color:#FFFFFF;}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.table-responsive
{
    overflow-x: auto;
}
/*
Generic Styling, for Desktops/Laptops
*/
table {
  max-width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  /*background: #eee; */
}
th {
  background: #000;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/


@media
only screen and (min-width: 760px),
(min-device-width: 768px)  {
.hidden-md {
display:none;
}
}
	@media
only screen and (max-width: 759px),
(max-device-width: 767px)  {
.hidden-md {
display:block;
}
			.pos-company-logo {
			max-height:60px;max-width:60px; margin:10px 0; display:block;
		}

}
@media
only screen and (max-width: 768px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}
	.pos-table tbody tr {
	border: 1px solid #ccc;
    display: table;
    position: relative;
    width: 100%;
				}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding:0 1% !important;


	}

	td:before {
		/* Now like a table header */
		position: relative;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		width: 45%;
		/*padding-right: 10px; */
		white-space: nowrap;
	font-weight:300;
	display:inline;
	}

	/*
	Label the data
	*/
	.pos-table td:nth-of-type(1):before { content: ; }
	.pos-table td:nth-of-type(2):before { content: "Position:"; }
	.pos-table td:nth-of-type(3):before { content: "Country:"; }
	.pos-table td:nth-of-type(4):before { content: "Industry:"; }
	.pos-table td:nth-of-type(5):before { content: "ID:"; }
	.pos-table td:nth-of-type(6):before { content: ; }
.btn-pos {

	float:right;
	background: none repeat scroll 0 0 #00335c;
    color: #fff !important;
    display: block;
    padding: 0 2%;
    text-align: center;
    width: 100px;
	margin-bottom:5px;
}
.pos-company-logo {
			max-height:60px;max-width:75px; margin:10px 0; display:block;
		}
.sm-pull-right {
			float:right!important;
		}
.navbar-form img {
	/*height:32px; margin-left:5px;*/
	display:none!important;
}

}
div.link a{
    background: url("/css/img/contentpfeil.png") no-repeat scroll 95% 37% #000;
    color: white;
    padding: 20px;
    transition: all 0.3s ease-in-out 0s;
    width: 165px;
}

div.link a:hover {
    background-color: #000;
    background-position: 85% 37%;
    transition: all 0.3s ease-in-out 0s;
}
/*****************************************SAM TABLE START***************************************************/
.backbutton {
padding: 15px;
display: block;
font-size: 19px!Important;
float: left;
clear: both;
width: 130px;
text-align: center;
color: #FFF;
cursor:pointer;
margin-top: 20px;
}

.backbutton.green {
    background: none repeat scroll 0 0 #9eb122;
}
.backbutton.blue {
    background: none repeat scroll 0 0 #6c76b7;
}
.backbutton.yellow {
    background: none repeat scroll 0 0 #f3c207;
}
.backbutton.red {
    background: none repeat scroll 0 0 #dc1736;
}
table#sam_table img{position: relative;top: -2px;}
table#sam_table.green td {
    width:145px;
}
table#sam_table, table#sam_table p, table#sam_table li {
line-height: 24px;
}
tr.yellow_table_head h6, table#sam_table.red h6 {
font-size: 19px;
line-height: 20px;
}
table#sam_table {

    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
table#sam_table td {
    vertical-align: top;
    padding: 0;
    background: #243952;
    color: #FFF;
    float: left;
    height: 400px;
    margin-right: 5px;
    width: 125px;
    margin-bottom: 20px;
    border: 5px solid transparent;
}
table#sam_table.green td.tdautoheight.large {
 width: 445px!important;
}
td.tdautoheight.large {
 width: 516px!important;
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	div#imagemap {
    left: 32%;
    position: absolute;
    top: 25%;
}
table#sam_table.red_table_head td {height:60px!important;}
table#sam_table.red td {width:90px!important;margin:0!Important;}
table#sam_table.red td.tdautoheight.large {max-width: 100px!Important;}
table#sam_table, table {width:auto!important;}
table#sam_table, table td {padding:0!important;}
}

/* Desktops and laptops ----------- */
@media only screen
and (max-width : 768px) {
table#sam_table, table {width:100%!Important;}
	.hidden-xs {display:none;}
}

/* Large screens ----------- */
@media only screen
and (max-width : 1024px)
		{
	.pos-company-logo {
			max-height:60px;max-width:100px; margin:10px 0; display:block;
		}
table#sam_table.red td.tdautoheight.large {width:100%!Important;}
table#sam_table.red td {width:100%!Important;}

table#sam_table td, table td, table#sam_table.green td.tdautoheight.large,table#sam_table.yellow td {
width: 98%!Important;
float: left;
padding:10px 0 0 0;
border:0!important;
/*display: inline-block;*/
clear: both;
height:auto!Important;

margin: 5px 5px 0;
}
table#sam_table, table {width:100%!Important;}
table.pos-table {
  max-width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  /*background: #eee; */
}
table.pos-table th {
  background: #00335C;
  color: white;
  font-weight: bold;
}
table.pos-table td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
	float:none;
}
				.pos-nav-single {background-color:#ECECEC;line-height:48px;margin:0;border-bottom: 1px solid #ccc;}
}

.pos-company-logo {
			max-height:60px;max-width:75px; margin:10px 0; display:block;
		}
table#sam_table.green td {
    background: #d0b179;
    color: #fff;
}
table#sam_table.red td {
    background: none repeat scroll 0 0 #568687;
    border: 5px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    height: 250px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
    vertical-align: top;
    width: 130px;
}

table#sam_table.red td.tdautoheight.large {width:515px}
.red_table_head td {
  background: none repeat scroll 0 0 #BDBEC1 !important;
  height: 60px !important;
}

.red_table_side {
      background: none repeat scroll 0 0 #BDBEC1 !important;
}
.red>tbody>tr:last-child>.red_table_side {
	background-color: transparent ! important; height: auto!important;
}

table#sam_table.red td.tdautoheight {
    background: #75bdbf !important;
    margin-top: 20px;
}
table#sam_table.green td.tdautoheight {
    background: #e9c88c   !important;
}
#process {
    padding: 50px 0;
}

table#process .process_header td {
  background: none repeat scroll 0 0 #272771;
  color: #FFFFFF;
  float: left;
  vertical-align: center;
  width: 155px;
  height: 55px !important;
  margin-bottom: 20px;
}

table#process td {
      background: none repeat scroll 0 0 #dadafe;
  color: #000000;
  float: left;
  vertical-align: center;
  width: 155px;
  height: 225px;
   text-align: center;
    margin-right: 5px;
    padding: 15px;
}
table#sam_table.yellow td {
    background: none repeat scroll 0 0 #004e6b;
    border: 5px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    height: 155px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
    vertical-align: top;
    width: 220px;
}
.yellow_table_head td {
  background: none repeat scroll 0 0 #BDBEC1 !important;
  height: 60px !important;
}

table#sam_table.yellow td.tdautoheight {
    background: none repeat scroll 0 0 #117ea6 !important;
    margin-top: 20px;
}
table#sam_table.yellow tr:last-child td{
	width:100%;
	height:auto;
}
#sam_table ul {
padding-left:15px;
	margin:0;
}
#sam_table li {
list-style-position: outside;
}
#sam_table p {
margin:0;
}
#sam_table h6 {
margin:0;
}
/*****************************************SAM TABLE END*****************************************************/
/*****************************************SAM SERVICES PAGE START*******************************************/
@media only screen
and (max-width : 500px) {
div#imagemap {
position: relative;
text-align: center;
margin: 0 auto;
left: auto;
margin-bottom: 30px;
}
div#semlogo .box {
width:100%;
padding:5%;
clear: both;
margin: 0 auto;
margin-bottom:5px;
		float:left;
}

}
@media only screen
and (min-width : 501px)
and (max-width : 768px) {
div#imagemap {position: relative;text-align: center;margin: 0 auto;left: auto;margin-bottom: 30px;}
	div#semlogo .box {
    clear: none;
    margin: 0 auto 5px;
    padding: 5%;
    width: 48%;
}
}

/*****************************************SAM SERVICES PAGE END*********************************************/
/*****************************************SAM CAROUSEL MEDIA QUERIES START*********************************************/
@media
only screen and (min-width: 760px) and (max-width: 1199px),
(min-device-width: 768px) and (max-device-width: 1199px)  {
.carousel-caption{
    background-color: rgba(2, 2, 2, 0.4);
    width:60%;
    position: absolute;
    right: 15%;
    bottom: 0px;
    left: 20%;
    z-index: 10;
    padding: 30px 30px 15px 30px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

.quote{
    font-size:16px;
    line-height:16px;
    font-style:italic;
}

.source{
    font-size:12px;
    margin-top:16px;
}
.navbar-form {
    border: 0 none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
}
.navbar-right {
    float: right !important;
    margin-right: -15px;
}

}

.newtable tr:first-of-type td {
    background-color: #063b5a;
    color: #FFF;
}
.newtable td {
	background-color:#c9c6c4;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */