/**************************************************************************************/
/**************************************************************************************/
/*   Elements
/**************************************************************************************/
/**************************************************************************************/


html, body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
    line-height:21px;
    color:#262626;

    margin: 0;
    padding: 0;
    
    height:100%;
    background-color:#F4F4F4;
    background-repeat:repeat-x;
}


.ui-widget, .ui-accordion-content, .ui-dialog-content, .ui-widget-content {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px !important;
    line-height:21px;
    color:#363636;
}


div.ui-dialog-buttonset .button_cancel_booking {
    position:relative;
    right:780px;
    top:0px;
    width:180px;
}
div.ui-dialog-buttonset .button_cancel_booking2 {
    position:relative;
    right:500px;
    top:0px;
    width:120px;
}

div.ui-dialog-buttonset .button_delete_booking {
    position:relative;
    right:420px;
    top:0px;
    color:#ff0000;
}
div.ui-dialog-buttonset .button_delete_booking2 {
    position:relative;
    right:210px;
    top:0px;
    color:#ff0000;
}
div.ui-dialog-buttonset .button_correct_booking {
    position:relative;
    right:-322px;
    top:0px;
    color:#00AA00;
    width:338px;
}
div.ui-dialog-buttonset .button_correct_booking2 {
    position:relative;
    right:-295px;
    top:0px;
    color:#00AA00;
    width:280px;
}
div.ui-dialog-buttonset .button_save_booking {
    color:#00AA00;
}

div.ui-dialog-buttonset .button_delete_booking_little {
    color:#ff0000;
}
div.ui-dialog-buttonset .ui-button-text {
    padding:0;
}




h1, h2, h3 {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 500;
    color:#474747;
}

h1 {
    font-size: 24px;
    line-height:50px;
    padding-top:2px;
}

table.menu_buttons h1 {
    padding-left:19px;
}

h2 {
    font-size: 22px;
    line-height:35px;
    padding-top:2px;
}

h3 {  
    font-size: 18px;
    line-height:25px;
    padding-top:2px;
}

#h3_feste_arbeitsstunden_tage, #h3_feste_arbeitsstunden_woche, #h3_flexible_arbeitsstunden_monat  {
    padding-left:25px;
}

.bold {
    font-family: 'Open Sans';
    font-weight: 600;
    color:#000000;
}

.timeaccount:hover {
    font-family: 'Open Sans';
    font-weight: 600;
    color:#5cacdf;
}

.gruen {
    color:#69be4b;
}

a {
    color: #2d5b80;
    font-weight:400;
    text-decoration:none;
}

a:hover{
    font-weight:400;
    color:#10334f;
    text-decoration:none;
}


a.tour_button {
    display:block;
    width:190px;
    height:27px;
    padding-top:7px;
    padding-left:10px;
    background-color:#d9534f;
    font-size:18px;
    color:#ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
a.tour_button:hover {
    background-color:#d9534f;
    color:#ffffff;
}    


hr {
    border:0;
    height:1px;
    background-color:#b9b9b9;
}

.tAreaStyles {
    height:120px;
    width:460px;
}

.TK_pfeil {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    display:block;
    position:relative;
    top:2px;
    left:-10px;
    font-size:20px;
    color:#363636;
}

input:not([type=checkbox]) {
    
    outline: none;
    padding-left:5px;
    padding-top:0px;
    padding-right:2px;
    height:30px;
    
    background: #f8f8f8;
    
    box-shadow: inset 0 1px 2px rgba(0,0,0,.30), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    border-radius: 3px;
    border: 1px #cfcfcf solid;
    border-top: none;
    border-bottom: 1px solid #cfcfcf;
}






td.grey_balk_input ul li{
    color: #000000;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
}

td.grey_balk_input ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

td.grey_balk_input ul li label{
  display: block;
  position: relative;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

td.grey_balk_input ul li:hover label{
    color: #FFFFFF;
}

td.grey_balk_input ul li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

td.grey_balk_input ul li:hover .check {
    border: 5px solid #FFFFFF;
}

td.grey_balk_input ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

td.grey_balk_input input[type=radio]:checked ~ .check {
    border: 5px solid #ffffff;
}

td.grey_balk_input input[type=radio]:checked ~ .check::before{
    background: #ffffff;
}

td.grey_balk_input input[type=radio]:checked ~ label{
    color: #ffffff;
}
















.overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}


select {
    background: #ffffff;
    outline: none;
    height:30px;
    width: 210px;
    border: 1px solid #ddd;
}

textarea {
    background: #ffff;
    border: 1px solid #ddd;
    outline: none;
    padding-top:5px;
    padding-left:5px;
    float:left;
}


input, textarea, select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color:#363636;
    
    box-shadow: inset 0 1px 2px rgba(0,0,0,.30), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    border-radius: 3px;
    border: 1px #cfcfcf solid;
    border-top: none;
    border-bottom: 1px solid #cfcfcf;  
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px !important;
    color:#363636;
    border: 1px solid rgb(185, 185, 185);
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    box-shadow: inset 0 1px 2px rgba(0,0,0,.30), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    border-radius: 3px;
    border: 1px #cfcfcf solid;
    border-top: none;
    border-bottom: 1px solid #cfcfcf;  
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px !important;
    color:#363636;
}



button {
    height:31px;
}

.grey_balk_input {
    height:32px;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Waiting Spinner
/**************************************************************************************/
/**************************************************************************************/

.waiting_spinner {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    top:50%;
    margin-top: -200px;
    height: 400px;
}


.waitMe_container {position:relative;transform:translateZ(0);backface-visibility:hidden}
body.waitMe_container {position:fixed;width:100%;height:100%}
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden}
.waitMe_container .waitMe * {font-family:'Open Sans';font-size:15px;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.waitMe_container .waitMe .waitMe_content {position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_progress {position:relative;font-size:0}
.waitMe_container .waitMe .waitMe_progress > div {animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_text {position:relative;margin:20px 0 0}

/* timer */
.waitMe_container .waitMe_progress.timer {width:100px;height:100px;margin:auto;border-width:5px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {border-radius:5px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {height:40%;animation:timer 15s infinite linear}
@keyframes timer {
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360deg)}
}


/**************************************************************************************/
/**************************************************************************************/
/*   Kalender
/**************************************************************************************/
/**************************************************************************************/

.scheduler_transparent_main 
{
    font-family: 'Open Sans', Tahoma, Arial, sans-serif;
    border: 1px solid #c0c0c0;
    font-size: 12px;
    font-weight: 400;
}

.scheduler_transparent_event 
{
    opacity: 0.7;
    filter: alpha(opacity=70);

    font-size: 12px;
    color: #000000;
}

.scheduler_transparent_event_inner  
{
    padding: 6px 4px 4px 4px;
    overflow: hidden;

    position: absolute;
    top: 0px;
    bottom: 1px;
    left: 0px;
    right: 0px;

    background: #47afff;
    

    border-right:1px solid #eeeeee;
    
}

.scheduler_transparent_event_hover .scheduler_transparent_event_inner 
{
}

.scheduler_transparent_event .scheduler_transparent_action:hover
{
    opacity: 1;
    filter: none;
}

.scheduler_transparent_selected .scheduler_transparent_event_inner
{
    background: #ddd;
}

.scheduler_transparent_timeheader 
{
    cursor: default;
    color: #363636;
}

.scheduler_transparent_message
{
    opacity: 0.7;
    filter: alpha(opacity=70);

    padding: 10px; 
    color: #eeeeee;
    background: #333;
}

.scheduler_transparent_timeheadergroup,
.scheduler_transparent_timeheadercol
{
    color: #363636;
    text-align: center;
    
    background: #f3f3f3;
}

.scheduler_transparent_rowheader,
.scheduler_transparent_corner
{
    color: #363636;
    background: #f3f3f3;
}

.scheduler_transparent_rowheader_inner {
    padding: 3px;
}

.scheduler_transparent_timeheadergroup_inner
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.scheduler_transparent_timeheadercol_inner
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #c0c0c0;
}

.scheduler_transparent_cellcolumn 
{
    background: #fff;
}

.scheduler_transparent_cellparent {
    background-color: #f8f8f8;
}

.scheduler_transparent_tree_image_no_children {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLzEyzsCJAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAADBJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOL31MeLxHwCeXUT0WkFMKAAAAABJRU5ErkJggg==);
}
.scheduler_transparent_tree_image_expand {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLyUoFBT0AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAFJJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeRhgJGREc4GijMBtTNgA0BxFog+uA4IA2gmUJwFog/IgUhAGBB9KPYhA3T74Jog+hjx+A8A1KRQ+AN5vcwAAAAASUVORK5CYII=);
}
.scheduler_transparent_tree_image_collapse {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLxB+p9DXAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAENJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOAtEHyMjI7IE0EygOAtEH5CDqY9c+xjx+A8ANndK9WaZlP4AAAAASUVORK5CYII=);
}

.scheduler_transparent_divider,
.scheduler_transparent_splitter
{
    background-color: #c0c0c0;
}

.scheduler_transparent_divider_horizontal
{
    background-color: #c0c0c0;
}

.scheduler_transparent_matrix_vertical_line 
{
    background-color: #eee;
}

.scheduler_transparent_matrix_vertical_break 
{
    background-color: #000;
}

.scheduler_transparent_matrix_horizontal_line 
{
    background-color: #eee;
}

.scheduler_transparent_resourcedivider 
{
    background-color: #c0c0c0;
}

.scheduler_transparent_shadow_inner 
{
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
}

.scheduler_transparent_event_bar
{
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;

    background-color: #8bceff;
}

.scheduler_transparent_event_bar_inner  
{
    position: absolute;
    height: 2px;
    background-color: #1066a8;
}

.scheduler_transparent_timeheader_float_inner {
}

.scheduler_transparent_event_float_inner {
    padding: 7px 4px 4px 8px;
}

.scheduler_transparent_event_float_inner:after {
    content:"";
    border-color: transparent #1066a8 transparent transparent;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    top:9px;
    left:-4px;
}

.scheduler_transparent_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: linear-gradient(top, #ffffff 0%, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.scheduler_transparent_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: linear-gradient(top, #ffffff 0%, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.scheduler_transparent_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

.scheduler_transparent_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}

.scheduler_transparent_rowmove_handle { background-repeat: no-repeat; background-position: center center; background-color: #ccc; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC); cursor: move; }
.scheduler_transparent_rowmove_source { background-color: black; opacity: 0.2; }
.scheduler_transparent_rowmove_position_before, .scheduler_transparent_rowmove_position_after { background-color: #c0c0c0; height: 2px; }
.scheduler_transparent_rowmove_position_child { margin-left: 10px; background-color: #c0c0c0; height: 2px; }
.scheduler_transparent_rowmove_position_child:before { content: '+'; color: #c0c0c0; position: absolute; top: -8px; left: -10px; }
.scheduler_transparent_rowmove_position_forbidden { background-color: red; height: 2px; margin-left: 10px; }
.scheduler_transparent_rowmove_position_forbidden:before { content: 'x'; color: red; position: absolute; top: -8px; left: -10px; }

.scheduler_transparent_link_horizontal { border-bottom-style: solid; border-bottom-color: red }
.scheduler_transparent_link_vertical { border-right-style: solid; border-right-color: red }
.scheduler_transparent_link_arrow_right:before { content: ''; border-width: 6px; border-color: transparent transparent transparent red; border-style: solid; width: 0px; height:0px; position: absolute; }
.scheduler_transparent_link_arrow_left:before { content: ''; border-width: 6px; border-color: transparent red transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.scheduler_transparent_link_arrow_down:before { content: ''; border-width: 6px; border-color: red transparent transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }

.scheduler_transparent_shadow_overlap .scheduler_transparent_shadow_inner { background-color: red; }
.scheduler_transparent_overlay { background-color: gray; opacity: 0.5; filter: alpha(opacity=50); }

.scheduler_transparent_event_group { box-sizing: border-box; font-size:12px; color:#363636; padding:2px 2px 2px 2px; overflow:hidden; border:1px solid #ccc; background-color: #fff; }

.scheduler_transparent_header_icon { box-sizing: border-box; border: 1px solid #aaa; background-color: #f5f5f5; color: #000; }
.scheduler_transparent_header_icon:hover { background-color: #ccc; }
.scheduler_transparent_header_icon_hide:before { content: '\00AB'; }
.scheduler_transparent_header_icon_show:before { content: '\00BB'; }

.scheduler_transparent_rowheader.scheduler_transparent_rowheader_selected { background-color: #aaa;background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);-webkit-background-size: 20px 20px;-moz-background-size: 20px 20px;background-size: 20px 20px; }

.scheduler_transparent_row_new .scheduler_transparent_rowheader_inner { cursor: text; background-position: 0px 5px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=); }
.scheduler_transparent_row_new .scheduler_transparent_rowheader_inner:hover { background: white; }
.scheduler_transparent_rowheader textarea { padding: 3px; }
.scheduler_transparent_rowheader_scroll { cursor: default; }

.scheduler_transparent_shadow_forbidden .scheduler_transparent_shadow_inner { background-color: red; }

.scheduler_transparent_event_moving_source { opacity: 0.5; filter: alpha(opacity=50); }

.scheduler_traditional_linkpoint { background-color: white; border: 1px solid gray; border-radius: 5px; }
.scheduler_traditional_linkpoint.scheduler_traditional_linkpoint_hover { background-color: black; }




/**************************************************************************************/
/**************************************************************************************/
/*   Grundlayout Elemente
/**************************************************************************************/
/**************************************************************************************/

div.header {
	position:relative; /* needed for footer positioning*/
	top:0px;
	left:0px;
	height:37px;	
	width:978px;
	background-color: #e6e6e6;
}


ul.menu li a {
    color: #5f576e;
    font-weight: 600;
    font-size:14px;
    font-style: normal;
}


::-moz-placeholder {
    color: #363636;
}
::-webkit-input-placeholder {
    color: #363636;
}
:-ms-input-placeholder {
    color: #363636;
}


div.logo {
    position:absolute;
    top:5px;
    left:5px;
    background-image: url(../images/logo_small.png);
    background-repeat: no-repeat;
    height:30px;
    width:32px;
    border-radius:8px;
}

img.company_logo {
    height:30px;
    padding-right:8px;
}

.exit_button {
    color:#ffffff;
    width:300px;
    border-radius:6px;
}

.errormsg {
    width:978px;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:0px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    border:1px solid #ff0000;
    
    background: #ea9b96; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOWI5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODgxODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ea9b96 0%, #e88181 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea9b96), color-stop(100%,#e88181)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ea9b96 0%,#e88181 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ea9b96 0%,#e88181 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ea9b96 0%,#e88181 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ea9b96 0%,#e88181 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9b96', endColorstr='#e88181',GradientType=0 ); /* IE6-8 */
}

.errormsg a {
    color:#ff0000;
}

.info_msg {
    width:978px;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:0px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    border:1px solid #eedc17;
    background-color:#eee793;
}

.successmsg {
    width:978px;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:0px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    border:1px solid #7cb82f;
    
    background: #c0e27a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZTI3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWQxNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c0e27a 0%, #a1d155 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0e27a), color-stop(100%,#a1d155)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0e27a 0%,#a1d155 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e27a', endColorstr='#a1d155',GradientType=0 ); /* IE6-8 */	
}



#innerset_box {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width: 100%;
    min-height:100%;
        
    -webkit-box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
    -moz-box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
    box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
}

#content {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width: 990px;
}

.box {
    box-shadow: 1px 1px 4px #adadad; 
    -moz-box-shadow: 1px 1px 4px #adadad; 
    -webkit-box-shadow: 1px 1px 4px #adadad; 
    margin-top:15px;
    width:990px;
    padding: 20px 20px 20px 20px;
    background-color:#ffffff;
    border-radius:5px;
 }
 
 .box h2 {
     margin-top:-10px;
     text-align:center;
     padding-bottom:10px;
 }

 .box_min_padding {
    box-shadow: 1px 1px 4px #949494; 
    -moz-box-shadow: 1px 1px 4px #949494; 
    -webkit-box-shadow: 1px 1px 4px #949494; 
    margin-top:15px;
    width:990px;
    padding: 10px 10px 10px 10px;
    background-color:#ffffff;
 }
 
 .box_no_padding {
    margin-top:15px;
    box-shadow: 1px 1px 4px #949494; 
    -moz-box-shadow: 1px 1px 4px #949494; 
    -webkit-box-shadow: 1px 1px 4px #949494; 
    background-color:#ffffff;
 }
 
 .box_no_shadow {
    margin-top:10px;
    padding-bottom:15px;
    width: 990px;
 }
 
.box_border {
    border:1px solid #7a7979;
}
.box_border_light {
    border:1px solid #bcbcbc;
}
 
.box_border tr {
    height:1em;
}

.box_border tr > td > span {
    padding-left:7px;
    line-height:30px;
}


 table.borderTable {   
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #b9b9b9;
    box-shadow:0px 0px 3px #e3e3e3;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    margin-top:10px;
    width:950px;
 }


 
table.headermenu {
   -moz-box-shadow: 1px 1px 4px #adadad;
    -webkit-box-shadow:1px 1px 4px #adadad;
    box-shadow: 1px 1px 4px #adadad;
    
    background: #fff;
    width:990px;
}

.grey_gradient {
    height:40px;
    border-bottom:1px solid #d3d3d3;
}


.headerimage {
    vertical-align:top;
    width: 1000px;
    background-color:#ffffff;
    background-repeat: no-repeat;
}

table.menu_table {
    margin:0 auto;
    width:100%;
}

table.searchfield_table {
    margin-top:10px;
    float:left;
    padding-left:17px;
    width: 800px;
}



.down-triangle { 
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 80px 250px 0 250px;
    border-color: #e8f1f7 transparent transparent transparent;
}

.circle_month {
    margin-left:20px;
    width: 250px;
    height: 250px;
    border: 1px solid #BADCEF;
    text-align: center;
    border-radius: 125px;
    font-size:15px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8f1f7+0,d0e5f2+100 */
    background: #e8f1f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8f1f7 0%, #d0e5f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e8f1f7 0%,#d0e5f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e8f1f7 0%,#d0e5f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f1f7', endColorstr='#d0e5f2',GradientType=0 ); /* IE6-9 */
}





td.content_header {
    height:40px;
    width: 1026px;
    background-image: url(../images/content_header.jpg);
    background-repeat: no-repeat;
}

td.content_middle {
	width: 1026px;
	background-image: url(../images/content_middle.jpg);
	background-repeat: repeat-y;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:20px;
}

td.content_footer {
	height:14px;
	width: 1026px;
	background-image: url(../images/content_footer.jpg);
	background-repeat: no-repeat;
}



/**************************************************************************************/
/**************************************************************************************/
/*  Coworker Search Table
/**************************************************************************************/
/**************************************************************************************/

#time_table_sticky {
    padding-top:0px;
    background-color:#ffffff;
}

table.coworker td {
    height:30px;
}

#time_table_sticky tr:last-child td {
    border-bottom:1px solid grey;
}

.coworker_header {
    height:30px;
    border-bottom:1px solid grey;
}

.coworker_middle {
    border-bottom:1px solid #e2e2e2;
}




.b-top {
    border-top:1px solid grey;
}
.b-left {
    border-left:1px solid grey;
}
.b-right {
    border-right:1px solid grey;
}
.b-bottom {
    border-bottom:1px solid grey;
}

.padding {
    padding:0px 0px 0px 7px;
}

.b-grey {
    border-color: grey;
}
.b-lightgrey {
    border-color: #e5e5e5;
}
.b-lightgrey_darker {
    border-color: #b7b7b7;
}

tr.bg-yellow td {
    background-color:#eee793;
}
tr.bg-red td {
    background-color:#FF968E;
}



/**************************************************************************************/
/**************************************************************************************/
/*  Digital Clock
/**************************************************************************************/
/**************************************************************************************/

#clock_date_input {
    font-family: 'Open Sans', Arial, sans-serif;    
    font-weight: 600;
    font-size: 40px;
    color:#ffffff;
    width:210px;
    height:30px;
    padding:20px 20px 20px 20px;
    border-radius:6px;
    
    background: #64a4e0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YTRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTdjZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #64a4e0 0%, #1a7cdd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64a4e0), color-stop(100%,#1a7cdd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #64a4e0 0%,#1a7cdd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a4e0', endColorstr='#1a7cdd',GradientType=0 ); /* IE6-8 */
}

#clock {
    font-family: 'Open Sans', Arial, sans-serif;    
    font-weight: 600;
    font-size: 40px;
    color:#ffffff;
    width:160px;
    height:30px;
    padding:25px 20px 15px 20px;
    border-radius:6px;
    
    background: #64a4e0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YTRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTdjZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #64a4e0 0%, #1a7cdd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64a4e0), color-stop(100%,#1a7cdd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64a4e0 0%,#1a7cdd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #64a4e0 0%,#1a7cdd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a4e0', endColorstr='#1a7cdd',GradientType=0 ); /* IE6-8 */
}

.clock #kuerzel {
     height:60px;
     font-size:20px;
     padding-top:14px;  
}

.clock .kuerzel {
    width:230px;
    height:50px;
    font-size:20px; 
    text-align:left;
    padding-left:20px;
    color:#ffffff;
    border:0px;
    border-radius:6px;
}

.clock .kuerzel_1 {
    width:230px;
    height:50px;
    font-size:20px; 
    text-align:left;
    padding-left:20px;
    color:#ffffff;
    border:0px;
    border-radius:6px;
    
    background: #69b721; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5YjcyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWIwMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #69b721 0%, #41b01e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69b721), color-stop(100%,#41b01e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #69b721 0%,#41b01e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #69b721 0%,#41b01e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #69b721 0%,#41b01e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #69b721 0%,#41b01e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b721', endColorstr='#41b01e',GradientType=0 ); /* IE6-8 */

}

.clock .kuerzel_2 {
    width:230px;
    height:50px;
    font-size:20px; 
    text-align:left;
    padding-left:20px;
    color:#ffffff;
    border:0px;
    border-radius:6px;
    
    background: #ff3019; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */

}

.kuerzel, .kuerzel_1:hover, .kuerzel_2:hover, .kuerzel_3:hover, .kuerzel_4:hover {
    cursor:pointer;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Legende
/**************************************************************************************/
/**************************************************************************************/

table.legend {
    border:0;
    font-size:14px;
}

table.legend .pagination_field_footer_left {
    border-bottom:1px solid #ffffff;
    width:37px;
    height:5px;
    padding-top:0px;
    padding-left:5px;
}

table.legend .pagination_field_footer_right {
    border-bottom:1px solid #ffffff;
    text-align:left;
    height:20px;
    padding-top:1px;
    padding-left:10px;
}

table.legend tr:first-child td {
    padding-top:10px;
    vertical-align:top;
}

table.legend td span {
    line-height: 10px;
    padding:0;
    margin:0;
}
    
/**************************************************************************************/
/**************************************************************************************/
/*  Time Table
/**************************************************************************************/
/**************************************************************************************/

#timetable_sticky {
    padding-top:0px;
    background-color:#ffffff;
}

.clear {
    clear:left;
}
.pagination {
    text-align: center;
    line-height:40px;
    font-family: 'Open Sans';
    color:black;
    border-top:1px solid grey;
    border-left:1px solid grey;
    border-right:1px solid grey;
}


.grey {
    border-left:1px solid grey;
}
.brightly_grey {
    border-right:1px solid #e2e2e2;
}


table.time {
    width:643px;
    font-size:15px;
}
 
table.time td {
    border-bottom:1px solid grey;
    height:30px;
}

table.time tr:last-child td {
    border-bottom:0px solid grey;
}

/* zweifarbig  */
/* table.time tr:nth-child(odd) { background: #fafafa; }  */
/* table.time tr:nth-child(even) { background: #ffffff; }  */



.no_bobo {
    border-bottom:0px solid grey;
}


table.time .pagination_field_left {
    border-left:1px solid grey;
    border-right:1px solid grey;
    width:64px;
    height:30px;
}

table.time .pagination_field_left a, table.time .pagination_field_right2 a {
    font-size:25px;
    padding-left:25px;
    padding-right:25px;
}





table.time .padding {
    padding-left:10px;
    width:54px;
}

table.time .pagination_field_middle {
    text-align:center;
    width:160px;
}

.info {
    background-image: url(../images/info.png);
    background-repeat: no-repeat;
    width:15px;
    height:20px;
}

table.time .pagination_field_middle2 {
    text-align:center;
    width:96px;
}

table.time .pagination_field_middle3 {
    text-align:center;
    width:56px;
}

table.time .pagination_field_right {
    width:90px;
}

table.time .pagination_field_right2 {
    border-left:1px solid grey;
    width:64px;
}


.month_header {
    text-align: center;
    font-family:Open Sans;
    font-size:18px;
    color:#363636;
    border-bottom:1px solid grey;
}


.clear {
    clear:both;
}



.pagination_field_footer_top {
    border-top:1px solid grey;
    text-align:right;
}

.pagination_field_footer_left {
    border-bottom:1px solid grey;
    text-align:right;
    width:200px;
}

.pagination_field_footer_left2 {
    border-bottom:1px solid #f4f4f4;
    text-align:right;
    width:200px;
}

.pagination_blue {
    background-color:#f4f4f4;
}


.pagination_field_footer_right {
    border-bottom:1px solid grey;
    text-align:left;
    width:120px;
    padding-left:0px;
}

.pagination_field_footer_right2 {
    border-bottom:1px solid #f4f4f4;
    text-align:left;
    width:120px;
    padding-left:0px;
}

td.pagination_field_footer_right > span {
    margin-left:-25px;
}

td.pagination_field_footer_right2 > span {
    margin-left:-25px;
}


/**************************************************************************************/
/**************************************************************************************/
/* Table PresencePlanning
/**************************************************************************************/
/**************************************************************************************/

table.presencePlanner {
    width:950px;
}

table.presencePlanner tr td {
    border-top:0px solid grey;
    border-bottom:0px solid grey;
    height:30px;
}

table.presencePlanner .pagination_field_left {
    border-left:0px solid grey;
    border-right:1px solid grey;
    width:64px;
    height:30px;
}

table.presencePlanner .pagination_field_left a, table.presencePlanner .pagination_field_right2 a {
    font-size:25px;
    padding-left:25px;
    padding-right:25px;
}

table.presencePlanner .padding {
    padding-left:10px;
    width:54px;
}

table.presencePlanner .pagination_field_middle {
    text-align:center;
    width:160px;
}

table.presencePlanner .pagination_field_middle2 {
    text-align:center;
    width:96px;
}

table.presencePlanner .pagination_field_right {
    width:90px;
}

table.presencePlanner .pagination_field_right2 {
    border-left:1px solid grey;
    width:64px;
}

.pointer {
    cursor:pointer;
}


table.presencePlanner_content {
    width:950px;
}

table.presencePlanner_content tr .hover {  
    background: #edf2f6;
}




table.presencePlanner_content tr td {
    border-right:1px solid grey;
    border-top:1px solid grey;
    height:30px;
}

table.presencePlanner_content tr td:last-of-type {
    border-right:0px solid #e2e2e2;
}

table.presencePlanner_content .small {
    font-size:10px;
    text-align:center;
}

.small_checkbox {
    display:table-cell;
}


 table.presencePlanner_content label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 23px;
}

 table.presencePlanner_content .wrapper {
    margin: 50px auto;
}
 table.presencePlanner_content input[type=checkbox] {
    display: none;
}


table.presencePlanner_content label:before {
    content: "";
    display: inline-block;

    width: 30px;
    height: 30px;

    position: absolute;
    left: -3px;
    top: -15px;

}




 table.presencePlanner_content .checkbox label {
    margin-bottom: 10px;
}
 table.presencePlanner_content .checkbox label:before {
    border-radius: 3px;
}

table.presencePlanner_content input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 20px;
    color: #000000;
    text-align: center;
    line-height: 30px;
}



/**************************************************************************************/
/**************************************************************************************/
/*  Anwesenheitsliste
/**************************************************************************************/
/**************************************************************************************/

.available_green {
    background-color:#d3ebc2;
}
.available_yellow {
    background-color:#ede9b3;
}
.absence_blue {
    background-color:#95e2f0;
}


/**************************************************************************************/
/**************************************************************************************/
/*  Project Table
/**************************************************************************************/
/**************************************************************************************/

.table_progressBar_top {
    width:990px;
    
    margin-left:-20px;
    margin-top:-25px;
    margin-bottom:15px;
    margin-right:-20px;
    text-align:center;
    font-size:12px;
    
    padding-top:3px;
    padding-bottom:3px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#progressBar_top {
    width: 990px;
    height: 10px;
    
    border: 1px solid #DDDDDD;
    border-left:0px;
    border-right:0px;
    
    background-color: #FFFEEF;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#progressBar_top div {
    position:relative;
    top:-1px;
    left:0px;
    
    height: 100%;
    color:#363636;
    text-align: right;
    font-size:10px;
    
    line-height: 10px;
    width: 0;
    white-space: nowrap;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.progressbar_green div {
    border:1px solid #7cb82f;
    background: #c0e27a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZTI3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWQxNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c0e27a 0%, #a1d155 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0e27a), color-stop(100%,#a1d155)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0e27a 0%,#a1d155 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e27a', endColorstr='#a1d155',GradientType=0 ); /* IE6-8 */	
}

.progressbar_orange div {
    border:1px solid #ED6D0B;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: rgb(255,168,76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.progressbar_red div {
    border:1px solid #ff0000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}


.table_progressBar_bottom {
    position:relative;
    top:20px;
    left:0px;
    
    width:990px;
    
    margin-left:-20px;
    margin-top:15px;
    margin-right:-20px;
    text-align:center;
    font-size:12px;
    
    padding-top:3px;
    padding-bottom:-10px;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#progressBar_bottom {
    width: 990px;
    height: 10px;
    
    border: 1px solid #DDDDDD;
    border-left:0px;
    border-right:0px;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#progressBar_bottom div {
    position:relative;
    top:-1px;
    left:0px;
    
    height: 100%;
    color:#363636;
    text-align: right;
    font-size:10px;
    
    white-space: nowrap;
    line-height: 10px;
    width: 0;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



.yellow_in_progress {
    background-color:#eee793;
}
.green_ready {
    color:#71B541;
}
.red_error {
    background-color: #FF968E;
}
.red_zero {
    color:#FF4538;
}
.bg_grey {
    background-color:#e7e7e7;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Table Corrections
/**************************************************************************************/
/**************************************************************************************/

table.corrections tr td {
    border-bottom:1px solid grey;
    border-right:1px solid #e2e2e2;
    height:30px;
    padding-left:5px;
}

table.corrections tr td:last-of-type {
    border-right:0px solid #e2e2e2;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Suchbox Elemente Layout
/**************************************************************************************/
/**************************************************************************************/

  .combobox_layout { float:left; width:300px; }
  .combobox_layout .listbox_layout {
    display:none;
    position:absolute;
    top:90px; right:10px;
    padding-top:0px;
    margin-top:11px;
    max-height:250px;
    overflow:auto;
    
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    
    width:328px;
    border:1px solid #cfcfcf;
    background:#ffffff;
    z-index:90;
  }
  .combobox_layout .listbox_layout ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_layout .listbox_layout ul li       { padding:4px 10px 4px 10px; margin:1px; cursor:pointer; }
  .combobox_layout .listbox_layout ul li:hover { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ededed+99 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #eeeeee 0%, #ededed 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#ededed 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #eeeeee 0%,#ededed 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  
  
/**************************************************************************************/
/**************************************************************************************/
/*   Suchbox Elemente Kalender
/**************************************************************************************/
/**************************************************************************************/

  .combobox_calendar { position:relative; float:left; width:300px; }
  .combobox_calendar .listbox {
    display:none;
    position:absolute;
    top:20px; left:0px;
    margin-top:11px;
    max-height:250px;
    overflow:auto;
    
    width:370px;
    border:1px solid #cfcfcf;
    background:#ffffff;
    z-index:90;
  }
  .combobox_calendar .listbox ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_calendar .listbox ul li       { padding:4px 10px 4px 10px; margin:1px; cursor:pointer; }
  .combobox_calendar .listbox ul li:hover { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ededed+99 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #eeeeee 0%, #ededed 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#ededed 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #eeeeee 0%,#ededed 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }

  
/**************************************************************************************/
/**************************************************************************************/
/*   Suchbox Elemente Aufträge
/**************************************************************************************/
/**************************************************************************************/

  .combobox_task          { position:relative; float:left; width:300px; }
  .combobox_task .listbox {
    display:none;
    position:absolute;
    top:20px; left:-10px;
    margin-top:11px;
    max-height:250px;
    overflow:auto;
    width:685px;
    border:1px solid #666666;
    background:#ffffff;
  }
  .combobox_task .listbox ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_task .listbox ul li       { padding:4px 10px 4px 10px; margin:1px; cursor:pointer; }
  .combobox_task .listbox ul li:hover { background:#eeeeee; }

  
/**************************************************************************************/
/**************************************************************************************/
/*   Suchbox Elemente Tätigkeiten
/**************************************************************************************/
/**************************************************************************************/

  .combobox_activity          { position:relative; float:left; width:300px; }
  .combobox_activity .listbox {
    display:none;
    position:absolute;
    top:19px; left:-1px;
    margin-top:11px;
    max-height:250px;
    width:546px;
    border:1px solid #666666;
    background:#ffffff;
    z-index:1;
  }
  .combobox_activity .listbox ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_activity .listbox ul li       { padding:4px 10px 4px 10px; margin:1px; cursor:pointer; }
  .combobox_activity .listbox ul li:hover { background:#eeeeee; }
  
  
  /**************************************************************************************/
/**************************************************************************************/
/*   Suchbox Elemente Mitarbeiter
/**************************************************************************************/
/**************************************************************************************/

  .combobox_coworker          { position:relative; float:left; width:300px; }
  .combobox_coworker .listbox {
    display:none;
    position:absolute;
    top:19px; left:-1px;
    margin-top:11px;
    max-height:250px;
    overflow:auto;
    width:489px;
    border:1px solid #666666;
    background:#ffffff;
  }
  .combobox_coworker .listbox ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_coworker .listbox ul li       { padding:4px 10px 4px 10px; margin:1px; cursor:pointer; }
  .combobox_coworker .listbox ul li:hover { background:#eeeeee; }
  
  
/**************************************************************************************/
/**************************************************************************************/
/*   Tab Gestaltungs Elemente
/**************************************************************************************/
/**************************************************************************************/

#wrapper_tabs {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}
 
.accordionButton1 {	
    width: 680px;
    float: left;
    background: #e2edf4;
    color:#363636;
    font-size:16px;
    height:25px;
    padding-top:5px;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;    
    padding-left:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.accordionButton1:hover{
    background: #0084c3;
    color:#ffffff;
}

.accordionButton2 {	
    width: 680px;
    float: left;
    background: #c4def1;
    color:#363636;
    font-size:16px;
    height:25px;
    padding-top:5px;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;    
    padding-left:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.accordionButton2:hover{
    background: #0084c3;
    color:#ffffff;
}
 
.accordionContent {	
    width: 680px;
    float: left;
    display: none;
    padding-left:10px;
} 

/**************************************************************************************/
/**************************************************************************************/
/*   Allgemeine Gestaltungs Elemente (Form, Inputs, Submitbutton)
/**************************************************************************************/
/**************************************************************************************/


*{
    margin:0px;
    padding:0px;
}

#steps{
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
	/*height:320px;*/
}

#steps fieldset{
    border:none;
    padding-bottom:20px;
}
legend{
    text-align:left;
    color:#666;
    font-size:24px;
    font-family: 'Open Sans';
    float:left;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
}
#steps p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;

    padding:10px;
    margin-left:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#steps p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    font-family: 'Open Sans';
}

#steps input:not([type=text]) {
    border-radius: 3px;
    outline: none;
    padding-left:5px;
    height:27px;
    width: 200px;
    float:left;
}




#steps textarea{
    outline: none;
    padding:5px 5px 5px 5px;
    width: 200px;
    float:left;
    font-size:12px;
}

#steps input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Buttons & Hintergrund Tabellen
/**************************************************************************************/
/**************************************************************************************/


#saveButton {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    padding: 7px 25px;
    font-family:"Century Gothic", sans-serif;
    font-weight:normal;
    font-size:22px;
    background:#7cb82f;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
}
#saveButton:hover {
    background:#7cb82f;
    color:#dfdfdf;
}


#saveButtonLittle {
    background-color: #c0c0c0;
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    text-align:center;
    padding: 5px 0px 4px 0px;
    margin-left:5px;
    width:120px;
    font-family: 'Open Sans';
    font-size:14px;
    
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}
#saveButtonLittle:hover {
    background:#d8d8d8;
    color:#666;
}


#addButton {
    outline:none;
    color: #7a7979;
    display: block;
    cursor:pointer;
    clear:both;
    font-family: 'Open Sans';
    font-size:14px;
    
    padding: 5px 5px 6px 25px;
    
    background:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    
    background-image: url(../images/add_icon.png);
    background-repeat: no-repeat;
}
#addButton:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}

.addButtonsimple {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    clear:both;
    width:16px;
    padding: 5px 0px 2px 10px;
    font-family: 'Open Sans';
    font-size:14px;
    background:#ffffff;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    
    background-image: url(../images/add_icon.png);
    background-repeat: no-repeat;
}
.addButtonsimple:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}



#deleteArtikelButton {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    clear:both;
    width:20px;
    padding: 5px 0px 2px 10px;
    font-family: 'Open Sans';
    font-size:14px;
    background:#ffffff;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    
    background-image: url(../images/delete_icon.png);
    background-repeat: no-repeat;
}
#deleteArtikelButton:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}



#openButton {
    outline:none;
    color: #7a7979;
    display: block;
    cursor:pointer;
    clear:both;
    font-family: 'Open Sans';
    font-size:14px;
    
    padding: 4px 5px 4px 40px;
    
    background:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    
    background-image: url(../images/open_icon.png);
    background-repeat: no-repeat;
}
#openButton:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}




.neutralButton {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc4eb+0,5cacdf+100 */
    background: #8dc4eb; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #8dc4eb 0%, #5cacdf 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #8dc4eb 0%,#5cacdf 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #8dc4eb 0%,#5cacdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc4eb', endColorstr='#5cacdf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    outline:none;
    color:#454545;
    display: block;
    cursor:pointer;
    padding: 4px 10px 4px 10px;
    
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    text-shadow:0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    font-size:14px;
    
    border: 0px;
    
}

.neutralButton:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}





#Button {
    border:none;
    outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-family: 'Open Sans';
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#7e7e7e;
}
#Button:hover {
    background:#d8d8d8;
    color:#666;
}


#backButton {
    outline:none;
    color: #000000;
    cursor:pointer;
    margin: 0px auto;
    padding: 2px 10px;
    font-size:30px;
    width:0px;
    background:#b6b6b6;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}


#backButton:hover {
    background:#d8d8d8;
    color:#666;
    font-weight:normal;
}

	
.red {
    color:#e82d0f;
}

.red_bg {
    background-color:#e56c59;
}
a.red_bg.subnav {
    color:#ffffff;
}
a.red_bg.subnav:hover {
    color:#353535;
}



#ButtonRed {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-family:"Century Gothic", sans-serif;
    font-weight:normal;
    font-size:22px;
    background:#e82d0f;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
}

#ButtonRed:hover {
    background:#e84f37;
    color:#ffffff;
}

.yellow {
    color:#eba714;
}
#ButtonYellow {
    outline:none;
    color:#666;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-size:22px;
    text-align:center;			
    background:#dce225;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}

#ButtonYellow:hover {
    background:#e8ec6e;
    color:#666;
}

.green {
    color:#7cb82f;
}

.black {
    color:#000000;
}

#ButtonGreen {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-size:22px;
    text-align:center;			
    background:#7cb82f;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}

#ButtonGreen:hover {
    background:#8cc148;
    color:#ffffff;
}





table.reservation {
    width:990px;
    float:left;
    clear:both;
    padding:14px;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    background-color:#f4f4f4;
}




.grey_balk_label {
    width:160px;
    text-align:right;
    margin-right:35px;
    padding-right:20px;
    font-family: 'Open Sans';
}


.blue {
    color:#ffffff;
    background-color:#5cacdf;
}
a.blue.subnav_right {
    color:#ffffff;
}
a.blue.subnav_right:hover {
    color:#353535;
}



.blue2 {
    color:#353535;
    background-color:#e9eff4;
}

.blue3 {
    color:#353535;
    background-color:#f7f9fc;
}

.blue .back_icon_table:before {
    color:#ffffff;
}
.blue .vorward_icon_table:before {
    color:#ffffff;
}


.light_grey {
    background-color:#e9eff4;
}
tr.light_grey > td:first-child {
    font-style:normal;
}
tr.light_grey > td {
    font-style:normal;
}


.artikel_top {
    border-bottom:1px solid #7a7979;
    height:25px;
}

.artikel_middle {
    vertical-align:middle;
    height:40px;
}

.artikel_bottom {
    height:30px;
    font-family: 'Open Sans';
    vertical-align:middle;
}

.copyright {
    font-size:12px;
}