@charset "UTF-8";

body, html {
    margin: 0;
    padding: 0;
    color: #000;
}

h2 {
    font-family: Lucida Console, Arial, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #d71f3b;
}

#wrap {
    width: 1000px;
    margin: 0 auto;
}

#header {
    margin-top: 15px;
    padding: 5px 10px;
    border-bottom: 2px solid #9eb93c;
    border-top: 2px solid #9eb93c;
    height: 89px;
    background-color: white;
}

#logo {
    float: left;
}

#authentication {
    float: right;
}

#two_cols {
}

#sidebar {
    float: left;
    width: 216px;
    padding: 0px 5px 5px 0px;
    margin-left: 0px;
    margin-bottom: 15px;
    background-color: #f6f6f6;
}

#main {
    float: right;
    width: 755px;
    padding: 10px 0px 20px 15px;
}

/*
 * Footer
 */

#footer {
    clear: both;
    width: 100%;
    float: left;
}

#footermiddle {
    margin: 20px auto 10px auto;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 18px; /* FIX: this should not be required */
    padding: 10px 5px;
    color: #d1d1d1;
}

#footermiddle a {
    color: #d1d1d1;
    text-decoration: none;
}

#footermiddle a.alert {
    color: #e5818b;
}

#copyright {
    float: left;
}

#rightfoot {
    float: right;
}

/*
 * Codemirror
 */

.CodeMirror-line-numbers {
    width: 2.2em;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding-right: .3em;
    font-size: 10pt;
    font-family: monospace;
    padding-top: .4em;
    border-top: 1px dotted #aaa;
    border-left: 1px solid #aaa;
}

.CodeMirror-wrapping {
    border: 1px solid #aaa;
}

/*
 * Fix conflicts with TinyMCE editor
 */

#main table.mceToolbar td,
#main table.mceLayout td {
    padding: 0;
}





#main table td.okcell {
    background-color: #E0E5BB;
    height: 35px;
}


/*
 * 2-column layout
 */

.columnwrapper {
    margin-top: 15px;
    width: 740px;
}

.columnwrapper p {
    margin-top: 0;
}

.columnwrapper .left {
    float: left;
    width: 362px;
}

.columnwrapper .right {
    margin-left: 378px;
    width: 362px;
}





.controlbar {
/*    background: #ffffff url(/images/glossyback-controlbar.gif) repeat-x top left;*/
    margin-bottom: 25px;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ededed;
    height: 25px;
}


/*
 * Helpbox
 */

.helpbox {
    position: relative;
    float: right;
    margin-top: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: rgb(245, 245, 245);
    padding: 20px 15px 0 15px;
    width: 720px;
}

/* Echo out a label for the helpbox */
.helpbox:after {
    content: "Anleitung / Hilfe";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: white;
    border: 1px solid #ddd;
    color: #9da0a4;
    /* color: #d71f3b; */
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.helpbox h3 {
    margin-top: 20px;
    font-size: 11.5pt;
    color: #666666;
}

.helpbox p {
    color: #555555;
}

/*
 * DropboxJS image gallery uploader
 */

#uploadConfirmLink {
    margin: 20px 0;
    text-align: right;
}

.dropzone {
    /*background-color: #E0E5BB;*/
    border-color: #9EB93C;
}
.dropzone .dz-default.dz-message,
.dropzone .dz-message,
.dropzone .dz-fallback p {
    font-size: 1.4em;
    color: #9EB93C;
}