
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}


/* CSS RESET */
* { margin:0; padding:0; padding:0; font:inherit; line-height:inherit; }
address,caption,cite,code,dfn,em,var { font:inherit; color:inherit; line-height:inherit; }
fieldset,img,abbr,acronym { border:0; }
 
/* CSS DEFAULT */
html { overflow-y:scroll; }
li { list-style:none; }
img { vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }

body {
	background:url(../img/bg.gif) repeat;
	font-size:15px;
	color:#353535;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	}
	
h1 {
    color: white;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 60px;
    text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
h2 {
    color: white;
    font-size: 22px;
    font-weight: 400;
    letter-spacing:3px;
    line-height: 40px;
    text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}

h3 {
	font-size:34px;
	font-family: 'Oswald', sans-serif;
	}

h4 {
	font-size:13px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	}
	
hr {
	border-bottom: 11px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 30px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
    padding-top: 25px;
}

strong, b {
	font-weight:900;
	}
	
.content_type_contentGallery li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}


/* Anpassung Kontakt bei Lohnhärten.. */

.content_id_184.content_type_tinymce {
    margin-top: -38px;
}




/* KLASSEN */
.clear { float:none!important; display:block!important; clear:both!important; padding:0!important; }

.container {
	margin:0 auto;
	width:1140px;
	position:relative;
	}
	
.wide-container {
	z-index:500;
	position:relative;
	}

.navigation {
	width:100%;
	height:auto;
	padding-top:48px;
	float:right;
	}
	
.navigation ul {
    float: right;
    width: auto;
}

nav {
    float: right;
    width: auto;
}

#logo {
    float: left;
    text-align: right;
    width: 31%;
}

#top_stretch {
	background:url(../img/top_stretch.jpg) repeat-x #ffffff;
	height:113px;
	position: relative;
    z-index: 1000000;
	}
	
#navigation {
    float: right;
    width: 69%;
}
	
.slidertextbox_stretch {
	width:100%;
    border: 0 none;
    position: absolute;
    top:40%;
	text-align:center;
}
#start_left {
    float: left;
    width: 31%;
}
#start_right {
    float: right;
    width: 69%;
	background:url(../img/slider/1.jpg) center center;
	background-size:100% auto;
}


#googlemap iframe {
    border: 0 none;
    margin: 0;
    padding: 0;
	height:350px !important;
	vertical-align:bottom;
    width: 100% !important;
}



.box {
	text-align:center;
	}

.box a {
	 display: block;
    font-family: "Oswald",Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 65px;
    padding-top: 67px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
	}

.box a:hover {
	font-size:21px;
    padding-top: 70px;
	}
	
#box1 {
	width:100%;
    border-bottom: 6px solid #82090f;
    height: 168px;
	background:url(../img/box1.jpg) no-repeat center top;
	background-size:100% auto;
}
	
#box1 a, #box2 a, #box4 a {
	color:white;
	}
	
#box3 a {
	color:#292929;
	}

#box2 {
    border-bottom: 6px solid black;
    height: 168px;
    width: 100%;
	background:url(../img/box4.jpg) no-repeat center top;
	background-size:100% auto;
}

#box3 {
    height: 164px;
    width: 100%;
	background:url(../img/box3.jpg) no-repeat center center;
	background-size:100% auto;
}

#box4 {
    height: 161px;
    width: 100%;
	background:url(../img/box2.jpg) no-repeat center center;
	background-size:100% auto;
    border-bottom: 6px solid #32080d;
}
	
/* Navigation */

/* Formatierung Kontaktformular Start */

.infomeldung {
	 background:#ab121c;
	width:96%;
	color:white;
	padding:2%;
	margin-bottom:20px;
	}
	
.content_type_kontakt input {
    border-color: #B6B8B9 #B6B8B9 #cdcfd1;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px #dfe0e3 inset;
    height: 20px;
    margin-bottom: 10px;
	width:350px;
	 padding:2px;
}

.content_type_kontakt input#submit {
	 color:white;
	 background:#ab121c;
	 border:0px;
	 display:inline-block;
	 height:30px !important;
	 cursor:pointer;
	 box-shadow:none;
	 border:0px;
	 padding-left:15px;
	 padding-right:15px;
	 text-transform:uppercase;
	 font-size:15px;
     width: 356px;
	 margin-left:150px;
	 padding:2px;
	 }
	
.content_type_zertifikate ul li {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 16.4%;
}
.content_type_zertifikate h4 {
	margin-bottom:15px;
}
	
#unterseite .content_type_zertifikate ul li a {
	color:white;
	text-transform:uppercase;
	font-size:13px;
	font-weight:900;
	}
#unterseite .content_id_21 a {
    color: white;
}
#unterseite .content_id_21 a:hover {
	text-decoration:underline;
}

iframe {
    border-top: 1px solid lightgrey !important;
    height: 288px;
    margin-top: 5px;
    padding-top: 15px;
    width: 40% !important;
}
	 
.content_type_kontakt label {
    display: block;
    float: left;
    font-weight: normal;
    width: 150px;
}

.content_type_kontakt textarea {
    background: none repeat scroll 0 0 #fcfcfc;
    border-color: #B6B8B9 #B6B8B9 #cdcfd1;
    border-radius: 2px;
    border-style: solid;
	 padding:2px;
    border-width: 1px;
    box-shadow: 0 1px 2px #dfe0e3 inset;
    height: 96px;
    margin-bottom: 10px;
    width: 350px;
}

#content_startseite {
	color:white;
	font-size: 14px;
	line-height: 22px;
	}
	
#content_startseite table tr:last-child {
    border-bottom: 0 none;
}
#content_startseite table tr {
    border-bottom: 1px solid #363435;
}

#content_startseite table tr td {
	padding:20px 3% 20px 2%;
	vertical-align:top;
}

#content_startseite table tr td:first-child {
    padding-left: 5% !important;
    padding-right: 0;
    width: 31% !important;
}
#content_startseite table a {
    color: white;
    font-weight: 900;
    text-decoration: none;
}
#content_startseite h4 {
    border-right: 4px solid white;
    padding-right: 15px;
}
#footer_stretch {
	background:url(../img/footer_stretch.jpg) no-repeat center top #b2000c;
	height:75px;
	font-size: 14px;
	line-height:22px;
	color:white;
}

.clear.clearline {
    border-bottom: 11px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 30px;
}
#team .content_type_tinymce {
    float: left;
    padding-top: 25px;
    width: 33.33%;
	min-height: 88px;
}
#team .content_type_tinymce {
    float: left;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 13px;
    width: 33.33%;
}
#team .content_type_tinymce:last-child {
	border-bottom:0px;
	}

.footerbox {
    float: left;
    margin-top: 13px;
}

.footerbox a {
	color:white;
	text-decoration:none;
	font-weight:700;
	}
	
#footerbox1 {
    font-family: "Oswald";
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    padding-right: 1%;
    text-align: right;
    text-transform: uppercase;
    width: 30%;
}

#footerbox2 {
    border-right: 1px solid #d5646c;
    padding-left: 2%;
    width: 21%;
}
#footerbox3 {
    padding-left: 2%;
    width: 20%;
}
#footerbox4.footerbox {
    border-left: 1px solid #d5646c;
    float: right;
    padding-right: 3%;
    text-align: right;
    width: 20%;
}

#header_unterseite {
	height:400px;
	width:100%;
	}
#header_unterseite {
    background-size: 100% auto !important;
    height: 400px;
    width: 100%;
}
#subnavigation {
    height: 65px;
    margin-bottom: 20px;
    padding-top: 10px;
    width: 100%;
}

#subnavigation ul li a {
	color:white;
}

#subnavigation ul li.active a {
	color:#c8010e;
	border-bottom:7px solid #ab121c;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(10, 10, 10, 0.10) 0%, rgba(10, 10, 10, 0.10) 10%, rgba(10, 10, 10, 1) 98%) repeat scroll 0 0;
}

#subnavigation ul li a:hover {
	color:#c8010e;
}
#subnavigation ul li a {
    border-bottom: 7px solid white;
    color: white;
    display: inline-block;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 13px;
    text-decoration: none;
    text-transform: uppercase;
}
#subnavigation ul li {
    float: left;
}

#unterseite {
    color: white;
    display: block;
    line-height: 24px;
    margin: 20px auto 0;
    min-height: 200px;
    padding-bottom: 45px;
    width: 90%;
}
#unterseite h4 {
    font-size: 15px;
}

#unterseite h3 {
    font-size: 27px;
    margin-bottom: 14px;
}
.content_id_55, .content_id_162 {
    padding-top: 20px;
}
.borderleftdiv {
    border-left: 6px solid white;
    padding-left: 3.5%;
}
.content_id_19.content_type_tinymce {
    margin: 0 auto;
    width: 56.5%;
}
.content_id_19.content_type_tinymce a {
    background: #a50c16 url("../img/footer_stretch.jpg") no-repeat scroll center top;
    color: white !important;
    display: inline-block;
    float: left;
    font-family: Oswald;
    font-size: 20px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    padding-bottom: 17px;
    padding-right: 1%;
    padding-top: 15px;
    text-align: center;
    width: 45%;
	transition: all 0.5s ease 0s;
}
.content_id_19.content_type_tinymce a:hover {
	background:#ab121c;
	transition: all 0.5s ease 0s;
}
.content_id_3 table tr, .content_id_57 table tr, .content_id_5 table tr, .content_id_7 table tr, .content_id_17 table tr, .content_id_27 table tr, .content_id_31 table tr, .content_id_33 table tr, .content_id_35 table tr, .content_id_37 table tr, .content_id_39 table tr, .content_id_41 table tr, .content_id_43 table tr, .content_id_45 table tr, .content_id_47 table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.content_id_3 table tr td, .content_id_5 table tr td, .content_id_7 table tr td, .content_id_17 table tr td, .content_id_27 table tr td, .content_id_31 table tr td, .content_id_33 table tr td, .content_id_35 table tr td, .content_id_37 table tr td, .content_id_39 table tr td, .content_id_41 table tr td, .content_id_43 table tr td, .content_id_45 table tr td, .content_id_47 table tr td, .content_id_57 table tr td {
	padding-bottom:8px;
	vertical-align:top;
	padding-top:8px;
}
#subsubnavigation ul {
	padding-bottom:45px;
	display:block;
	}
#subsubnavigation ul li.active a {
    background: #b2000c url("../img/footer_stretch.jpg") no-repeat scroll center top / auto 100%;
}
#subsubnavigation ul li.active a:hover {
color:white;
}
#subsubnavigation ul li a:hover {
	color:#c8010e;
}
#subsubnavigation ul li a {
    background: #151314;
    color: white;
    font-family: Oswald;
    font-size: 14px;
    margin-right: 2px;
	display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
}
#subsubnavigation ul li {
    float: left;
    height: 41px;
    margin-bottom: 10px;
}
.content_type_contentGallery li.col_5 {
    margin-right: 0;
}
.content_type_contentGallery {
    margin-top: 24px;
}
.content_type_contentGallery h4 {
    margin-bottom: 8px;
}
.content_type_contentGallery li {
    float: left;
    margin-bottom: 12px;
    margin-right: 10px;
}
#unterseite .content_type_tinymce li {
    list-style-type: square;
    margin-left: 15px;
}
#headline {
	text-align:center;
    height: 209px;
    padding-top: 175px;
}

#unterseite a {
    color: #d00229;
    text-decoration: none;
}

/* Kontaktformular Formatierung Ende */

@media only screen and (max-width:1280px){
#header_unterseite {
    height: auto;
}

#logo img {
    max-width: 97%;
}

}


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

#headline {
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
h1 {
    font-size: 30px;
}
.container {
		width:100%;
}
.flexnav li a {
	padding:14px 16px 36px 15px !important;
	}
.flexnav li ul li a {
	padding:7px 5% 10px !important;
	}
	

.content_type_kontakt input, .content_type_kontakt input#submit, .content_type_kontakt label, .content_type_kontakt textarea {
    width: 100%;
	margin-left:0px;
}
.content_type_zertifikate ul li {
    width: 25%;
}
}

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

.content_type_zertifikate ul li {
    width: 33.33%;
}

#start_left, #start_right {
    float: none;
    width: 100%;
}
.box {
    border-bottom: 0 none !important;
    float: left !important;
    height: 150px !important;
    width:50% !important;
}
.box a {
    font-size: 23px;
    padding-bottom: 50px;
    padding-top: 60px;
}
.flexnav li > ul {
    top: 65px !important;
}
.footerbox {
    float: none !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
    text-align: left !important;
    width: 92% !important;
}
#footer_stretch {
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
    background: #a50c16 none repeat scroll 0 0;
}
.flexnav li a {
	padding:13px 24px 10px 23px !important;
	font-size:15px !important;
	}
	
.flexnav li {
	height:50px;
	}

.flexnav li > ul {
	top:65px !important;
	}

#subnavigation {
	margin-bottom:40px;
	height:auto;
	}
#team .content_type_tinymce {
    width: 50%;
}


}

@media only screen and (max-width:800px){
#subnavigation, #subsubnavigation {
    display: none;
}

#logo {
    float: none;
    padding-bottom: 10px;
    padding-right: 1%;
    padding-top: 52px;
    text-align: right;
    width: 99%;
}
#top_stretch {
    background: white none repeat scroll 0 0;
    height: auto;
}

#navigation {
    width: 100%;
	position:absolute;
	top:0px;
}
.navigation {
    float: inherit;
    padding: 0;
}
nav {
    float: none;
    width: 100%;
}

.navigation ul.flexnav li {
	float:none;
}

.flexnav li a {
    padding: .96em !important;
	}
	
.flexnav li {
	height:auto !important;
	}
.flexnav li.site1 a {
    padding-left: 0.96em !important;
    padding-right: 0.96em !important;
}

.wide-container, #slides {
    height: 450px;
    overflow: hidden;
}

.content_id_17 table tr td:first-child {
    display: block;
    width: 100% !important;
}
.content_id_17 table tr td:last-child {
    display: block;
    width: 100%;
}
.content_id_17 table tr td td:first-child {
    display: table-cell !important;
    width: auto !important;
}

.content_id_17 table tr td td:last-child {
    display: table-cell !important;
    width: auto !important;
}
.content_id_21 td {
    display: block;
    width: 100%;
}
.content_id_13.content_type_tinymce img {
    float: none !important;
    margin: 0 auto !important;
}
.content_id_21 img, .content_id_15 img {
    height: 85px;
    margin-bottom: 10px;
}
.content_type_contentGallery a img {
    height: auto;
    width: 100%;
}
.content_type_contentGallery li {
    margin-left: 1%;
    margin-right: 1%;
    width: 48%;
}
.content_id_27.content_type_tinymce table {
    font-size: 12px;
}

.content_type_zertifikate ul li {
    width: 50%;
}

.content_id_55 td, .content_id_162 td {
	display:block;
	width:100% !important;
	margin-bottom:20px;
}


#team .content_type_tinymce {
    width: 100%;
}

}


@media only screen and (max-width:600px){
#start_left {
    display: none;
}
#content_startseite table tr td {
    display: block;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 0;
    width: 90% !important;
}

#content_startseite table tr td:first-child {
    display: block;
    padding-bottom: 10px !important;
    padding-top: 15px;
    text-align: left !important;
    width: 95% !important;
}
#content_startseite table a {
    background: white none repeat scroll 0 0;
    color: black;
    display: block;
    margin-top: 9px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
}
.wide-container, #slides {
    height: 250px;
}
#start_right {
    background-size: 100% auto;
}
.slides-navigation {
    display: none;
}
.slidertextbox_stretch {
    top: 37%;
}
h1 {
    font-size: 25px;
    line-height: 35px;
}
h2 {
    font-size: 17px;
    line-height: 30px;
}
#logo img {
    max-width: 67%;
}
#logo {
	text-align:center;
}

#unterseite h3 {
    line-height: 34px;
}
.content_id_3 td, .content_id_5 td, .content_id_7 td, .content_id_57 td {
    display: block;
    padding: 0 !important;
    width: 100%;
}

.content_id_3 tr, .content_id_5 tr, .content_id_7 tr, .content_id_57 tr {
    display: block;
    padding-bottom: 11px;
    padding-top: 11px;
}
.content_id_9.content_type_tinymce img {
	display:none;
}
.content_id_11 img, .content_id_29 img, .content_id_49 img, .content_id_51 img {
    height: auto;
    margin-bottom: 10px;
    max-width: 100%;
	float:none !important;
	display:block;
}

.content_id_19.content_type_tinymce a {
    display: block;
    float: none;
    width: 100%;
}

.content_id_31 td, .content_id_33 td, .content_id_35 td, .content_id_37 td, .content_id_39 td, .content_id_41 td, .content_id_43 td, .content_id_45 td, .content_id_47 td {
    display: block;
    width: 100% !important;
}


}