
.menue a:visited,
.menue a:active,
.menue a:link {
    font-family: FreightSansProMedium-Regular, Arial, sans-serif;
    text-decoration: none;
    color: #5d686e;
}

.menue a:hover {
  color: #989900;
}

a:visited,
a:active,
a:link {
    text-decoration: none;
    color: #989900;
}

a:hover {
    color: #989900;
}

.news a:link,
.news a:visited,
.news a:active,
a.news:visited,
a.news:link,
a.news:active {
    color: #5d686e;
}
.news a:hover,
a.news:hover {
    color: #989900;
}

html,
body { 
  font-family: FreightSansProMedium-Regular, Arial, sans-serif;
	margin:  0px;
	color: #5d686e;
  line-height: 17px;
  font-size: 1em;
  background-color: #5d686e;
  height: 100%;
} /**/

hr {
  border: 0px;
  height: 1px;
  background-color: #99a4aa;
  margin-top: 0px;
  margin-bottom: 0px;
}

hr.start {
  background-color: #bcc2c6;
  margin-top: 8px;
  margin-bottom: 8px;
}

.slider {
  width: 100%;
  min-height: 150px;
}

.slider img {
  width: 100%;
}

div#container {
  position: relative;
  width: 100%;
  height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}

.inhalt_wrapper {
  background-color: white;
}

.bgwhite {
  background-color: white;
} /**/

.overflow {
  overflow: hidden;
}

.fusszeile {
  background-color: #5d686e;
  color: #dfe1e2;
  font-size: 0.8em;
  padding: 33px 10px 33px 10px;
  line-height: 1.2em;
  bottom: 0px;
  width: 100%;
}
.fuss_rechts {
  text-align: right;
  letter-spacing: .2em;
}
.fusszeile a{
  color: white;
}

.wrapper_start {
  height: 65px;
  margin-top: -50px;
  background-color: #dfe1e2;
  padding-top: 70px;
}

.wrapper {
  padding-top: 100px;
  margin-top: -60px;
  background-color: #dfe1e2;
  padding-bottom: 108px;
}

.wrapper_fusszeile {
  height: 80px;
}

.neuigkeiten {
  background-image: url('./bilder/news_pfeil.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

table.news {
  border-top: 1px solid #99a4aa;
  border-bottom: 1px solid #99a4aa;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
.news td{
  padding: 15px 0px 15px 0px;
  border-top: 1px solid #99a4aa;
  border-collapse: collapse;
}

.nl_left {
  float: left;
}

.form input, 
.bewerben_textarea {
  width: 100%;
  background-color: #dfe1e2;
  border: 0px;
  font-size: 16px;
  padding: 7px;
  color: #5d686e;
  font-family: FreightSansProBook-Regular, Arial, sans-serif;
}

.form fieldset input {
  width: auto;
}

.form fieldset {
  border: none;
}

#nl_abm,
#nl_anm,
#ear {
  background-color: transparent;
  float: left;
  width: 150px;
  height: 18px;
  padding: 0px;
  margin-top: -3px;
  letter-spacing: 0.2em;
  text-align: left;
  font-family: FreightSansProMedium-Regular, Arial, sans-serif;
  cursor: pointer;
}

.submit_bewerbung {
  background-color: transparent !important;
  height: 18px;
  padding: 0px !important;
  width: 80% !important;
  margin-top: -3px;
  letter-spacing: 0.2em;
  text-align: left;
  font-family: FreightSansProMedium-Regular, Arial, sans-serif;
  cursor: pointer;
}

.bold {
  font-family: FreightSansProBold-Regular, Arial, sans-serif !important;
}
.lsp {
  letter-spacing: 0.2em;
}

.links:hover,
.rechts:hover {
    cursor: pointer;
}

.links {
    position: fixed;
    height: 100%;
    width: 10%;
    float: left;
    background-image: url('./bilder/Pfeil_links.png');
    background-repeat: no-repeat;
    background-position: 10% center;
}
.rechts {
    position: fixed;
    height: 100%;
    width: 10%;
    float: right;
    right: 0px;
    background-image: url('./bilder/Pfeil_rechts.png');
    background-repeat: no-repeat;
    background-position: 90% center;
}
.content-wrapper {
    position: relative;
    height: 100%;
    width: 80%;
    float: left;
}

.seite {
  width: 100%;
  background-color: white;
}

.menue {
  letter-spacing: 0.2em;
  font-size: 14px;
  text-align: right;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 10;
}
.m_menue {
  display: block;
}
.menue_div {
  position: fixed;
  width: 100%;
  z-index: 100;
  background-color: white;
}
.menue_wrapper {
  height: 60px;
}

.mobile {
  display: none;
}
.desktop {
  display: block;
}

.dropdown {
  display: none;
  position: absolute;
  right: 0px;
  width: 145%;
  padding-right: 8px;
  padding-top: 17px;
  background-color: white;
}

.dropitem {
  background-color: white;
  border-top: 1px solid #99a4aa;
  z-index: 20;
  padding-top: 17px;
  padding-bottom: 17px;
}

.menue_btn {
  display: none;
}

.selected {
  font-family: FreightSansProBold-Regular, Arial, sans-serif !important;
}

.selected_dd {
  color: #989900 !important;
}

.logo {
  padding-top: 10px;
  padding-bottom: 62px;
}

h1,
p {
  margin: 0px;
}

p.inhalt_links{
  font-family: FreightTextProBook-Regular, Times, serif;
  line-height: 22px;
  font-size: 18px;
}

h1.inhalt_links {
  font-family: FreightSansProBold-Regular, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  margin-top: 10px;
}

p.inhalt_rechts {
  font-family: FreightSansProMedium-Regular, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1.inhalt_rechts {
  font-family: FreightSansProBold-Regular, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  margin-top: 10px;
}
p.startseite {
  font-family: FreightSansProBook-Regular, Arial, sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  color: #989900;
}

.greenline {
  position: relative;
  left: 0px;
  border-top: 6px solid #989900;
  background-color: #989900;
  padding: 0px;
  padding-right: 10px;
}

.greenline_left {
  position: fixed;
  width: 30%;
  height: 6px;
  background-color: #989900;
  z-index: 190;
}

.nav_r {
  background-color: white;
  height: 100%;
  width: 200px;
} /**/

.nav_l {
  background-color: white;
  position: relative;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  background-image: url('/bilder/Pfeil_links.png');
  background-repeat: no-repeat;
  background-position: left center;
} /**/

.newsletter {
	background-color:#E2E2E2;
	color : #000000;
	font-size : small;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom:10px;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
}



.cb_mobile {
  width: 20px !important;
  height: 20px;
  vertical-align: middle;
  margin-left: 0px;
}

.cb_mob_start {
    width: 20px !important;
    height: 20px;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 0px;
}

.cb_div {
    text-align: right;
    margin-top: -3px;
}

.svc_text {
  padding-left: 20px;
  display: none;
}

.svc_mehr:hover, .svc_alle:hover {
  font-weight: bold;
  cursor: pointer;
  color: #989900;
}

.svc_alle {
  text-align: right;
  margin-top: -17px;
}

.cbo_einverstanden {
  float: left;
  width: auto !important;
  
}

.txt_einverstanden {
  padding-left: 20px;
}

div.button {
  background-color: transparent;
  width: 100%;
  cursor: pointer;
}

#error_name,
#error_email,
#error_email_ab,
#error_captcha,
#error_service,
.error {
  color: #FF8080;
}

#login {
  display: none;
}

.galerie_tn_div {
  width: 111px;
  height: 111px;
  margin: 2px;
  float: left;
  text-align: center;
  position: relative;
}

.galerie_tn_div:hover {
  background-color: #A5A5A5;
}

.galerie_tn_img_div {
  width: 111px;
  height: 111px;
  overflow: hidden;
  text-align: center;
  position: relative;
  bottom: 0px;
}

.galerie_tn_img {
  max-width: 150px;
  max-height: 150px;
  position: relative;
}

.galerie_tn_desc {
  width: 100%;
  text-align: center;
  padding: 0px;
  overflow: hidden;
  bottom: 0px;
  position: relative;
  margin-top: -100%;
}
.galerie_tn_desc_back {
  background-color: black;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 21;
}
.galerie_tn_desc_text {
  color: white;
  z-index: 22;
  opacity: 1;
  position: relative;
}

.galerie_overlay {
  display: block;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 10;
}

.galerie_background {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  opacity: 0.5;
  background-color: black;
  z-index: 11;
}

.galerie_img {
  position: absolute;
  z-index: 15;
}

.img_fwd {
  position: absolute;
  z-index: 20;
  width: 30px;
  height: 50px;
  right: 0px;
  top: 50%;
  padding: 5px;
  margin-top: -30px;
}
.img_fwd:hover {
  cursor: pointer;
  background-color: #606060;
  opacity: 0.8;  
}

.img_back {
  position: absolute;
  z-index: 20;
  width: 30px;
  height: 50px;
  left: 0px;
  top: 50%;
  padding: 5px;
  margin-top: -30px;
}
.img_back:hover {
  cursor: pointer;
  background-color: #606060;
  opacity: 0.8;
}

.img_close {
  position: absolute;
  z-index: 20;
  width: 35px;
  height: 35px;
  padding: 5px;
  right: 0px;
  top: 0px;
}
.img_close:hover {
  cursor: pointer;
  background-color: #606060;
  opacity: 0.8;
}

.img_link {
  position: absolute;
  z-index: 20;
  width: 35px;
  height: 35px;
  padding: 5px;
  left: 0px;
  top: 0px;
}
.img_link:hover {
  cursor: pointer;
  background-color: #606060;
  opacity: 0.8;
}
.input_link {
  float: right;
  font-size: 18px;
}

.img_desc_background {
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-color: black ;
  opacity: 0.7;
  z-index: 19;
  position: absolute;
}
.img_desc {
  position: absolute;
  z-index: 18;
  right: 0px;
  left: 0px;
  bottom: 0px;
  padding: 0px;
}
.img_desc_text {
  position: relative;
  z-index: 20;
  padding: 5px;
	font-size : small;
  color: white;
}

.input200 {
	background-color:#F5F5F5;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
	width:200px;
}
.input100P {
	background-color:#F5F5F5;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
	width:100%;
}
.button200 {
	background-color:#DCDCDC;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
	width:200px;
}
.button100P {
	background-color:#DCDCDC;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
	width:100%;
}
.input250 {
	background-color:#F5F5F5;
	border-style:solid;
	border-color:#9a9a9a;
	border-width:1px;
	width:250px;
}

.zeile {
	color : #000000;
	padding : 4px;
	background-color : #CDCDCD;
}

/* INTRO */
.intro {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.intro_overlay {
    background-color: white;
    height: 100%;
    width: 100%;
    margin: 0px;
}

.intro_logo {
    position: absolute;
    width: 80%;
    height: auto;
    left: 50%;
    top: 50%;
    display: none;
}
/* ENDE INTRO */

.start_grau {
    position: relative;
    background-color: #dfe1e2;
    z-index: 1;
    margin-top: 20px;
}

.row {
    z-index: 20;
}

.info_div {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
}

.info_hintergrund {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 301;
}

.info_fenster {
    position: relative;
    background-color: white;
    width: 400px;
    max-width: 90%;
    height: auto;
    z-index: 310;
    opacity: 1;
    margin: auto;
    top: 30%;
}

.info_titel {
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
}

.info_text {
    font-size: 16px;
    padding: 10px;
}

.info_schliessen {
    text-decoration: underline;
    cursor: pointer;
    padding: 10px;
    bottom: 0;
    color: #989900;
    position: relative;
    text-align: right;
    width: 100%;    
}

.kp_iframe {
    width: 100%;
    height: 304px;
    border: none;
}

.submit_karriere {
    letter-spacing: 0.2em;
    font-family: FreightSansProBold-Regular, Arial, sans-serif;
    cursor: pointer;
    color: #5d686e !important;
}




@media all and (max-width:1399px) {
    .links {
        display: none;
    }

    div#container {
        width: 100%;
        margin: 0px;
        left: 0px;
    }
    .rechts {
        display: none;
    }

    .greenline {
        width: 100% !important;
    }

    .nav {
        display: none;
    }

    .wrapper {
        display: block;
    }

}

@media all and (max-width:768px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .fusszeile {
        width: 100%;
        margin: 0px;
        left: 0px;
        position: relative;
        padding: 0px;
        padding-top: 5px;
    }

    .wrapper {

    }

    .wrapper_start {
        height: auto;
    }

    .dropdown {
        position: relative;
        padding-right: 0px;
        width: 100%;
    }

    .dropitem {
        background-color: #EFEFEF;
    }

    .dropitem_last {
        margin-top: -15px;
        border: 0px;
    }

    .menue {
        border-top: 1px solid #99a4aa;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

   .menue_btn {
        position: relative;
        left: 50%;
        margin-left: -45px;
        margin-bottom: 20px;
        margin-top: -6px;
        padding: 10px;
        width: 90px;
        background-color: white;
        z-index: 110;
        text-align: center;
        font-family: FreightSansProBold-Regular, Arial, sans-serif !important;
        box-shadow: inset 0px -5px 7px #DDDDDD;
        float: left;
        display: block;
   }
   .menue_div {
      position: relative;
    }

    .menue_wrapper {
      display: none;
    }

   .m_menue {
        display: none;
   }

    .content-wrapper {
        display: none;
    }
}

@media print {
    .link,
    .rechts,
    .desktop,
    .menue_div,
    .dontprint {
        display: none;
    }

    .fusszeile {
        border-top: 1px solid #99a4aa;
    }

    .hr {
        border-top: 1px solid #99a4aa;

    }
}

