/*



*/

html {
   height: 100%;
}

body {   
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif; /* Verdana, */
   height: 100%;  
}

input, button, textarea {
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif; /* Verdana, */
}

input[data-t4me_pflicht="1"][value=""] {
   border: 1px solid rgba(255,0,0,0.8);
}

input.invalid {
	background: rgba(255, 0, 0, 0.2) !important;
}

img {
   border: none;
}
div, span, input[type="text"], input[type="number"], input[type="password"], input[type="file"], textarea {
       -ms-box-sizing: border-box;     -o-box-sizing: border-box;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;        box-sizing: border-box;
}

div#spinnerContainer {
   display:none;
   position:absolute;
   top:0px;
   right:0px;
   bottom:0px;
   left:0px;
   background-color: rgba(0,0,0, 0.2);
   z-Index:40;
}

.cp {
   cursor: pointer;
}

.cursor_plus * {
	cursor: url('img_uportal/cursor_plus.png'), auto !important;
}

.cursor_minus * {
	cursor: url('img_uportal/cursor_minus.png'), auto !important;
}

.cursor_move * {
	cursor: url('img_uportal/cursor_move.png'), auto !important;
}

/* ---------- LOGIN SCREEN ---------- */
body.login {
   
   
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(244,244,244,1.0)), color-stop(1, rgba(198,198,198,1.0))
   );background-image:     -ms-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:      -o-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image: -webkit-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:    -moz-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:         radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);
   text-align:center;
}

div.login {
   background-color: rgb(230,230,230);
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
   text-align: center;
   /*
    
   
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(244,244,244,1.0)), color-stop(1, rgba(198,198,198,1.0))
   );background-image:     -ms-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:      -o-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image: -webkit-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:    -moz-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:         radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);
    */
   height: 100%;
   width: 100%;  
   text-align:center;
}

div.login > div.sub {
   
   
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(244,244,244,1.0)), color-stop(1, rgba(198,198,198,1.0))
   );background-image:     -ms-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:      -o-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image: -webkit-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:    -moz-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:         radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);
   height: 100%;
   min-width: 800px;
   max-width: 800px;
   display:inline-block;
   border-left: 1px solid rgb(122,122,122);
   border-right: 1px solid rgb(122,122,122);
   
    -ms-box-shadow: 0 0 20px rgb(178, 178, 178);     -o-box-shadow: 0 0 20px rgb(178, 178, 178);-webkit-box-shadow: 0 0 20px rgb(178, 178, 178);   -moz-box-shadow: 0 0 20px rgb(178, 178, 178);        box-shadow: 0 0 20px rgb(178, 178, 178);
}


div.sprachauswahl {
   text-align:right;
   padding-top:20px;
   padding-right: 20px;
}

div.sprachauswahl > div.flag {
   width: 19px;
   height: 15px;
   display: inline-block;
   opacity: 0.3;
   margin-left: 5px;
   cursor: pointer;
   
}
div.sprachauswahl > div.flag:hover {
   opacity: 1.0;
}

div.sprachauswahl > div.de {
   background-image:url('img_uportal/flag_de.png');
}

div.sprachauswahl > div.en {
   background-image:url('img_uportal/flag_en.png');
}

div.sprachauswahl > div.fr {
   background-image:url('img_uportal/flag_fr.png');
}

div.sprachauswahl > div.da {
   background-image:url('img_uportal/flag_da.png');
}

div.sprachauswahl > div.nl {
   background-image:url('img_uportal/flag_nl.png');
}
div.sprachauswahl > div.cs {
   background-image:url('img_uportal/flag_cs.png');
}


div.loginlogo {
   margin-top: 60px;
}

div.loginuportal {
   color: rgb(169,169,169);
   font-size: 34px;
   font-weight:bold;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.3);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.3);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.3);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.3);        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}


div.loginback {
   width: 318px;
   height: 212px;
   border: 1px solid rgb(0,0,0);
       -ms-border-radius: 20px;     -o-border-radius: 20px;-webkit-border-radius: 20px;   -moz-border-radius: 20px;        border-radius: 20px;
   
   background-color: rgb(36,36,36);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(26,26,26,1.0)), color-stop(1, rgba(42,42,42,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(26,26,26,1.0) 0%, rgba(42,42,42,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(26,26,26,1.0) 0%, rgba(42,42,42,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(26,26,26,1.0) 0%, rgba(42,42,42,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(26,26,26,1.0) 0%, rgba(42,42,42,1.0) 100%);background-image:         linear-gradient(180deg, rgba(26,26,26,1.0) 0%, rgba(42,42,42,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 4px rgba(255,255,255,0.3) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 4px rgba(255,255,255,0.3) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 4px rgba(255,255,255,0.3) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 4px rgba(255,255,255,0.3) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 4px rgba(255,255,255,0.3) inset;
   margin: 50px auto 0px auto;
}

div#loginfehler[data-t4me_isvisible="true"] + #frm_login div.loginback {
   margin-top: 20px;      
}


div.loginback  input {
   width: 258px;
   height: 30px;
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   margin: 0px;
   padding-left: 35px;
}

div.loginback > .input {
   position: relative;
}

div.loginback > .input:first-child {
   margin-top: 30px;
}

div.loginback > .input:nth-child(2) {
   margin-top: 20px;
   margin-bottom: 40px;
}

div.loginback > .input > span {
   position: absolute;
   display: inline-block;
   width:20px;
   height: 20px;
   left: 34px;
   top: 6px;
}

div.loginback > .input > span.loginname {
   background-image: url('img_uportal/login_user.png');
}

div.loginback > .input > span.losungswort {
   background-image: url('img_uportal/login_pw.png');
}

div.loginback > button {
   width: 118px;
   height: 32px;
   border: 1px solid rgb(0,0,0);
       -ms-border-radius: 10px;     -o-border-radius: 10px;-webkit-border-radius: 10px;   -moz-border-radius: 10px;        border-radius: 10px;
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
   
    -ms-box-shadow: 0px 0px 10px rgba(249,199,  0,0.3), 0px 1px  0px rgba(255,255,255,0.7) inset;     -o-box-shadow: 0px 0px 10px rgba(249,199,  0,0.3), 0px 1px  0px rgba(255,255,255,0.7) inset;-webkit-box-shadow: 0px 0px 10px rgba(249,199,  0,0.3), 0px 1px  0px rgba(255,255,255,0.7) inset;   -moz-box-shadow: 0px 0px 10px rgba(249,199,  0,0.3), 0px 1px  0px rgba(255,255,255,0.7) inset;        box-shadow: 0px 0px 10px rgba(249,199,  0,0.3), 0px 1px  0px rgba(255,255,255,0.7) inset;
   color: rgb(38,31,0);
   font-size: 12px;
   font-weight: bold;
       -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.6);     -o-text-shadow: 0 1px 0 rgba(255,255,255,0.6);-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.6);   -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.6);        text-shadow: 0 1px 0 rgba(255,255,255,0.6);
   
}

div.feedback {
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;   
       -ms-text-shadow: 0 1px 1px rgba(0,0,0,.45);     -o-text-shadow: 0 1px 1px rgba(0,0,0,.45);-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.45);   -moz-text-shadow: 0 1px 1px rgba(0,0,0,.45);        text-shadow: 0 1px 1px rgba(0,0,0,.45);
   background-repeat: no-repeat;
   display: inline-block;
   padding: 5px 10px;
   margin-bottom: 12px;
   
}
div.feedback.loginfb {
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   padding: 10px 15px;
   width: 458px;
   margin-top: 25px;
   margin-bottom: 0px;
}
div.feedback.ok {
   border: 1px  solid rgb(55,96,5);
   
   background-color: rgb(92,160,9);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(159,243,59,1.0)), color-stop(0.5, rgba(99,173,11,1.0)), color-stop(0.5, rgba(92,160,9,1.0)), color-stop(1, rgba(85,147,8,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(159,243,59,1.0) 0%, rgba(99,173,11,1.0) 50%, rgba(92,160,9,1.0) 50%, rgba(85,147,8,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(159,243,59,1.0) 0%, rgba(99,173,11,1.0) 50%, rgba(92,160,9,1.0) 50%, rgba(85,147,8,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(159,243,59,1.0) 0%, rgba(99,173,11,1.0) 50%, rgba(92,160,9,1.0) 50%, rgba(85,147,8,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(159,243,59,1.0) 0%, rgba(99,173,11,1.0) 50%, rgba(92,160,9,1.0) 50%, rgba(85,147,8,1.0) 100%);background-image:         linear-gradient(180deg, rgba(159,243,59,1.0) 0%, rgba(99,173,11,1.0) 50%, rgba(92,160,9,1.0) 50%, rgba(85,147,8,1.0) 100%);
   
    -ms-box-shadow: 0px 0px 15px rgba(85,148,9,.15), 0px 1px 0px rgba(255,255,255,.4) inset, 0px 0px 0px 1px rgba(255,255,255,.2)  inset ;     -o-box-shadow: 0px 0px 15px rgba(85,148,9,.15), 0px 1px 0px rgba(255,255,255,.4) inset, 0px 0px 0px 1px rgba(255,255,255,.2)  inset ;-webkit-box-shadow: 0px 0px 15px rgba(85,148,9,.15), 0px 1px 0px rgba(255,255,255,.4) inset, 0px 0px 0px 1px rgba(255,255,255,.2)  inset ;   -moz-box-shadow: 0px 0px 15px rgba(85,148,9,.15), 0px 1px 0px rgba(255,255,255,.4) inset, 0px 0px 0px 1px rgba(255,255,255,.2)  inset ;        box-shadow: 0px 0px 15px rgba(85,148,9,.15), 0px 1px 0px rgba(255,255,255,.4) inset, 0px 0px 0px 1px rgba(255,255,255,.2)  inset ;
   
}
div.feedback.err {
   border: 1px solid rgb(121, 13, 0);
   
   background-color: rgb(209,35,12);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(233,67,45,1.0)), color-stop(0.5, rgba(223,37,13,1.0)), color-stop(0.5, rgba(209,35,12,1.0)), color-stop(1, rgba(161,27,11,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 50%, rgba(209,35,12,1.0) 50%, rgba(161,27,11,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 50%, rgba(209,35,12,1.0) 50%, rgba(161,27,11,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 50%, rgba(209,35,12,1.0) 50%, rgba(161,27,11,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 50%, rgba(209,35,12,1.0) 50%, rgba(161,27,11,1.0) 100%);background-image:         linear-gradient(180deg, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 50%, rgba(209,35,12,1.0) 50%, rgba(161,27,11,1.0) 100%);
   
    -ms-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(226,  42,  17, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;     -o-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(226,  42,  17, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;-webkit-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(226,  42,  17, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;   -moz-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(226,  42,  17, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;        box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(226,  42,  17, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ; 
} 

#bt_register {
   cursor: pointer;
}
/* ---------- HEADER ---------- */
#header, .header {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
   
    -ms-box-shadow: 0px  1px  3px rgba(  5, 10,  2, 0.2), 0px  1px  0px rgba(255,255,255, 0.5) inset;     -o-box-shadow: 0px  1px  3px rgba(  5, 10,  2, 0.2), 0px  1px  0px rgba(255,255,255, 0.5) inset;-webkit-box-shadow: 0px  1px  3px rgba(  5, 10,  2, 0.2), 0px  1px  0px rgba(255,255,255, 0.5) inset;   -moz-box-shadow: 0px  1px  3px rgba(  5, 10,  2, 0.2), 0px  1px  0px rgba(255,255,255, 0.5) inset;        box-shadow: 0px  1px  3px rgba(  5, 10,  2, 0.2), 0px  1px  0px rgba(255,255,255, 0.5) inset;
}

#header {
   height: 50px;
	position: absolute;
   left: 0px;
   right: 0px;
   z-Index: 10;
				
}
.headerlogo {
	width: 124px;
	height: 50px;
	position: absolute;
			
   position: absolute;
   top: 4px;
   left: 10px;
   background-repeat: no-repeat;
}

.headertext {
   color : #000000;
   font-weight: bold;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255, 0.3);     -o-text-shadow: 0px 1px 0px rgba(255,255,255, 0.3);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255, 0.3);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255, 0.3);        text-shadow: 0px 1px 0px rgba(255,255,255, 0.3);;
}

#headertext {
   position: absolute;
   top: 11px;
   left: 230px; 
}

.headertext > .text {
   float: left;
}

.headertext > .h1 {
   font-size: 14px;
   line-height: 26px;
}

.headertext > .h2 {
   font-size: 20px;
}

.headertext > .h_trenner {
   background-image: url('img_uportal/header_pfeil.png');
   background-repeat: no-repeat;
   width:15px;
   height: 14px;
   float: left; 
   margin: 6px 10px 0px 10px;
}

.headeractions {
   float: right;
   margin-top: 11px;
}

.headeractions > .small {
   color: rgba(0,0,0, 0.5);
   font-size: 12px;
   /*line-height: 30px; */
   font-weight: bold;
   text-decoration: underline;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,.3);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,.3);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,.3);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,.3);        text-shadow: 0px 1px 0px rgba(255,255,255,.3);
   margin-right: 18px;
   cursor: pointer;
}

.headeractions > .button {
   min-width: 118px;
   height: 28px;
   border: 1px solid rgb(165, 132, 0);
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
       -ms-background-clip: padding-box;     -o-background-clip: padding-box;-webkit-background-clip: padding-box;   -moz-background-clip: padding-box;        background-clip: padding-box;
   
    -ms-box-shadow: 0px  1px  2px rgba(  0,  0,  0, 0.2), 0px  1px  0px rgba(255,255,255, 0.4) inset, 0px  0px  3px rgb( 255,255,255) inset;     -o-box-shadow: 0px  1px  2px rgba(  0,  0,  0, 0.2), 0px  1px  0px rgba(255,255,255, 0.4) inset, 0px  0px  3px rgb( 255,255,255) inset;-webkit-box-shadow: 0px  1px  2px rgba(  0,  0,  0, 0.2), 0px  1px  0px rgba(255,255,255, 0.4) inset, 0px  0px  3px rgb( 255,255,255) inset;   -moz-box-shadow: 0px  1px  2px rgba(  0,  0,  0, 0.2), 0px  1px  0px rgba(255,255,255, 0.4) inset, 0px  0px  3px rgb( 255,255,255) inset;        box-shadow: 0px  1px  2px rgba(  0,  0,  0, 0.2), 0px  1px  0px rgba(255,255,255, 0.4) inset, 0px  0px  3px rgb( 255,255,255) inset;
   color: rgb(141,113, 0);
   font-size: 16px;
   line-height: 28px;
   font-weight:bold;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,.3);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,.3);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,.3);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,.3);        text-shadow: 0px 1px 0px rgba(255,255,255,.3);
   text-align:center;
   margin: 0px 10px;
   cursor: pointer;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
}

.headeractions > .button:hover {
   
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 0px 12px 0px rgba(255,255,255,0.5) inset;     -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 0px 12px 0px rgba(255,255,255,0.5) inset;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 0px 12px 0px rgba(255,255,255,0.5) inset;   -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 0px 12px 0px rgba(255,255,255,0.5) inset;        box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 0px 12px 0px rgba(255,255,255,0.5) inset;
}

.headeractions > .button.down {
   
   
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(223,179,0,1.0)), color-stop(1, rgba(255,227,79,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(223,179,0,1.0) 0%, rgba(255,227,79,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(223,179,0,1.0) 0%, rgba(255,227,79,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(223,179,0,1.0) 0%, rgba(255,227,79,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(223,179,0,1.0) 0%, rgba(255,227,79,1.0) 100%);background-image:         linear-gradient(180deg, rgba(223,179,0,1.0) 0%, rgba(255,227,79,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.11) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.11) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.11) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.11) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.11) inset;
}

#h_abmelden, #h_hilfe, #h_impressum, #h_schliessen, #h_settings {
   background-repeat: no-repeat;
   background-position: left center;
}

#h_abmelden, #h_schliessen {
   background-color: transparent;
   background-image: url('img_uportal/abmelden.png');
   padding-left: 30px;
   padding-right: 10px;
   background-position: 5px center;
}

#h_hilfe {
   background-image: url('img_uportal/help.png');
   padding-left: 20px;
   margin-top: 6px;
}

#h_impressum {
   background-image: url('img_uportal/impressum.png');
   padding-left: 20px;   
   margin-top: 6px;   
}

#h_einstellungen {
   padding-left: 20px;
   margin-top: 6px;
}


/* ---------- BODY ---------- */
#body {
   position: absolute;
   top: 50px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   z-Index: 1;
}

/* ---------- MENU ---------- */
#menuborder {
   
   background-color: rgb(0,0,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgb(0,0,0)), color-stop(1, rgb(71,71,71))
   );background-image:     -ms-linear-gradient(right, rgb(0,0,0) 0%, rgb(71,71,71) 100%);background-image:      -o-linear-gradient(right, rgb(0,0,0) 0%, rgb(71,71,71) 100%);background-image: -webkit-linear-gradient(right, rgb(0,0,0) 0%, rgb(71,71,71) 100%);background-image:    -moz-linear-gradient(right, rgb(0,0,0) 0%, rgb(71,71,71) 100%);background-image:         linear-gradient(90deg, rgb(0,0,0) 0%, rgb(71,71,71) 100%);
   border: 1px solid rgb(0,0,0);
   position: absolute;
   width: 5px; /* 5 statt 3 da box-sizing: border-box */ 
   top:0px;
   bottom: 0px;
   left:200px;
}

#menu {
   width: 200px;
   background-color: rgb(36,36,36);
   cursor: pointer;   
   float:left;
   position: absolute;
   top: 0px;
   bottom: 0px;
}

#menucontent > .item {
   
   background-color: rgb(34, 34, 34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 42, 42, 42, 1.0)), color-stop(1, rgba( 26, 26, 26, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);
   border: 1px solid #000000;
   border-bottom: none;
   height: 35px;
   
    -ms-box-shadow: 0px  1px  0px rgba(255,255,255,.18) inset;     -o-box-shadow: 0px  1px  0px rgba(255,255,255,.18) inset;-webkit-box-shadow: 0px  1px  0px rgba(255,255,255,.18) inset;   -moz-box-shadow: 0px  1px  0px rgba(255,255,255,.18) inset;        box-shadow: 0px  1px  0px rgba(255,255,255,.18) inset;
   color: #ffffff;
   font-size: 14px;
   line-height: 32px;
   font-weight: bold;
       -ms-text-shadow: 0px 1px 1px rgb(5,9,2);     -o-text-shadow: 0px 1px 1px rgb(5,9,2);-webkit-text-shadow: 0px 1px 1px rgb(5,9,2);   -moz-text-shadow: 0px 1px 1px rgb(5,9,2);        text-shadow: 0px 1px 1px rgb(5,9,2);
}

#menucontent > .item > .text {
   padding-left: 45px;
   background-image: url('img_uportal/pfeil_schwarz_runter.png');
   background-repeat:no-repeat;
   background-position: 165px 10px;
}

#menucontent > .item:hover > .text {
   background-image: url('img_uportal/pfeil_gelb_runter.png');
   
}

#menucontent > .item.active  {
   
   background-color: rgb(42, 42, 42);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 26, 26, 26, 1.0)), color-stop(1, rgba( 42, 42, 42, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);   
}

#menucontent > .item.active > .text {
   background-image: url('img_uportal/pfeil_gelb_rauf.png');
   background-repeat:no-repeat;
   background-position: 165px 10px;
}

#menucontent > .submenu {
   display: none;
}

#menucontent > .submenu > .item {
   background-color: rgb(22,22,22);
   color: #ffffff;
   border-color: rgb(15,15,15) rgb(0,0,0) rgb(15,15,15) rgb(15,15,15);
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   font-size: 12px;
   line-height: 28px;
   /* height: 32px; */
   
    -ms-box-shadow: 0px  1px  0px rgb(33,33,33);     -o-box-shadow: 0px  1px  0px rgb(33,33,33);-webkit-box-shadow: 0px  1px  0px rgb(33,33,33);   -moz-box-shadow: 0px  1px  0px rgb(33,33,33);        box-shadow: 0px  1px  0px rgb(33,33,33);
       -ms-text-shadow: 0px 1px 1px rgb(5,9,2);     -o-text-shadow: 0px 1px 1px rgb(5,9,2);-webkit-text-shadow: 0px 1px 1px rgb(5,9,2);   -moz-text-shadow: 0px 1px 1px rgb(5,9,2);        text-shadow: 0px 1px 1px rgb(5,9,2);
   position: relative;
}


#menucontent > .submenu > .item > .marker {
   width: 10px;
   /*height: 35px; */
   height: 100%;
   float: left;
       -ms-box-sizing: content-box;     -o-box-sizing: content-box;-webkit-box-sizing: content-box;   -moz-box-sizing: content-box;        box-sizing: content-box;
   position:absolute;
   top:0px;
   bottom:0px;
}

#menucontent > .submenu > .item > .text {
   margin-left: 10px;
   padding-left: 45px;   
}

#menucontent > .submenu > .item:hover > .marker {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
/*       -ms-background-size: 10px 35px;     -o-background-size: 10px 35px;-webkit-background-size: 10px 35px;   -moz-background-size: 10px 35px;        background-size: 10px 35px; */
   
    -ms-box-shadow: 0px  0px 10px rgba(249,199,0,0.3), 0px 1px 0px rgba(255,255,255,0.55) inset ;     -o-box-shadow: 0px  0px 10px rgba(249,199,0,0.3), 0px 1px 0px rgba(255,255,255,0.55) inset ;-webkit-box-shadow: 0px  0px 10px rgba(249,199,0,0.3), 0px 1px 0px rgba(255,255,255,0.55) inset ;   -moz-box-shadow: 0px  0px 10px rgba(249,199,0,0.3), 0px 1px 0px rgba(255,255,255,0.55) inset ;        box-shadow: 0px  0px 10px rgba(249,199,0,0.3), 0px 1px 0px rgba(255,255,255,0.55) inset ;
   background-repeat: no-repeat;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   /* height: 35px; */
   
}
#menucontent > .submenu > .item.active {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
   color: #000000;   
   
    -ms-box-shadow: 0px  0px 10px rgba(249,199,0, 0.3), 0px 1px 0px rgba(255,255,255,.55) inset;     -o-box-shadow: 0px  0px 10px rgba(249,199,0, 0.3), 0px 1px 0px rgba(255,255,255,.55) inset;-webkit-box-shadow: 0px  0px 10px rgba(249,199,0, 0.3), 0px 1px 0px rgba(255,255,255,.55) inset;   -moz-box-shadow: 0px  0px 10px rgba(249,199,0, 0.3), 0px 1px 0px rgba(255,255,255,.55) inset;        box-shadow: 0px  0px 10px rgba(249,199,0, 0.3), 0px 1px 0px rgba(255,255,255,.55) inset;
   font-weight: bold;
   position: relative;
   z-Index: 5;
       -ms-text-shadow: 0px 1px 0px rgb(252,232,153);     -o-text-shadow: 0px 1px 0px rgb(252,232,153);-webkit-text-shadow: 0px 1px 0px rgb(252,232,153);   -moz-text-shadow: 0px 1px 0px rgb(252,232,153);        text-shadow: 0px 1px 0px rgb(252,232,153);
}
#menu > .fillup {
   height: 200px;
}

/* ---------- CONTENT ---------- */
#content {
   position: absolute;
   left: 200px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   overflow: auto;
   
   
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(244,244,244,1.0)), color-stop(1, rgba(198,198,198,1.0))
   );background-image:     -ms-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:      -o-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image: -webkit-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:    -moz-radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%);background-image:         radial-gradient(circle, rgba(244,244,244,1.0) 0%, rgba(198,198,198,1.0) 100%); 
   padding: 20px;
}
#scrollcontent {
   position: relative;
   height: 100%;
}
label {
   width: 10em;
   display: inline-block;
   text-align:right;
}

div.btback {
   height: 20px;
   display: inline-block;
   cursor:pointer;
}

div.btback > div {
   display: inline-block;
   
}

div.btback > .l {
   width: 20px;
   height: 20px;
   
   background-color: rgb(34,34,34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 26, 26, 26, 1.0)), color-stop(1, rgba( 42, 42, 42, 1.0))
   );background-image:     -ms-linear-gradient(-45deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:      -o-linear-gradient(-45deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image: -webkit-linear-gradient(-45deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:    -moz-linear-gradient(-45deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:         linear-gradient(135deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);
       -ms-transform: scale(0.7) rotate(45deg);     -o-transform: scale(0.7) rotate(45deg);-webkit-transform: scale(0.7) rotate(45deg);   -moz-transform: scale(0.7) rotate(45deg);        transform: scale(0.7) rotate(45deg);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,.18) inset ;     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,.18) inset ;-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,.18) inset ;   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,.18) inset ;        box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,.18) inset ;
   position: relative;
   top:6px;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #000000;
}

div.btback > .r {
   border: 1px solid #000000;
   border-left: none;
   
   background-color: rgb(42, 42, 42);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 26, 26, 26, 1.0)), color-stop(1, rgba( 42, 42, 42, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);
   
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;        box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;
       -ms-text-shadow: 0px 1px 1px rgb(5,9,2);     -o-text-shadow: 0px 1px 1px rgb(5,9,2);-webkit-text-shadow: 0px 1px 1px rgb(5,9,2);   -moz-text-shadow: 0px 1px 1px rgb(5,9,2);        text-shadow: 0px 1px 1px rgb(5,9,2);
       -ms-border-top-right-radius: 3px;     -o-border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px;   -moz-border-top-right-radius: 3px;        border-top-right-radius: 3px;
       -ms-border-bottom-right-radius: 3px;     -o-border-bottom-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;   -moz-border-bottom-right-radius: 3px;        border-bottom-right-radius: 3px;
   color: white;
   font-size: 12px;
   line-height: 18px;
   position:relative;
   left: -14px;
   padding-right: 5px;
}

div.btback.down > .l {
   
   background-color: rgb(34,34,34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 42, 42, 42, 1.0)), color-stop(1, rgba( 26, 26, 26, 1.0))
   );background-image:     -ms-linear-gradient(-45deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:      -o-linear-gradient(-45deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image: -webkit-linear-gradient(-45deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:    -moz-linear-gradient(-45deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:         linear-gradient(135deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);        box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

div.btback.down > .r {
   
   background-color: rgb(34, 34, 34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 42, 42, 42, 1.0)), color-stop(1, rgba( 26, 26, 26, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);        box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

div.contentheadline {
   border-bottom: 2px solid rgb(173,173,173);
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,.2);     -o-box-shadow: 0px 1px 0px rgba(255,255,255,.2);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.2);   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,.2);        box-shadow: 0px 1px 0px rgba(255,255,255,.2);
   margin-bottom: 10px;
   padding-bottom: 6px;
}

div.contentheadline > span.text {
   font-size: 16px;
   font-weight : bold;
   color: rgb(67,67,67);
       -ms-text-shadow: 0px 1px 1px rgba(255,255,255,0.2);     -o-text-shadow: 0px 1px 1px rgba(255,255,255,0.2);-webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.2);   -moz-text-shadow: 0px 1px 1px rgba(255,255,255,0.2);        text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
   vertical-align: -1px;
}
/* ---------- TABSHEET ---------- */
.tabsheet {
   white-space: nowrap;
}


.tabsheet > .item {
   display:inline-block;
   cursor: pointer;
   padding: 0.1em 0.5em 0.1em 0.5em;
   height: 32px;
   border: 1px solid rgb(173,173,173);
   background-color: rgb(35,35,35);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1);     -o-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1);   -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1);        box-shadow: 0px 2px 3px rgba(0,0,0, 0.1);
   
   background-color: rgb(224,224,224);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(234,234,234, 1.0)), color-stop(1, rgba(214,214,214, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba(234,234,234, 1.0) 0%, rgba(214,214,214, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba(234,234,234, 1.0) 0%, rgba(214,214,214, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(234,234,234, 1.0) 0%, rgba(214,214,214, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(234,234,234, 1.0) 0%, rgba(214,214,214, 1.0) 100%);background-image:         linear-gradient(180deg, rgba(234,234,234, 1.0) 0%, rgba(214,214,214, 1.0) 100%);
   color: rgb(61,61,61);
   font-weight: bold;
   font-size: 14px;
   line-height: 28px;
   min-width: 133px; 
   text-align: center; 
   border-bottom: none;       
}

.tabsheet.map > .item {
   font-size: 12px;
   line-height: 24px;
   min-width: 100px;
   height: auto;
}

.tabsheet > .item.active {
   background-color: #000000;
   border: 1px solid #000000;
   
   background-color: rgb(42, 42, 42);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 26, 26, 26, 1.0)), color-stop(1, rgba( 42, 42, 42, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 26, 26, 26, 1.0) 0%, rgba( 42, 42, 42, 1.0) 100%);
   color: rgb(247,197,0);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;        box-shadow: 0px 2px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.18) inset ;
       -ms-text-shadow: 0px 1px 2px rgb(0,0,0), 0px 0px 7px rgba(255,241,141,0.2);     -o-text-shadow: 0px 1px 2px rgb(0,0,0), 0px 0px 7px rgba(255,241,141,0.2);-webkit-text-shadow: 0px 1px 2px rgb(0,0,0), 0px 0px 7px rgba(255,241,141,0.2);   -moz-text-shadow: 0px 1px 2px rgb(0,0,0), 0px 0px 7px rgba(255,241,141,0.2);        text-shadow: 0px 1px 2px rgb(0,0,0), 0px 0px 7px rgba(255,241,141,0.2);
   
}

.tabsheet > .item:first-child {
       -ms-border-radius: 3px 0px 0px 0px;     -o-border-radius: 3px 0px 0px 0px;-webkit-border-radius: 3px 0px 0px 0px;   -moz-border-radius: 3px 0px 0px 0px;        border-radius: 3px 0px 0px 0px;
}

.tabsheet > div.item:last-child {
       -ms-border-radius: 0px 3px 0px 0px;     -o-border-radius: 0px 3px 0px 0px;-webkit-border-radius: 0px 3px 0px 0px;   -moz-border-radius: 0px 3px 0px 0px;        border-radius: 0px 3px 0px 0px;
}

.tabsheet > div.item:last-child:first-child {
       -ms-border-radius: 3px 3px 0px 0px;     -o-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;   -moz-border-radius: 3px 3px 0px 0px;        border-radius: 3px 3px 0px 0px;
}


/* ---------- RESULTTABLE ---------- */
table.result {
   border-spacing: 0px;
   border-collapse: separate;
}

table.result.wsnr {
   width :100%;
}
table.result.wsnr > tbody > tr > td {
   white-space:nowrap;
}
table.result.wsnr > tbody > tr > td:last-child {
   width: 100%;
}
table.result > thead, table.selectbox > thead {
   background-color: #232323;   
   
    -ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);     -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);        box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

table.result > thead > tr > th, table.selectbox > thead > tr > th {
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.18) inset, 1px 0px 0px rgba(255,255,255,0.18) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.18) inset, 1px 0px 0px rgba(255,255,255,0.18) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.18) inset, 1px 0px 0px rgba(255,255,255,0.18) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.18) inset, 1px 0px 0px rgba(255,255,255,0.18) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.18) inset, 1px 0px 0px rgba(255,255,255,0.18) inset;
   
   background-color: rgb(64,64,64);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(76,76,76,1.0)), color-stop(1, rgba(52,52,52,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:         linear-gradient(180deg, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);
   color: #ffffff;
   font-size: 12px;
   height: 20px;
   text-align: center;
   padding: 0em 0.7em;
   border-top: 1px solid rgb(35,35,35);
   border-right: 1px solid rgb(19,19,19); 
}

table.result > thead > tr.filter > th {
	border-top: none;
	
    -ms-box-shadow: 1px 0px 0px rgba(255,255,255,0.18) inset;     -o-box-shadow: 1px 0px 0px rgba(255,255,255,0.18) inset;-webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.18) inset;   -moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.18) inset;        box-shadow: 1px 0px 0px rgba(255,255,255,0.18) inset;
	
   background-color: rgb(64,64,64);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(52,52,52,1.0)), color-stop(1, rgba(40,40,40,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(52,52,52,1.0) 0%, rgba(40,40,40,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(52,52,52,1.0) 0%, rgba(40,40,40,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(52,52,52,1.0) 0%, rgba(40,40,40,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(52,52,52,1.0) 0%, rgba(40,40,40,1.0) 100%);background-image:         linear-gradient(180deg, rgba(52,52,52,1.0) 0%, rgba(40,40,40,1.0) 100%);
	padding: 0px 2px 2px 2px;
}

table.result > thead > tr.filter  input {
	width: 100%;			
}


table.result > thead > tr.filter > th div.dropdown {
	top: -1px;
}

table.result > thead > tr.filter > th div.clearfilter {
	background-image: url('img_dispo/bt_abbruch.png');
	width: 20px;
	height: 20px;
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

th {
   white-space: nowrap;
}

table.result > tbody > tr.showdetail {
   cursor: pointer;
}

table.result > tbody > tr > td {
   font-size: 12px;
   font-weight: bold;
   border-right: 1px solid rgb(199,199,199);
   border-bottom: 1px solid rgb(199,199,199);
   
    -ms-box-shadow: 1px 0px 0px rgb(230,230,230) inset;     -o-box-shadow: 1px 0px 0px rgb(230,230,230) inset;-webkit-box-shadow: 1px 0px 0px rgb(230,230,230) inset;   -moz-box-shadow: 1px 0px 0px rgb(230,230,230) inset;        box-shadow: 1px 0px 0px rgb(230,230,230) inset;
   padding: 0em 0.7em;
   height: 20px;
}

table.result > tbody > tr > td:first-child {
   border-left: 1px solid rgb(173,173,173);
   
    -ms-box-shadow: none;     -o-box-shadow: none;-webkit-box-shadow: none;   -moz-box-shadow: none;        box-shadow: none;
}

table.result > tbody > tr > td:last-child {
   border-right: 1px solid rgb(173,173,173);
   
    -ms-box-shadow: none;     -o-box-shadow: none;-webkit-box-shadow: none;   -moz-box-shadow: none;        box-shadow: none;
}

table.result > tbody > tr:nth-child(even) {
   background-color: rgb(214,214,214);
}

table.result > tbody > tr:nth-child(odd) {
   background-color: rgb(235,235,235);
}

table.result.hover > tbody > tr:hover {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
}
table.result > tbody > tr.jqhover {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%); 
}

table.result > tbody > tr td.fixedhover {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
}

@-webkit-keyframes animate-fadeout {
  to {
    background-image: inherit;
  }

  from {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
  }
}

@-moz-keyframes animate-fadeout {
  to {
    background-image: inherit;
  }
  from {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
  }
}

@keyframes animate-fadeout {
  to {
    background-image: inherit;
  }
  from {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
  }
}


table.result > tbody > tr.highlightfadeout {
       -ms-animation: animate-fadeout 2s linear;     -o-animation: animate-fadeout 2s linear;-webkit-animation: animate-fadeout 2s linear;   -moz-animation: animate-fadeout 2s linear;        animation: animate-fadeout 2s linear;
}


table.selectbox > tbody > tr > td {
   color: rgb(68, 68, 68);
   font-weight: bold;
}

table.selectbox > tbody > tr > td > a {
   color: inherit;
   text-decoration: inherit;
   font-weight: inherit;
}
.sortup, .sortdown, .sortup_js, .sortdown_js  {
   cursor: pointer;
   border: 1px solid transparent;
   width: 15px;
   height: 14px;
   background-repeat: no-repeat;
   display:inline-block;
   vertical-align: text-bottom;
}

.sortup, .sortup_js {
   background-image: url('img_uportal/pfeil_schwarz_rauf.png');
   margin-left: 8px;
}

.sortup:hover, .sortup_js:hover{
   background-image: url('img_uportal/pfeil_gelb_rauf.png');
}

.sortup.active, .sortup_js.active {
      background-image: url('img_uportal/pfeil_gelb_rauf.png');
}


.sortdown, .sortdown_js {
   background-image: url('img_uportal/pfeil_schwarz_runter.png');
   margin-left: -8px;
}

 .sortdown:hover, .sortdown_js:hover  {
    background-image: url('img_uportal/pfeil_gelb_runter.png');
 }

.sortdown.active,.sortdown_js.active   {
   background-image: url('img_uportal/pfeil_gelb_runter.png');
   
}

.listezahl {
   text-align: right;
}

.detaillink {
   background-image: url('img_uportal/header_pfeil.png');
   background-repeat: no-repeat;
   min-width:15px;
   height: 14px;
   display: inline-block;
   background-position: right center;
   padding-right: 15px;
   vertical-align: text-top;
   cursor: pointer;
   
}

.emptyresult {
   border: 1px solid rgb(173,173,173);
   background-color: rgb(235,235,235);
   color: rgb(178,178,178);
   font-size: 14px !important;
   font-weight: bold;
   text-align: center;
   padding: 15px !important;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);        text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}


div.subresult {
/*   
   border: 1px  solid black;
   padding: 1px;
   
    -ms-box-shadow: 0px 0px 3px rgb(127,127,127, 0.5), 0px 1px 3px rgba(255,255,255,0.2) inset;     -o-box-shadow: 0px 0px 3px rgb(127,127,127, 0.5), 0px 1px 3px rgba(255,255,255,0.2) inset;-webkit-box-shadow: 0px 0px 3px rgb(127,127,127, 0.5), 0px 1px 3px rgba(255,255,255,0.2) inset;   -moz-box-shadow: 0px 0px 3px rgb(127,127,127, 0.5), 0px 1px 3px rgba(255,255,255,0.2) inset;        box-shadow: 0px 0px 3px rgb(127,127,127, 0.5), 0px 1px 3px rgba(255,255,255,0.2) inset;
*/   
   position: absolute;   
   z-Index: 10;
   background-color: rgb(235,235,235);
   padding: 2px;
}

/* ---------- MULTIPLEBUTTONS ---------- */
.db {
   height : 18px;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;  
}

.db > div {
   
   background-color: rgb(224,224,224);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(234,234,234,1.0)), color-stop(1, rgba(214,214,214,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(234,234,234,1.0) 0%, rgba(214,214,214,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(234,234,234,1.0) 0%, rgba(214,214,214,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(234,234,234,1.0) 0%, rgba(214,214,214,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(234,234,234,1.0) 0%, rgba(214,214,214,1.0) 100%);background-image:         linear-gradient(180deg, rgba(234,234,234,1.0) 0%, rgba(214,214,214,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset;     -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset;   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset;        box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset;
   float: left;
   border: 1px solid rgb(147,147,147);
   min-width: 78px;
   text-align:center;
   cursor: pointer;
   border-right: none;
   padding: 0.2em 1em;
}         

.db > div:last-child {
   border-right: 1px solid rgb(147,147,147);
}
.db > div.down {
   
   background-color: rgb(214,214,214);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(214,214,214,1.0)), color-stop(1, rgba(234,234,234,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(234,234,234,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(234,234,234,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(234,234,234,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(234,234,234,1.0) 100%);background-image:         linear-gradient(180deg, rgba(214,214,214,1.0) 0%, rgba(234,234,234,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.45) inset;     -o-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.45) inset;-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.45) inset;   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.45) inset;        box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.45) inset;
}

.db > div:first-child {
       -ms-border-top-left-radius: 5px;     -o-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;   -moz-border-top-left-radius: 5px;        border-top-left-radius: 5px;
       -ms-border-bottom-left-radius: 5px;     -o-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;   -moz-border-bottom-left-radius: 5px;        border-bottom-left-radius: 5px;
   
}

.db > div:last-child {
       -ms-border-top-right-radius: 5px;     -o-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;   -moz-border-top-right-radius: 5px;        border-top-right-radius: 5px;
       -ms-border-bottom-right-radius: 5px;     -o-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;   -moz-border-bottom-right-radius: 5px;        border-bottom-right-radius: 5px;
   float: right;
}

.smalltext {
   color: rgb(68,68,68);
   font-size: 10px;
   font-weight: bold;
}

.exporttext {
   color: rgb(45,45,45);
   font-size: 12px;
   font-weight: bold;
   
   line-height: 30px;
}
.dbbig {
   height: 32px;
}

/* .dbbig > div { */
.dbbig > button {
   
   background-color: rgb(193,193,193);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(219,219,219,1.0)), color-stop(1, rgba(168,168,168,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(219,219,219,1.0) 0%, rgba(168,168,168,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(219,219,219,1.0) 0%, rgba(168,168,168,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(219,219,219,1.0) 0%, rgba(168,168,168,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(219,219,219,1.0) 0%, rgba(168,168,168,1.0) 100%);background-image:         linear-gradient(180deg, rgba(219,219,219,1.0) 0%, rgba(168,168,168,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset ;     -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset ;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset ;   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset ;        box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px 0px rgba(255,255,255,0.5) inset ;
   float: left;
   border: 1px solid rgb(137,137,137);
   border-right: none;
   min-width: 78px;
   height: 100%;
   text-align:center;
   cursor: pointer;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
   margin-left: 0px;
   margin-right: 0px;
}

/* .dbbig > div.down { */
.dbbig > button.down { 
   
   background-color: rgb(168,168,168);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(168,168,168,1.0)), color-stop(1, rgba(219,219,219,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(168,168,168,1.0) 0%, rgba(219,219,219,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(168,168,168,1.0) 0%, rgba(219,219,219,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(168,168,168,1.0) 0%, rgba(219,219,219,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(168,168,168,1.0) 0%, rgba(219,219,219,1.0) 100%);background-image:         linear-gradient(180deg, rgba(168,168,168,1.0) 0%, rgba(219,219,219,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.5) inset;     -o-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.5) inset;-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.5) inset;   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.5) inset;        box-shadow: 0px 1px 1px rgba(255,255,255,0.5), 0px 1px 5px rgba(0,0,0,0.5) inset;
}

/*.dbbig > div:first-child { */
.dbbig > button:first-child {
       -ms-border-radius: 10px 0px 0px 10px;     -o-border-radius: 10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px;   -moz-border-radius: 10px 0px 0px 10px;        border-radius: 10px 0px 0px 10px;
   
}
/*.dbbig > div:last-child {*/
.dbbig > button:last-child {
       -ms-border-radius: 0px 10px 10px 0px;     -o-border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;   -moz-border-radius: 0px 10px 10px 0px;        border-radius: 0px 10px 10px 0px;
   float: right;
   border-right: 1px solid rgb(137,137,137);
}

.csv {
   background-image:url('img_uportal/csv.png');
}

.pdf {
   background-image:url('img_uportal/pdf.png');
}

.csv, .pdf {
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   display:inline-block;
   margin-right:10px;
   vertical-align:middle;
}

/* ---------- FILTER / FORMULAR ---------- */

.form {
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   border: 1px solid rgb(164,164,164);
   background-color: rgb(185, 185, 185);
}

.form  div.line {
   height: 36px;
   clear: both;
}

.form   div.line.auto {
   height: auto !important;
}

.form  div.line > div.text {
   color: rgb(68,68,68);
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
   font-size: 14px;
   font-weight:bold;
   padding-left: 10px;
   border-bottom: 1px solid  rgb(164,164,164);
   margin-top: 10px;
}

.form  div.line > div.smalltext {
   font-size: 12px;
   padding-left: 10px;
   margin-top: 10px;
}
.form .label {
   clear:both;
   background-color: rgb(185,185,185);
   color: rgb(68,68,68);
   font-size: 14px;
   font-weight:bold;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
   text-align: right;
   padding-right: 15px;
   padding-top: 9px;
   float: left;
   width: 190px;
   height: 100%;
   
}

.form .label.wsnw {
   white-space: nowrap;
}

.form .input {
   height: 100%;
   margin-left: 190px;
   font-size: 12px;
   font-weight: bold;
   color: rgb(68,68,68);
   padding-left: 25px;
   padding-top:8px;
   border-left: 1px solid rgb(164,164,164);
   
    -ms-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;     -o-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;-webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;   -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;
}


.form div.line.auto .input{
   padding-bottom: 10px;
}

.form .input.checkboxes {
   padding-top: 6px;
}

.form .label, .form .input {
   
}

.form   div.line:nth-child(2n+1) >  .input {
   background-color: rgb(197,197,197);

}

.form   div.line:nth-child(2n) > .input {
   background-color: rgb(192,192,192);
}

.form .fodd {
   background-color: rgb(197,197,197) !important;
}

.form .feven {
   background-color: rgb(192,192,192) !important;
}

.form .input .upload {
   position: relative;
   top: -4px;
}
span.awdate {
   margin-right: 10px;
}
span.mr1 {
   margin-right: 10px;
}
span.mr2 {
   margin-right: 20px;
}
/* ---------- DETAILS ---------- */

.detailheader {
   border: 1px solid  rgb(61,61,61);
   
   background-color: rgb(64,64,64);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(76,76,76,1.0)), color-stop(1, rgba(52,52,52,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);background-image:         linear-gradient(180deg, rgba(76,76,76,1.0) 0%, rgba(52,52,52,1.0) 100%);
   color: rgb(178,178,178);
   font-size: 14px;
   font-weight: bold;
       -ms-text-shadow: 0px 1px 0px rgba(0,0,0,0.4);     -o-text-shadow: 0px 1px 0px rgba(0,0,0,0.4);-webkit-text-shadow: 0px 1px 0px rgba(0,0,0,0.4);   -moz-text-shadow: 0px 1px 0px rgba(0,0,0,0.4);        text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
   height: 36px;   
   padding-bottom: 8px;
}

.detailheader input {
   border: 1px solid rgb(45,45,45);
}

.detailheader input.invalid {
	color: rgb(255,255,255) !important;
}

.detailheader + .form {
       -ms-border-radius: 0px 0px 5px 5px;     -o-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;   -moz-border-radius: 0px 0px 5px 5px;        border-radius: 0px 0px 5px 5px;
}

.detailheader .label {
   font-size: 14px;
   font-weight:bold;
   text-align: right;
   padding-right: 15px;
   float: left;
   width: 190px;
   height: 100%;
	padding-top: 9px;
}

.detailheader .input {
   height: 100%;
   margin-left: 190px;
   font-size: 12px;
   font-weight: bold;
   color: rgb(68,68,68);
   padding-left: 25px;
   padding-top:8px;   
}
/* ---------- EINGABEFELDER ---------- */
/* input[type="checkbox"], input[type="radio"], */
input[type="text"], input[type="number"],input[type="password"], input[type="file"], textarea {
   
   background-color: rgb(226,226,226);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(214,214,214,1.0)), color-stop(1, rgba(239,239,239,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(239,239,239,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(239,239,239,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(239,239,239,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(214,214,214,1.0) 0%, rgba(239,239,239,1.0) 100%);background-image:         linear-gradient(180deg, rgba(214,214,214,1.0) 0%, rgba(239,239,239,1.0) 100%);
}

input[type="text"], input[type="number"], input[type="password"], input[type="file"], textarea {
   border: 1px solid rgb(147,147,147);
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
   /*height: 18px;*/
   padding-left:0.5em;
   padding-right:0.5em;
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;
   padding-top: 2px;
}

input[type="text"].readonly, input[type="number"].readonly, input[type="password"].readonly, textarea.readonly, span.readonly {
   background-image: none;
   background-color: rgba(0,0,0,0.2);
   border: 1px solid rgb(117,117,117);
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
   padding-left:0.5em;
   padding-right:0.5em;
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.5) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.5) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.5) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.5) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.5) inset;
   font-size: 14px;
   font-weight: bold;
   color: rgba(0,0,0,0.5);
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.2);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.2);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.2);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.2);        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}
span.readonly {
   display:inline-block;
   line-height: 20px;
}
textarea {
   padding-top: 0.2em; 
}

input[type="text"], input[type="number"], input[type="password"], input[type="file"], textarea, .checkboxtext {
   font-size: 12px;
   font-weight: bold;
   color:rgb(46,46,46);   
}

.checkboxtext {
   cursor: pointer;
}

input[data-t4me_type="awdate"] {
   width: 7em;
   text-align:center;
}
input[data-t4me_type="awtime"] {
   width: 4em;
   text-align: center;
}

::-webkit-input-placeholder {
   color: rgb(147,147,147) !important;
}
:-moz-placeholder {
   color: rgb(147,147,147) !important;
}

.checkboxtext {
   /*line-height: 24px;*/
   margin-right: 20px;
}

input[type="checkbox"],input[type="radio"] {
/*   width: 8px;
   height: 8px;
   border:  1px solid rgb(173,173,173);
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
*/   
   vertical-align: -2px;
}

.cbxalle  input[type="checkbox"] {
   
    -ms-box-shadow: 0px 0px 1px 1px rgb(255,255,255);     -o-box-shadow: 0px 0px 1px 1px rgb(255,255,255);-webkit-box-shadow: 0px 0px 1px 1px rgb(255,255,255);   -moz-box-shadow: 0px 0px 1px 1px rgb(255,255,255);        box-shadow: 0px 0px 1px 1px rgb(255,255,255);
}

.cbxalle .checkboxtext {
   color:  #000000;
       -ms-text-shadow: 0px 0px 1px rgb(255,255,255);     -o-text-shadow: 0px 0px 1px rgb(255,255,255);-webkit-text-shadow: 0px 0px 1px rgb(255,255,255);   -moz-text-shadow: 0px 0px 1px rgb(255,255,255);        text-shadow: 0px 0px 1px rgb(255,255,255);
   text-decoration: underline;
}

input.select {
      
}

div.dropdown {
   font-size: 12px;
   position:relative;
   display: inline-block;
}

div.dropdown > .gewaehlt {
   display: inline-block;
   min-width: 100px;
   border: 1px solid rgb(122,122,122);
   
   background-color: rgb(170,170,170);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(193,193,193,1.0)), color-stop(1, rgba(147,147,147,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(193,193,193,1.0) 0%, rgba(147,147,147,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(193,193,193,1.0) 0%, rgba(147,147,147,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(193,193,193,1.0) 0%, rgba(147,147,147,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(193,193,193,1.0) 0%, rgba(147,147,147,1.0) 100%);background-image:         linear-gradient(180deg, rgba(193,193,193,1.0) 0%, rgba(147,147,147,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;        box-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 3px rgba(0,0,0,0.2) inset;
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
   color: rgb(68,68,68);
   font-size:12px;
   font-weight: bold;
   padding: 1px 6px;
   cursor: pointer;
   line-height: normal;
   height: auto;
   text-align: left;
   
}

div.dropdown > .gewaehlt.active, div.dropdown > .gewaehlt.ng-click-active {
   
   background-color: rgb(147,147,147);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(147,147,147,1.0)), color-stop(1, rgba(193,193,193,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:         linear-gradient(180deg, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);
   
    -ms-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);     -o-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);   -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);        box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
}

div.dropdown > .gewaehlt.pressed {
   
   background-color: rgb(147,147,147);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(147,147,147,1.0)), color-stop(1, rgba(193,193,193,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);background-image:         linear-gradient(180deg, rgba(147,147,147,1.0) 0%, rgba(193,193,193,1.0) 100%);
   
    -ms-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);     -o-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);   -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);        box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
       -ms-border-radius: 3px 3px 0px 0px;     -o-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;   -moz-border-radius: 3px 3px 0px 0px;        border-radius: 3px 3px 0px 0px;
   border-bottom:none;
}

div.dropdown > .gewaehlt > .text {
   background-image: url('img_uportal/dropdown_down.png');
   background-repeat:no-repeat;
   display:inline-block;
   background-position: right;
   padding-right: 21px;
   width: 100%;
}

div.dropdown > .gewaehlt.pressed > .text {
   background-image: url('img_uportal/dropdown_up.png');
}
div.dropdown > .liste, div.subresult {
   max-height: 200px;
   overflow:auto;
   display:inline-block;
   
    -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);     -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);   -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);        box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);
       -ms-border-radius: 0px 5px 5px 5px;     -o-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;   -moz-border-radius: 0px 5px 5px 5px;        border-radius: 0px 5px 5px 5px;
   z-Index: 20;
   position: absolute;
   border: 1px solid rgb(122,122,122);
}

div.dropdown > .liste {
   white-space:nowrap;
       -ms-border-radius: 0px 0px 5px 5px;     -o-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;   -moz-border-radius: 0px 0px 5px 5px;        border-radius: 0px 0px 5px 5px;
   
}
div.subresult {
   max-height: none;
   overflow: inherit;
}

div.subresult.block {
   display: block;
}


div.subresult .form .line {
   height: auto;
}
div.subresult .form .line .label {
   padding-top:4px;
   line-height:18px;
}

div.subresult .form .line .input {
   padding-top: 4px;
   padding-bottom: 4px;
   line-height:18px;   
}

div.dropdown > .liste > table {
   width: 100%;
   border-spacing:0px;
   min-width: 110px;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
   position: relative;
}

div.dropdown > .liste > table > tbody > tr > td {
   border-bottom: 1px solid rgb(184,184,184);
   border-top: 1px solid rgb(184,184,184);
   background-color: rgb(191,191,191);
   cursor: pointer;
   padding: 1px 6px;
   text-align: left;
}

div.dropdown > .liste > table > tbody > tr:first-child > td:last-child {
   /*     -ms-border-top-right-radius: 5px;     -o-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;   -moz-border-top-right-radius: 5px;        border-top-right-radius: 5px; */
}

div.dropdown > .liste > table > tbody > tr:last-child > td:first-child {
       -ms-border-bottom-left-radius: 5px;     -o-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;   -moz-border-bottom-left-radius: 5px;        border-bottom-left-radius: 5px;
}

div.dropdown > .liste > table > tbody > tr:last-child > td:last-child {
       -ms-border-bottom-right-radius: 5px;     -o-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;   -moz-border-bottom-right-radius: 5px;        border-bottom-right-radius: 5px;
}


div.dropdown > .liste > table > tbody > tr:hover > td, div.dropdown > .liste > table > tbody > tr.hover > td {
   background-color: rgb(204,204,204);     
}

div.dropdown > .liste> table > tbody > tr.down {
   
}
div.dropdown > .liste> table > tbody > tr.down > td {
   border-bottom: 1px solid rgb(121,121,121);     
   border-top: 1px solid rgb(121,121,121);
   background-color: rgb(183,183,183);
   color:#ffffff;
   
    -ms-box-shadow: inset 0px 5px 3px -3px rgba(0,0,0,0.2);     -o-box-shadow: inset 0px 5px 3px -3px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0px 5px 3px -3px rgba(0,0,0,0.2);   -moz-box-shadow: inset 0px 5px 3px -3px rgba(0,0,0,0.2);        box-shadow: inset 0px 5px 3px -3px rgba(0,0,0,0.2);   
}

div.dropdown > .liste> table > tbody > tr.down > td:first-child {
   
    -ms-box-shadow: inset 5px 5px 3px -3px rgba(0,0,0,0.2);     -o-box-shadow: inset 5px 5px 3px -3px rgba(0,0,0,0.2);-webkit-box-shadow: inset 5px 5px 3px -3px rgba(0,0,0,0.2);   -moz-box-shadow: inset 5px 5px 3px -3px rgba(0,0,0,0.2);        box-shadow: inset 5px 5px 3px -3px rgba(0,0,0,0.2);
}
div.dropdown > .liste > table > tbody > tr.down > td:last-child {
   
    -ms-box-shadow: inset -5px 5px 3px -3px rgba(0,0,0,0.2);     -o-box-shadow: inset -5px 5px 3px -3px rgba(0,0,0,0.2);-webkit-box-shadow: inset -5px 5px 3px -3px rgba(0,0,0,0.2);   -moz-box-shadow: inset -5px 5px 3px -3px rgba(0,0,0,0.2);        box-shadow: inset -5px 5px 3px -3px rgba(0,0,0,0.2);
}


button.submit, div.button, button.bt_subresulthide, button.bt {
   
   background-color: rgb(244,244,244);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(244,244,244,1.0)), color-stop(1, rgba(224,224,224,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(244,244,244,1.0) 0%, rgba(224,224,224,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(244,244,244,1.0) 0%, rgba(224,224,224,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(244,244,244,1.0) 0%, rgba(224,224,224,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(244,244,244,1.0) 0%, rgba(224,224,224,1.0) 100%);background-image:         linear-gradient(180deg, rgba(244,244,244,1.0) 0%, rgba(224,224,224,1.0) 100%);
   
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.5) inset, 0px 0px 5px rgba(255,255,255,0.75) inset ;     -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.5) inset, 0px 0px 5px rgba(255,255,255,0.75) inset ;-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.5) inset, 0px 0px 5px rgba(255,255,255,0.75) inset ;   -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.5) inset, 0px 0px 5px rgba(255,255,255,0.75) inset ;        box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.5) inset, 0px 0px 5px rgba(255,255,255,0.75) inset ;
       -ms-border-radius: 10px;     -o-border-radius: 10px;-webkit-border-radius: 10px;   -moz-border-radius: 10px;        border-radius: 10px;
   border: 1px solid rgb(132,132,132);
   font-size: 12px;
   line-height: 30px;
   font-weight: bold;
   color: rgb(68,68,68);
   min-width:118px;
   cursor: pointer;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
   height: 32px;
   display:inline-block;
   text-align:center;
}

button.submit.map, div.button.map, button.bt_subresulthide.map, button.bt.map {
   font-size: 10px;
   line-height: 20px;
   height: auto;
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   min-width: 90px;
}

button.submit.down, div.button.down, button.bt_subresulthide.down, button.bt.down {
   
   background-color: rgb(224,224,224);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(224,224,224,1.0)), color-stop(1, rgba(244,244,244,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(224,224,224,1.0) 0%, rgba(244,244,244,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(224,224,224,1.0) 0%, rgba(244,244,244,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(224,224,224,1.0) 0%, rgba(244,244,244,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(224,224,224,1.0) 0%, rgba(244,244,244,1.0) 100%);background-image:         linear-gradient(180deg, rgba(224,224,224,1.0) 0%, rgba(244,244,244,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 5px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.75);     -o-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 5px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.75);-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 5px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.75);   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 5px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.75);        box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 5px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.75);   
}

div.buttoncontainer {
   float:right;
   margin: 25px 35px 25px 0px;
}

/* ---------- Kalender ---------- */
div.calendartop {
   position: absolute;
   z-Index: 10;
   display: none;  
}

div.calendartop > div.cliplasche {
   height: 12px;
   position: relative;
   overflow:hidden;
   z-Index:11;
   

}
div.calendartop > div.cliplasche > div.lasche {
   width: 16px;
   height: 16px;
   position: relative;
   top:4px;
       -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);-webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);        transform: rotate(45deg);
   border-top: 1px solid rgb(39,39,39);
   border-left: 1px solid rgb(39,39,39);
   
    -ms-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px 1px rgb(50, 50, 50) inset;     -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px 1px rgb(50, 50, 50) inset;-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px 1px rgb(50, 50, 50) inset;   -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px 1px rgb(50, 50, 50) inset;        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px 1px rgb(50, 50, 50) inset;
       -ms-border-top-left-radius: 1px;     -o-border-top-left-radius: 1px;-webkit-border-top-left-radius: 1px;   -moz-border-top-left-radius: 1px;        border-top-left-radius: 1px;
   margin-left: auto;
   margin-right: auto;
   background-color: rgb(38,38,38);
}

div.calendar {
   position: relative;
   top: -2px;
   display: block;
   border: 1px solid rgb(15,15,15);
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   background-color: rgb(35,35,35);
   
    -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.55);     -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.55);   -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.55);        box-shadow: 0px 2px 5px rgba(0,0,0,0.55);
   z-Index: 10;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
}

.calendar .header {
   
   background-color: rgb(34, 34, 34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 42, 42, 42, 1.0)), color-stop(1, rgba( 26, 26, 26, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);
   
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;     -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;        box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;
       -ms-border-radius: 5px 5px 0px 0px;     -o-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;   -moz-border-radius: 5px 5px 0px 0px;        border-radius: 5px 5px 0px 0px;
   height: 28px;
}


.calendar .monthnavig {
   width: 25px;
   text-align: center;
   padding-top: 7px;
   cursor: pointer;
}
.calendar .bt_cal_arrow_right , .calendar .bt_cal_arrow_left {
   width: 15px;
   height: 14px;
   background-repeat: no-repeat;
   display: inline-block;
   
   
}

.calendar .bt_cal_arrow_right, .pfeil_rechts {
   background-image: url('img_uportal/pfeil_schwarz_rechts.png');
}

.calendar .bt_cal_arrow_left, .pfeil_links {
   background-image: url('img_uportal/pfeil_schwarz_links.png');
}

.calendar .monthyear {
   margin-left:25px;
   margin-right: 25px;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
       -ms-text-shadow: 0px 1px 1px rgb(5,9,2);     -o-text-shadow: 0px 1px 1px rgb(5,9,2);-webkit-text-shadow: 0px 1px 1px rgb(5,9,2);   -moz-text-shadow: 0px 1px 1px rgb(5,9,2);        text-shadow: 0px 1px 1px rgb(5,9,2);;
   text-align: center;
   padding-top: 8px;
}
div.calendar table {
   border-collapse: collapse;
   width: 100%;
}

div.calendar table td {
   width: 20px;
   height: 20px;
   cursor: pointer;
   padding: 0.1em;
}

div.calendar table td.dayhead {
   background-color: rgb(36,36,36);
   font-style: italic;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
       -ms-text-shadow: 0px 1px 1px rgb(5,9,2);     -o-text-shadow: 0px 1px 1px rgb(5,9,2);-webkit-text-shadow: 0px 1px 1px rgb(5,9,2);   -moz-text-shadow: 0px 1px 1px rgb(5,9,2);        text-shadow: 0px 1px 1px rgb(5,9,2);
}

div.calendar table td.day {
   font-size: 12px;
   font-weight: bold;
   color: rgb(127,127,127);
   border: 1px  solid rgb(15,15,15);
   text-align: center;
   
    -ms-box-shadow: inset 1px 1px 0px rgba(255,255,255,.06);     -o-box-shadow: inset 1px 1px 0px rgba(255,255,255,.06);-webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,.06);   -moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,.06);        box-shadow: inset 1px 1px 0px rgba(255,255,255,.06);
}

div.calendar table td.daydisabled {
   background-color: rgb(23,23,23);
}
div.calendar table td.today {
   color: rgb(255,203, 0);
}


div.calendar table td.dayactive, div.calendar table td.over {
   background-color: rgb(23,23,23);
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);
   
    -ms-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7);     -o-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7);-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7);   -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7);        box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7);
   color:rgb(73,59,0);
}




div.calendar table tr td:first-child {
   border-left:none;
}

div.calendar table tr td:last-child {
   border-right:none;
}


div.calendar table tr:last-child td {
   border-bottom:none;
}

div.anzeigetafel {
   border: 1px solid rgb(173,173,173);
       -ms-border-radius: 10px;     -o-border-radius: 10px;-webkit-border-radius: 10px;   -moz-border-radius: 10px;        border-radius: 10px;
   padding: 10px;
   position: absolute;
}


/* ---------- F�R MAP ---------- */

.map_container {
   background-color: #ffffff;
   border: 1px solid rgb(173,173,173);
   padding: 15px;
   
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);     -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);        box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
#div_map {
   border: 1px solid rgb(204,204,204);
}

.taxi {
   width: 36px;
   height:30px;
   margin-left: 18px;
   margin-top: 20px;
}

.taxinomargin {
   width: 36px;
   height:30px;
	margin-left:auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

.taxicheckbox {
   width: 36px;
   height:30px;
   display: inline-block;
   vertical-align: -14px;
   margin: 0px 5px 0px 5px;
}

.taxi_abgemeldet {
   background-image: url('img_uportal/taxi_grau.png');
}
.taxi_angemeldet {
   background-image: url('img_uportal/taxi_hellgruen.png');
}
.taxi_amstandplatz {
   background-image: url('img_uportal/taxi_dunkelgruen.png');
}
.taxi_inanfahrt {
   background-image: url('img_uportal/taxi_orange.png');
}
.taxi_besetzt {
   background-image: url('img_uportal/taxi_dunkelrot.png');
}
.taxi_besetztmitfahrziel {
   background-image: url('img_uportal/taxi_hellrot.png');
}

.taxi_dummy {
	width: 72px;
	height: 54px;
	margin-left: 36px;
	margin-top:45px;
	background-image: url('img_uportal/taxi_dummy.png');
	background-repeat: no-repeat;
}

.pin_a {
   background-image: url('img_uportal/pin_a_locked.png');
}

.pin {
/* alt			
   width: 42px;
   height:46px;
   margin-left: 7px;
   margin-top: 46px;
*/
	width: 54px;
	height:45px;
	margin-left:27px;
	margin-top: 45px;   
}

.pinnomargin {
	width: 54px;
	height:45px;
	margin-left:auto;
	margin-right: auto;
	background-repeat:no-repeat;
}
.pin_z {
      background-image: url('img_uportal/pin_z_locked.png');
}
.pin_taxi {
   background-image: url('img_uportal/pin_taxi.png');
}

.pin_auftrag_dummy {
	background-image: url('img_dispo/auftrag_dummy.png');
	background-repeat: no-repeat;	
	width: 54px;		
	height: 45px;
	margin-left:27px;
	margin-top:45px;
}

.pin_zukunft {
	background-image: url('img_dispo/auftrag_zukunft.png');
}

.pin_vergangenheit {
	background-image: url('img_dispo/auftrag_vergangenheit.png');
}


.overlay {
   /*
    -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);     -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);   -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);        box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);*/
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   /*border: 1px solid rgb(184,184,184);*/
   /*background-color: rgb(191,191,191);*/
   color: rgb(68,68,68);
   font-size: 12px;
   font-weight: bold;
   padding: 0px;
   white-space: nowrap;
}

.overlay > span.label {
   text-align: right;
}
/* ---------- Beschriftungen der Marker ---------- */
.markerlabel {
	position: absolute;
	cursor: pointer;
	    -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;;
}

.fzkennungsmall, 
.auftragnrsmall 
{
	width: 70px;
	font-size: 11px;
	position: relative;
	text-align: center;
}

.auftragnrsmall {
	width: 30px;
	top:-29px;
	margin-left: auto;
	margin-right:auto;
}

.fzkennungsmall .text,
.auftragnrsmall .text
{
       -ms-border-radius: 0px 0px 2px 2px;     -o-border-radius: 0px 0px 2px 2px;-webkit-border-radius: 0px 0px 2px 2px;   -moz-border-radius: 0px 0px 2px 2px;        border-radius: 0px 0px 2px 2px;;
   color: #ffffff;
   padding: 2px;
}
/* --------------- Fahrzeugkennung --------------- */
.fzkennungsmall .text 
{
	
   background-color: rgb(34, 34, 34);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba( 42, 42, 42, 1.0)), color-stop(1, rgba( 26, 26, 26, 1.0))
   );background-image:     -ms-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:      -o-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image: -webkit-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:    -moz-linear-gradient(top, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);background-image:         linear-gradient(180deg, rgba( 42, 42, 42, 1.0) 0%, rgba( 26, 26, 26, 1.0) 100%);;
   
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;     -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;        box-shadow: 0px 1px 1px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.15) inset;;
   border: 1px solid rgb(38,38,38);
}

.markerlabel.drag .fzkennungsmall .text {
	color: rgb(34, 34, 34);
	background: #ffffff;
	
}
.fzkennungsmall .cliplasche
{
	position: relative;
	height: 8px;
	top: -1px;
	overflow: hidden;
}

.fzkennungsmall .cliplasche .lasche
{
	width: 16px;
	height: 16px;
	position: relative;
	top: -11px;
	    -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);-webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);        transform: rotate(45deg);;
	border-bottom-right-radius: 1px;
	margin-left: auto;
	margin-right: auto;
	z-Index: 499;
}

.fzkennungsmall .cliplasche .lasche 
{
	border-bottom: 1px solid rgb(39,39,39);
	border-right: 1px solid rgb(39,39,39);
	background-color: rgb(38,38,38);
}

.markerlabel.drag .fzkennungsmall .cliplasche .lasche {
	color: rgb(34, 34, 34);
	background: #ffffff;
}

/* --------------- Auftragkennzeichnung --------------- */

.auftragnrsmall .text 
{
	background-color: transparent;
}


.auftragnrsmall .text.zukunft {
	color: rgb(92,160,9);
}

.auftragnrsmall .text.vergangenheit {
	color: rgb(209,35,12);
}

.markerlabel.drag .auftragnrsmall .text.zukunft,
.markerlabel.drag .auftragnrsmall .text.vergangenheit {
	color : #ffffff;
}

.markerlabel.drag .pin_zukunft {
	background-image: url('img_dispo/auftrag_zukunft.drag.png');
}

.markerlabel.drag .pin_vergangenheit {
	background-image: url('img_dispo/auftrag_vergangenheit.drag.png');
}



.close {
   color: rgb(252,201,0);
       -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0.9), 0px -1px 1px rgba(243,223,129,0.7);     -o-text-shadow: 0px 1px 1px rgba(0,0,0,0.9), 0px -1px 1px rgba(243,223,129,0.7);-webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.9), 0px -1px 1px rgba(243,223,129,0.7);   -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.9), 0px -1px 1px rgba(243,223,129,0.7);        text-shadow: 0px 1px 1px rgba(0,0,0,0.9), 0px -1px 1px rgba(243,223,129,0.7);
   cursor: pointer;
}
.overlay table.result {
   
    -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);     -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);   -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);        box-shadow: 0px 2px 5px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);
}
.overlay table.result thead {
   background-color: transparent;
}
.overlay table.result > thead > tr:first-child > th:first-child {
       -ms-border-top-left-radius: 5px;     -o-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;   -moz-border-top-left-radius: 5px;        border-top-left-radius: 5px;   
}

.overlay table.result > thead > tr:first-child > th:last-child {
       -ms-border-top-right-radius: 5px;     -o-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;   -moz-border-top-right-radius: 5px;        border-top-right-radius: 5px;   
}

.content_komm {
   background-color: rgba(225,225,225, 0.9);
   border: 1px solid rgb(199, 199, 199);
       -ms-border-radius: 0px 5px 5px 5px;     -o-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;   -moz-border-radius: 0px 5px 5px 5px;        border-radius: 0px 5px 5px 5px;
}
.bubblelist {
   width: 400px;
   font-size: 12px;
   padding-left: 20px;
   padding-right: 20px;
}

.bubblelist.map{
   font-size: 10px;
   width: 300px;
}

.bubblelistcontent {
   padding-bottom: 10px;
}

.bubble {
   padding: 5px 10px;
   display: inline-block;
   margin-bottom: 2px;
   box-shadow: 0px 1px  1px rgba(255, 255, 255, 0.5) inset;
   min-width: 180px;
   max-width: 360px;
   position: relative;
   white-space: normal;
}

.bubblelist.map .bubble {
   min-width: 140px;
   max-width: 280px;
}
.bubble.l {
   border-radius: 0px 10px 10px 10px;
   float: left;
   background-color: rgb(255, 203, 0);
}

.bubble.r {
   border-radius: 10px 0px 10px 10px;
   float: right;
   background-color: rgb(214,214,214);
}

.bubble > .titel {
   font-weight: bold;
}

.bubble .zeitpunkt {
   font-size: 10px;
   float:right;
}

.bubble .pfeil {
   width: 15px;
   height: 14px;
   display: inline-block;
   vertical-align: -3px;
}

.bubble .fortsatz {
   position: absolute;
   bottom: 7px;
   clear: both;
   width: 0px;
   height: 0px;
}

.bubble.r .fortsatz {
   border-bottom: 10px solid rgb(214,214,214);
   border-right: 20px solid rgba(255,255,255, 0.0);
   right: -19px;
}

.bubble.l .fortsatz {
   border-bottom: 10px solid rgb(255,203,0);
   border-left: 20px solid rgba(255,255,255, 0.0);
   left: -19px;
}


.pfeil_runter, .pfeil_rauf {
   display: inline-block;
   
   background-repeat:no-repeat;
   width: 10px;
   height: 22px;
   vertical-align: middle;
   background-position: center;
   
}
.pfeil_runter {
   background-image:url('img_dispo/mapoption_down.png');
}

.pfeil_rauf {
   background-image:url('img_dispo/mapoption_up.png');
}


.btslidedown {
   
   background-color: rgb(64,64,64);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(76,76,76,1.0)), color-stop(1, rgba(51,51,51,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(76,76,76,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:         linear-gradient(180deg, rgba(76,76,76,1.0) 0%, rgba(51,51,51,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.1) inset;     -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.1) inset;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.1) inset;   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.1) inset;        box-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.1) inset;
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;;
       -ms-user-select: none;     -o-user-select: none;-webkit-user-select: none;   -moz-user-select: none;        user-select: none;
   border: 1px solid rgb(35,35,35);
   color: rgb(193,193,193);
   line-height: 22px;
   padding: 0px 8px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.btslidedown.down, .btslidedown.pressed {
   
   background-color: rgb(64,64,64);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(40,40,40,1.0)), color-stop(1, rgba(51,51,51,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(40,40,40,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(40,40,40,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(40,40,40,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(40,40,40,1.0) 0%, rgba(51,51,51,1.0) 100%);background-image:         linear-gradient(180deg, rgba(40,40,40,1.0) 0%, rgba(51,51,51,1.0) 100%);
   
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,.05);     -o-box-shadow: 0px 1px 0px rgba(255,255,255,.05);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.05);   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,.05);        box-shadow: 0px 1px 0px rgba(255,255,255,.05);
}

.btslidedown.pressed {
       -ms-border-radius: 5px 5px 0px 0px;     -o-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;   -moz-border-radius: 5px 5px 0px 0px;        border-radius: 5px 5px 0px 0px;;
}
.savesettings {
   background-image: url('img_uportal/savesettings.png');
   width: 24px;
   height: 24px;
   background-repeat:no-repeat;
}

.helpcontent {
   top: -20px;
   right: 0px;
   padding: 10px;
   
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);     -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   border: 1px solid rgba(0,0,0,0.5);
   border-top: none;
   position: absolute;
   background-color: rgba(255,255,255,0.7);  
}

.subtitle {
   color: rgb(68,68,68);
   font-size: 14px;
   font-weight:bold;
       -ms-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);     -o-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);   -moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.4);        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}


#uportal_auswahl {
   position: absolute;
   top: 125px;
   left: 255px;
   right: 70px; 
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;; 
   height : 350px;
   white-space: nowrap;
   z-Index: 50;
   cursor: pointer;
}

#uportal_auswahl .aw_header {
   text-align: center;
   font-weight: bold;
   padding: 5px 10px;
   height: 30px;
}

#uportal_auswahl .aw_content {
   height: 314px;
   overflow: auto;
}

#uportal_hinweis {
   position: absolute;
   top: 100px;
   left: 100px;
   z-Index: 100;
}

.uportal_hinweis {
    
   
   background-color: rgb(209,35,12);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(233,67,45,1.0)), color-stop(12px, rgba(223,37,13,1.0)), color-stop(13px, rgba(209,35,12,1.0)), color-stop(1, rgba(161,27,11,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 12px, rgba(209,35,12,1.0) 13px, rgba(161,27,11,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 12px, rgba(209,35,12,1.0) 13px, rgba(161,27,11,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 12px, rgba(209,35,12,1.0) 13px, rgba(161,27,11,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 12px, rgba(209,35,12,1.0) 13px, rgba(161,27,11,1.0) 100%);background-image:         linear-gradient(180deg, rgba(233,67,45,1.0) 0%, rgba(223,37,13,1.0) 12px, rgba(209,35,12,1.0) 13px, rgba(161,27,11,1.0) 100%);
   border : 1px solid rgb( 122, 14, 0);
       -ms-border-radius: 5px;     -o-border-radius: 5px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;        border-radius: 5px;
   
    -ms-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(  0,   0,   0, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;     -o-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(  0,   0,   0, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;-webkit-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(  0,   0,   0, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;   -moz-box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(  0,   0,   0, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;        box-shadow: 0px 2px 4px     rgba(  0,   0,   0, 0.25), 0px 0px 15px    rgba(  0,   0,   0, 0.15), 0px 1px 0px     rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.10) inset ;
}

.uportal_hinweis>.hw_header {
   color: white;
   font-size: 14px;
   font-weight: bold;
   padding: 2px 10px;
       -ms-text-shadow: 0 1px 1px rgba(0,0,0,.45);     -o-text-shadow: 0 1px 1px rgba(0,0,0,.45);-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.45);   -moz-text-shadow: 0 1px 1px rgba(0,0,0,.45);        text-shadow: 0 1px 1px rgba(0,0,0,.45);
}

.uportal_hinweis>.hw_content { 
   
    -ms-box-shadow: 0px 2px 4px rgba(0,0,0, 0.2) inset;     -o-box-shadow: 0px 2px 4px rgba(0,0,0, 0.2) inset;-webkit-box-shadow: 0px 2px 4px rgba(0,0,0, 0.2) inset;   -moz-box-shadow: 0px 2px 4px rgba(0,0,0, 0.2) inset;        box-shadow: 0px 2px 4px rgba(0,0,0, 0.2) inset; 
   background-color :white; 
   border: 1px solid rgb(122, 14, 0); 
       -ms-border-bottom-left-radius: 4px;     -o-border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;   -moz-border-bottom-left-radius: 4px;        border-bottom-left-radius: 4px;; 
       -ms-border-bottom-right-radius: 4px;     -o-border-bottom-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;   -moz-border-bottom-right-radius: 4px;        border-bottom-right-radius: 4px;; 
   margin : 0px 2px 2px 2px;
   padding: 5px 10px;
   top: 22px;
}

.uportal_hinweis>.hw_content>.hw_text, .dispo_hinweis>.hw_content>.hw_addtext {
   color: black; 
       -ms-text-shadow: 0 1px 1px rgba(0,0,0,.45);     -o-text-shadow: 0 1px 1px rgba(0,0,0,.45);-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.45);   -moz-text-shadow: 0 1px 1px rgba(0,0,0,.45);        text-shadow: 0 1px 1px rgba(0,0,0,.45);;
   font-size : 12px;
/*   min-height: 40px; */
   min-width: 200px;
}

.uportal_hinweis>.hw_content>.hw_button {
   text-align: right;
   margin-top: 10px;
   margin-bottom: 5px;
}

.bt.small {
   height: auto;
   line-height: 16px;
       -ms-border-radius: 3px;     -o-border-radius: 3px;-webkit-border-radius: 3px;   -moz-border-radius: 3px;        border-radius: 3px;
}

div.action {
   width: 18px;
   height: 14px;
   display: inline-block;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
   margin-top: 1px;
}

div.action.edit {
   background-image: url('img_dispo/adr_edit.png');
}

div.action.delete {
   background-image: url('img_dispo/adr_delete.png');
}

.posnavigator {
   font-size: 14px;
   font-weight: bold;
}

.posnavigator .posnav {
   cursor: pointer;
}


.posnavigator .posnav.selected {
   cursor: auto;
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);  
}


.treeentry {
   border-bottom: 1px solid rgba(0,0,0,0.25);
   
    -ms-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);     -o-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);   -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);        box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);
   text-align: left;
   cursor: pointer;
   min-width: 240px;
   margin-top:1px;
   clear:both;
   position: relative;
   background-color: rgb(187,187,187);
}

.treeentry .text {
   padding: 3px 0px 3px 3px;
   float: left;
}

.treeentry .value {
   padding: 3px;
   display:inline-block;
   float: right;
   margin-right: 20px;
   overflow: hidden;
   max-width: 150px;
   white-space: nowrap;
   border-left: 1px solid rgb(164,164,164);
   
    -ms-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;     -o-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;-webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;   -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;;  
   min-width: 75px;
   text-align:right;
}

.treeentry .value:hover {
   max-width: 600px;
   position: absolute;
   z-Index: 100;
   right: 0px;
   background:inherit;
   padding-left: 20px;   
   border-left: 1px solid rgb(164,164,164);
   
    -ms-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;     -o-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;-webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;   -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15) inset;;
   background-image: none;  
}

.treeentry.open {
   
}

.treeentry.arrow {
   background-image: url("img_uportal/pfeil_schwarz_runter.png");
   background-position: right center;
   background-repeat: no-repeat;
   /*padding-right: 20px; */
}

.treeentry.arrow:hover {
   background-image: url("img_uportal/pfeil_gelb_runter.png");
}

.treeentry.arrow.open {
   background-image: url("img_uportal/pfeil_gelb_rauf.png");
}


.treeentry.active {
   
   background-color: rgb(255,203,0);
   
   background-image:
      -webkit-gradient(
         linear,
         left top,
         left bottom,color-stop(0, rgba(255,227,79,1.0)), color-stop(0.49, rgba(255,213,51,1.0)), color-stop(0.5, rgba(255,203,0,1.0)), color-stop(1, rgba(223,179,0,1.0))
   );background-image:     -ms-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:      -o-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image: -webkit-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:    -moz-linear-gradient(top, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);background-image:         linear-gradient(180deg, rgba(255,227,79,1.0) 0%, rgba(255,213,51,1.0) 49%, rgba(255,203,0,1.0) 50%, rgba(223,179,0,1.0) 100%);  
}



.treeentry.active .value:hover {
   background-image: inherit;
     
}


.clearboth {
   clear:both;
}

.map_sektorbeschriftung {
   background-color:white;
   padding:0.2em;
   white-space: nowrap;
   border: 1px solid black;
   border-radius: 3px 3px 3px 0px;
}

.record_navigator {
   position :absolute;
   top: 0px;
   z-index: 101;
   display:inline-block;  
   right: 20px;
}

.record_navigator .dbbig button {
   text-shadow: 0px 1px 1px rgba(0,0,0, 0.2);
   min-width: 60px;
}

.record_navigator .dbbig button.disabled {
   color: rgb(127,127,127);
   text-shadow: 0px 1px 0px rgba(255,255,255, 0.7);
}
#div_feedback {
   position:absolute;
   left:0px;
   right:0px;
   height:34px;
   z-index: 102;
}