@charset "utf-8";

* { outline: none; }
body { overflow-y: scroll; }
body,.text {
	font-family: Roboto,'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #505050;
}
pre,.monospaced {
	font-family: 'Roboto Mono', monospace;
}
h1 {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px;
}
.markiert {
	color: white;
	background-color: #00539C;
	height: 23px;
}
a:link { color: #505050; text-decoration:none; }
a:active { color: #505050; text-decoration:none; }
a:visited { color: #505050; text-decoration:none; }
a:hover { color: #505050; text-decoration:none; }
a.draw {
	position: relative;
	padding-left: 18px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: left top -2px;
}
a.draw.text {
	background-image: url(/ico/iconexperience/standard/32x32/html_tag.png);
}
a.draw.email {
	background-image: url(/ico/iconexperience/standard/32x32/mail.png);
}
input,select {
	border: 1px;
	border-color: #d0d0d0;
	border-style: inset;
	margin: 0;
	padding: 2px 3px;
	font-family: Roboto,'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
}
input[type=radio], input[type=checkbox] {
	border: none;
	margin-right: 3px;
}
input[type=file] {
	border: none;
}
textarea {
	border: 1px;
	border-color: #d0d0d0;
	border-style: inset;
	margin: 0;
	padding: 2px 3px;
	font-family: Roboto,'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	overflow: auto;
}
select {
	background: white;
}
.bgc_grau0 { background-color:#F5F4F3; height:23px; }
.bgc_grau1 { background-color:#EBEBED; height:23px; }
.bgc_grau2 { background-color:#D0D0D0; height:23px; }
.maus { cursor: pointer; }
.maus.edit { cursor: url(/ico/iconexperience/standard/16x16/pencil.png) 1 13, auto; }
.help { cursor: help; }
.vr {
	background-image: url('/img/vr.gif');
	background-repeat: repeat-y;
	background-position: top center;
}
.hr {
	background-image: url('/img/hr.gif');
	background-repeat: repeat-x;
	background-position: middle left;
}
.buttonOver:not([activated="activated"]) {
	border-top: 1px solid #ccc;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c7c7c7;
	background-image: url('/img/button_background_hover.png');
	-webkit-background-size: 100% 100%; /* Safari 3.0 */
	-moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% 100%; /* Opera 9.5 */
	background-size: 100% 100%; /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* Konqueror */
	border-radius: 4px; /* CSS3 */
}
.buttonOut:not([activated="activated"]) {
	border: 1px;
	border-style: solid;
	border-color: #EBEBED;
	border-color: transparent;
}
.buttonDown, div[class^="button"][activated="activated"] {
	color: #202020;
	border-top: 1px solid #9a9a9a;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b2b2b2;
	border-left: 1px solid #b4b4b4;
	background-image: url('/img/button_background_pressed.png');
	-webkit-background-size: 100% 100%; /* Safari 3.0 */
	-moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% 100%; /* Opera 9.5 */
	background-size: 100% 100%; /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* Konqueror */
	border-radius: 4px; /* CSS3 */
}
.eckOL {
	background-image: url('/img/ecko.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
}
td.schattenL {
	background-image: url('/img/schal.gif');
	background-position: top right;
	background-repeat: repeat-y;
}
td.schattenR {
	background-image: url('/img/schar.gif');
	background-position: top left;
	background-repeat: repeat-y;
}
td.schattenU {
	background-image: url('/img/schau.gif');
	background-position: top left;
	background-repeat: repeat-x;
}
td.schattenUL {
	background-image: url('/img/schaul.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
td.schattenUR {
	background-image:url('/img/schaur.gif');
	background-position:top left;
	background-repeat:no-repeat;
}
td.schattenO {
	background-image: url('/img/schao.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
}
td.schattenOL {
	background-image: url('/img/schaol.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}
td.schattenOR {
	background-image: url('/img/schaor.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}
table.formular, table.liste {
	border-spacing: 0;
}
table.formular tr td.col1, .col1-border {
	border-top:1px solid #006db9 !important;
	border-bottom:1px solid #002d6f !important;
}
table.formular tr td.col2, .col2-border,
table.liste tr.bgc_grau2 > td {
	border-top:1px solid #eee;
	border-bottom:1px solid #b0b0b0;
}
table.liste.grid tr.bgc_grau2 > td + td {
	border-left:1px dashed #c5c5c5;
}
table.formular tr td.col2 hr {
	border: none;
	height: 1px;
	color: #303030;
	background-color: #303030;
}
td.col1 {
	color: white;
	background-color: #00539C;
	width: 33%;
	height: 20px;
	padding: 5px 5px 0;
	vertical-align: top;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25), 1px 1px 0px rgba(255, 255, 255, 0.125);
}
td.col2, td.col2 a {
	color: #303030;
	width: 66%;
	height: 20px;
}
td.pflicht {
	background-image: url('/img/pflicht.gif');
	background-position: top left;
	background-repeat: repeat-y;
	padding: 5px 5px 0 8px;
	vertical-align: top;
}
fieldset {
	border: 2px;
	border-style: groove;
	padding: 0 5px 3px 1px;
}
fieldset legend {
	color: #000;
	font-family: Roboto,'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#PAGE {
	min-height: 320px;
}
#PAGE fieldset {
	border-style: groove;
	border-color: #EBEBED;
	padding: 5px;
}
#PAGE fieldset legend {
	color: rgb(97, 97, 97);
	text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}
.schatten {
	-moz-box-shadow: 1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow: 1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 6px #292929; /* Konqueror */
	box-shadow: 1px 1px 6px #292929; /* CSS3 */
}
.schatten_3px {
	-moz-box-shadow: 1px 1px 3px #292929; /* Firefox */
	-webkit-box-shadow: 1px 1px 3px #292929; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 3px #292929; /* Konqueror */
	box-shadow: 1px 1px 3px #292929; /* CSS3 */
}

div#gutachtenprozess_info {
	border-top: 1px solid #ddb;
	border-left: 1px solid #ddb;
	border-right: 1px solid #ddb;
	border-bottom: 2px solid #ddb;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
	background-color: #FFC;
	padding: 1em;
	margin-top: 10px;
}

ul#gutachtenprozess_steps {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ul#gutachtenprozess_steps li {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-image: url('/img/btex.gif');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #ebebed;
	float: left;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
}

ul#gutachtenprozess_steps li div.inner {
	padding: 5px 10px;
}

ul#gutachtenprozess_steps li div.inner a {
	display: block;
}

ul#gutachtenprozess_steps li div.inner a,
ul#gutachtenprozess_steps li div.inner td {
	font-size: 12px;
	font-weight: bold;
}

.no_select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.emboss {
	color: rgb(97, 97, 97);
	font-weight: bold;
	text-shadow: rgb(255, 255, 255) 1px 1px 0px;
	line-height: 15px;
}

.emboss_red {
	text-shadow: rgb(200, 50, 50) -1px -1px 0px;
}

.abgerundet5px {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
}

.abgerundet10px {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
}

.pflichtfeld {
	background-color: #ffd9bf;
    border-color: #ff6600 #ffb280 #ffb280 #ff6600;
    border-style: solid;
    border-width: 1px;
    color: black;
}

.bbox {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

td.drawh1 div.no-img {
	font-family: 'Roboto Condensed', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 4px;
	letter-spacing: 1px;
}

.note {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari, Chrome */
	-khtml-border-radius: 8px; /* Konqueror */
	border-radius: 8px; /* CSS3 */
	border: 1px solid black;
	background-color: #FFFFD0;
	padding: 5px 8px;
	color:#202020;
}
.note strong {
	color:#000;
}

[class^=slider] { display: inline-block; margin-bottom: 12px; }
.output { color: #888; font-size: 12px; padding-top: 1px; margin-left: 5px; vertical-align: top;}

div#ParameterText hr {
	clear: both;
	float: none;
	width: 100%;
	height: 2px;
	margin: 1.4em 0;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, rgb(221,221,221)),
		color-stop(0.5, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(221,221,221) 50%,
		rgb(255,255,255) 50%
	);
}

input.value_io {
	background-image: url('/ico/iconexperience/standard/16x16/check.png');
	background-repeat: no-repeat;
	background-position: right 2px center;
}

input.value_nio {
	background-image: url('/ico/iconexperience/standard/16x16/sign_warning.png');
	background-repeat: no-repeat;
	background-position: right 2px center;
}

.blinking {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.bootstrap-alert-message-success,
.bootstrap-alert-message-warning,
.bootstrap-alert-message-note,
.bootstrap-alert-message-error,
.bootstrap-alert-message-neutral {
	background-image: url('/img/verlaufTransparent100x100.png');
	background-repeat: repeat-x;
	background-size: 48px 48px;
	border-radius:5px;
	padding: 12px;
}
.bootstrap-alert-message-success {
	color: #3c763d;
	border: 1px solid #b2dba1;
	background-color: #c8e5bc;
}
.bootstrap-alert-message-warning {
	color: #8a6d3b;
	border: 1px solid #f5e79e;
	background-color: #f8efc0;
}
.bootstrap-alert-message-note {
	color: #31708f;
	border: 1px solid #9ccfe9;
	background-color: #badeef;
}
.bootstrap-alert-message-error {
	color: #a94442;
	border: 1px solid #dca7a7;
	background-color: #e7c3c3;
}
.bootstrap-alert-message-neutral {
	color: #505050;
	border: 1px solid #d2d2d2;
	background-color: #e6e5e5;
}

input.bootstrap {
	background-color: rgb(255, 255, 255);
	border-color: rgb(170, 170, 170);
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	color: rgb(68, 68, 68);
	height: 26px;
	line-height: 26px;
	outline-color: rgb(68, 68, 68);
	outline-style: none;
	outline-width: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	text-decoration: none;
	text-decoration-color: rgb(68, 68, 68);
	text-decoration-line: none;
	text-decoration-style: solid;
}
span.prio > img {
	margin-top: 2px;
}
span.prio[data-prio-id="4"] > img {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	animation: prioMaximal 2s infinite;
}
@-webkit-keyframes prioMaximal {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 51, 0, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 6px rgba(255, 51, 0, 0);
	}
	100% {
		-webkit-box-pulse: 0 0 0 0 rgba(255, 51, 0, 0);
	}
}
@keyframes prioMaximal {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 51, 0, 0.4);
		box-shadow: 0 0 0 0 rgba(255, 51, 0, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 6px rgba(255, 51, 0, 0);
		box-shadow: 0 0 0 6px rgba(255, 51, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 51, 0, 0);
		box-shadow: 0 0 0 0 rgba(255, 51, 0, 0);
	}
}

/*GPD 2021-06-17*/
tr.linehighlight:hover {
    background-color: silver;
    color: white;
    cursor: pointer;
}

tr.activityhead {
    background-color: #00539c;
    color: white;
}

.currentActivityDay {
    background-color: #00539c;
    color: white;
}

tr.activityeven {
    background-color: #e0e0e0;
}
tr.activityodd {
    background-color: #f0f0f0;
}
/*GPD 2021-06-17*/


@-moz-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}





@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
/* /left bounce */


/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  60% {
    -webkit-transform: translateX(-12px);
    transform: translateX(-12px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-24px);
  }
  60% {
    transform: translateX(-12px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  60% {
    -ms-transform: translateX(-12px);
    transform: translateX(-12px);
  }
}
/* /right bounce */


/* assign bounce */
.bounce-right {
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  float:right;
}

.bounce-left {
  -webkit-animation: bounceLeft 2s infinite;
  animation: bounceLeft 2s infinite;
}

.bounce-down {
  -moz-animation: bounceDown 2s infinite;
  -webkit-animation: bounceDown 2s infinite;
  animation: bounceDown 2s infinite;
text-align:center;
  display:block;
}