/* BOF Effektboxen */
.teamframe {
background:#d7d7d7;
height:760px;
margin:0;
padding:0;
}
.mtop {
width:152px;
margin: -50px auto 0 auto;
padding:0;
}
.teamhead {
position:absolute;
width:304px;
height:97px;
top:0px;
left:0px;
text-align:center;
padding:55px 0 0 0;
}

.joblink  {
position:absolute;
top:456px;
left:0;
width: 122px;
height: 97px;
background: #d7d7d7;
padding:55px 15px 0 15px;
margin:0;
}
#content .joblink a.arr:link, #content .joblink a.arr:visited {
font-size:14px;
color:#000;
}
#content .joblink a.arr:focus, #content .joblink a.arr:hover, #content .joblink a.arr:active {
color:#fff;
}
#left .view, #content .view {
width: 152px;
height: 152px;
overflow: hidden;
position: relative;
cursor: default;
background: #ccc;
padding:0;
margin:0;
}
#left .view .mask, #left .view .content,
#content .view .mask, #content .view .content {
   width: 122px;
   height: 122px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
padding:15px 15px;
   }
#left .view img, #content .view img {
   display: block;
   position: relative;
}
#left .view h2, #content .view h2, #content .joblink h2 {
font-family: 'open_sansbold',Arial,Helvetica,sans-serif;
font-weight:normal;
color: #80931a;
position: relative;
font-size: 14px;
line-height:18px;
padding:0;
margin:0;
}
#left .view p,
#content .view p {
position: relative;
color: #000;
margin:0 0 4px 0;
padding:0;
font-size:12px;
line-height:15px;
}
#left .view a:link, #left .view a:visited,
#content .view a:link, #content .view a:visited {
text-decoration: none;
width:76px;
height:29px;
line-height:29px;
padding:0;
color: #000;
font-size:29px;
background:#96ad21;
text-align:center;
display:block;
font-family: 'open_sansbold',Arial,Helvetica,sans-serif;
font-weight:normal;
color:#fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
margin:0 0 0 -15px;
}
#left .view a:focus, #left .view a:hover, #left .view a:active,
#content .view a:focus, #content .view a:hover, #content .view a:active {
background:#706f6f;
}

#left .view-tenth img, #content .view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
#left .view-tenth .mask, #content .view-tenth .mask {
   background:transparent;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#left .view-tenth h2, #content .view-tenth h2 {
   background: transparent;
   margin:0;
   padding:0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #80931a;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#left .view-tenth p, #content .view-tenth p {
   color: #000;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
#left .view-tenth:hover img, #content .view-tenth:hover img ,
#left .view-tenth:active img, #content .view-tenth:active img{
   -webkit-transform: scale(5);
   -moz-transform: scale(5);
   -o-transform: scale(5);
   -ms-transform: scale(5);
   transform: scale(5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#left .view-tenth:hover .mask, #content .view-tenth:hover .mask,
#left .view-tenth:active .mask, #content .view-tenth:active .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#left .view-tenth:hover h2, #left .view-tenth:hover p, 
#content .view-tenth:hover h2, #content .view-tenth:hover p,
#left .view-tenth:active h2, #left .view-tenth:active p, 
#content .view-tenth:active h2, #content .view-tenth:active p {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
/* EOF Effektboxen */
.team1 {position:absolute;top:0;left:304px;z-index:9;}
.team2 {position:absolute;top:0;left:456px;z-index:9;}
.team3 {position:absolute;top:0;left:608px;z-index:9;}
.team4 {position:absolute;top:0;left:760px;z-index:9;}
.team5 {position:absolute;top:0;left:912px;z-index:9;}

.team6 {position:absolute;top:152px;left:0px;z-index:9;}
.team7 {position:absolute;top:152px;left:152px;z-index:9;}
.team8 {position:absolute;top:152px;left:304px;z-index:9;}
.team9 {position:absolute;top:152px;left:456px;z-index:9;}
.team10 {position:absolute;top:152px;left:608px;z-index:9;}
.team11 {position:absolute;top:152px;left:760px;z-index:9;}
.team12 {position:absolute;top:152px;left:912px;z-index:9;}

.team13 {position:absolute;top:304px;left:0px;z-index:9;}
.team14 {position:absolute;top:304px;left:152px;z-index:9;}
.team15 {position:absolute;top:304px;left:304px;z-index:9;}
.team16 {position:absolute;top:304px;left:456px;z-index:9;}
.team17 {position:absolute;top:304px;left:608px;z-index:9;}
.team18 {position:absolute;top:304px;left:760px;z-index:9;}
.team19 {position:absolute;top:304px;left:912px;z-index:9;}

.team20 {position:absolute;top:456px;left:152px;z-index:9;}
.team21 {position:absolute;top:456px;left:304px;z-index:9;}
.team22 {position:absolute;top:456px;left:456px;z-index:9;}
.team23 {position:absolute;top:456px;left:608px;z-index:9;}
.team24 {position:absolute;top:456px;left:760px;z-index:9;}
.team25 {position:absolute;top:456px;left:912px;z-index:9;}

.team26 {position:absolute;top:608px;left:0px;z-index:9;}
.team27 {position:absolute;top:608px;left:152px;z-index:9;}
.team28 {position:absolute;top:608px;left:304px;z-index:9;}

/* Noch nicht vergeben*/
.team29 {position:absolute;top:608px;left:456px;z-index:9;}
.team30 {position:absolute;top:608px;left:608px;z-index:9;}
.team31 {position:absolute;top:608px;left:760px;z-index:9;}
.team32 {position:absolute;top:608px;left:912px;z-index:9;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
.teamframe {height:912px;}
.team5 {top:608px;left:456px;}
.team12 {top:608px;left:608px;}
.team19 {top:608px;left:760px;}
.team25 {top:760px;left:0px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1220px) {
.mtop {margin: -30px auto 0 auto;}
.team4 {top:760px;left:152px;}
.team11 {top:760px;left:304px;}
.team19 {top:760px;left:606px;z-index:99;}
.team18 {top:760px;left:456px;}
/* left -2 wg. Rand */
.team3 {left:606px;z-index:99;}
.team10 {left:606px;z-index:99;}
.team12 {left:606px;z-index:99;}
.team17 {left:606px;z-index:99;}
.team23 {left:606px;z-index:99;}
.team24 {left:606px;z-index:99;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1020px) {
.mtop {margin: -15px auto 0 auto;}
.teamframe {height:1216px;}
.team3 {top:912px;left:0;}
.team10 {top:912px;left:152px;}
.team17 {top:912px;left:304px;}
.team12 {top:912px;left:456px;}
.team24 {top:1064px;left:0;}
.team19 {top:1064px;left:152px;}
.team23 {top:1064px;left:304px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 900px) {
.mtop {width:456px;margin: -20px auto 0 auto;}
.teamframe {height:912px;}
#left .view {float:left;}
.joblink, .teamhead, .team1, .team2, .team3, .team4, .team5,
.team6, .team7, .team8, .team9, .team10, .team11, .team12, .team13, .team14, .team15,
.team16, .team17, .team18, .team19, .team20, .team21, .team22, .team23, .team24, .team25
.team26, .team27, .team28, .team29, .team30, .team31, .team32 {position:static;float:left;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 808px) {
.teamframe {height:1216px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 650px) {
.teamframe {height:1520px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 480px) {
.mtop {width:152px;}
#left .view {float:none;}
.teamframe {height:2280px;}
}