@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html, body {
    margin: 0;
    padding: 0;
    color:#595c63;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:0.960em;
    background-color:#fcfcfc;
}

.header {
top:0;
position:fixed;
width:100%;
border-bottom:1px solid #d2d2d2;
background-color:#fff;
}

.header-logo {
font-size: 16pt;
    font-weight: 300;
    vertical-align: middle;
    color: #595c63;
    text-decoration: none;
    display: block;
    margin-top: 5px;
}

.header-container {
margin:0 auto;
max-width:1150px;
}

.header-left {
padding:8px;
float:left;
display:inline-block;
padding-left:2%;
}

.header-right {
right:0;
padding-right:10px;
float:right;
display:inline-block;
}

input, textarea, select {
padding:2px;
border:1px solid #d4d4d4;
border-top:1px solid #a0a0a0;
outline:none;
font-family:Open Sans, sans-serif;
color:#616161;
background-color:#fff;
}

textarea {
padding:6px;
}

input, textarea {
padding-left:6px;
}

.big-content {
margin-top:50px;
height:160px;
background-image:url(https://werken-bij.newton.nl/img/wide-header-colleagues.jpg);
background-size: contain;
background-position:top;
background-attachment: fixed;
background-repeat:no-repeat;
background-color:#000;
}

.big-content-container {
max-width:1150px;
margin:0 auto;
}

.big-content-text {
text-align:center;
padding-top:33px;
}

.menu-item {
display:inline-block;
}

.menu-item-link {
display:block;
padding:12px;
padding-top:20px;
padding-bottom:20px;
text-decoration:none;
color:#888888;
}

.menu-active {
font-weight:600;
}

:hover.menu-item-link {
color:#222222;
}

.content-container {
margin:0 auto;
margin-top:20px;
max-width:1150px;
}

.margin-top-65 {
background-image:url(https://www.robophaOFFrma.com/werken-bij/img/people.png); background-repeat:no-repeat; background-position:bottom center; height:65px; margin:0 auto; margin-top:-65px;
}

.content-left {
display:inline-block;
width:66%;
padding-left:2%;
padding-bottom:30px;
}

.content-right {
display:inline-block;
float:right;
width:28%;
padding-right:2%;
}

h1 {
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:#fefefe;
font-size:2.7em;
}

h2 {
font-family: 'Open Sans', sans-serif;
font-weight:400;
color:#595c63;
font-size:14pt;
}

h3 {
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:#595c63;
font-size:13pt;
}

.inline {
display:inline;
}

input {
margin:0;
padding:1%;
-webkit-font-smoothing: antialiased;
font-weight:400;
font-family: 'Open Sans', sans-serif;
font-size:0.950em;
}

select {
padding:1%;
-webkit-font-smoothing: antialiased;
font-weight:400;
font-family: 'Open Sans', sans-serif;
font-size:0.950em;
}

:hover.job-box {
bsackground-color:#fafafa;
}

.search {
width:99.3%;
display:inline-block;
margin-bottom:20px;
}

.searchbar {
width:94.7%;
background-image:url('http://werken-bij.newton.nl/img/search-icon.jpg');
background-repeat:no-repeat;
background-position:10px center;
padding-left:4%;
border:1px solid #d2d2d2;
border-radius:4px;
}

.badge {
display:inline-block;
padding:3px;
padding-left:9px;
padding-right:9px;
border-radius:4px;
margin-bottom:4px;
margin-right:15px;
}

.badge-orange {
background-color:#ed6707;
color:#fff4ec;
}

.job-h2 {
padding-top:2px;
}

a {
color:#ed6707;;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}

.tags a {
display:inline-block;
margin-top:-5px;
margin-bottom:11px;
line-height:20px;
}

.tag a {
text-decoration: none;
padding:6px;
padding-left:8px;
padding-right:8px;
background-color:#f1f1f1;
margin-right:10px;
border-radius:4px;
cursor:pointer;
color:#777;
display:inline-block;
}

.application-button {
padding:3%;
border-radius:5px;
background-color:#ed6707;
color:#fff4ec;
width:94%;
display:block;
text-align:center;
text-decoration:none;
cursor:pointer;
border-bottom:3px solid #da5c03;
}

.smalltext {
font-size:0.850em;
}

.job-container {
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #d2d2d2;
cursor:pointer;
}

:hover.job-container {
background-color:#f5f5f5;
}

a.nextprev {
padding-top:4px;
padding-bottom:4px;
padding-right:9px;
padding-left:9px;
text-decoration:none;
text-decoration:none;
border-radius:4px;

-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}

.nextprev:hover {
text-decoration:none;
cursor:pointer;
}

.silver {
background-color:#efefef;
border:1px solid #d2d2d2;
color:#515151;
cursor:pointer;
}

.location-bottom {
display:none;
}

.job-tab-active {
border-top-left-radius:4px; border-top-right-radius:4px; padding:11px; border:1px solid #d4d4d4; border-bottom:1px solid #fff; display:inline-block; background-color:#fcfcfc; cursor:pointer;
}

.job-tab {
border-top-left-radius:4px; border-top-right-radius:4px; padding:11px; border:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; display:inline-block; background-color:#efefef; margin-left:10px; cursor:pointer;
}

.job-margin-left {
margin-left:10px;
}

.job-nomargin-left {
margin-left:0px;
}

.mobile-menu {
display:none;
margin-top:17px;
margin-right:-2px;
cursor:pointer;
}

.mobile-menu-content {
display:none;
padding:13px;
margin-top:13px;
position:fixed;
z-index:3;
width:100%;
background-color:#efefef;
border-bottom:1px solid #d4d4d4;
border-top:1px solid #d4d4d4;
}

.mobile-menu-item a {
margin-bottom:15px;
padding-bottom:15px;
display:block;
text-decoration: none;
border-bottom:1px solid #d4d4d4;
color:#888888;
}

.last-menu-item {
margin-bottom:-15px;
}

.mobile-menu-item-active a {
font-weight:600;
}

.menu-close {
display:none;
}

.group-buttons {
border-radius:4px;
border:1px solid #ed6707;
color:#ed6707;
padding:5px;
background-color:#fff;
cursor:pointer;
padding-left:24px;
padding-right:24px;
text-decoration: none;
transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

:hover.group-buttons {
    color:#fefefe;
    background-color:#ed6707;
}

.play-bar {
padding:1.5%; display:inline-block; padding-bottom:1.2%; border:1px solid #d4d4d4; border-radius:4px; text-align:center; width:96%; margin-bottom:15px; cursor:pointer; background-color:#fafafa;
}

.show-responsive {
	display:none;
	}
	
.location-table {
display:inline-block; width:28%; padding:2%;
}

.width-97 {
width:97%;
}

.form-container {
width:99%;
margin-bottom:10px;
}

.form-question {
display:inline-block; width:200px;
}

.form-answer {
display:inline-block; width:65%;
}

.extra-padd {
    padding-right:30px;
    }


/* first breaks, tablet size */
@media screen and (max-width: 965px) {
	

	.hide-responsive-900 {
	display:none;
	}
	
	.header-container {
	width:98%;
	}
	
	.big-content-container {
	width:100%;
	}
    
    .big-content {
    background-size:cover;
    }
	
	.content-container {
	width:100%;
	}
	
	.content-left {
	display:block;
	width:96%;
	padding-bottom:0px;
	}
	
	.content-right {
	display:block;
	width:96%;
	}
	
	.application-button {
	padding:9px;
	}
	
	.searchbar {
	width:94.2%;
	padding-left:5%;
	}
	
	
}


@media screen and (max-width: 660px) {
	
	.hide-responsive {
	display:none;
	}
	
	.show-responsive {
	display:inline-block;
	}
	
	.location {
	display:none;
	}
	
	.location-bottom {
	display:inline-block;
	}
	
	.menu-item {
	display:none;
	}
	
	.mobile-menu {
	display:inline-block;
	}
	
	h1 {
	font-size:2em;
	} 
	
	h2 {
	font-size:12pt;
	}
	
	.big-content-text {
	padding-top:30px;
	}
	
	.searchbar {
	width:92.4%;
	padding:2%;
	padding-left:6%;
	}

	.content-right {
	padding-right:3%;
	padding-left:3%;
	width:94%;
	}
    
    .extra-padd {
    padding-right:3%;
    }
	
	.content-left {
	padding-right:3%;
	padding-left:3%;
	width:94%;
	}
	
}


@media screen and (max-width: 575px) {
	
	.location-table {
	display:block; width:96%; padding:3%;
	}


@media screen and (max-width: 475px) {

	.form-container {
	width:99%;
	margin-bottom:5px;
	}
	
	.form-question {
	display:block;
	margin-bottom:5px;
	}
	
	.form-answer {
	display:block; width:99%;
	}

	.width-97 {
	width:95%; /* extra padding right */
	}
	
	.searchbar {
		width:88.5%;
		padding:2.5%;
		padding-left:9%;
		}
		
	.badge {
	display:none;
	}
	
	.responsive-image {
	width:100%;
	display:block;
	}
	
}

input .input-error{
border:1px solid #ff0000;
color:#ff0000;
}