body, html{
	margin:0;
	padding:0;
}

/* UPPER NAVIGATION */

#upper-header{
	background: #144997;
	padding: 8px 0;
}

ul#contact, ul#upper-nav{
	list-style: none;
	margin:0;
	padding:0;
}
ul#contact > li, ul#upper-nav > li{
	color: #fff;
	display: inline-block;
	margin-right: 10px;
}
ul#contact > li > a, ul#upper-nav > li > a{
	color: #fff;
	text-decoration: none;
	transition: .2s;
}
ul#contact > li > a:hover, ul#upper-nav > li > a:hover{
	color: #ccc;
	text-decoration: none;
}

ul#contact{
	float: left;
}
nav#secondary{
	float: right;
}

/* NAVIGATION DROPDOWN */

.dropdown img{
	width: 16px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu{
	border: 1px solid #144997;
	margin: 0;
	padding: 0;
}
.dropdown-menu li a{
	color: #144997;
}
.dropdown-menu li a:hover{
	background: #144997;
	color: #fff;
}

/* BREADCRUMBS */

#breadcrumbline{
	background: #F5F5F5; 
	margin-bottom: 20px;
}
#logininfo{
	float: right;
}

/* MAIN HEADER */

.logo img {
	width: 90%;
	margin: 5% 10% 5% 0;
}

ul#main-nav{
	list-style: none;
	margin: 10% 0;
	padding: 0;
	float: right;
}
ul#main-nav > li{
	color: #144997;
	display: inline-block;
	margin-left: 30px;
}
ul#main-nav > li > a{
	color: #144997;
	text-decoration: none;
	font-size: 1.5em;
	transition: .2s;
}
ul#main-nav > li > a:hover, ul#main-nav > li > a.active{
	color: #96bf3d;
	text-decoration: none;
	transition: .2s;
}

@media screen and (max-width: 768px){
	ul#main-nav {
		border: 1px solid #144997;
		float: none;
		margin-top: 0px;
		text-align: center;
	}
	
	ul#main-nav > li {
		display: block;
		margin-left: 0px;
	}
	
	ul#main-nav li.dropdown{
		margin: 0;
		position: static;
	}
	ul#main-nav li.dropdown a.dropdown-toggle{
		text-align: center;
	}
	ul#main-nav li.dropdown a.dropdown-toggle .caret{
		display: none;
	}
	ul#main-nav li.dropdown ul.dropdown-menu{
		border: 1px solid #144997;
		border-radius: 0;
		display: block;
		float: none;
		margin: 10px;
		position: static;
	}
	ul#main-nav li.dropdown li{
		text-align: center;
	}
}

#navbar-toggleContainer{
	text-align: center;
	width: 100%;
}
.navbar-collapse.in{
	overflow-y: visible;
}
.navbar-toggle{
	border: 1px solid #144997;
	color: #144997;
	float: none;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	position: static;
}

/* SLIDER */

#slider{
	margin-bottom: 20px;
	margin-top: -20px;
}

/* PANEL */

.panel-footer{
	color: #AAA;
	font-size: 10pt;
}

/* Grid */

.row{
	margin-bottom: 5px;
}

/* FOOTER */

div#social{
	background: #eee;
	color: #ccc;
	font-size: 2em;
	padding: 10px 0;
	text-align: center;
	margin-top: 50px;
}

i.fa{
	display: inline-block;
	margin: 0 10px;
}

#social a{
	color: #ccc;
	transition: .3s;
}
#social a:hover{
	color: #144997;
}

.footer{
	background: #144997;
	padding: 20px 0;
}

.logos img{
	height: 50px;
	width: auto !important;
	margin: 0 5px 30px 5px;
}
.logos > img:nth-child(1){
	padding-right: 10px;
	border-right: 1px solid #fff;
}

footer h3{
	color: #fff;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 1.5em;
}

footer ul{
	margin: 0 0 30px 0;
	padding: 0;
}
footer li{
	color: #fff;
	list-style: none;
	margin-bottom: 5px;
}

footer a{
	color: #fff;
	transition: .2s;
}
footer a:hover{
	color: #ccc;
	text-decoration: none;
}

.copyright{
	color: #fff;
	text-align: center;
}

/* Ordnericons */

.fileIcon{
	float: left;
	height: 15px;
	margin-right: 10px;
	width: 15px;
}
.folderClosed{
	background: url(../img/symbols/folder_closed.png);
	cursor: pointer;
}
.folderOpen{
	background: url(../img/symbols/folder_open.png);
	cursor: pointer;
}


/* Teampage */

.teamMember{

}

.label{
	font-size: 10px;
}
.label a{
	color: #fff;
}

input:required:valid{
	border-color: #419641;
}
input:required:invalid{
	border-color: #D9534F;
}

.bg-msg{
	padding: 15px;
}

#ajaxLoader{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #ajaxLoader {
    display: block;
}

.job-list{
	margin-top: 10px;
	width: 100%;
}

.job-btn{
	border-radius: 0px;
}

.job-select{
	float: left !important;
	margin-left: 5px !important;
}

.btn {
	border-radius: 0px;
}

.btn-xs {
	border-radius: 0px;
}

.modal-content {
	border-radius: 0px;
}

.modal-body img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.job-select .dropdown-menu{
	border-radius: 0px;
}

.job-list > :first-child{
	border-width: 0px 0px 1px 0px;
}

.job-list > :last-child{
	border-width: 0px 0px 0px 0px;
}

.job-offer {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.job-offer:nth-child(even){
	background: #f5f5f5;
}

.job-offer:hover {
	background: #144997;
	color: #fff;
}

.job-offer:hover .btn{
	color: #000;
}

.job-offer:hover a{
	color: #9cbc1c;
}



.job-offer h1{
	font-size: 13pt;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
}

.job-offer .job-info{
	font-size: 9pt;
}

.job-offer .job-info .job-space{
	margin: 0px 5px 0px 15px;
}

.toggle-details{
	cursor: pointer;
}

.job-offer .job-details {
	border-bottom: 1px dotted;
	border-top: 1px dotted;
	display: none;
	margin-bottom: 5px;
}