body, p, td, th, div {  font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/************  HEADER  **************************************/
#wrapperHeader {
	text-align:left;
	background-color:#FFFFFF;
	width:770px;
	height:183px;
}
#logo {
	width:513px;
	height:136px;
	float:left;
}
#nav {
	text-align: right;
	width:166px;
	height:136px;
	float:left;
}
#userinfo {
	float:left;
	text-align:right;
	width: 379px;
}
#lang {
	float:left;
	text-align:left;
	width: 300px;
}
/************  HEADER  **************************************/
/************  CONTENT  **************************************/
.aboListL {
	font-weight:bold;
	width: 580px;
	padding: 3px;
	float:left;
}
.aboListR {
	text-align:right;
	width: 75px;
	padding: 3px;
	float:left;
}
.invisible {
	display: none;
}
.visible {
	display: "";
}
.red {
	color:#FF0000;
}
.branchwrapper {
	width:335px;
}
.branchelem {
	width:111px;
	display: block;
	float: left;
}
.row {
	width:335px;
	height:auto;
	float:left;
}
.wrapper {
	text-align:left;
	background-color:#FFFFFF;
	width:770px;
}
.wrapperInner {
	padding: 15px 41px 15px 50px;
}
.line {
	height: 1px;
	margin: 0 0px 0 0px;
	border: 0;
	width:670px;
	background: #BAB6A4;
	color: #BAB6A4;
}
.lineSm {
	height: 1px;
	margin: 0 0px 0 0px;
	border: 0;
	width:100px;
	background: #BAB6A4;
	color: #BAB6A4;
}
.dAdmin {
	text-align:center;
	background-color:#FFFFFF;
	border: 1px dashed black;
	padding: 5px;
	margin: 5px;
}
.actStatus {
	border: 1px solid black;
}
.pasStatus {
	border: 1px solid white;
}
.state0 {
	display:inline;
	padding: 1px;
	background-color:#CCCCCC;
}
.state1 {
	display:inline;
	padding: 1px;
	background-color:#00CC00;
}
.state2 {
	display:inline;
	padding: 1px;
	background-color:#000000;
}
.state3 {
	display:inline;
	padding: 1px;
	background-color:#FFFF00;
}
.state4 {
	display:inline;
	padding: 1px;
	background-color:#FF0000;
}
.state5 {
	display:inline;
	padding: 1px;
	background-color:#0000FF;
}
.state6 {
	display:inline;
	padding: 1px;
	background-color:#fff;
	border: 1px solid #000;
}
/************  CONTENT  **************************************/
/************  FOOTER  **************************************/
#wrapperFooter {
	text-align:left;
	background-color:#FFFFFF;
	width:770px;
	min-height: 200px;
}
/************  FOOTER  **************************************/
/************  FORM  **************************************/
form { margin: 0px; padding: 0px; }
input, textarea, select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
/************  FORM  **************************************/
.dImgWrapper { width:350px; }
.dImg { float:left; margin-right:3px; margin-bottom:3px; border:0; }
.branchHolder { width:350px; }
.formmargin { margin-bottom:2px; }
.error { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: normal}

a:link {  color: #BAB6A4; text-decoration: none; font-weight: normal}
a:hover {   color: #BAB6A4; text-decoration: underline; font-weight: normal}
a:active {  color: #BAB6A4; text-decoration: none; font-weight: normal}
a:visited {  color: #BAB6A4; text-decoration: none; font-weight: normal}


.title {   text-decoration: none; color: #BAB6A4; font-weight: bold}
.subtitle { color: #000000; font-weight: normal}
.hi {  background-color: #99CCFF}
.weg { text-decoration: line-through; color: #00BB00;}
.da {  text-decoration: none}
.grau { color: #666666}


.head { font-family:    Verdana, Helvetica, sans-serif; text-decoration: none; color: #000000; font-weight: normal; font-size: 11px; line-height: 15px}

.head a:active {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 13px}
.head a:link {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 13px}
.head a:visited {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 13px}
.head a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 13px}
.head p {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 13px}


.menu { font-family:    Verdana, Helvetica, sans-serif; text-decoration: none; color: #000000; font-weight: normal; font-size: 11px; line-height: 15px}

.menu a:active {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 15px}
.menu a:link {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 15px}
.menu a:visited {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 15px}
.menu a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 15px}
.menu p {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px; line-height: 15px}


.menubold a:active {  text-decoration: none; color: #BAB6A4; font-weight: bold; font-size: 11px; line-height: 15px}
.menubold a:link {  text-decoration: none; color: #BAB6A4; font-weight: bold; font-size: 11px; line-height: 15px}
.menubold a:visited {  text-decoration: none; color: #BAB6A4; font-weight: bold; font-size: 11px; line-height: 15px}
.menubold a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: bold; font-size: 11px; line-height: 15px}
.menubold p {  text-decoration: none; color: #BAB6A4; font-weight: bold; font-size: 11px; line-height: 15px}


.content { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: normal}

.content a:active {  text-decoration: underline; color: #BAB6A4; font-weight: normal}
.content a:link {  text-decoration: none; color: #BAB6A4; font-weight: normal}
.content a:visited {  text-decoration: none; color: #BAB6A4; font-weight: normal}
.content a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: normal}


.footer { font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px}

.footer a:active {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px}
.footer a:link {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px}
.footer a:visited {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px}
.footer a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: normal; font-size: 11px}
.footer p {  text-decoration: none; color: #BAB6A4; font-weight: normal; font-size: 11px}


.indent {   text-decoration: none; font-weight: normal; padding-left: 0px}

.indent a:active {  text-decoration: none; color: #BAB6A4; font-weight: normal}
.indent a:link {  text-decoration: none; color: #BAB6A4; font-weight: normal}
.indent a:visited {  text-decoration: none; color: #BAB6A4; font-weight: normal}
.indent a:hover {  text-decoration: underline; color: #BAB6A4; font-weight: normal}
.indent p {   text-decoration: none; color: #BAB6A4; font-weight: normal}

/*COOKIEBANNER*/
.optanon-alert-box-body p.banner-content, .optanon-alert-box-body p.banner-content a, .accept-cookies-button, #alert-box-message {
	color:#282828 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	line-height:1.4 !important;
  }
  .accept-cookies-button::before { margin-right:6px; }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
	border:none !important;
	background-color:#fafafa !important;
  }
  button.accept-cookies-button::first-line { color:#000000 !important; }




  .box_kp {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    color: #3e3d40;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    hyphens: auto;
  }
  @media screen and (min-width: 670px) {
    .box_kp {
        margin-top: 2em;
        margin-bottom: 2.5em;
    }
  }
  .box_kp .img-link {
    display: inline-block;
	margin-right: 2.3em;
	border-bottom: none !important;
  }
  .box_kp .img-link:active {
    text-decoration: none;
    border-bottom: none;
  }
  .box_kp .img-link:hover {
    text-decoration: none;
    border-bottom: none;
  }
  .box_kp .img-link:focus {
    text-decoration: none;
    border-bottom: none;
  }
  #logo_kp {}
  .box_kp .link-mech,
  .box_kp .link-mech:link {
    font-weight: bold;
    color: #FF6600 !important;
  }
  .box_kp .link-mech:active, .box_kp .link-mech:hover, .box_kp .link-mech:focus {
    border-bottom: 0;
  }
  .box_kp p {
	color: #3e3d40;
	margin-top: 0;
    max-width: 486px;
	line-height: 1.5;
  }
  /* ch */
  .ch.de .box_kp p {
    max-width: 436px;
  }
  .ch.fr .box_kp p {
    max-width: 416px;
}
.be.de .box_kp p {
    max-width: 466px;
}
.sg.de .box_kp p {
    max-width: 452px;
}
.zh.de .box_kp p {
    max-width: 466px;
}
.bs.de .box_kp p {
    max-width: 466px;
}
.ge.fr .box_kp p {
    max-width: 411px;
}
.brs_de.box_kp p {
    max-width: 456px;
}
.brs_fr.box_kp p {
	max-width: 400px;
}
@media screen and (max-width: 400px) {
	.box_kp {
		flex-wrap: wrap;
	}
	.box_kp p {
		width: 100%;
		margin-top: 1em;
		padding-left: 42px;
	}
	.box_kp .link-mech,
	.box_kp .link-mech:link {
		display: block;
	}
	#logo_kp {
		max-width: 100%;
	}
}