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

body {
	background-color: #dedede;
	margin-left: 0px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 60px;
}
/************  HEADER  **************************************/
#wrapperHeader {
	text-align:left;
	background-color:#FFFFFF;
	width:770px;
	height:183px;
	border-top: 6px solid #BAB6A4;
	border-left: 6px solid #BAB6A4;
	border-right: 6px solid #BAB6A4;
	border-bottom: 1px solid #BAB6A4;
}
#logo {
	width:344px;
	height:136px;
	float:left;
}
#nav {
	text-align: right;
	width:335px;
	height:136px;
	float:left;
}
#userinfo {
	text-align:right;
	width: 679px;
}
/************  HEADER  **************************************/
/************  CONTENT  **************************************/
.invisible {
	display: "";
}
.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;
	border-top: 0px solid #BAB6A4;
	border-left: 3px solid #BAB6A4;
	border-right: 3px solid #BAB6A4;
	border-bottom: 1px solid #BAB6A4;
}
.wrapperInner {
	padding: 15px 50px 15px 50px;
}
.line {
	height: 1px;
	margin: 0 0px 0 0px;
	border: 0;
	width:670px;
	background: #BAB6A4;
	color: #BAB6A4;
}
.dAdmin {
	text-align:center;
	background-color:#DBDBDB;
}
.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:#ffffff;
	border: 1px solid #000;
}
/************  CONTENT  **************************************/
/************  FOOTER  **************************************/
#wrapperFooter {
	text-align:left;
	background-color:#FFFFFF;
	width:770px;
	height:200px;
	border-top: 0px solid #BAB6A4;
	border-left: 6px solid #BAB6A4;
	border-right: 6px solid #BAB6A4;
	border-bottom: 6px solid #BAB6A4;
}
/************  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}



.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%;
    }
}