@import url(../firasans/stylesheet.css); 

.menu {list-style-type: none; margin: 0; padding: 0}
.menu ul {padding-left: 1em}
.box {padding: 15px}

h1, h2, h3, h4, h5 {font-family: 'fira_sans_otbold', arial, helvetica, sans-serif;}

.fa-1 {font-size: 1.2em}
.fa-2 {font-size: 1.2em}
.fa-3 {font-size: 1.6em}

.box {padding: 1em}

.container {max-width: 1024px}


.alignleft, img[style*="float: left"] {float: left; margin-right: 16px}
.alignright, img[style*="float: right"] {float: right; margin-left: 16px}

/* BODY ----- */
body {background: #fff; min-width: 312px !important}

/* HEADER ----- */
#header {background: url('../images/header_bg.jpg') no-repeat center bottom #2DAFEB; font-family: 'fira_sans_otlight', arial, helvetica, sans-serif }

#header #legals {float: right; margin-top: 5px; margin-bottom: 10px}
#header #legals li {float: left; margin-left: 10px; border-right:1px solid #fff; padding-right: 10px}
#header #legals li.last_el {border:none}
#header #legals li a {color: #fff; text-transform: uppercase}
#header #legals li a span {display: block;	line-height: 1em !important;}

#header #menu {padding-top: 10px;}
#header #menu .inner {background: url('../images/header_grad_top.gif') repeat-x top #fff; border-top: 1px solid #fff}
#header #menu .inner .row {position: relative}
#header #menu #headermenu ul {margin-top: 70px;}
#header #menu #headermenu ul li {float: left; padding-right: 20px}

#header #menu #headermenu a {color: #aaa}
#header #menu #headermenu:hover a {color: #aaa}
#header #menu #headermenu ul li a, #header #menu #headermenu ul li.activeparent a {color: #555; text-decoration: none;}
#header #menu #headermenu ul li.active a, #header #menu #headermenu ul li a:hover {color: #000;}
#header #menu #headermenu ul li.last_el {padding: 0} 
#header #menu #rspvmenu_opener {font-size: 1.5em; color: #333}
#header #menu #rspvmenu {background: #333333; box-shadow: 0 0 8px #000 inset}
#header #menu #rspvmenu li {}
#header #menu #rspvmenu li a {display: block; padding: 0.6em 1em; color: #fff; text-decoration: none}
#header #menu #rspvmenu li a:hover {}


/* Slideshow ----- */
.carousel.carousel-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}


#headerslideshow2 img {}
#headerslideshow2 #clouds {position: absolute; right: 0; z-index: 9999; width: 54%; min-height: 266px; display: block; background: url('../images/clouds.png') no-repeat left top}
#headerslideshow2 .carousel-inner .item {padding-bottom: 100px; width: 100%}
#headerslideshow2 .carousel-caption {background: #fff; display: block; width: 100%; left: 0 !important; bottom: 0; color: #000; text-shadow: none}
#headerslideshow2 .carousel-caption h3 {margin: 0; font-family: 'fira_sans_otbold', arial, helvetica, sans-serif;}
#headerslideshow2 .carousel-caption em {color: #888}
#headerslideshow2 .carousel-control {height: 40px; width: 40px; bottom: 50px !important; top: auto; color: #000; z-index: 9999; background: none !important; text-shadow: none; text-align: center; display: block}
#headerslideshow2 .control {color: #000}

#headerslideshow {}
#headerslideshow img {width: 100%}
#headerslideshow #clouds {position: absolute; right: 0; z-index: 999}
/*#headerslideshow img {width: 100%}*/
#headerslideshow .carousel-control {z-index:99999}

/* Menuindicator */
.menuindicator {background: #b2d5ea; height: 2px; overflow: hidden; position: absolute; bottom: 0; width: 100%}
.menuindicator .move {background: #29abe2; height: 5px; width: 234px; float: right}


/* MAIN ----- */
#main {background: url('../images/main_shadow_top.png') repeat-x top; margin-top: -15px; padding-top: 15px; padding-bottom:50px; position: relative; z-index: 10; line-height: 160%}
#main #main_bg {background: url('../images/main_grad_bg2.gif') repeat-x top;}
#main .container {background: url('../images/main_shadow_left.png') no-repeat left top; padding-right:0}
#main .container .inner {background: url('../images/main_shadow_right.png') no-repeat right top; padding-right: 15px}


/* Content */
#main #content {min-height: 500px; background: #fff; font-size: 14px; color: #4d4d4d}
#main #content .pagetitle {margin-top: 0; padding-top: 43px; border-bottom: 1px solid #999; font-family: 'fira_sans_otbold', arial, helvetica, sans-serif; line-height: 100%}
#main #content .pagetitle span.line {background: #fff; padding-right: 0.5em;}
#main #content .pagetitle span .part0 {color: #0071bc}
#main #content .subline {font-family: 'fira_sans_otlight', arial, helvetica, sans-serif; font-style: italic; font-size: 1.1em; color: #888}

#main #content ul li {margin-bottom: 0.6em}

/* Left */
#main #left {background: #e6e6e6; padding: 0; font-family: 'fira_sans_otlight', arial, helvetica, sans-serif; min-height: 5em}
#main #left .menu li {margin-bottom: 1px}
#main #left .menu li a {color: #0071bc; text-decoration: none; line-height: 100%}
#main #left .menu li.active a span , #main #left .menu li a:hover span {background: #0071bc; color: #fff; line-height: 100%;}

#main #left .menu li a span {padding: 1em 1em 0.8em; display: block;}

#main #right {background: #e6e6e6}
#main #right .box {padding: 1em 0}

/* Other Stuff */

/* Startmenu */
#startmenu {margin-bottom: 30px}
#startmenu .item {color: #000;}
#startmenu .item .inner {position: relative; padding: 0; display: block; color: #000; background: none}
#startmenu .item .inner .caption {position: absolute; bottom: 0; background: rgba(255,255,255,0.8); width: 100%;  display: block; padding: 10px 10px 8px;  border-top:1px solid #fff}
#startmenu .item .inner .caption .title {font-size: 1.2em; font-family: 'fira_sans_otlight', arial, helvetica, sans-serif; font-weight: 300; text-transform: uppercase; margin: 0;}
#startmenu .item .inner .caption .content {padding: 5px 0 0 0}

#startmenu .inner .content {
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	-ms-transition: all .5s ease;
}

#startmenu .inner:hover .content {max-height: 200px;}



/* Jobs */
#joblisting {}
#jobdetail {}
#jobdetail .title {margin-top: 0; font-family: 'fira_sans_otbold', arial, helvetica, sans-serif;}
#jobdetail #infobox {background: #E6E6E6; font-size: 0.9em; margin: 0  0 15px}

/* History */
#history {}
#history .item p:last-child {margin-bottom: 0}
#history .item h3 {margin-top: 0}
#history hr {margin-top: 30px; margin-bottom: 30px}
/* Sitemap */
#sitemap a {background: #2DAFEB; padding: 0.2em 0.7em; color: #fff; display: block; margin-bottom: 1px;}
#sitemap .level2 {padding: 0;}
#sitemap .level2 a {background: #eaeaea; color: #666}

/* FOOTER ----- */
#footer {background: #3d3d3d; padding-top: 1em; padding-bottom: 1em; color: #b3b3b3; font-size: 12px; color: #eaeaea;}
#footer a {color: #eaeaea;}
#footer #hotline {font-weight: normal;}
#footer #hotline * {font-family: 'fira_sans_otmedium', arial, helvetica, sans-serif;}
#footer #hotline h3 {font-size: 1.5em;}
#footer #hotline h2 {font-size: 2em;}

#footer #hotline * {margin: 0;}

#footer .address {font-size: 0.95em; margin-bottom: 10px}

@media(max-width:768px){
	#header {padding-top: 20px}
	.container {padding: 0}
	#main .container .inner {background: #fff}
}