/***** GENERAL STYLES *****/
body.login { background: #eee url(../images/bgmain.png); margin-top: 0; }
body.loggedin { background: #fcfcfc; }
body.errorpage { background-color: #fcfcfc; }
h1, h2, h3 { color: #283038; }

/***** LOGIN PAGE *****/
.loginbox { background: #ddd; }
.loginboxinner {
    background: #fcfcfc; border: 1px solid #ccc; -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.loginbox h1 { color: #333; text-shadow: 1px 1px #fff; }
.loginbox label { color: #666; }
.login .logo {position: relative; width: 100%; margin: 0 auto;}
.login .logo {position: absolute; top: 50px;text-align: center;}
.login .logo img {width: auto; height: auto;}
.login .loginbox .logo {display: none;}
@media all and (max-width: 431px) {
    .login .loginbox .logo {display: block;}
}
.loginbox input {
    background: #f7f7f7; color: #666; -moz-box-shadow: inset 0 1px 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd;
    outline: none; border: 1px solid #ddd;
}
.loginbox button {
    background: #eee url(../images/buttonbg.gray.png) repeat-x 0 0; color: #666; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    border: 1px solid #ccc;
}
.loginbox button.default { background: #eee url(../images/buttonbg.gray.png) repeat-x 0 0; color: #666; border: 1px solid #ccc; }
.loginbox button.pythagoras {     background: #ec6105;
    background: -moz-linear-gradient(#f7e5a7, #e8b400);
    background: -ms-linear-gradient(#f7e5a7, #e8b400);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7e5a7), to(#e8b400));
    background: -webkit-linear-gradient(#f7e5a7, #e8b400);
    background: -o-linear-gradient(#f7e5a7, #e8b400);
    background: linear-gradient(#f7e5a7, #e8b400);
    color: ghostwhite}
/*.loginbox button.hover { background: #eee url(../images/buttonbg.gray.png) repeat-x 0 -45px; color: #333; }*/
.loginbox button:active { background: #eee; color: #333; }
.loginbox a { color: #666; }
.loginbox a:hover { color: #333; }

/***** HEADER STYLES *****/
/*.header {
    background: #ec6105;
    background: -moz-linear-gradient(#fca038, #d4491c);
    background: -ms-linear-gradient(#fca038, #d4491c);
    background: -webkit-gradient(linear, left top, left bottom, from(#fca038), to(#d4491c));
    background: -webkit-linear-gradient(#fca038, #d4491c);
    background: -o-linear-gradient(#fca038, #d4491c);
    background: linear-gradient(#fca038, #d4491c);;
    -moz-box-shadow: 1px 1px 3px #eee; -webkit-box-shadow: 1px 1px 3px #eee; box-shadow: 1px 1px 3px #eee;

}
*/
.headerinner img {width: auto; height: auto;}
.headercolumn { border-right: 1px solid #ccc; border-left: 1px solid #fff; }
.searchbox input {
    background: #fcfcfc; border: 1px solid #ccc; color: #666;
    -moz-box-shadow: inset 0 1px 1px #ccc; -webkit-box-shadow: inset 0 1px 1px #ccc; box-shadow: 0 1px 0 #fcfcfc;
}
.headright .userinfo {
    border: 1px solid #ccc; color: #666; background: #fcfcfc url(../images/menudroparrow.png) no-repeat right 0px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.headright .userinfo:hover { border: 1px solid #ccc; background-color: #eee; }
.headright .userinfodrop {
    background: #fff url(../images/arrow2.png) no-repeat right -87px; color: #333; border: 1px solid #ccc; height: 29px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 0;
}
.headright .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #ccc; border-bottom: 0; }
.headright .notiactive { border: 1px solid #ccc; border-bottom: 0; }
.userdrop { border: 1px solid #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 149px !important; }
.notibox { border: 1px solid #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; top: 35px; }

.userinfomenu .userinfo {
    display: inline-block; border: 1px solid #ccc; color: #666;
    background: #fcfcfc url(../images/menudroparrow.png) no-repeat right 0; position: relative;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.userinfomenu .userinfo:hover { text-decoration: none; border: 1px solid #ccc; background-color: #eee; }
.userinfomenu .userinfo span { display: inline-block; padding: 0 10px; }

.userinfomenu .userinfodrop {
    background: #fff url(../images/arrow2.png) no-repeat right -87px; color: #333; z-index: 20; border: 1px solid #ccc;
    border-bottom: 0; height: 29px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.userinfomenu .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #ccc; border-bottom: 0; }


/***** LEFT MENU STYLES *****/
.leftmenu ul li.current a { background-color: #e7e7e7; border-color: #ddd; color: #666; border-top: 0; }
.leftmenu ul li:first-child a { border-top: 1px solid #ddd; }
.leftmenu ul li.current a { -moz-box-shadow: inset 0 1px 0 #f7f7f7; -webkit-box-shadow: inset 0 1px 0 #f7f7f7; box-shadow: inset 0 1px 0 #f7f7f7; }
.leftmenu ul li.current a span { background-color: #f7f7f7; border-left: 1px solid #ddd; }
.leftmenu ul li.current a span { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.leftmenu ul li.current a.active { background-color: #e7e7e7; border-color #ddd; }
.leftmenu ul li.current a.active span { background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0; border-left: 1px solid #ddd; }
.leftmenu ul li.current a.menudrop:hover span { background: #eee url(../images/menudroparrow.png) no-repeat right 0; }
.leftmenu ul li.current ul li a { border-bottom: 1px solid #ddd; }
.leftmenu ul li.current ul li a:hover span { background: #eee; }

/***** WIDGET LIST *****/
/***** dashboard.html *****/
.widgetlist li a.default, .widgetlist li a { background-color: #a9ae8e; }
.widgetlist li a.hover { background-color: #e8b400; }

/***** WIDGET BOX *****/
.widgetbox .title { background-color: #eee; border: 1px solid #ddd; }
.widgetbox .title h2 { -moz-box-shadow: inset 0 1px 0 #fcfcfc; -webkit-box-shadow: inset 0 1px 0 #fcfcfc; box-shadow: inset 0 1px 0 #fcfcfc; }
.widgetbox .title h2 span { background-color: #f7f7f7; border-left: 1px solid #ddd; color: #666; text-shadow: 1px 1px #fff; }
.widgetbox .title h2 span { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.contenttitle { background-color: #eee; border: 1px solid #ddd; }
.contenttitle h2 { -moz-box-shadow: inset 0 1px 0 #f7f7f7; -webkit-box-shadow: inset 0 1px 0 #f7f7f7; box-shadow: inset 0 1px 0 #f7f7f7; }
.contenttitle h2 span { background-color: #f7f7f7; border-left: 1px solid #ddd; color: #666; text-shadow: 1px 1px #fff; }
.contenttitle h2 span { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }

/***** FORM STYLES *****/
.stdform button { background-color: #ddd; color: #666; border: 1px solid #ccc; }
.stdform button { -moz-box-shadow: inset 0 1px 0 #f7f7f7; -webkit-box-shadow: inset 0 1px 0 #f7f7f7; box-shadow: inset 0 1px 0 #f7f7f7; }
.stdform button:hover { background-color: #ccc; color: #333; border: 1px solid #bbb; }

/***** CALENDARD STYLES *****/
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a { background-color: #ccc; }

/***** MAIN CONTENT STYLES *****/
.maintabmenu li.current a { color: #3b4650; }

/***** TABLE STYLES *****/
.dataTables_paginate .paginate_active { background-color: #283038; }

/***** ELEMENT STYLES *****/
.pagination li a.current { background-color: #666; color: #fff; border: 1px solid #444; }

/***** WIZARD STYLES *****/
.actionBar a { background-color: #333; }
.actionBar a:hover { background-color: #283038; }
.wizard .hormenu li a.selected h2, .wizard .hormenu li a.selected span.label { color: #3b4650; }
.verwizard .verticalmenu a.selected { background-color: #333; }
.verwizard .verticalmenu a.done { background-color: #444; }

/***** ERROR PAGE *****/ 
.pageErrorTitle { color: #666; text-shadow: 1px 1px #fff; }
.errorWrapper span { color: #666; text-shadow: 1px 1px #fff; }
.errorWrapper a.default { color: #222; background: #ccc; }
.errorWrapper a.hover { background: #999; color: #fff; }


/***** CUSTOM STYLES *****/
div.wysiwyg { border-top: 0; }

/***** AUTO COMPLETE *****/
.ui-menu { background: #fcfcfc; border: 1px solid #ddd; border-top: 0; }
.ui-menu .ui-menu-item a { border-bottom: 1px solid #eee; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { background: #ddd; color: #666; }

@media screen and (max-width: 580px) {
    .headerinner { border-bottom: 1px solid #ccc; }
    .headerinner2 { border-top: 1px solid #eee; }
    .headerinner2 .headercolumn { border-left: 0; border-right: 0; }
}

.stdform label {
    line-height: 30px;
	padding: 0px;
}
.stdform span.field, .stdform div.field {
    line-height: 30px;
	height: auto;
}
.header {
    background: url(../images/headbg-cg.png) repeat-x top left;
    margin: 10px;
    position: relative;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 0px #fff;
    -webkit-box-shadow: 0px 0px 0px #fff;
    box-shadow: 0px 0px 0px #fff;
    border-bottom: solid 2px #e8b400;
}
.stdform label.error {
    float: left;
    color: #ff6600;
    font-size: 11px;
    display: block;
    font-weight: bold;
    float: none;
    width: 100%;
    text-align: left;
}

.headright .notialert {
    display: inline-block;
    padding: 8px 10px 9px 10px;
    background: #e8b400;
    color: #000;
    font-weight: bold;
}

.loginbox {
    margin: 200px auto 0 auto;
}
.loginbox button.pythagoras {
    color: black;
}
.search_button {
    width: 20px;
    height: 29px;
    background-position: -17px -12px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../images/icons/default/sprites.png);
    margin-left: -27px;
}

.widgetlist li a.verkauf {
    background-image: url(../images/icons/default/verkauf.png);
}
.widgetlist li a.partner {
    background-image: url(../images/icons/default/partner.png);
}
.widgetlist li a.lastschrift {
    background-image: url(../images/icons/default/lastschrift.png);
}
.widgetlist li a.ueberweisung {
    background-image: url(../images/icons/default/ueberweisung.png);
}



.dataTables_paginate span .current {
    background: #e8b400 !important;
    color: black;
    border-color: #e8b400 !important;
    text-decoration: none;
}

.dataTables_length {
    min-height: 30px;
}