/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/karla-v23-latin-regular.eot');
  src: local(''),
       url('../fonts/karla-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/karla-v23-latin-regular.woff2') format('woff2'),
       url('../fonts/karla-v23-latin-regular.woff') format('woff'),
       url('../fonts/karla-v23-latin-regular.ttf') format('truetype'),
       url('../fonts/karla-v23-latin-regular.svg#Karla') format('svg');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/karla-v23-latin-700.eot');
  src: local(''),
       url('../fonts/karla-v23-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/karla-v23-latin-700.woff2') format('woff2'),
       url('../fonts/karla-v23-latin-700.woff') format('woff'),
       url('../fonts/karla-v23-latin-700.ttf') format('truetype'),
       url('../fonts/karla-v23-latin-700.svg#Karla') format('svg');
}

#bestseller_content img {
	margin-top: 20px;
	margin-bottom: 20px;
}

#kopfbild { display: none; }

.cursor {
	cursor: pointer;
}

.popover {
max-width: 700px;
width: auto;
margin-top: -5px;
padding-bottom: 30px;
}

.popover p {
	line-height: 18px;
	margin-top: 5px !important;
	padding-left: 0 !important;
}

body {
	background: #e6e6d7;
	overflow:scroll;
}

table, tr, td {
	background: none;
}


#bg_schwarz {
 	width: 100%;
 	background: #000;
	clear: both;
 	}

.clear {
	clear: both;
	}

a {
	border-bottom: dotted 1px #c0c0c0;
}

ul {
	margin-left: 40px;
	padding-top: 10px;
}

.schliessenbutton {
    width:60px;
    position:fixed;
    bottom:0;
	height: 180px;
	float: left
}

.schliessenbutton a {
	border-bottom: 0;
	color: #fff;

}

.schliessenbutton p {
	color: #fff;
}

.highlight {
	color: #E3005A !important;
}

/* allgemeine Angaben zu den Menüpunkten */

#bestseller h4, #bestseller p, #boersen h4, #hotline h4, #hotline a, #hotline p {
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}

#bestseller h4 {
	font-weight: 700;
	font-size: 30px;
}

#bestseller p {
	font-size: 16px;
}

#hotline p {
	padding-top: 5px;
}

p.bestseller_teaser {
	padding-top: 10px; padding-bottom: 15px
	}

#bestseller_preis {
	font-size: 58px;
}

#bestseller_preis_euro {
	font-size: 18px;
}

.statt_uvp {
	font-size: 12px;
}

#unternehmen h4, #unternehmen p, #pakete h4, #unternehmen a {
	color: #000;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}

#service h4, #service p, #fragen_form h4, #fragen_form p, #impressum h4, #impressum a, #datenschutzhinweis h4, #datenschutzhinweis a{
	color: #77807a;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}


#logo, #bestseller, #unternehmen, #boersen, #pakete, #fragen_form, #service, #stellenmarkt, #impressum, #datenschutzhinweis, #bild_4, #bild_1_box, /* #bild_1 */ , #bild_2_box, /* #bild_2 */, #bild_3, #bild_3_box, .schliessenbutton, #bestseller_link {
   cursor: pointer;
   cursor: hand;
}


/* allgemeine Angaben zum Content */

#content .span12 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	background: #f0f0f0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-left-radius:50px;
	border-bottom: 10px solid #000;
}

#content .span7 {
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 20px;
	float: left;
	}

#content h1, #content p, #content h2, #content td {
	color: #000;
	margin-top: 30px;
	}

#content h1 {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	color: #777;
	font-size: 18px;
	line-height: 22px;
	padding-right: 30px;
	padding-left: 10px;
	}

#content h2 {
	font-size: 16px;
	}


#content a {
	color: #000;
	}

#impressum_content .span7,
#datenschutzhinweis_content .span7 {
	padding-top: 20px;
	}

#impressum_content h2,
#datenschutzhinweis_content h2 {
	margin-top: 10px}


#impressum_content p,
#datenschutzhinweis_content p {
	margin-top: 10px}

#hotline_content .span7 {
	padding-top: 20px;
	}

#hotline_content h2 {
	margin-top: 10px}


#hotline_content p {
	margin-top: 10px}


#unternehmen_content .span7 {
	padding-top: 20px;
}

#unternehmen_content p {
	margin-top: 10px;
}

#service_content .span7 {
	padding-top: 20px;
}

#service_content p {
	margin-top: 10px;
}

#pakete_content .span7 {
	padding-top: 20px;
}

#pakete_content p {
	margin-top: 10px;
}

#bestseller_content .span7 {
	padding-top: 22px;
}

#bestseller_content h1 {
	color: #E3005A;
}

#bestseller_content h4 {
	padding-top: 20px;
}

#bestseller_content p {
	margin-top: 10px;
	clear: both;
}

#boersen_click_pakete {
	color: #E3005A;
	font-size: 20px;
	}

footer {
 	background: #e6e6d7;
	padding-top: 10px;
	padding-bottom: 0px;
	}

.copy {
	clear: both;
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #999;
}
/* Start-Christmas-Offer */
.christmas{
	background-image: url("http://www.ds-recruiting.de/img/christmas.svg");
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right center ;
	height:auto;
	padding-bottom: 50px

}
#bestseller .christmas p{
	padding-top: 1.5em;
	font-size: 1.7em;
	line-height: 1.5;
	font-weight: normal;
	width:56%
}
#bestseller .christmas span{
	font-size: 0.6em !important;
	line-height: 1.6;
}
/* Ende-Christmas-Offer */

/* Start-Offer */
.flexbox-start{
	height:auto;
display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}
.flexbox-start .flex-item{
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}
.pd-right{
	padding-right: 15px;
}
.flexbox-start .font-size{
	font-size: 1em !important;
	padding-right: 0;
}
.flexbox-start span{
	font-size: 1.7em
}
.angebot_teaser_start{
	font-size: 1.5em;
	padding-top: 15px;
	padding-bottom: 20px;
}
.pfeil-symbol{
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 8px;
	padding-right: 3px;
}
.doppelpfeil-symbol{
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 12px;
	padding-right: 3px;
}
.line-height{
	line-height: 1.8;
}
.mg-top{
	margin-top: 20px}
/* Start-Offer Ende */



#bestseller_content, #unternehmen_content, #pakete_content, #boersen_content, #service_content, #impressum_content, #datenschutzhinweis_content, #hotline_content, #fragen_form_content {display: none;}


/* Angaben für die Tabelle Jobbörsen */

.boersen_allg {margin-left: 20px; margin-top: 15px; float: left;}
.boersen_div {margin-left: 20px; margin-top: 15px; float: left;}
.headlines { background: #77807A}
#headline_allg h1 {font-size: 20px; margin: 0; padding-left:0; padding-bottom: 5px;}
#headline_div h1 {font-size: 20px; margin: 0; padding-left:0; padding-bottom: 5px;}
.name_allg, .name_allg_headline {width: 350px; padding-left: 10px;}
.name_div, .name_div_headline {width: 200px; padding-left: 10px;}
.bereich, .bereich_headline {width: 150px;}
.laufzeit, .laufzeit_headline {width: 120px;}
.preis, .preis_headline {width: 120px; text-align: right; padding-right: 10px}
.name_allg, .name_div, .bereich, .laufzeit, .preis { background:  #eaeaea; border-bottom: 5px solid #f0f0f0;}
#name_allg_weiss, #name_div_weiss, #bereich_allg_weiss, #bereich_div_weiss, #laufzeit_allg_weiss, #laufzeit_div_weiss, #preis_allg_weiss, #preis_div_weiss  { color: #fff; }

#bestseller_link {
	color: #e3005a;
	line-height: 18px;
}

#bestseller_link a {
	color: #e3005a;
}

#pakete h4 {
	font-weight: 700;
	font-size: 24px;
	line-height: 27px;
}

/* Ab hier sind die Angaben abhängig von der Breite des Browsers */


@media(min-width:1200px){

/* Angaben Pakete: Box  */

#paket_1, #paket_2, #paket_3, #paket_4, #paket_5, #paket_6, #paket_it, #paket_sap, #paket_ingenieurea, #paket_ingenieureb, #paket_medizina, #paket_medizinb, #paket_vertrieba, #paket_vertriebb, #paket_azubis, #paket_absolventen  {
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

#paket_1_ueberschrift, #paket_2_ueberschrift, #paket_3_ueberschrift, #paket_4_ueberschrift, #paket_5_ueberschrift, #paket_6_ueberschrift, #paket_it_ueberschrift, #paket_sap_ueberschrift, #paket_ingenieurea_ueberschrift, #paket_ingenieureb_ueberschrift, #paket_medizina_ueberschrift,  #paket_medizinb_ueberschrift, #paket_vertrieba_ueberschrift, #paket_vertriebb_ueberschrift, #paket_azubis_ueberschrift, #paket_absolventen_ueberschrift {
	background: #c8d200;
	width: 610px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	}



#paket_1_ueberschrift h1, #paket_2_ueberschrift h1, #paket_3_ueberschrift h1, #paket_4_ueberschrift h1, #paket_5_ueberschrift h1, #paket_6_ueberschrift h1, #paket_it_ueberschrift h1, #paket_sap_ueberschrift h1, #paket_ingenieurea_ueberschrift h1, #paket_ingenieureb_ueberschrift h1, #paket_medizina_ueberschrift h1,   #paket_medizinb_ueberschrift h1, #paket_vertrieba_ueberschrift h1, #paket_vertriebb_ueberschrift h1, #paket_azubis_ueberschrift h1,  #paket_absolventen_ueberschrift h1  {
	color: #000;
	display: block;
	line-height: 20px;
	float: left;
	margin-top: 0;
	padding-top:0;
	}

#paket_1_ueberschrift h2, #paket_2_ueberschrift h2, #paket_3_ueberschrift h2, #paket_4_ueberschrift h2, #paket_5_ueberschrift h2, #paket_6_ueberschrift h2, #paket_it_ueberschrift h2, #paket_sap_ueberschrift h2, #paket_ingenieurea_ueberschrift h2, #paket_ingenieureb_ueberschrift h2, #paket_medizina_ueberschrift h2,  #paket_medizinb_ueberschrift h2, #paket_vertrieba_ueberschrift h2,  #paket_vertriebb_ueberschrift h2, #paket_azubis_ueberschrift h2, #paket_absolventen_ueberschrift h2 {
	color: #000;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  10px;
	}

#content_paket_1, #content_paket_2, #content_paket_3, #content_paket_4, #content_paket_5, #content_paket_6, #content_paket_it, #content_paket_sap, #content_paket_ingenieurea, #content_paket_ingenieureb, #content_paket_medizina, #content_paket_medizinb,   #content_paket_vertrieba, #content_paket_vertriebb, #content_paket_azubis, #content_paket_absolventen {
	clear: both;
	}

#content_paket_1 p, #content_paket_2 p, #content_paket_3 p, #content_paket_4 p, #content_paket_5 p, #content_paket_6 p, #content_paket_it p, #content_paket_sap p, #content_paket_ingenieurea p, #content_paket_ingenieureb p, #content_paket_medizina p,  #content_paket_medizinb p, #content_paket_vertrieba p, #content_paket_vertriebb p, #content_paket_azubis p, #content_paket_absolventen p {
	padding-top: 10px;
	margin-top: 0;
	padding-left: 10px;
	}

#content_paket_1 span, #content_paket_2 span, #content_paket_3 span, #content_paket_4 span, #content_paket_5 span, #content_paket_6 span, #content_paket_it span, #content_paket_sap span, #content_paket_ingenieurea span, #content_paket_ingenieureb span, #content_paket_medizina span, #content_paket_medizinb span, #content_paket_vertrieba span, #content_paket_vertriebb span, #content_paket_azubis span, #content_paket_absolventen span {
	display: block;
	float: left;
	width: 295px;
	background: #EAEAEA;
	margin-bottom: 5px;
	padding-left: 10px;
	border-left: #c8d200 solid 5px;
	margin-left: -10px;
	}

#paket_1_bestellen, #paket_2_bestellen, #paket_3_bestellen, #paket_4_bestellen, #paket_5_bestellen, #paket_6_bestellen, #paket_it_bestellen, #paket_sap_bestellen, #paket_ingenieurea_bestellen, #paket_ingenieureb_bestellen, #paket_medizina_bestellen,  #paket_medizinb_bestellen, #paket_vertrieba_bestellen, #paket_vertriebb_bestellen, #paket_azubis_bestellen, #paket_absolventen_bestellen {
	background: #fff;
	width: 610px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	}

#paket_1_bestellen h1, #paket_2_bestellen h1, #paket_3_bestellen h1, #paket_4_bestellen h1, #paket_5_bestellen h1, #paket_6_bestellen h1, #paket_it_bestellen h1, #paket_sap_bestellen h1, #paket_ingenieurea_bestellen h1, #paket_ingenieureb_bestellen h1, #paket_medizina_bestellen h1,  #paket_medizinb_bestellen h1, #paket_vertrieba_bestellen h1, #paket_vertriebb_bestellen h1, #paket_azubis_bestellen h1, #paket_absolventen_bestellen h1 {
	color: #77807a;
	font-weight: 400;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	padding-right: 10px;
	}


/* Content Monatsangebot: Box */

#paket_monat {
	clear: both;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 40px;
	}

#paket_monat_ueberschrift {
	background: #e3005a;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#paket_monat_ueberschrift h1 {
	color: #fff;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 20px;
	}

#paket_monat_ueberschrift h2 {
	color: #fff;
	display: block;
	line-height: 20px;
	float: right;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  25px;
	}

#content_paket_monat {
	clear: both;
	}

#content_paket_monat p {
	padding-left: 0;
	margin-left: 0;
	padding-top: 10px;
	margin-top: 0;
	}

#paketinhalt {
	background:  #fff;
	display: block;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 10px;
}

.bestseller_boersen {
	display: block;
	float: left;
	clear: left;
	min-width: 150px;
}

.bestseller_details {
	display: block;
	float: left;
	}

.bestseller_lz {
	display: block;
	float: right;
	}


#paket_monat_buchen {
	background: #fff;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	clear: both;
	border-top: 1px solid #c0c0c0;
	}

#paket_monat_buchen h1 {
	color: #e3005a;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 10px;
	}

#paket_monat_buchen h2 {
	color: #e3005a;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: right;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  20px;
	}




/* Allgemeine Angaben */

body {
	margin-top: 90px;
}

#logo {
	background: url(../img/logo.jpg) no-repeat bottom center #fff;
    display: block;
    height: 80px;
    left: 0;
    overflow-y: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
	border-bottom: 10px solid #000;
	}

.hero-unit h1 {
	text-align: center;
	padding-top: 190px;
	}

input, textarea, select {
	width: 300px;
	}

p {
	padding-left: 20px;
	padding-right: 20px;
	}

h1, h2, h3, h4, h5, h6 {
	padding-left: 20px;
	}


#impressum, #datenschutzhinweis, #fragen_form, #hotline {
	width: 187px;
}


#bestseller h4 {
	padding-top: 35px;
	}

#unternehmen h4 {
	padding-top: 35px;
	}

#pakete h4 {
	padding-top: 35px;
	}

#boersen h4 {
	padding-top: 35px;
	}

#service h4 {
	padding-top: 40px;
	}

#impressum h4,
#datenschutzhinweis h4 {
	padding-top: 25px;
	}

#hotline h4 {
	padding-top: 25px;
	font-size: 16px;
	font-weight: 700;
	}

#fragen_form h4 {
	padding-top: 45px;
	font-weight: 400;
	}

#fragen_form p {
	line-height: 16px;
	}


footer .span2 {
	width: 180px;
	}

#bild_3_box {
	height: 120px;
	width: 185px;
	}

#stellenmarkt {
	width: 384px;
	}

#bild_4 {
	width: 186px;
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
	}

.menue_oben { display: block; }
.menue_unten { display: block; padding-right: 0; margin-left: auto; margin-right: auto; width: 1180px; padding-left: 10px;}
.menue_mobile { display: none; }

.formular {
	margin-left: 20px; margin-top: 20px; margin-right: 0; padding-right: 0;
	}


.mehrerfahren {
	margin-top: 10px;
	text-align:right;
	}

}
@media screen and (max-width:1200px){
	.mg-top{
		margin-top:5px;
	}
}
@media(min-width:980px) and (max-width:1199px){


	/*Start-Offer*/
	.angebot_teaser_start{
	font-size: 1em !important;
		font-weight: bold !important;
	padding-top: 5px !important;
	padding-bottom: 1px !important;
}
	/*Start-Offer Ende*/
.schliessenbutton { display: none; }

/* Angaben Pakete: Box  */

#paket_1, #paket_2, #paket_3, #paket_4, #paket_5, #paket_6, #paket_it, #paket_sap, #paket_ingenieurea, #paket_ingenieureb, #paket_medizina, #paket_medizinb,  #paket_vertrieba, #paket_vertriebb, #paket_azubis, #paket_absolventen  {
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

#paket_1_ueberschrift, #paket_2_ueberschrift, #paket_3_ueberschrift, #paket_4_ueberschrift, #paket_5_ueberschrift, #paket_6_ueberschrift, #paket_it_ueberschrift, #paket_sap_ueberschrift, #paket_ingenieurea_ueberschrift, #paket_ingenieureb_ueberschrift, #paket_medizina_ueberschrift,  #paket_medizinb_ueberschrift, #paket_vertrieba_ueberschrift, #paket_vertriebb_ueberschrift, #paket_azubis_ueberschrift, #paket_absolventen_ueberschrift {
	background: #c8d200;
	width: 520px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#paket_1_ueberschrift h1, #paket_2_ueberschrift h1, #paket_3_ueberschrift h1, #paket_4_ueberschrift h1, #paket_5_ueberschrift h1, #paket_6_ueberschrift h1, #paket_it_ueberschrift h1, #paket_sap_ueberschrift h1, #paket_ingenieurea_ueberschrift h1, #paket_ingenieureb_ueberschrift h1, #paket_medizina_ueberschrift h1,   #paket_medizinb_ueberschrift h1, #paket_vertrieba_ueberschrift h1, #paket_vertriebb_ueberschrift h1, #paket_azubis_ueberschrift h1,  #paket_absolventen_ueberschrift h1  {
	color: #000;
	display: block;
	line-height: 20px;
	float: left;
	margin-top: 0;
	padding-top:0;
	}

#paket_1_ueberschrift h2, #paket_2_ueberschrift h2, #paket_3_ueberschrift h2, #paket_4_ueberschrift h2, #paket_5_ueberschrift h2, #paket_6_ueberschrift h2, #paket_it_ueberschrift h2, #paket_sap_ueberschrift h2, #paket_ingenieurea_ueberschrift h2, #paket_ingenieureb_ueberschrift h2, #paket_medizina_ueberschrift h2,  #paket_medizinb_ueberschrift h2, #paket_vertrieba_ueberschrift h2,  #paket_vertriebb_ueberschrift h2, #paket_azubis_ueberschrift h2, #paket_absolventen_ueberschrift h2 {
	color: #000;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  10px;
	}

#content_paket_1, #content_paket_2, #content_paket_3, #content_paket_4, #content_paket_5, #content_paket_6, #content_paket_it, #content_paket_sap, #content_paket_ingenieurea, #content_paket_ingenieureb, #content_paket_medizina, #content_paket_medizinb,   #content_paket_vertrieba, #content_paket_vertriebb, #content_paket_azubis, #content_paket_absolventen {
	clear: both;
	}

#content_paket_1 p, #content_paket_2 p, #content_paket_3 p, #content_paket_4 p, #content_paket_5 p, #content_paket_6 p, #content_paket_it p, #content_paket_sap p, #content_paket_ingenieurea p, #content_paket_ingenieureb p, #content_paket_medizina p,  #content_paket_medizinb p, #content_paket_vertrieba p, #content_paket_vertriebb p, #content_paket_azubis p, #content_paket_absolventen p {
	padding-top: 10px;
	margin-top: 0;
	padding-left: 10px;
	}

#content_paket_1 span, #content_paket_2 span, #content_paket_3 span, #content_paket_4 span, #content_paket_5 span, #content_paket_6 span, #content_paket_it span, #content_paket_sap span, #content_paket_ingenieurea span, #content_paket_ingenieureb span, #content_paket_medizina span, #content_paket_medizinb span, #content_paket_vertrieba span, #content_paket_vertriebb span, #content_paket_azubis span, #content_paket_absolventen span {
	display: block;
	float: left;
	width: 250px;
	background: #EAEAEA;
	margin-bottom: 5px;
	padding-left: 10px;
	border-left: #c8d200 solid 5px;
	margin-left: -10px;
	}

#paket_medizina, #paket_medizinb, #paket_absolventen {
	margin-left: 10px;
	}

#paket_1_bestellen, #paket_2_bestellen, #paket_3_bestellen, #paket_4_bestellen, #paket_5_bestellen, #paket_6_bestellen, #paket_it_bestellen, #paket_sap_bestellen, #paket_ingenieurea_bestellen, #paket_ingenieureb_bestellen, #paket_medizina_bestellen,  #paket_medizinb_bestellen, #paket_vertrieba_bestellen, #paket_vertriebb_bestellen, #paket_azubis_bestellen, #paket_absolventen_bestellen {
	background: #fff;
	width: 520px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	}

#paket_1_bestellen h1, #paket_2_bestellen h1, #paket_3_bestellen h1, #paket_4_bestellen h1, #paket_5_bestellen h1, #paket_6_bestellen h1, #paket_it_bestellen h1, #paket_sap_bestellen h1, #paket_ingenieurea_bestellen h1, #paket_ingenieureb_bestellen h1, #paket_medizina_bestellen h1,  #paket_medizinb_bestellen h1, #paket_vertrieba_bestellen h1, #paket_vertriebb_bestellen h1, #paket_azubis_bestellen h1, #paket_absolventen_bestellen h1 {
	color: #77807a;
	font-weight: 400;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	padding-right: 10px;
	}

/* Allgemeine Angaben */

body {
	margin-top: 90px;
}

#logo {
	background: url(../img/logo_980.jpg) no-repeat bottom center #fff;
    display: block;
    height: 80px;
    left: 0;
    overflow-y: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
	border-bottom: 10px solid #000;
	}

/* Content Monatsangebot: Box */

#paket_monat {
	clear: both;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 40px;
	}

#paket_monat_ueberschrift {
	background: #e3005a;
	width: 100%;
	height: 40px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#paket_monat_ueberschrift h1 {
	color: #fff;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 10px;
	clear: both;
	}

#paket_monat_ueberschrift h2 {
	color: #fff;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  25px;
	clear: both;
	}

#content_paket_monat {
	clear: both;
	}

#content_paket_monat p {
	padding-left: 0;
	margin-left: 0;
	padding-top: 10px;
	margin-top: 0;
	}

#paketinhalt {
	background:  #fff;
	display: block;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 10px;
}

.bestseller_boersen {
	display: block;
	font-weight: 700;
	float: left;
	clear: left;
	min-width: 150px;
}

.bestseller_details {
	display: block;
	float: left;
	clear: left;
	}

.bestseller_lz {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 10px;
	}


#paket_monat_buchen {
	background: #fff;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	clear: both;
	border-top: 1px solid #c0c0c0;
	}

#paket_monat_buchen h1 {
	color: #e3005a;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 10px;
	clear: both;
	}

#paket_monat_buchen h2 {
	color: #e3005a;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  20px;
	clear: both;
	}




/* allgemeine Angaben */

#paket_1, #paket_2, #paket_3, #paket_4, #paket_5, #paket_6, #paket_it, #paket_sap, #paket_ingenieurea, #paket_ingenieureb, #paket_medizin, #paket_vertrieba, #paket_vertriebb, #paket_azubis  {
	margin-left: 10px;
	}

.boersen_allg {margin-left: 10px; }
.boersen_div {margin-left: 10px; }

input, textarea, select {
	width: 300px;
	}

p {
	padding-left: 10px;
	padding-right: 10px;
	}

h1, h2, h3, h4, h5, h6 {
	padding-left: 10px;
	}

.hero-unit{padding:20px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background:url(../img/hero_980.jpg) bottom left no-repeat #000;min-height:260px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border-top-right-radius:80px;	border-bottom: 10px solid #000;
}

.hero-unit h1 {
	text-align: center;
	padding-top: 140px;
	font-size: 22px;
	}

.hero-unit h2 {
	padding-top:5px;
	font-size: 24px;
	}

.hero-unit h3 {
	padding-top:15px;
	}

#service {
	width: 285px;
}

#pakete {
	width: 155px;
}

#unternehmen {
	width: 320px;
}

#impressum, #datenschutzhinweis, #fragen_form, #hotline {
	width: 150px;
}


#bestseller h4 {
	padding-top: 35px;
	}

#unternehmen h4 {
	padding-top: 35px;
	}

#pakete h4 {
	padding-top: 30px;
	}

#boersen h4 {
	padding-top: 35px;
	}

#service h4 {
	padding-top: 30px;
	}

#impressum h4,
#datenschutzhinweis h4 {
	padding-top: 15px;
	font-size: 16px;
	}

#hotline h4 {
	padding-top: 15px;
	font-size: 16px;
	}

#hotline p {
	font-size: 13px;
	line-height: 15px;
	padding-top: 5px;
}

#fragen_form h4 {
	padding-top: 30px;
	}

#fragen_form p {
	line-height: 16px;
	}

footer .span2 {
	width: 135px;
	}

#bild_1_content {
	font-size: 13px;
	line-height: 18px;
	padding-top: 5px;
	}

#bild_2_box {
	height: 120px;
	width: 160px;
	}

#bild_2_content {
	line-height: 18px;
	padding-top: 5px;
	}

#bild_3_box {
	height: 120px;
	width: 155px;
	}

#bild_3_content {
	font-size: 14px;
	line-height: 16px;
	padding-top: 0px;
	margin-top: 0;
	}

#stellenmarkt {
	width: 294px;
	margin-left: 13px;
	}

#bild_4 {
	min-width: 142px;
	}

footer{margin-left:0px;*zoom:1}


.menue_oben { display: block; }
.menue_unten { display: block;  margin-left: auto; margin-right: auto; width: 970px; padding-left: 10px;}
.menue_mobile { display: none; }

.package {margin-left: 20px; margin-top: 20px; float: left; width: 97%}



.formular {
	margin-left: 10px; margin-top: 20px;
	}

#bestseller h4 {
	font-size: 30px;
}

#bestseller p {
	padding-top: 5px;
	font-size: 15px;
}

#bestseller_preis {
	font-size: 40px;
}

.mehrerfahren {
	margin-top: 10px;
	text-align:right;
	}



}


@media(min-width:768px) and (max-width:979px){
		/*Start-Offer*/
	.angebot_teaser_start{
	font-size: 1em !important;
		font-weight: bold !important;
	padding-top: 5px !important;
	padding-bottom: 1px !important;
}
/*Start-Offer Ende*/

/* Start-Christmas-Offer */
.christmas{
	background-image: url("http://www.ds-recruiting.de/img/christmas.svg");
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: right 130px;
	padding-bottom: 60px

}
#bestseller .christmas p{
	padding-top: 1em;
	font-size: 1.7em;
	line-height: 1.2;
	font-weight: normal;
	width:92%
}
#bestseller .christmas span{
	font-size: 0.5em !important;
	line-height: 1.6;
}
/* Ende-Christmas-Offer */

.schliessenbutton { display: none; }

/* Angaben Pakete: Box  */

#paket_1, #paket_2, #paket_3, #paket_4, #paket_5, #paket_6, #paket_it, #paket_sap, #paket_ingenieurea, #paket_ingenieureb, #paket_medizina, #paket_medizinb, #paket_vertrieba, #paket_vertriebb, #paket_azubis, #paket_absolventen  {
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

#paket_1_ueberschrift, #paket_2_ueberschrift, #paket_3_ueberschrift, #paket_4_ueberschrift, #paket_5_ueberschrift, #paket_6_ueberschrift, #paket_it_ueberschrift, #paket_sap_ueberschrift, #paket_ingenieurea_ueberschrift, #paket_ingenieureb_ueberschrift, #paket_medizina_ueberschrift,  #paket_medizinb_ueberschrift, #paket_vertrieba_ueberschrift, #paket_vertriebb_ueberschrift, #paket_azubis_ueberschrift, #paket_absolventen_ueberschrift {
	background: #c8d200;
	width: 375px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#paket_1_ueberschrift h1, #paket_2_ueberschrift h1, #paket_3_ueberschrift h1, #paket_4_ueberschrift h1, #paket_5_ueberschrift h1, #paket_6_ueberschrift h1, #paket_it_ueberschrift h1, #paket_sap_ueberschrift h1, #paket_ingenieurea_ueberschrift h1, #paket_ingenieureb_ueberschrift h1, #paket_medizina_ueberschrift h1,   #paket_medizinb_ueberschrift h1, #paket_vertrieba_ueberschrift h1, #paket_vertriebb_ueberschrift h1, #paket_azubis_ueberschrift h1,  #paket_absolventen_ueberschrift h1  {
	color: #000;
	display: block;
	line-height: 20px;
	float: left;
	margin-top: 0;
	padding-top:0;
	}

#paket_1_ueberschrift h2, #paket_2_ueberschrift h2, #paket_3_ueberschrift h2, #paket_4_ueberschrift h2, #paket_5_ueberschrift h2, #paket_6_ueberschrift h2, #paket_it_ueberschrift h2, #paket_sap_ueberschrift h2, #paket_ingenieurea_ueberschrift h2, #paket_ingenieureb_ueberschrift h2, #paket_medizina_ueberschrift h2,  #paket_medizinb_ueberschrift h2, #paket_vertrieba_ueberschrift h2,  #paket_vertriebb_ueberschrift h2, #paket_azubis_ueberschrift h2, #paket_absolventen_ueberschrift h2 {
	color: #000;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  10px;
	}

#content_paket_1, #content_paket_2, #content_paket_3, #content_paket_4, #content_paket_5, #content_paket_6, #content_paket_it, #content_paket_sap, #content_paket_ingenieurea, #content_paket_ingenieureb, #content_paket_medizina, #content_paket_medizinb,   #content_paket_vertrieba, #content_paket_vertriebb, #content_paket_azubis, #content_paket_absolventen {
	clear: both;
	}

#content_paket_1 p, #content_paket_2 p, #content_paket_3 p, #content_paket_4 p, #content_paket_5 p, #content_paket_6 p, #content_paket_it p, #content_paket_sap p, #content_paket_ingenieurea p, #content_paket_ingenieureb p, #content_paket_medizina p,  #content_paket_medizinb p, #content_paket_vertrieba p, #content_paket_vertriebb p, #content_paket_azubis p, #content_paket_absolventen p {
	padding-top: 10px;
	margin-top: 0;
	padding-left: 10px;
	}

#content_paket_1 span, #content_paket_2 span, #content_paket_3 span, #content_paket_4 span, #content_paket_5 span, #content_paket_6 span, #content_paket_it span, #content_paket_sap span, #content_paket_ingenieurea span, #content_paket_ingenieureb span, #content_paket_medizina span, #content_paket_medizinb span, #content_paket_vertrieba span, #content_paket_vertriebb span, #content_paket_azubis span, #content_paket_absolventen span {
	display: block;
	float: left;
	width: 360px;
	background: #EAEAEA;
	margin-bottom: 5px;
	padding-left: 10px;
	border-left: #c8d200 solid 5px;
	margin-left: -10px;
	}

#paket_medizina, #paket_medizinb, #paket_absolventen {
	margin-left: 10px;
	}

#paket_1_bestellen, #paket_2_bestellen, #paket_3_bestellen, #paket_4_bestellen, #paket_5_bestellen, #paket_6_bestellen, #paket_it_bestellen, #paket_sap_bestellen, #paket_ingenieurea_bestellen, #paket_ingenieureb_bestellen, #paket_medizina_bestellen,  #paket_medizinb_bestellen, #paket_vertrieba_bestellen, #paket_vertriebb_bestellen, #paket_azubis_bestellen, #paket_absolventen_bestellen {
	background: #fff;
	width: 375px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	}

#paket_1_bestellen h1, #paket_2_bestellen h1, #paket_3_bestellen h1, #paket_4_bestellen h1, #paket_5_bestellen h1, #paket_6_bestellen h1, #paket_it_bestellen h1, #paket_sap_bestellen h1, #paket_ingenieurea_bestellen h1, #paket_ingenieureb_bestellen h1, #paket_medizina_bestellen h1,  #paket_medizinb_bestellen h1, #paket_vertrieba_bestellen h1, #paket_vertriebb_bestellen h1, #paket_azubis_bestellen h1, #paket_absolventen_bestellen h1 {
	color: #77807a;
	font-weight: 400;
	display: block;
	line-height: 20px;
	float: right;
	margin-top: 0;
	padding-top:0;
	padding-right: 10px;
	}

/* Allgemeine Angaben */


body {
	margin-top: 90px;
}

#logo {
	background: url(../img/logo_768.jpg) no-repeat bottom center #fff;
    display: block;
    height: 80px;
    left: 0;
    overflow-y: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
	border-bottom: 10px solid #000;
	}


/* Content Monatsangebot: Box */

#paket_monat {
	clear: both;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 40px;
	}

#paket_monat_ueberschrift {
	background: #e3005a;
	width: 100%;
	height: 40px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#paket_monat_ueberschrift h1 {
	color: #fff;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 10px;
	}

#paket_monat_ueberschrift h2 {
	color: #fff;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  25px;
	}

#content_paket_monat {
	clear: both;
	}

#content_paket_monat p {
	padding-left: 0;
	margin-left: 0;
	padding-top: 10px;
	margin-top: 0;
	}

#paketinhalt {
	background:  #fff;
	display: block;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 10px;
}

.bestseller_boersen {
	display: block;
	font-weight: 700;
	float: left;
	clear: left;
	min-width: 150px;
}

.bestseller_details {
	display: block;
	float: left;
	clear: left;
	}

.bestseller_lz {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 10px;
	}


#paket_monat_buchen {
	background: #fff;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	clear: both;
	border-top: 1px solid #c0c0c0;
	}

#paket_monat_buchen h1 {
	color: #e3005a;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	padding-left: 10px;
	clear: both;
	}

#paket_monat_buchen h2 {
	color: #e3005a;
	text-transform:uppercase;
	display: block;
	line-height: 20px;
	float: left;
	width: auto;
	margin-top: 0;
	padding-top:0;
	text-align: right;
	padding-right:  20px;
	clear: both;
	}



/* allgemeine Angaben */

.bestseller_teaser {display: none;}



#paket_1, #paket_2, #paket_3, #paket_4, #paket_5, #paket_6, #paket_it, #paket_sap, #paket_ingenieurea, #paket_ingenieureb, #paket_medizin, #paket_vertrieba, #paket_vertriebb, #paket_azubis  {
	margin-left: 10px;
	}

.boersen_allg {margin-left: 10px; }
.boersen_div {margin-left: 10px; }

input, textarea, select {
	width: 250px;
	}

p {
	padding-left: 10px;
	padding-right: 10px;
	}

h1, h2, h3, h4, h5, h6 {
	padding-left: 10px;
	}

.hero-unit{
	background:url(../img/hero_767_gr.jpg) bottom center no-repeat #000;
	min-height:220px;
	border-bottom: 10px solid #000;
	}

.hero-unit h1 {
	text-align: center;
	padding-top: 120px;
	font-size: 16px;
	line-height: 20px;
	}

.hero-unit h2 {
	padding-top:5px;
	font-size: 18px;
	line-height: 16px;
	}

.hero-unit h3 {
	padding-top:10px;
	font-size: 14px;
	line-height: 14px;
	}

#service {
	width: 215px;
}

#bestseller h4 {
	padding-top: 20px;
	}

#unternehmen h4 {
	padding-top: 20px;
	}

#pakete h4 {
	padding-top: 30px;
	font-size: 20px;
	line-height: 20px
	}

#boersen h4 {
	padding-top: 20px;
	}

#service h4 {
	padding-top: 30px;
	}

#impressum h4,
#datenschutzhinweis h4 {
	padding-top: 10px;
	font-size: 16px;
	}

#hotline h4 {
	padding-top: 10px;
	font-size: 16px;
	}

#hotline p {
	font-size: 13px;
	line-height: 15px;
	padding-top: 0px;
}

#fragen_form h4 {
	padding-top: 23px;
	font-size: 16px;
	}

#fragen_form p {
	line-height: 16px;
	}

#bild_1_content {
	line-height: 13px;
	font-size: 12px;
}

#bild_2_box {
	width: 115px;
	}

#bild_2_content {
	line-height: 15px;
}

#bild_3_box {display: none;
	}

#stellenmarkt {
	width: 285px;
	}

#bild_4 {
	background:#692 url(../img/bild4.jpg) no-repeat center;
	width: 160px;
	}

.menue_oben { display: block; }
.menue_unten { display: block; margin-left: auto; margin-right: auto; width: 705px; padding-left: 10px; }
.menue_mobile { display: none; }

#content .span12 {
	width: 695px;
	}

.package {margin-left: 20px; margin-top: 20px; float: left; width: 97%}

.formular {
	margin-left: 10px; margin-top: 20px;
	}

#bestseller h4 {
	font-size: 24px;
}

#bestseller p {
	padding-top: 10px;
	font-size: 15px;
}

#bestseller_preis {
	font-size: 40px;
}

.mehrerfahren {
	padding-top: 15px;
	text-align:right;
	}



}



@media(min-width:768px){


/*#logo {
	 background: url(../img/logo.jpg) no-repeat bottom center #fff;
	 height: 100px;
	 position: fixed;
	 top:0;
	 left:0;
	 width:100%;
	 clear: both;
	 }
*/


p, body {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}

h2 {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	}



#bestseller {
	background:#e3005a;
	height: 250px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}

#unternehmen {
	background:#bebebe;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:30px;
	display: table-cell;
    vertical-align: middle;
	}

#bild_1 {
	background:#692 url(../img/bild.jpg) no-repeat center;
	height: 120px;
  z-index: 2;
	zoom: 1;
	filter: alpha(opacity=100);
  opacity: 1;
	}

#bild_1_box {
  position: relative;
	height: 120px;
	overflow: hidden;
	}

#bild_1_content {
	background: #77807A;
	height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
	zoom: 1;
	filter: alpha(opacity=0);
  opacity: 0;
	}

#bild_1_content a, #bild_1_content p {
	color: #fff;
	padding-top: 10px;
	}

#boersen {
	background:#77807a;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}

#pakete {
	background:#c8d200;
	height: 120px;
	margin-top: 10px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-left-radius:30px;

	}

#bild_2_box {
  position: relative;
	margin-top: 10px;
	height: 120px;
	overflow: hidden;
	}

#bild_2 {
	background:#692 url(../img/bild2.jpg) no-repeat center left;
	height: 120px;
  z-index: 2;
	zoom: 1;
	filter: alpha(opacity=100);
  opacity: 1;
	}

#bild_2_content {
	background: #C8D200;
	height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
	zoom: 1;
	filter: alpha(opacity=0);
  opacity: 0;
	}

#bild_2_content a, #bild_2_content p {
	color: #000;
	padding-top: 10px;
	}

#bild_3_box {
  position: relative;
	height: 120px;
	overflow: hidden;
	}

#bild_3 {
	background:#e6e6d7 url(../img/bild3.jpg) no-repeat center;
	height: 120px;
	min-width: 140px;
  z-index: 2;
	zoom: 1;
	filter: alpha(opacity=100);
  opacity: 1;
	}

#bild_3_content {
	background: #fff;
	min-width: 140px;
	height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
	zoom: 1;
	filter: alpha(opacity=0);
  opacity: 0;
	}

#bild_3_content a, #bild_3_content p {
	color: #77807a;
	padding-top: 30px;
	}

#service {
	background:#fff;
	height: 120px;
	margin-top: 10px;
	}

#impressum,
#datenschutzhinweis {
	background:#fff;
	height: 120px;
	border-radius:0px;
	}

#hotline {
	background:#77807a;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}



#fragen_form {
	background:#fff;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}

#stellenmarkt {
	background:#fff url(../img/stellenmarkt.jpg) no-repeat center;
	height: 120px;
	}

#bild_4 {
	background:#692 url(../img/bild4.jpg) no-repeat center;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}


footer .span2 {
	min-width: 108px;
	}

.menue_oben { display: block; margin: 0 auto;  }
.menue_unten { display: block; }
.menue_mobile { display: none; }

.abstand_10 { height: 10px; clear: left }




}

@media(max-width:767px){




body {
	margin: 0;
}

p, h1, h4 {
	padding-left: 10px;
	}

ul li {
	font-family: 'Karla',sans-serif;
	color: #fff;
	font-size: 16px;
}

.hero-unit, .hero-unit h1, .hero-unit h2, .hero-unit h3 {
	display: none
	}

#logo {
	 background: url(../img/logo_767.jpg) no-repeat top center #000;
	 height: 115px;
	 }

.span12 h4, .span4 h4 {
	font-size: 20px;
	line-height: 25px;
}

.span12 p, .span4 p {
	padding-bottom: 15px;
	font-size: 15px;
}

#bestseller_content_mobile, #unternehmen_content_mobile, #pakete_content_mobile, #boersen_content_mobile, #service_content_mobile, #impressum_content_mobile, #datenschutzhinweis_content_mobile, #hotline_content_mobile {
	display: none;
	margin-right: 30px;
	padding-bottom: 20px;
	}

#bestseller_content_mobile_click h3, #unternehmen_content_mobile_click h3, #pakete_content_mobile_click h3, #boersen_content_mobile_click h3, #hotline_content_mobile_click h3 {
	font-family: 'Karla',sans-serif;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#bestseller h4, #bestseller p, #boersen h4 {
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	padding-top: 10px;
	}

#bestseller h5, #pakete h5, #unternehmen h5, #hotline h5 {
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 20px;
	padding-left: 10px;
	padding-top: 15px;
	}

#bestseller_content_mobile a {
	color: #fff;
}

#hotline p {
	color: #fff;
}

#pakete h5, #unternehmen h5 {
	color: #000;
}

#unternehmen h4, #unternehmen p, #unternehmen a, #impressum h4, #impressum a, #datenschutzhinweis a, #fragen_form h4, #fragen_form p , #pakete h4 {
	color: #000;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	padding-top: 10px;
	}

#service h4 {
	padding-top: 10px;
}

#service h4, #service p {
	color: #000;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}

#pakete p, #pakete a, #boersen a {
	color: #000;}

#boersen h4, #boersen p {
	color: #000;
}

#service_content_mobile_click h3 {
	color: #77807a;
	font-family: 'Karla',sans-serif;
	padding-left: 10px;
	}


#bestseller {
	background:#e3005a;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:80px;
	border-bottom-right-radius:80px;
	min-height: 140px;
	padding-right: 20px;
	}


#unternehmen {
	background:#bebebe;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:80px;
	border-bottom-right-radius:80px;
	min-height: 140px;
	}


#boersen {
	display: none;
	/*
	background:#77807a;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:80px;
	border-bottom-right-radius:80px;
	min-height: 140px;
	*/
	}

#pakete {
	background:#c8d200;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:80px;
	border-bottom-right-radius:80px;
	min-height: 140px;
	}


#service {
	background:#fff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:80px;
	border-bottom-right-radius:80px;
	min-height: 140px;
	}


#impressum,
#datenschutzhinweis {
		background-color:#fff;
		min-height: 140px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border-top-right-radius:80px;
		border-bottom-right-radius:80px;
		margin-top: 10px;
	}

#hotline {
		background-color:#77807a;
		min-height: 140px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border-top-right-radius:80px;
		border-bottom-right-radius:80px;
		margin-top: 10px;
	}

	/* Start-Christmas-Offer */
	.christmas{
		background-image: url("http://www.ds-recruiting.de/img/christmas_mobile.svg");
		background-repeat: no-repeat;
		background-size: 15%;
		background-position: 98% center;
		padding-bottom: 40px

	}
	#bestseller .christmas p{
		padding-top: 1em;
		font-size: 1.5em;
		line-height: 1.2;
		font-weight: normal;
		width:60%
	}
	#bestseller .christmas span{
		font-size: 0.5em !important;
		line-height: 1.6;
	}
	/* Ende-Christmas-Offer */


#preisbox {
	display: block; text-align: right; padding-right: 20px;
}

footer {
	background: #000;
	padding-top: 0;
	margin-top: 0px;
	}

.menue_oben { display: none; }
.menue_unten {display: none; }
.menue_mobile { display: block; margin-right: 10px; background: #000; }


#container_top-link {display: none;}
#content {display: none;}




}

@media(max-width:480px){

body {
	margin: 0;
}

#logo {
	 background: url(../img/logo_480.jpg) no-repeat top center;
	 height: 125px;
	 }

#bestseller {
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}

#unternehmen {
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}


#boersen {
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}

#pakete {
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}


#service {
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}

.hero-unit h1, .hero-unit h2, .hero-unit h3 {
	display: none;
	}


#impressum,
#datenschutzhinweis {
	background: #fff;
	border-radius:0px;
	border: 0;
	margin-top: 0;
	}

#hotline {
	background: #77807a;
	border-radius:0px;
	border: 0;
	margin-top: 0px;
	}

	/* Start-Christmas-Offer */
	.christmas{
		background-image: url("http://www.ds-recruiting.de/img/christmas.svg");
		background-repeat: no-repeat;
		background-size: 120px;
		background-position: right center;
		padding-bottom: 40px

	}
	#bestseller .christmas p{
		padding-top: 1em;
		font-size: 1.5em;
		line-height: 1.2;
		font-weight: normal;
		width:60%
	}
	#bestseller .christmas span{
		font-size: 0.5em !important;
		line-height: 1.6;
	}
	#bestseller{
		padding-right:0;
	}
	/* Ende-Christmas-Offer */

.menue_oben { display: none; }
.menue_unten { display: none; }
.menue_mobile { display: block; margin-right: 0; }

}

@page {
size: A4 landscape;
size:21.0cm 29.7cm;
margin:1cm;

}

@media print {

.schliessenbutton { display: none; }

body, #bg_schwarz, #content, footer { width: 100%;   display: inline;
  overflow: visible;  clear:left;}

body {
	background: none repeat scroll 0 0 #fff;
	width: 100%;
	float: none;
	overflow: visible;
	margin-top: 0;
}

p, body {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	}

#bg_schwarz { background-color: #fff; }
#content {background-color: #fff;}

#logo:before {display: block; content: "www.ds-recruiting.de"; margin-left: 30px;}

.hero-unit {display: none}

footer { display: none; }

h2 {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	}

#logo {
	background: url(../img/logo_print.jpg) no-repeat bottom center #fff;
    display: block;
    height: 100px;
    left: 0;
    overflow-y: hidden;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 500;
	border-bottom: 10px solid #fff;
	}


#bestseller {
	background:#e3005a;
	height: 250px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	border-top: 10px #e3005a solid;
	border-bottom: 10px #e3005a solid;
	}

#unternehmen {
	background:#bebebe;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-right-radius:30px;
	display: table-cell;
    vertical-align: middle;
	border-top: 10px #bebebe solid;
	}

#bild_1 {
	background:#692 url(../img/bild.jpg) no-repeat center;
	height: 120px;
	}

#bild_1_box {
	height: 120px;
	border-top: 10px #fff solid;
	}

#bild_1_content {
	display: none;
	height: 120px;
	}

#bild_1_content a, #bild_1_content p {
	color: #000;
	}

#boersen {
	background:#77807a;
	height: 120px;
	margin-top: 10px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-top-left-radius:30px;
	}

#pakete {
	background:#c8d200;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	border-top: 10px #c8d200 solid;
	}

#bild_2_box {
	margin-top: 10px;
	height: 140px;
	}

#bild_2 {
	background:#fff url(../img/bild2.jpg) no-repeat center;
	height: 130px;
	}

#bild_2_content {
	display: none;
	height: 120px;
	}

#bild_2_content a, #bild_2_content p {
	color: #000;
	}

#bild_3_box {
	height: 120px;
	}

#bild_3 {
	background:#692 url(../img/bild3.jpg) no-repeat center;
	height: 120px;
	min-width: 140px;
	}

#bild_3_content {
	display: none;
	min-width: 140px;
	height: 120px;
	}

#bild_3_content a, #bild_3_content p {
	color: #000;
	}

#service {
	background:#fff;
	height: 120px;
	margin-top: 10px;
	width: 200px;
	}

#impressum,
#datenschutzhinweis {
	background:#fff;
	height: 120px;
	border-radius:0px;
	}

#fragen_form {
	background:#77807a;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}

#stellenmarkt {
	background:#fff url(../img/stellenmarkt.jpg) no-repeat center;
	height: 120px;
	}

#bild_4 {
	background:#692 url(../img/bild4.jpg) no-repeat center;
	height: 120px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border-bottom-right-radius:30px;
	}

#content .span12, #content {border-top: 10px solid #fff;}

#content .span12 {
	border-bottom: 10px #fff solid;
}

#content .span4 {
	clear: both;
}

#content .span7 {
	clear: both;
	margin-left: 20px;
	padding-bottom: 20px;
	width: 95%;
}

#scrollup {display: none;}



.menue_oben { display: block; margin: 0 auto; border-top: 10px solid #fff; border-bottom: 10px solid #fff; }
.menue_unten { display: block; }
.menue_mobile { display: none; }

}

body .copy{
	display: inline-block;
	float: left;
}

.datenschutzhinweis{
	display: inline-block;
	float: right;
	padding: 15px 20px 10px 20px;
}

@media(max-width:767px){
	.datenschutzhinweis{
		display: none;
	}
}

.datenschutzhinweis a, .datenschutzhinweis a:hover, .datenschutzhinweis a:focus, .datenschutzhinweis a:active{
	text-decoration: none;
	border-bottom: none;
	color: #999;
}
#bild_1, .start-nolink{
	pointer-events: none !important; 
    cursor:  !important; 
	text-decoration: none !important;
}