body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	color:#606060;
	min-height:100%;
}
.body-start{
	background-image:URL('images/bg-start.png');
}
.body-page{
	background-image:URL('images/bg-page.png');
	background-repeat:no-repeat;
}
#root {
    width:1400px;
    left:-700px;
    margin-left:50%;
    float:left;
    position:relative;   
    padding-bottom:9em;
}
#top{
	float:left;
	width:100%;
	height:159px;
}
.top-logo{
	float:left;
	margin-top:61px;
}
.top-suche{
	float:right;
	margin-top:81px;
}
#menu{
	float:left;
	width:100%;
	background-color:#49656a;
	margin-bottom:33px;
}
#menu a{
	color:#777777;
	text-decoration:none;
}
#menu a:hover{
	color:#448ea8;
	text-decoration:none;
}
.menu-text{
	float:left;
	height:22px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.95rem;
	color:#ffffff;
	text-align:center;
	font-weight:300;
	background-color:#49656a;
	padding-left:20px;
	padding-right:20px;
	padding-top:11px;
	padding-bottom:11px;
}
.menu-text-right{
	float:right;
	height:22px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8rem;
	color:#ffffff;
	text-align:center;
	font-weight:300;
	background-color:#6a858a;
	padding-left:30px;
	padding-right:30px;
	padding-top:12px;
	padding-bottom:10px;
}
.menu-text:hover{
	background-color:#698387;
	color:#ffffff;
}
.menu-text-right:hover{
	background-color:#809ba0;
	color:#ffffff;
}
.menu-aktiv{
	background-color:#799d22;
}
.menu-aktiv:hover{
	background-color:#799d22;
}

#start-highlight{
	float:left;
	width:1400px;
	height:374px;
	margin-bottom:11px;
}
.start-highlight-text{
	float:left;
	width:475px;
	height:374px;
	background-color:#3e84a4;
}
.start-highlight-text-headline{
	float:left;
	width:416px;
	height:50px;
	margin-left:28px;
	margin-top:28px;
	font-family: 'Open Sans', sans-serif;
	font-size:1.3rem;
	font-weight:300;
	color:#ffffff;
}
.start-highlight-text-headline a{
	color:#c7d7de;
}
.start-highlight-text-content{
	float:left;
	width:416px;
	margin-left:28px;
	margin-top:10px;
	font-weight:300;
	color:#ffffff;
}
.start-highlight-pic{
	float:left;
	width:925px;
	height:374px;
}
.start-highlight-more-btn{
	float:left;
	width:475px;
	height:48px;
	background-color:#58780b;
	margin-bottom:88px;
}
.start-highlight-more-btn-content{
	margin-top:14px;
	margin-left:28px;
	font-weight:300;
	color:#ffffff;
	font-size:0.9rem;
}
.start-highlight-more-line{
	float:left;
	width:925px;
	height:14px;
	background-color:#92be28;
}
.fullsize{
	float:left;
	width:100%;
	background-color:#e2ebef;
	margin:0px;
	padding:0px;
}

#start-slogan-headline{
	float:left;
	text-align:center;
	color:#367490;
	font-size:2.8rem;
	font-weight:300;
	width:100%;
}
#start-slogan-subline{
	float:left;
	text-align:center;
	color:#606060;
	font-size:2rem;
	font-weight:300;
	width:100%;
	margin-top:5px;
}
#start-slogan-subline a{
	color:#4d99ba;
	font-size:2rem;
	font-weight:300;
}
#start-slogan-subline a:hover{
	color:#abccdc;
	font-size:2rem;
	font-weight:300;
}
.start-search{
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	border-radius:0px;
	width:1000px;
    left:-500px;
    margin-left:50%;
    float:left;
    position:relative;
	padding-top:10px;
	padding-bottom:50px;
}
.start-box{
	float:left;
	width:466px;
	text-align:center;
	transition:0.2s;
	transform:scale(0.99);
	opacity:0.9;
}
.start-box:hover{
	transform:scale(1);
	cursor:pointer;
	opacity:1;
}

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

#main{
	float:left;
	width:100%;
}

/* BRANCHEN */

.branchen-topleft{
	float:right;
	width:1100px;
	margin-top:-33px;
	margin-bottom:0px;
	height:250px;
	background-color:#ececec;
}
.branchen-topleft-text{
	float:left;
	width:600px;
	height:220px;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:30px;
}
.branchen-right{
	float:right;
	width:1050px;
}
.branchen-left{
	float:left;
	width:240px;
	margin-right:50px;
	padding:30px;	
	background-color:#45505e;
	color:#ffffff;
}
.branchen-left-content{
	float:left;
	width:240px;
}
.branchen-left-content a{
	color:#ffffff;
	transition:0.2s;
}
.branchen-left-content a:hover{
	color:#abccdc;
}
.branchen-suche{
	float:left;
	width:240px;
	height:250px;
	padding:30px;
	background-color:#747f8d;
	color:#ffffff;
	margin-top:-33px;
}
.btn-branchen-suche{
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	background-color:#265970;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-branchen-suche:hover{
	background-color:#0b2e3e;
	cursor:pointer;
}

.branchen-eintrag{
	float:left;
	width:100%;
	border-bottom:1px solid #cbcbcb;
	margin-bottom:30px;
}
.btn-branchen-details{
	padding:11px;
	padding-left:30px;
	padding-right:30px;
	background-color:#799d22;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8rem;
	transition:0.2s;
	width:210px;
}
.btn-branchen-details:hover{
	background-color:#91b736;
	cursor:pointer;
}
.btn-branchen-details2{
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	background-color:#adc17b;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8rem;
	transition:0.2s;
	width:210px;
	margin-top:5px;
}
.btn-branchen-details2:hover{
	background-color:#8a9e59;
	cursor:pointer;
}

/* MINIJOB */

.minijob-topleft{
	float:left;
	width:1100px;
	margin-top:-33px;
	margin-bottom:0px;
}
.minijob-topleft-text{
	float:left;
	width:1050px;
	height:140px;
	background-color:#ececec;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:30px;
}
.minijob-left{
	float:left;
	width:1050px;
}
.minijob-right{
	float:left;
	width:290px;
	margin-left:50px;
}
.minijob-suche{
	float:right;
	width:240px;
	height:410px;
	padding:30px;
	background-color:#7f6347;
	color:#ffffff;
	margin-top:-33px;
}
.btn-minijob-suche{
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	background-color:#265970;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-minijob-suche:hover{
	background-color:#0b2e3e;
	cursor:pointer;
}

/* PRAKTIKUM */

.praktikum-topleft{
	float:left;
	width:1100px;
	margin-top:-33px;
	margin-bottom:0px;
}
.praktikum-topleft-text{
	float:left;
	width:1050px;
	height:140px;
	background-color:#ececec;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:30px;
}
.praktikum-left{
	float:left;
	width:1050px;
}
.praktikum-right{
	float:left;
	width:290px;
	margin-left:50px;
}
.praktikum-suche{
	float:right;
	width:240px;
	height:410px;
	padding:30px;
	background-color:#707f47;
	color:#ffffff;
	margin-top:-33px;
}
.btn-praktikum-suche{
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	background-color:#265970;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-praktikum-suche:hover{
	background-color:#0b2e3e;
	cursor:pointer;
}

/* FIRMENBEREICH */

.firmenbereich-content{
	float:left;
	width:1050px;
}
.firmenbereich-login{
	position:absolute;
	width:250px;
	height:240px;
	padding:30px;
	background-color:#839e54;
	color:#ffffff;
	margin-left:50px;
	margin-top:-33px;
	right:0px;
	top:235px;
	display:box;
}
.btn-firmen-basis{
	padding:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#ac9b60;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-firmen-basis:hover{
	background-color:#cab365;
	cursor:pointer;
}
.btn-firmen-premium{
	padding:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#85a155;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-firmen-premium:hover{
	background-color:#94b756;
	cursor:pointer;
}
.btn-firmen-login{
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	background-color:#58780b;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	transition:0.2s;
}
.btn-firmen-login:hover{
	background-color:#455d0a;
	cursor:pointer;
}

/* FIRMENPROFIL */

.firmenprofil-left{
	float:left;
	width:325px;
	margin-top:30px;
}
.firmenprofil-right{
	float:left;
	width:1075px;
	margin-top:30px;
	color:#5c5c5c;
	font-size:0.8rem;
}
#firmenprofil-menu{
	float:left;
}
#firmenprofil-menu a{
	color:#ffffff;
}
#firmenprofil-menu a:hover{
	color:#ffffff;
}
.firmenprofil-menupoint{
	float:left;
	width:275px;
	height:46px;
	margin-bottom:1px;
	transition:0.2s;
}
.firmenprofil-menupoint-content{
	float:left;
	width:200px;
	margin-left:20px;
	margin-top:13px;
	color:#ffffff;
	font-size:0.9rem;
}
.firmenprofil-menupoint-off{
	background-color:#acacac;
}
.firmenprofil-menupoint-off:hover{
	background-color:#bebebe;
	cursor:pointer;
}
.firmenprofil-menupoint-on{
	background-color:#7c7c7c;
}
.firmenprofil-menupoint-aktiv{
	position:relative;
	left:0px;
}
.firmenprofil-logo{
	float:left;
	width:500px;	
	margin-bottom:30px;
}
.firmenprofil-socialmedia{
	float:right;
	width:150px;
	line-height:1.3rem;
}
.firmenprofil-left-anschrift{
	float:left;
	width:275px;
	margin-top:30px;
	margin-bottom:30px;
	font-size:0.8rem;
}
.firmenprofil-left-kontakt{
	float:left;
	width:275px;
	font-size:0.8rem;	
	padding-top:30px;
}
.firmenprofil-left-kontakt-foto{
	float:left;
	width:85px;
	height:100px;
	margin-right:23px;
}
.firmenprofil-left-kontakt-text{
	float:left;
	width:166px;
	height:97px;
	font-size:0.8rem;
}
.firmenprofil-galerie-foto{
	float:left;
}
.firmenprofil-galerie-foto-content{
	transition:0.2s;
	opacity:1;
}
.firmenprofil-galerie-foto-content:hover{
	opacity:0.7;
	cursor:pointer;
}
.firmenprofil-dokumente-symbol{
	float:left;
	width:24px;
	height:21px;
	margin-right:30px;
	padding:10px;
	padding-top:13px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
.dokumente-pdf{
	background-color:#da251c;
}

.filiale-left{
	float:left;
	width:530px;
	margin-right:40px;
}
.filiale-right{
	float:left;
	width:500px;
}

.referenz-left{
	float:left;
	width:500px;
	margin-right:20px;
}
.referenz-right{
	float:left;
	width:495px;
	height:258px;
	padding:30px;
	background-color:#f7f7f7;
}

/* LOGIN */
.login-left{
	float:left;
	width:510px;
}
.login-right{
	float:right;
	width:780px;
	border:1px solid #dedede;
	padding:30px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.login-right-menu{
	float:left;
	width:840px;
	margin-left:48px;
}
.login-right-menu-button{
	float:left;
	padding:15px;
	background-color:#f6f6f6;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.login-right-menu-button:hover{
	background-color:#6a858a;
	color:#ffffff;
	cursor:pointer;
}
.login-left-box{
	float:left;
	width:450px;
	background-color:#f5f5f5;
	padding:30px;
	border-radius:10px;
	line-height:1.7rem;
	margin-bottom:30px;
}

/* POSTFACH */
.postfach-left{
	float:left;
	width:510px;
}
.postfach-right{
	float:right;
	width:780px;
	border:1px solid #dedede;
	padding:30px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.postfach-left-box{
	float:left;
	width:400px;
	line-height:1.7rem;
	margin-bottom:30px;
}

.overlay {
	background:transparent; 
	position:relative; 
	width:1075px;
	height:345px; /* your iframe height */
	top:345px;  /* your iframe height */
	margin-top:-145px;  /* your iframe height */
}

.content-left{
	float:left;
	width:504px;
	margin-right:67px;
}
.content-right{
	float:right;
	width:504px;
}

.textfeld{
	padding:6px;
	border-radius:5px;
	border:0px;
	color:#5d5d5d;
}
.textfeld-firmenbereich{
	width:230px;
}
.textfeld-startseite{
	padding:10px;
	border-radius:5px;
	border:0px;
	color:#5d5d5d;
	border:1px solid #dddddd;
	background-color:#f3f3f3;
	width:300px;
	transition:0.2s;
}
.textfeld-startseite:hover{
	background-color:#edf0e7;
}
.textfeld-registrieren{
	padding:6px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	color:#5d5d5d;
	width:400px;
}

h1{
	color:#367490;
	font-size:1.5rem;
	font-weight:300;
}
h2{
	color:#606060;
	font-size:1.4rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h3{
	color:#606060;
	font-size:1.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h4{
	color:#49656a;
	font-size:1.1rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:5px;
	margin:0px;
}

.bold{
	font-weight:600;
}

#bottom{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:40px;
	background-color:#49656a;
	line-height:16pt;
	color:#ffffff;
}
.bottom{
    width:1400px;
    left:-700px;
    margin-left:50%;
    float:left;
    position:relative;
}
.bottom-left{
	float:left;
	width:300px;
}
.bottom-right{
	float:right;
	width:500px;
	text-align:right;
}
.bottom a{
	color:#c9cfac;
	text-decoration:none;
}

a{
	color:#367490;
	font-size:0.8rem;
	text-decoration:none;
}
a:hover{
	color:#71c7ed;
	font-size:0.8rem;
	text-decoration:none;
}