/* 
 * CSS-Definitionen
*/

img {
  -moz-force-broken-image-icon: 1;
}

A {
    color: black; 
    outline: none;
    text-align: left;
}

A:link {
	color: #003a79;
	text-decoration: none;
    outline: none;
}

A:visited {
	color: #006faf;
	text-decoration: none;
}

A:hover, A:focus {
	color: #ff2222;
	text-decoration: underline;
	cursor: pointer;
}

a.highlight {
    color: #4A65EB; 
    outline: none;
    text-decoration: underline;
    text-align: left;
}

A.highlight:link {
    color: #4A65EB;
    text-decoration: underline;
    outline: none;
}

A.highlight:visited {
    color: #4A65EB;
    text-decoration: none;
}

A.highlight:hover, A:focus {
    color: #ff2222;
    text-decoration: underline;
    cursor: pointer;
}

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

BODY {
	font-family: Tahoma, Verdana, MS Sans Serif, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #eeeeee;
	margin: 0px 0px 0px 0px;
	height: 100%;
    width: 100%;
    position: relative;
    font-size: 11px;
}

FORM {
	margin: 0px;
}

HTML {
	height: 100%;
}

IMG {
	border: none;
}

HR {
	height: 1px;
	background-color: #6D8399;
	margin-bottom: 5px;
	margin-top: 5px;
}

INPUT, SELECT {
	font-size: 105%;
}

BUTTON, SELECT, TEXTAREA {
	border: 1px solid #58738c;
}

input.radio, INPUT.checkbox {
    border: 0;
    border-color: #eeeeee;
    color: #000000;
}

TABLE {
	border-collapse: collapse;
}

TEXTAREA {
	font-family: Tahoma, Verdana, MS Sans Serif, sans-serif;
	font-size: 105%;
}

UL {
	margin: 0px 0px 0px 12px;
}

OL {
    margin: 0px 0px 0px 20px;
}

/* Selbst-definierte Klassen */

.box_header {
	background-color: #4a65eb;
	padding: 4px 14px 4px 4px;
	color: #ffffff;
    text-align: left;
	font-weight: bold;
}

.box_header_warning {
    background-color: #FF0000;
    padding: 4px 14px 4px 4px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

.box_contentContainer {
	padding: 8px;
	background-color: #e0e2e4;
	border: 1px solid #6D8399;
	margin-bottom: 8px;
}

.box_content {
	border: 2px solid #ffffff;
	padding: 8px;
	background-color: #ededed;
    overflow: auto;
}

.box_buttons {
	padding-top: 10px;
    text-align: right;
}

.buttonShort {
	margin-left: 4px;	
	vertical-align: middle;
	padding-bottom: 6px;
}


label.error { float: none; color: red; padding-left: 10px; vertical-align: middle; }
p { clear: both; }

.errorMsgBox {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #FF0000;
    background-color: #FFFFCC;
    border: 3px solid #FF0000;
    vertical-align: middle;
}

.errorMsg {
	background-color: #FFFFCC;
	padding: 10px;
	margin-bottom: 4px;
    vertical-align: middle;
}

.errorMsgText {
	position: absolute;
	margin-top: 4px;
	margin-left: 8px;
	font-size: 1.1em;
	font-weight: bold;
}


.errorBox {
    padding: 4px;
    margin-top: 4px;
    margin-left: 8px;
    margin-bottom: 4px;
    font-size: 1.0em;
    font-weight: bold;
    float: right;

}

.errorBoxImage {
    float: left;
    margin-right: 4px;
    vertical-align: middle;
}

.errorBoxText {
    float: left;
    color: red;
    vertical-align: middle;
}


.errorText {
    padding: 4px;
    color: red;
    margin-top: 4px;
    margin-left: 8px;
    font-size: 1.2em;
    font-weight: bold;
}

.errorText td {
    border: 0;
}

.noticeMsgBox {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #F0FFF0;
    border: 3px solid #89EF15;
    vertical-align: middle;
}

.noticeMsg {
    background-color: #ffffee;
    color: #000000;
    padding: 4px;
    margin-bottom: 4px;
}

.successMsgBox {
	margin-left: 10px;
    margin-bottom: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff;
	background-color: #F0FFF0;
	border: 3px solid #00FF00;
    vertical-align: middle;
}

.successInfoBoxDiv {
    margin-left: 10px;
    margin-bottom: 4px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    min-height: 2em;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #ffffff;
    background-color: #F0FFF0;
    border: 3px solid #00FF00;
    vertical-align: middle;
    background-image: url(images/s_success.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: flex;
    align-items: center;
}

.successMsgTextDiv {
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    margin-left: 2.5em;
}

.errorInfoBoxDiv {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    min-height: 2em;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #FF0000;
    background-color: #FFFFCC;
    border: 3px solid #FF0000;
    vertical-align: middle;
    background-image: url(images/s_error.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display:flex;
    align-items: center;
}

.errorMsgTextDiv {
    font-weight: bold;
    font-size: 1.1em;
    color: #FF0000;
    margin-left: 2.5em;
}

.warningInfoBoxDiv {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    min-height: 2em;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #FDFFC9;
    border: 3px solid #EDE61C;
    vertical-align: middle;
    background-image: url(images/s_warn.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display:flex;
    align-items: center;
}

.warningMsgTextDiv {
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    margin-left: 2.5em;
}

.statusMsgTextDiv {
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    margin-left: 2.5em;
}

.noticeInfoBoxDiv {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    min-height: 2em;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
    background-color: #F0FFF0;
    border: 3px solid #EDE61C;
    vertical-align: middle;
    background-image: url(images/s_notice.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display:flex;
    align-items: center;
}

.noticeMsgTextDiv {
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    margin-left: 2.5em;
}

.successMsg {
    background-color: #F0FFF0;
    border: 15px;
    border-color: #00FF00;
    color: #000000;
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px;
    margin-bottom: 4px;
    vertical-align: middle;
}

.statusMsg {
    background-color: #ffffee;
    color: #000000;
    padding: 4px;
    vertical-align: center;
}

.statusMsgText {
    position: absolute;
    margin-top: 2px;
    font-size: 10pt;
    font-weight: bold;
}

.msgBox {
    background-color: #ffffee;
    border: 2px solid #FFFFCC;
    padding: 4px;
    font-weight: bold;
    margin-bottom: 4px;
}

.warningMsgBox {
    margin-left: 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #FDFFC9;
    border: 3px solid #EDE61C;
    vertical-align: middle;
}

.warningMsg {
    background-color: #FDFFC9;
    border: 15px;
    border-color: #00FF00;
    color: #000000;
    font-weight: bold;
    font-size: 1.2em;
    padding: 10px;
    margin-bottom: 4px;
    vertical-align: middle;
}

.exportButtons {
	position: absolute;
	top: 88px;
	right: 10px;
}

.helpButtonStandalone {
	margin-top: 5px;
	margin-bottom: 10px;	
}

.helpButton {
	margin-top: 5px;
	float: left;
}

.pageHeadline {
	font-weight: bold;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	padding: 8px 8px 8px 8px;
}

.pageBigHead {
	font-weight: bold;
	font-size: 120%;
}

.pageButtons {
	text-align: right;
	padding-bottom: 12px;
}

.siteDescription {
	font-weight: normal;
	padding: 4px 0px 0px 0px;
}

.formInputError {
	color: #ff3333;
	font-weight: bold;
}

.formInputNotification {
	background-color: #ffffee;
	border: 2px solid #FFFFCC;
	padding: 4px;
	font-weight: bold;
	margin-bottom: 4px;
}


/** Formular-Elemente */
.button {
	height: 24px;
	width: 123px;
	background-repeat: no-repeat;
	border: 0px;
    padding-left: 22px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 5px;
}

.shortButton {
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	font-size: 9px;
	margin-left: 2px;
}

.form_textNormal {
    border: 1px solid #53738c;
	padding: 2px;
}

.form_textNormalFocus  {
	border: 2px solid #58738c;
	padding: 1px;
}

.form_textNormalCenter {
    border: 1px solid #53738c;
    padding: 2px;
    text-align: center;
}

.form_textNormalCenterFocus  {
    border: 2px solid #58738c;
    padding: 1px;
    text-align: center;
}

.center {
    text-align: center;
}

.form_textRequired {
	border: 1px solid #000000;
	padding: 2px;
}

.form_textRequiredFocus {
	border: 2px solid #000000;
	padding: 1px;
}

.form_textError {
	border: 2px solid #cc0000;
	background-color: #fffaab;
	padding: 2px;
}

.form_textErrorFocus {
	border: 2px solid #cc0000;
	background-color: #ffffff;
}

.form_selectBoxRequired {
	border: 1px solid #000000;
}

.form_selectBoxRequiredFocus {
	border: 2px solid #000000;
}

.form_selectBoxError {
	border: 2px solid #cc0000;
	background-color: #fffaab;
}

.form_selectBoxErrorFocus {
	border: 2px solid #cc0000;
	background-color: #ffffff;
}


/** Tables */

.tableButton {
	border-collapse: collapse;
	background-color: #E0E2E4;
	border-bottom: 1px solid #6D8399;
	border-top: 1px solid #6D8399;
	padding: 4px 0px 4px 0px;
	margin-top: 8px;
}

.tableDialog td {
    padding: 5px;
}

.bottomborder {
    border-bottom: 1px solid #CECECE;
} 

.tableDetails {
	border: 1px solid #eeeeee;
}

.tableDetails TH {
    color: #000000;
    background-color: #caccd4;
    border: 1px solid #e0e2e4;
    padding: 4px;
}

.tableDetails TH A:link, .tableDetails TH A:visited, .tableDetails TH A:hover {
    color: #000000;
}

.tableDetails_headerLeft {
    padding-left: 4px;
    float: left;
    width: 20%;
}

.tableDetails_headerCenter {
    float: left;
    text-align: center;
    width: 60%;
}

.tableDetails .headerCenterImportant {
    background-color: #4a65eb;
    text-align: center;
    color: #ffffff;
}

.tableDetails_headerRight {
    padding-right: 4px;
    text-align: right;
}

.tableDetails .innerLeft {
	background-color: #E0E2E4;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding: 4px;
    padding-right: 10px;
	border: 1px solid #eeeeee;
}

.tableDetails .innerLeftImportant {
    background-color: #ECB93F;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 4px;
    padding-right: 10px;
    border: 1px solid #eeeeee;
}

.tableDetails .innerCenter {
    background-color: #e0e2e4;
    padding: 4px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #eeeeee;
}

.tableDetails .innerRight {
	background-color: #e0e2e4;
	padding: 4px;
    vertical-align: top;
	border: 1px solid #eeeeee;
}

.tableDetails .innerRightImportant {
    background-color: #ECB93F;
    padding: 4px;
    vertical-align: top;
    border: 1px solid #eeeeee;
}

.tableDetails TD {
    padding: 4px;
    border: 1px solid #d1d1d1;
}

.tableDetails TD.alt1 {
    background-color: #ffffff;
}

.tableDetails TD.alt1Center {
    background-color: #ffffff;
    text-align: center;
}

tableDetails TD.alt2 {
    background-color: #ededed;
}

.tableDetails TD.alt2Center {
    background-color: #ededed;
    text-align: center;
}

.tableLegende {
    border: 1px solid #eeeeee;
}

.tableLegende TH {
    color: #000000;
    background-color: #caccd4;
    border: 1px solid #e0e2e4;
    padding: 4px;
}

.tableLegende TH A:link, .tableLegende TH A:visited, .tableLegende TH A:hover {
    color: #000000;
}

.tableLegende TD {
    padding: 1px;
    border: 1px solid #d1d1d1;
}

.tableLegende TD.alt1 {
    background-color: #ffffff;
}

.tableLegende TD.alt1Center {
    background-color: #ffffff;
    text-align: center;
}

.tableLegende TD.alt2 {
    background-color: #ededed;
}

.tableLegende TR.alt1 {
    background-color: #ffffff;
}

.tableLegende TR.alt2 {
    background-color: #ededed;
}

.tableLegende TD.alt1center {
    background-color: #ffffff;
    text-align: center;
}

.tableLegende TD.alt1right {
    background-color: #ffffff;
    text-align: right;
}

.tableLegende TD.alt2center {
    background-color: #ededed;
    text-align: center;
}

.tableLegende TD.alt2right {
    background-color: #ededed;
    text-align: right;
}

.tableLegende_headerLeft {
    padding-left: 4px;
    float: left;
    width: 20%;
}

.tableLegende_headerCenter {
    float: left;
    text-align: center;
    width: 60%;
}

.tableLegende_headerRight {
    padding-right: 4px;
    text-align: right;
}

.tableLegende .innerLeft {
    background-color: #E0E2E4;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 4px;
    padding-right: 10px;
    border: 1px solid #eeeeee;
}

.tableLegende .innerCenter {
    background-color: #e0e2e4;
    padding: 4px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #eeeeee;
}

.tableLegende .innerRight {
    background-color: #e0e2e4;
    padding: 4px;
    vertical-align: top;
    border: 1px solid #eeeeee;
}

.tableMainColumn {
    background-color: #9b9b9b;
}

.tableDetailsNew .innerLeft {
	background-color: #E0E2E4;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding: 4px 4px 0px 0px;
	border: 1px solid #E0E2E4;
}

.tableDetailsNew .innerRight {
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #E0E2E4;
}

.tableInfo {
	border-collapse: collapse;
	background-color: #e0e2e4;
	border-top: 1px solid #6D8399;
	border-bottom: 1px solid #6D8399;
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
    margin-top: 8px;
}

.tableInfo .leftColumn, .tableButton .leftColumn {
	text-align: left;
	padding-left: 4px;
	vertical-align: middle;
}

.tableInfo .rightColumn, .tableButton .rightColumn {
	text-align: right;
	padding-right: 4px;
	vertical-align: middle;
}	

.tableInfo .centerColumn, .tableButton .centerColumn {
	text-align: center;
    vertical-align: middle;
}

.tableList TH {
	color: #000000;
	background-color: #caccd4;
	border: 1px solid #e0e2e4;
	padding: 4px;
}

.tableList TH A:link, .tableList TH A:visited, .tableList TH A:hover {
	color: #000000;
}

.tableList TD {
	padding: 4px;
	border: 1px solid #d1d1d1;
}

.tableList TD.alt1 {
	background-color: #ffffff;
}

.tableList TD.alt1Center {
    background-color: #ffffff;
    text-align: center;
}

.tableList TD.alt1InnerRight {
    background-color: #ffffff;
    text-align: right;
    font-weight: bold;
}

.tableList TD.alt2 {
	background-color: #ededed;
}

.tableList TR.alt1 {
    background-color: #ffffff;
}

.tableList TR.alt2 {
    background-color: #ededed;
}

.tableList TR.confirmed {
    background-color: #53E54B;
}

.tableList TD.alt1center {
    background-color: #ffffff;
    text-align: center;
}

.tableList TD.alt1right {
    background-color: #ffffff;
    text-align: right;
}

.tableList TD.alt2center {
    background-color: #ededed;
    text-align: center;
}

.tableList TD.alt2right {
    background-color: #ededed;
    text-align: right;
}

.tableList TD.module {
    background-color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: middle;
}

.tableList TD.function {
    background-color: #ededed;
    vertical-align: middle;
}

.tableList .tableListSubHead {
	padding: 4px;
	background-color: #e0e2e4;
}

.tableList_contentContainer {
	background-color: #e0e2e4;
	border: 1px solid #9fa0b1;
	padding: 8px;
}

.tableList_header {
	background-color: #6D8399;
	color: #ffffff;
	padding: 4px;
}

.tableList_headerLeft {
	padding-left: 4px;
	float: left;
	width: 20%;
}

.tableList_headerCenter {
	float: left;
	text-align: center;
	width: 60%;
}

.tableList_headerRight {
	padding-right: 4px;
	text-align: right;
}

.tableList_footer {
	background-color: #9fa0b1;
	padding: 4px;
	text-align: center;
}

.tableList .marked {
	background-color: #ffeebb;
	border: 1px solid #ffeebb;
	float: left;
	width: 8px;
	height: 24px;
	margin: -4px 4px -4px -4px;
}

.tableList .markedSearch {
	background-color: #BDD2FF;
	border: 1px solid #BDD2FF;
	float: left;
	width: 8px;
	height: 29px;
	margin: -4px 4px -4px -4px;
}

.tableList .anzahl {
    
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    
}

.tableList .innerCenter {
    padding: 4px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #D1D1D1;
}

.tableHistory {
	border: 1px solid #eeeeee;
}

.tableHistory TH {
	color: #000000;
	background-color: #caccd4;
	border: 1px solid #e0e2e4;
	padding: 4px;
}

.tableHistory TD.alt1 {
	background-color: #ffffff;
}

.tableHistory TD.alt2 {
	background-color: #ededed;
}

/** Theme */
.theme_header {
	height: 60px;
	border-bottom: 1px solid #73738C;
	background-color: #E0E2E4;
}

.theme_headerLeft {
	float: left;
	height: 60px;
	width: 380px;	
}

.theme_headerRight {
    margin-left: 280px;
}

.theme_headerLogo {
    position: absolute;
    right: 15px;
    top: 5px;
}

.theme_date {
    position: absolute;
    right: 12px;
    top: 35px;
}

.theme_navigation {
    float: left;
    clear: both;
    width: 220px;
    padding: 4px;
}

.theme_topnavigation {
    float: left;
    clear: both;
    width: 100%;
    height: 30px;
    background-color: #BDD2FF;
    border-bottom: 1px solid #73738C;
    
}

.theme_topnavigation_table {
    text-align: left;
}

.theme_maintopnavigation {
    float: left;
    clear: both;
    overflow: none;        /* Scrollbalken, falls notwendig */
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.theme_breadcrumb {
    width: 100%;
    height: 30px;
    padding-top: 6px;
    background-color: #E0E2E4;
    border-bottom: 1px solid #73738C;
    border-top: 1px solid #73738C;
    vertical-align: middle;
    margin-top: 7px;
    margin-bottom: 7px;
}

.theme_main_outer {
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
}

.theme_main {
    margin-top: 5px;
    padding: 4px 4px 4px 4px;
    overflow: auto;
    background-color: #eaeaea;
    width: auto;
}

.theme_main_hide {
    position: absolute;
    float: left;
    overflow: auto;
    top: 110px;
    left: 40px;
    padding: 0px 4px 0px 4px;
}



.theme_backButton {
    position: absolute;
    top: 85px;
    width: 130px;
    left: 279px;
    padding: 2px 2px 2px 6px;    
}

.theme_backButton_hide {
    position: absolute;
    top: 85px;
    width: 130px;
    left: 40px;
    padding: 2px 2px 2px 6px;    
}

.theme_title {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 14px;
}

.theme_userlogedin {
    position: absolute;
    top: 42px;
    left: 10px;
    font-size: 11px;
}

.theme_extra {
    position: absolute;
    width: 250px;
    left: 500px;
    top: 50px;
    border: 1px solid #d1d1d1;
    background-color: #ffeebb;
    padding: 4px;
}

.theme_contentMain {
    padding: 4px 8px 0px 8px;
    width: 100%;
    height: 100%;
}

.theme_footer {
    text-align: center;
    margin-top: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    height: 10px;
    border-top: 1px solid #73738C;
    background-color: #E0E2E4;
    float: left;
    clear: both;
    width: 100%;
}

.theme_developerinfo {
    text-align: left;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #73738C;
    background-color: #EEEEEE;
}

* html .theme_headerLeft {
  margin-right: -280px;
}


.theme_welcome {
	position: absolute;
	top: 30px;
	left: 5px;
	width: 600px;
}

.theme_welcome_hide {
	padding: 4px 0px 0px 4px;
}

/** Popup-Fenster */

.theme_popup_header {
	height: 24px;
}

.theme_popup_headerLeft {
	float: left;
	height: 24px;
	width: 24px;
	background-color: #d1d1d1;
}

* html .theme_popup_headerLeft {
  margin-right: -24px;
}

.theme_popup_headerRight {
	margin-left: 24px;
	background-color: #d1d1d1;
}

.theme_popup_welcome {
	width: 24px;
	height: 24px;
	background-color: #c7def7;
}

.theme_popup_navigation {
	float: left;
	width: 24px;
	height: 90%;
	background-color: #73738c;
}

.theme_popup_main {
	margin-left: 24px;
	width: 93%;
	padding: 0px 4px 0px 4px;
}

.theme_popup_buttonClose {
	position: absolute;
	width: 130px;
	right: 4px;
	top: 20px;
	padding: 2px 0px 2px 6px;	
}

.theme_popup_buttonClose A:link, .theme_popup_buttonClose A:visited {
	text-decoration: none;
}


/** Dialoge */

#confirmDialog {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	border: 1px solid #666666;
	padding: 4px;
	width: 280px;
	z-index: 9999;
}

#confirmDialog_shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #666666;
	border: 1px solid #888888;
	padding: 4px;
	width: 280px;
	z-index: 9998;
}

#confirmDialog_icon {
	float: left;
	width: 32px;
	height: 32px;
	font-size: 32px;
	font-weight: bold;
	font-family: Georgia, serif;
	color: #aa0000;
	padding-left: 12px;
}

#confirmDialog_headline {
	padding: 4px 0px 20px 44px;
	border-bottom: 1px solid #666666;
	font-weight: bold;
}

#confirmDialog_content {
	padding: 8px 4px 8px 4px;
	border-bottom: 1px solid #666666;
}

#confirmDialog_buttons {
	padding: 8px 0px 8px 0px;
	text-align: right;
}


#helpDialog {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	border: 1px solid #666666;
	padding: 4px;
	width: 280px;
	z-index: 9999;
}

#helpDialog_content {
	border: 1px solid #91adcc;
	padding: 2px;

}

#helpDialog_headline {
	background-color: #91adcc;
	padding: 1px 1px 1px 2px;
	font-weight: bold;
	color: #ffffff;
}

#helpDialog_shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #666666;
	border: 1px solid #888888;
	padding: 4px;
	width: 280px;
	z-index: 9998;
}
/**
* buttonpane width to 100
*/
.ui-dialog-buttonset {
    width: 100%;
}

.ui-dialog-buttonset .ui-button {
    float:right;
}

.dialogBtn_left {
    float: left !important;
}


/** Tree-Ansichten */

.treeRoot {
	padding-bottom: 2px;
}

.treeNode_0 {
	background-color: #a3c2e6;
	padding: 4px;
	margin-top: 2px;
}

.treeNode_1 {
	background-color: #E0E2E4;
	padding: 4px;
	margin-top: 2px;
}

.treeNode_2 {
	background-color: #e5FeB6;
	padding: 4px;
	margin-top: 2px;
}

.treeNodeValue {
	background-color: #dddddd;
	border-bottom: 1px solid #666666;
	padding: 2px 4px 2px 4px;
}

.treeSubtree {
	border: 1px solid #D1D1D1;
	padding: 4px 8px 4px 8px;
}

.expandBox {
	background-color: #ededed;
	border: 1px solid #d1d1d1;
	padding: 4px;
	font-weight: bold;
	margin-bottom: 4px;
}

.selectionContainer {
	border: 1px solid #d1d1d1;
	margin-left: 10px;
	background-color: #ffffff;
	padding: 5px;
	width: 200px;
	vertical-align: top;
}

.logBox {
	border: 1px solid black;
	background-color: #e0e2e4;
	padding: 5px;
	font-family: Courier;
	font-size: 100%;
	width: 98%;
}

/* Custom styles */

.notice {
	background-color: #ffffee;
	border: 2px solid #aa0000;
	padding: 4px;
	margin-bottom: 4px;
}

.warning {
	border: 2px solid #FF6666; 
	padding: 4px; 
	background-color: #FFAAAA; 
	text-align: center; 
	font-weight: bold;
}


/*- Menu Tabs -*/


.tab_content {
    margin-bottom: 2px;
    border:1px solid #666;
    padding: 10px;
}

/*.tabs {
    margin-bottom: 2px;
    border:1px solid #666;
    padding: 10px;
}
#tabs ul {
margin:0;

list-style:none;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("images/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("images/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
  
#tabs span {
  float:left;
  background:url("images/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
  
#tabs span span {
  float:left;
  display:block;
  background:url("images/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
  
#tabs a span {float:none;}

#tabs a:hover span {
  color:#FFF;
  }
#tabs a:hover {
  background-position:0% -42px;
  }
#tabs a:hover span {
  background-position:100% -42px;
  }

#tabs #current a {
	background-position:0% -42px;
}
#tabs #current a span {
	background-position:100% -42px;
}*/


.spread_nw {
    background: transparent url(spread/left-top.gif) no-repeat 0 0;            
    width:10px;
    height:25px;
}

.spread_n {
  background: transparent url(spread/top-middle.gif) repeat-x 0 0;            
  height:25px;
}

.spread_ne {
  background: transparent url(spread/right-top.gif) no-repeat 0 0;            
  width:10px;      
  height:25px;
}

.spread_w {
  background: transparent url(spread/frame-left.gif) repeat-y top left;            
  width:7px;
}

.spread_e {
  background: transparent url(spread/frame-right.gif) repeat-y top right;            
  width:7px;      
}

.spread_sw {
  background: transparent url(spread/bottom-left-c.gif) no-repeat 0 0;            
  width:7px;
  height:7px;
}

.spread_s  {
  background: transparent url(spread/bottom-middle.gif) repeat-x 0 0;            
  height:7px;
}

.spread_se, .spread_sizer {
  background: transparent url(spread/bottom-right-c.gif) no-repeat 0 0;            
  width:7px;
  height:7px;
}

.spread_sizer {
    cursor:se-resize;    
}

.spread_close {
    width: 23px;
    height: 23px;
    background: transparent url(spread/button-close-focus.gif) no-repeat 0 0;            
    position:absolute;
    top:0px;
    right:11px;
    cursor:pointer;
    z-index:1000;
}

.spread_minimize {
    width: 23px;
    height: 23px;
    background: transparent url(spread/button-min-focus.gif) no-repeat 0 0;            
    position:absolute;
    top:0px;
    right:55px;
    cursor:pointer;
    z-index:1000;
}

.spread_maximize {
    width: 23px;
    height: 23px;
    background: transparent url(spread/button-max-focus.gif) no-repeat 0 0;            
    position:absolute;
    top:0px;
    right:33px;
    cursor:pointer;
    z-index:1000;
}

.spread_title {
    float:left;
    height:14px;
    font-family: Tahoma, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin-top:2px;
    width:100%;
    color:#E47211;
}

.spread_content {
    overflow:auto;
    color: #222;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    background:#A9EA00;
}

.post {
    background: #FFFFFF;
    padding: 5px;
    margin: 10px;
    color: #000000;
    border: solid 1px #b3b2b2;
    display: block;
    font-size: 13px;
}


.quote {
      background-color: #EBF4FC;
      text-align: left;
      font: italic 9px Verdana, Arial, Helvetica, sans-serif;
      margin: 12px;
      border: solid 2px #b3b2b2;
      padding: 10px;
}




.uploadifyQueueItem {
    font: 11px Verdana, Geneva, sans-serif;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}
.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
    float: right;
}
.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar {
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}

#homeLeft {
    float: left;
    padding: 5px;
    width: 50%;
}

#homeRight {
    border-left: 1px #000000 solid;
    float: right;
    padding: 5px;
    width: 50%;
}


#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div { 
    margin: 0; 
}

.maselected {
    background-color: #BCD1FE;
}


.madeselected {
    background-color: #EDEDED;
}

.avatar {
    max-width: 55px;
    max-height: 100px;
}

.planungsgrenze {
    background-color: #F10909;
    color: #FFFFFF;
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    
}


.button_table {
    border: 0px solid;
}

.button_table td {
    border: 0px solid;
    text-align: center;
    padding: 0px;
}


.tablePosting {
    border: 3px solid #ffffff;
    background-color: #E0E2E4;
    border-style: groove;
    border-collapse: separate;
    border-spacing: 0px;
}

.tablePosting TR {
    
}

.tablePosting TD {
    background-color: #E0E2E4;
    border: 0px solid #ffffff;
    border-bottom: 1px solid #CACCD4;
}

.buttonFileupload {
    font-size: 10px;
    width: 123px;
    height: 15px;
    padding-bottom: 4px;
    text-align: center;
    padding-top: 3px;
    vertical-align: middle;
    background-image: url('images/button_run.gif');
}

.buttonFileupload1 {
    width: 123px;
    height: 25px;
    padding-bottom: 4px;
    vertical-align: middle;
    background-image: url('images/button_run.gif');
}

.buttonFileupload.hover {
    background-image: url('images/button_run_h.gif');
}

.buttonText {
    float: right;
    font-size: 10px;
    width: 100px;
    padding-bottom: 4px;
    text-align: center;
}

.buttonBlankText {
    float: left;
    font-size: 10px;
    width: 113px;
    padding-bottom: 4px;
    text-align: center;
}

.loader {
    padding-top: 250px;
    width: 80%;
    text-align: center;
    vertical-align: middle;
}

.tooltipNotes {
    padding: 5px;
    border: 1px solid;
}

.tooltipNotes td {
    padding: 5px;
    border: 1px solid;
}

.tableDateCalenderview {
    
}

.eventsCalendarDayEven {
    background-color: #E0E2E4;
}

.eventsCalendarDayOdd {
    background-color: #FFFFFF;
}

.eventsCalendarDayDate {
    background-color: #9BF293;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}


.ui-wait-button, .ui-loader, .ui-wait {
   background-image: url(images/ajax-loader.gif);
   background-repeat: no-repeat;
   background-size: 95% 95%;
   background-position: center;
   float: right;
   margin: 0.5em 0.6em 0.5em 0;
   display: none;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
    display: block;
}

.spoiler {
    margin-top: 10px;
    padding: 10px;
    border: solid 1px #6D8399;
}

.spoilerContent {
    padding: 20px;
    background-color: #FFFFFF;
}

.spinner {
    width: 100%;
    height: 500px;
    vertical-align: middle;
    text-align: center;
    margin-top: 200px;
}

.spinner-new {
    display: none;
    margin-right: 6px;
}

div.table {
    display: table;
    width: calc(100% - 10px);
    padding: 5px;
}

div.col {
    display: table-cell;
    width: 200px;
    padding: 5px;
}

table.bordered {
    border: 1px solid black;
}
table.bordered td, table.bordered th {
    border: 1px solid black;
}

.bar {
    height: 18px;
    background: green;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
    display: block;
    width: 160px;
    padding: 5px 18px;
    margin-left: -8px;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: bold;
}