/*Zukunftsforum Energiewende (deenet), läuft als eejobs UND greenjobs*/

/*
We use the Roboto Font
License: http://www.apache.org/licenses/LICENSE-2.0
*/

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(../../../css/fonts/roboto/Roboto-Light.ttf); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto'),
		url(../../../css/fonts/roboto/Roboto-Light.ttf) format('truetype'), /* Safari, Android, iOS */
}

a {
	color: #f7941e;
	text-decoration: none;
}

a:hover {
	color: #111;
	text-decoration: underline;
}

.hell_1, .dunkel_1 {
	border-bottom: 0.13em dotted #555;
	background-color: #fff; 
	padding: 17px 0 17px 0;
	text-align: left;
}

.jobitem {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

hr {
	background-color: #f7941e;
	border: medium none;
	height: 1px;
	display:none;
}

.input {
	width: 90%;
	margin-bottom: 10px;
	padding: 0.5em 1em;
	border: 1px solid #e0e1e1;
	background-color: #fbfcfc;
	color: #515151;
}

.input_tipp {
	font-size:90%;
	color:#9c9c9c;	
}

.suchbox{
	text-align: left;
	float:left;
	width:40%;
	border: 0.13em dotted #555; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	padding: 15px 20px 20px 20px;
}

.button, .button2 {   
	background-color: #fff;
	color: #555;	   
	padding-left: 12px;
	padding-right: 12px;
	margin-top:10px;
	font: normal 14px / 36px Roboto, Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #555;
	cursor:pointer;
}

.button2 {
	padding:12px;
}

.button:hover, .button2:hover {
	background: #f7941e;
	color: #fff;
	text-decoration: none;
	border-color: #f7941e;
}

.gj_infobox {
	float:right;
	width:40%;
	border: 0.13em dotted #555;
	padding: 0px 20px 5px 20px;
	margin-bottom:30px;
}

.weitere_seiten_oben {
	display:none;
}

.weitere_seiten_unten {
	margin:0.5em;
}

@media only screen and (max-width: 685px) {
	.suchbox{
		width:95%;
		padding:0.5em;
		border:none;
	}
	.gj_infobox {
		display:none;
	}
	.input{
		width: 85%;
	}
	.weitere_seiten_oben {
		display:none;
	}
}

.frame_box {
	color: #111;
	font: normal normal 300 18px/1.5 "Roboto", sans-serif;
	width:100%;
	margin:0;
	padding:0;
}

p {
	padding:0.5em 0 0.5em 0;
	text-align: left;
}

iframe {
	border:none;
	padding-top:50px;
}