body, p, td, input, div
{
    font-family: Verdana, Helvetica, Arial;
    text-decoration: none;
    scrollbar-base-color:#FFFFFF;
    scrollbar-arrow-color:#2763AC;
    scrollbar-darkshadow-color:#2763AC;
    scrollbar-face-color:#bccfe6;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#DDDDDD;
}

*  { font-size: 12px; background-repeat: no-repeat; font-family: Verdana, Helvetica, Arial; }
a { color: #06c; text-decoration: none; outline: 0; }
a:hover, a:active, a:focus, a:visited {text-decoration: none; outline: 0; }

body { margin: 0; padding: 0; }

label.kgrCaption
{
    font-size: 8pt;
}

h1
{
    font-size: 20px;
    font-weight: bold;
    /* text-shadow: #333333 3px 3px 8px; */
    color: #960010;
}

h2
{
    font-size: 17px;
    font-weight: bold;
    /* text-shadow: #555555 3px 3px 8px; */
}

h3
{
    font-size: 14px;
    font-weight: bold;
}

h4
{
    font-size: 13px;
}
/* Überschreibe Grau des inputs, wegen geringem Kontrast*/
.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{
	color: #969696;
}

.select2-dropdown {
  z-index: 9001;
}

strike { color: #cdcdcd }

/*img { border: 0px;}*/

#fixiert {
    position: absolute;
    background-color: white;
    border: 0px solid silver;
}

html>body #fixiert
{
    /*nur fuer moderne Browser!*/
    position: fixed;
}

.small
{
    font-size: 10px;
    color: #cdcdcd;
}

.x-small
{
    font-size: 8px;
    color: #cdcdcd;
}


.smallBlue
{
    font-size: 10px;
    color: #2763ac;
}

.smallRed
{
    font-size: 10px;
    color: #ff0000;
}

.bigRed
{
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
}

.smallBlack
{
    font-size: 10px;
    color: #000000;
}

.smallGrey
{
    font-size: 10px;
    color: #9A9A9A;
}

.smallGreen
{
    font-size: 10px;
    color: #00A03C;
}
.text-success{
    color: #269026;
}
.text-error{
    color: #B94C4C;
}


.scroll
{
    position: relative;
    left: 0px;
    top: 0px;
    /*min-height:300px;*/
    /*border:2px dotted #ff0000;*/
    width: 100%;
    overflow:auto;
    overflow-x:auto;
    /*max-height:370;*/
}

.noscroll
{
    /*position: relative;*/
    left: 0px;
    top: 0px;
    height:100%;
    width: 100%;
    /*overflow-y:auto;*/
    overflow:hidden;
    /*max-height:370;*/
}

.scrollY
{
    /*position: relative;*/
    left: 0px;
    top: 0px;
    overflow-y:auto;
    overflow-x:hidden;
    /*max-height:370;*/
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.notDisplayed{
    display: none;
}
.cssOrder
{
    padding :10px 0;
    height:160px;
}
.block
{
    background :#DFF3FF;
    width:90%;
    height:160px;
    padding :10px;
}
.btn
{
    background:transparent url(../icons/btn.gif) no-repeat scroll 0 0;
    height:43px;
    font-size:12px;
    font-weight:bold;
    border:0 none;
    color:#0391E2;
    padding:0 0 0 34px;
    width:170px;
}
.result
{
    background:transparent url(../icons/inform.gif) no-repeat scroll 0 0;
    height:103px;
    width:200px;
    padding:35px 20px 0 124px;
}
#eventClient
{
    overflow:auto;
    overflow-X:hidden;
    height : 130px;
}

.left
{
    /*width:400px;*/
    /*border:dotted 1px gray;*/
    padding:10px;
    float:left;
    width:370;
    vertical-align: top;
    position:absolute;
    top: 0px;
    left: 0px;
}

#action
{
	z-index:1000;
	visibility: hidden;
	position:absolute;
	top:165;
	left:420;
	background:#ffcc33;
	border-width:2px;
	border-style:solid;
	border-color:#991702;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}

.submenu {
    margin-left: 10px;
}
.submenu button {
    margin-right: 15px;
    margin-bottom: 2px;
    background-color: #B9D1F8;
}


#dashboardAction
{
    background: #cdcdcd;
    /* -moz-opacity: 0.60; /* Mozilla */
    /* opacity: 0.60; /* Opera */
    /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    /* filter: alpha(opacity=50); /* IE */
}

#wechslerlisteform
{
    /* -moz-opacity: 0.60; /* Mozilla */
    /* opacity: 0.60; /* Opera */
    /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    /* filter: alpha(opacity=50); /* IE */
}

#dash1, #dash2, #dash3, #dash4
{
    width: 300px;
    height: 200px;
    margin-bottom: 20px;
    padding: 0 3px;
}

.dashMove {
    cursor: move;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #444;
}

.dashSettings {
    right: 30px;
    font-size: 15px;
    top: 8px;
    position: absolute;
    color: #444;
    cursor: pointer;
}

.dashboardEmptyImg {
    margin: 50px;
}
@media screen and (max-width: 660px) {
    .dashboardEmptyImg {
        margin: 20px;
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 300px) {
    .dashboardEmptyImg {
        margin-left: 10px;
    }
}


.moveme
{
    cursor: move;
}

.kleiner
{
    font-size: 10px;
    text-align: right;
}

.groesser
{
    font-size: 12px;
}

.gross
{
    font-size: 20px;
}

.errormsg
{
    font-size: 10px;
    color:#ffffff;
    font-weight:bold;
    background-color:#AA0000;
    text-align:center;
}

.naviicon
{
    width:18px;
    height:18px;
    position:relative;
    top:2px;
    float:left;
    border:0px;
}

.silverKTS .ktsIn
{
    text-align:center;
    margin-right:-5px;
}

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

.sicherheitsfrageGrossRot
{
    font-size: 14px;
    font-weight:bold;
    color: #ff0000;
}

.sicherheitsfrageKlein
{
    font-size: 11px;
    color: #888888;
}

.materialLegend,
.actionBox
{
    background-color: #d3f3ff;
}

.content
{
    /*border: 1px solid #ff0000;*/
    padding-left: 2px;
    float:left;
    vertical-align: top;
    position:absolute;
    top: 0px;
    left: 400px;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip1 {
    display:none;
    font-size:12px;
    padding:5px;
    width: 350px;
    color:#000;
}

.tooltip_templates { display: none !important; }

/* geschwungener Pfeil und "nach oben" */
.backToTop.ButtonA{
    width: 81px;
    height: 62px;
    background-image: url( '/Icons/backToTop.png' );
    background-size: 81px 62px;
    background-repeat: no-repeat;
    position: fixed;
    left: 1070px;
    bottom: 15px;
    z-index: 100;
    cursor: pointer;
    display: none;

}
/* Kleine Box mit dem Pfeil hoch "Dach" */
.backToTop.ButtonB{
    content: "";
    width: 40px;
    height: 40px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 100;
    cursor: pointer;
    display: none;
    background: #bbb;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    -moz-box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    border: 1px solid #888;
}
.backToTop.ButtonB:before{
    content: "\e606";
    font-family: 'icomoon';
    text-align: center;
    font-size: 23px;
    line-height: 40px;
    display: block;
    color: #505050;
}


/*
#passb
{
    display: none;
    z-index: 1000;
    width: 130;
    height: 170;
    position: absolute;
    border: 1px #888888 solid;
    background-color: #ffffff;
    //display:block;
    padding:10;

    //Firefox
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
    -moz-transform: rotate(5deg);

    // Safari+Chrome
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -webkit-transform: rotate(5deg);

    // Opera
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    transform: rotate(5deg);

    // IE
    -ms-transform: rotate(5deg);

}
*/
.csstransforms & th.rotateTH {
                     /* Something you can count on */
                     height: 140px;
                     white-space: nowrap;
                 }

th.rotateTH > div {
    transform: translate(30px, 5px) rotate(270deg);
    width: 20px;
    transform-origin: left bottom;
    box-sizing: border-box;
    white-space: nowrap;
}
th.rotateTH > div > span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    transform-origin: left bottom;
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
}


/* Ergänzungen zu PureUI, die Farben kann man gerne auch noch ändern */
.pure-button{
    text-shadow: unset !important;
    color: black;
}
.button-success {
    background: #6EC76E;
    border: 1px solid #6EC76E; /* sonst wäre der outline-button 2px höher*/
}

.button-error {
    background: #F98A8A;
    border: 1px solid #F98A8A; /* sonst wäre der outline-button 2px höher*/
}

.button-warning {
    background: #F9BC8A;
    border: 1px solid #F9BC8A; /* sonst wäre der outline-button 2px höher*/
}

.button-secondary {
    background: #70b8b8;
    border: 1px solid #70b8b8; /* sonst wäre der outline-button 2px höher*/
}
.button-border{
    border: 1px solid #C7C7C7;;
}
.button-outline {
    background: none !important;
    border: 1px solid grey !important;
    color: #2F2F2F !important;
}
.button-success.button-outline{
    background: none;
    color: #269026 !important;
    border: 1px solid #269026 !important;
}
.button-error.button-outline{
    background: none;
    color: #B94C4C !important;
    border: 1px solid #B94C4C !important;
}
.button-warning.button-outline{
    background: none;
    color: #B97D4C;
    border: 1px solid #B97D4C;
}
.button-secondary.button-outline{
    background: none;
    color: #328787;
    border: 1px solid #328787;
}

/*************
   Modals
**************/

.modal-body{
    min-height: 50px;
}
.bootstrap-dialog.type-default .modal-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ebebeb+100 */
    background: rgb(249, 249, 249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(235, 235, 235, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ebebeb', GradientType=0); /* IE6-9 */

}
.modal-header button.close{
    background: none;
    border: none;
    position: absolute;
    right: 15px;
    color: #FFF;
}
.modal-header button.close span{
    font-size: 20px;
}
.modal-dialog .pure-button{
    margin-left: 5px;
    padding: 0.5em 1em;
    font-size: inherit;
    font-weight: normal;
    width: auto;
    height: auto;
}

.modal-buttons-confirm {
    min-width: 100px !important;
}
/* Neue Breite*/
.bootstrap-dialog.responsive .modal-dialog{
    width: 85%;
    max-width: 1400px;
    margin: 30px auto
}

/* Modal mit responsive-height*/
.bootstrap-dialog.responsive-height .modal-dialog{
    height: 90%;
}
.bootstrap-dialog.responsive-height .modal-body{
    height: calc(100% - 100px);
    padding: 0;
}
.bootstrap-dialog.responsive-height .modal-content,
.bootstrap-dialog.responsive-height .bootstrap-dialog-body,
.bootstrap-dialog.responsive-height .bootstrap-dialog-message{
    height: 100%;
}

/*************
   Infobox
**************/
.infobox{
    display:none;
    height: auto;
    z-index:2000;
    position:fixed;
    bottom: -1px; /* Kleiner Spalt im Chrome bei 0 ?!*/
    width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    vertical-align:middle;
    text-align:center;
    color:white;
}

.infobox>span{
    display: inline-block;
}
.infobox_icon{
    position: absolute;
    font-size: 30px;
    line-height: 1em;
    top: 50%;
    margin-top: -15px;
    left: -35px;
}
.infobox_text{
    margin: 0em 3em;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 17px;
    max-width: 83%;
    position: relative;
    padding: 1em 0.6em;
    line-height: 1.4em;
}


.green-bg{

    background: #219900; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk5MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #219900 0%, #409927 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#219900), color-stop(100%,#409927)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #219900 0%,#409927 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #219900 0%,#409927 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #219900 0%,#409927 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #219900 0%,#409927 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219900', endColorstr='#409927',GradientType=0 ); /* IE6-8 */

}

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

}

.yellow-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efd423+0,fceb53+100 */
    background: #efd423; /* Old browsers */
    background: -moz-linear-gradient(top,  #efd423 0%, #fceb53 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efd423), color-stop(100%,#fceb53)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efd423 0%,#fceb53 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efd423 0%,#fceb53 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efd423 0%,#fceb53 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efd423 0%,#fceb53 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd423', endColorstr='#fceb53',GradientType=0 ); /* IE6-9 */
    color: black;
}

.blue-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0984c6+0,509dc4+100 */
    background: #0984c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #0984c6 0%, #509dc4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0984c6), color-stop(100%,#509dc4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0984c6 0%,#509dc4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0984c6 0%,#509dc4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0984c6 0%,#509dc4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0984c6 0%,#509dc4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0984c6', endColorstr='#509dc4',GradientType=0 ); /* IE6-9 */
}




/*************
   Kommentare
**************/
.comment{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.comment_entries {
    overflow-y: auto;
    position: absolute;
    bottom: 40px;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgb(244, 244, 244);
}
.comment_entries_entry {
    border-top: 1px solid rgb(169, 169, 169);
    padding: 2px 0px 2px 5px;
    overflow: auto;
}
.comment_entries_entry_date {
    float: right;
    color: #777;
    margin-right: 10px;
}
.comment_entries_entry_text > span {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 16px;
}
.comment_entries_entry_anhaenge {
    width: 140px;
    height: 20px;
    background: #DDD;
    color: #333;
    text-decoration: none;
    float:left;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 1px;
    padding: 0 3px;
    border-radius: 3px;
}
.comment_entries_entry_anhaenge img {
    height: 15px;
    float: left;
    padding-top: 2px;
}
.comment_entries_entry_anhaenge_text {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    margin-left: 20px;
}
.comment_textareaContainer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.comment_textareaContainer_icons{
    position: absolute;
    right: 22px;
    top:3px;
}
.comment_textareaContainer_icons_send{
    float: right;
    font-family: "icomoon";
    font-size: 24px;
    margin-top: -1px;
    cursor: pointer;
}
.comment_textareaContainer_icons_file{
    float: right;
    font-family: "icomoon";
    font-size: 18px;
    margin-right: 4px;
    margin-top: 2px;
    cursor: pointer;
}
/* Anhang */
.comment_textareaContainer_icons_file:before {
    content: "\e608";
    display: inline-block;
    transform: rotate(30deg);
}
/* Senden */
.comment_textareaContainer_icons_send:before {
    content: "\e62c";
}
.comment_textareaContainer_textarea{
    padding: 4px !important;
    width: 100%;
    padding-right: 64px !important;
    max-height: 80px;
    height: 29px;
    resize: none;
    font-family: "Lato", Calibri, Arial, sans-serif;
    font-size: 16px;
    box-sizing: border-box;
}

.ui-datepicker-header {
    color: #000000;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

/*************
   Tutorial-Plugin joyride
   (CSS wird teilweise von uns an anderen Stellen überschrieben und hier erneut korrigiert)
**************/

/*===========================
	Tutorial-Plugin
===========================*/
.joyride-tip-guide{
    z-index: 1100;
}
.joyride-content-wrapper{
    padding-bottom: 45px;;
}
.joyride-tip-guide .joyride-next-tip{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.joyride-tip-guide span.joyride-nub.right{
    top: 5px;
}
.joyride-tip-guide span.joyride-nub.left{
    top: 5px;
    padding: 0;
    float: none;
    vertical-align: baseline;
}
.joyride-tip-guide span.joyride-nub{
    left: 4px;
}



/*****************************************************************************************
******************************************************************************************
    Neues Seiten Layout
*************************/
.site {
    margin-bottom: 40px;
    min-height: 400px;
}
.footer {
    padding: 5px 0;
    text-align: center;
}

.content_wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0.8%;
}
.content_header {
    margin-top: 0.8%;
    margin-bottom: 15px;
    font-size: 28px;
    color: #000;
}
.content_subheader {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
}
.content_zurueckButton {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    border: 1px solid #BBB;
    background: #dddddd;
    font-size: 11px;
}
.content_zurueckButton a {
    color: #2f2f2f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ui-contextmenu
{
    max-width: 100%;
}
.ui-menu .ui-menu-item {
    padding: 10px 14px 8px 22px;
}


/*===========================
	fileExplorer
===========================*/
.fileExplorer{
    overflow: auto;
    position: relative;
}

.fileExplorer .file{
    position: relative;
    background: white;
    width: 115px;
    height: 140px;
    padding: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    float: left;
}

.fileExplorer .file img{
    height: 48px;
    margin-bottom: 5px;
}

.fileExplorer .file .name{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 16px;
    display: block;
    word-wrap: break-word;
    margin-bottom: 5px;
    max-height: 61px;
    overflow: hidden;
}

.fileExplorer .file .size{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 16px;
    color: #777777;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
}

.fileExplorer a.target{
    /*solution from here: http://stackoverflow.com/questions/796087/make-a-div-into-a-link*/
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    /* edit: added z-index */
    z-index: 1;
    /* edit: fixes overlap error in IE7/8,
         make sure you have an empty gif */
    background-image: url('empty.gif');
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}




/*===========================
	Ladekringel
===========================*/
.spinner{
    position: relative;
    border: 2px solid transparent;
    border-top: 2px solid #498a14;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 2s linear infinite;
    animation: spinner-rotation 2s linear infinite;
}
.spinner:before{
    content: ' ';
    position: absolute;
    top:    4px;
    right:  4px;
    bottom: 4px;
    left:   4px;
    border: 2px solid transparent;
    border-top: 2px solid #253796;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 3s linear infinite;
    animation: spinner-rotation 3s linear infinite;
}
.spinner:after{
    content: ' ';
    position: absolute;
    top:    10px;
    right:  10px;
    bottom: 10px;
    left:   10px;
    border: 2px solid transparent;
    border-top: 2px solid #d64514;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 1.5s linear infinite;
    animation: spinner-rotation 1.5s linear infinite;
}
@keyframes spinner-rotation {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner--klein{
    width: 40px;
    height: 40px;
    border-width: 2px;
}
.spinner--klein:before{
    border-width: 2px;
    top:    3px;
    right:  3px;
    bottom: 3px;
    left:   3px;
}
.spinner--klein:after{
    border-width: 2px;
    top:    8px;
    right:  8px;
    bottom: 8px;
    left:   8px;
}

.dataTables_length label,
.dataTables_length select,
.dataTables_filter label,
.dataTables_filter input{
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial;
}
.dataTables_wrapper, .dataTables_wrapper, .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    font-size: 13px;
}
.dataTable th{
    font-size: 13px !important;
}
.dataTables_length select,
.dataTables_filter input{
    padding: 0.5em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 2px;
    vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    padding-left: 35px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before{
    top: 50%;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin-top: -12px;
}
.dataTable .pure-button{
    border-radius: 2px;
    font-size: 13px;
}
.dataTable .pure-button .fa{
    font-size: 16px;
}
.dataTable th.editorColumn .fa,
.dataTable .aktion_EDITOR .fa,
#users_wrapper .addButtonWrapper .fa{
    font-size: 26px;
}
#changelogWrapper{
    padding-top: 10px;
}
#changelogWrapper th{
    display: none;
}

.rrBox{
    border-radius: 3px;
}
.rrBox__head{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: grey;
    padding: 7px 15px;
}
.rrBox__content{
    border-style: solid;
    border-color: grey;
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 20px;
}