.bodyMain {
	margin:0;
	font-family:"Times New Roman", Arial, sans-serif; /* "Times New Roman", */
	font-size:1em;
	/* font-weight:bold;*/
	color:#B27651; /* #A1806D; */
	background-color:black;
}

.normalTextColor{
	color:#B27651;
}

.mainPage {
	width: 90%;
	max-width:1900px;
	height:auto;
	margin:0 auto;
}
.contestMainPage {
	padding: 5px 50px;
	min-width:400px;
	/* width:600px;*/
	height:auto;
	margin:10px auto;
}
.mainBkg{
	background-color: black; /* background: rgba(0,0,0,1); */
}

.subAreaBkg {
	background-color: rgba(0, 0, 0, 0.7);
}
.subAreaBkgLight {
	background-color: rgba(255, 255, 255, 0.2);
}
.subAreaBkgLightWithHover {
	background-color: rgba(255, 255, 255, 0.2);
}
.subAreaBkgLightWithHover:hover {
	background-color: rgba(100, 0, 0, 0.3);
}
.subAreaBkgDarker {
	background-color: rgba(100, 0, 0, 0.3);
}
.subAreaBkgDarkerWithHover {
	background-color: rgba(100, 0, 0, 0.3);
}
.subAreaBkgDarkerWithHover:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

/* START BORDER */
.mainPageBorder{
	border:3px solid #837B6C;
}
.mainBorder {
	border:3px solid #837B6C;
}
.subMainBorder{
	border:1px solid #837B6C;
}
.imageBorder {
	border:1px solid #837B6C;
}
.mainBorderSize {
	border-width: 3px;
}
.mainBorderColor {
	border-color: #837B6C;
}
.mainBorderColorAsColor {
	color: #837B6C;
}
.mainBorderUnderline {
	border-bottom:1px solid #837B6C;
}
/* END BORDER */

/* ========================
Start Framework
========================= */
.fwMapIcon {
	width:20px;
	height:20px;
}
.fw-scale-icon-double {
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Chrome, Safari, Opera */
	transform: scale(2);
}
/* ========================
End Framework
========================= */

/* ========================
Start Jqueryui Adaptions
========================= */
.ui-tabs-panel {
	padding-bottom:70px !important;
}
.no-close .ui-dialog-titlebar-close {
	display: none !important;
}
.no-title .ui-dialog-titlebar {
	display: none !important;
}
.no-background  {
	background-image: none !important;
	background-color: transparent !important;
}
.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success  {
	border: 1px solid #837b6c !important;
	background: #eeeeee url(images/ui-bg_highlight-soft_0_eeeeee_1x100.png) 50% top repeat-x; color: #76090f !important;
}
.ui-state-success a, .ui-widget-content .ui-state-success a,.ui-widget-header .ui-state-success a {
	color: #76090f !important;
}
.ui-state-success .ui-icon {
	background-image: url(ownImages/ui-icons_own_green_008000_256x240.png) !important;
}
.ui-widget-content a {
	color:#A69898 !important;
}
.ui-widget-content .ui-widget-header a {
	color:#B27651 !important;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* ========================
End Jqueryui Adaptions
========================= */

/* ========================
Start Jqueryui Extensions
========================= */
.custom-categorie-autocomplete-show-all-button
{
	position:absolute;
	right:0;
	top:0;
	background-color:rgb(204, 204, 204);
}
/* ========================
End Jqueryui Extensions
========================= */

.fullWidth {
	width:100%;
}

.loggedInFastAccesBox {
	width:100%;
	overflow:hidden;
	background-color: rgba(100,100,100, 0.2);
}
.loggedInFastAccesContentBox {
	padding:5px;
	height:40px;
}
.loggedInFastAccesContentBoxEntry:hover {
	color:#780D13;
}
.loggedInFastAccesContentRightBox {
	position:relative;
	top:0;
	right:0;
	text-align:right;
}
/* START WRAPPER */
.mainContentWrapper {
}
.mainWrapper {
	height:auto; /* 100% */
	min-height:800px;
}

/* END WRAPPER */

.mainHeader {
	margin:0 auto;
	overflow:hidden;
}
.mainHeaderContentBox {
	position:relative;
	z-index: 0;
}
.mainHeaderToolBoxContentBox {
	position: relative;
	z-index: 1;
}
.leftHeaderToolBox {
	position:absolute;
	top:0;
	left:0;
	padding:5px 0 0 5px;
}
.rightHeaderToolBox {
	position:absolute;
	top:0;
	right:0;
	padding:5px 5px 0 0;
}
.rightSubHeaderToolBox {
	position:absolute;
	z-index:20;
	bottom:0;
	right:0;
	padding:0 5px 5px 0;
}
.headerLogoBox{
	height:300px;
	width:427px;
	margin:0 auto;
}
.headerLogoContainer {
	width:100%;
	height:100%;
	position: relative;
}
.headerLogoBkg {
	width:100%;
	height:100%;
	background-image:url("../../../pic/header/logo300px_bkg.jpg");
	background-repeat:no-repeat;
	z-index:2;
	position: absolute;
}
.headerLogoLink {
	width:100%;
	height:100%;
	z-index:3;
	position: absolute;
}
.headerLogoDiashow {
	width:100%;
	height:100%;
	z-index:4;
	position: absolute;
	pointer-events:none;
}
.headerLogo {
	width:100%;
	height:100%;
	background-image:url("../../../pic/header/logo300px_logo.gif");
	background-repeat:no-repeat;
	z-index:5;
	position: absolute;
	pointer-events:none;
}
.headerLogoTitle {
	width:100%;
	height:100%;
	background-image:url("../../../pic/header/logo300px_title.gif");
	background-repeat:no-repeat;
	z-index:6;
	position: absolute;
	pointer-events:none;
}

.menuClr {
	color:#B27651;
}
.menuClr:hover, .menuClrSel {
	color:#780D13;
}

@media (min-width: 945px) {
	.headerBox {
		width:200px;
		height:220px;
		position:absolute;
		top:55px;
		overflow: hidden;
	}
	.leftHeaderBox {
		left:5px;
	}
	.rightHeaderBox {
		right:0;
	}
}

@media (max-width: 944px) {
	.leftHeaderBox, .rightHeaderBox {
		display:none;
	}
}
@media (max-width: 768px) {
	.mainPage {
		width: 100%;
		height:auto;
		margin:0;
	}
}
@media (max-width: 450px) {
	.headerLogoBox{
		width:180px;
		height:126px;
	}
	.headerLogo {
		width:100%;
		height:100%;
		background-image:url("../../../pic/header/logo180px.jpg");
		background-repeat:no-repeat;
		background-size: contain;
	}
	.headerLogoBkg,.headerLogoTitle {
		visibility:hidden;
	}
	.headerLogoDiashow {
		display:none;
	}
}

.mainLineOfDoom {
	height:2px;
	border:none;
	color:#837B6C;
	background-color:#837B6C;
	margin:0 3px;
}

.mainMenu {

}

.mainContent {
	padding:5px;
}

.mainFooter {
	text-align:center;
	margin:5px 0;
}

.mainHiddenDiv {
	display:none;
}

.mainSecondHiddenDiv {
	visibility:hidden;
}

.bkgOfDoom {
	position:fixed;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
}
.bkgOfDoomSource{
	background-image:url("../../../pic/background/bkg.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.mainErrorWrapper {
	position:fixed;
	left:0;top:0;
	z-index:999;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.65);
}

.mainErrorBody {
	color:black;
	text-align:center;
	width:500px;
	min-height:150px;
	margin:0 auto;
	margin-top:15px;
	padding-bottom:10px;
	border:5px red solid;
	background-color:#c0c0c0;
}
/* css for error dialog formated line */
.errDlgEntry{
	width:100%;
	padding:5px 0;
}

.leftErrEntryContent{
	width:40%;
	float:left;
	padding-right:5px;
	border-right: 1px solid;
}
.rightErrEntryContent{
	margin-left: 10px;
	width:55%;
	float:left;
}
/*====*/

.hiddenContainer {
	display:none;
	visibility: hidden;
}
/* Für einen Link die Farbe, aber da das Menu auch ein Link ist, darf dies dort nicht die Farbe haben */
.link{ /* same as a */
	text-decoration:none;
	color:#A69898;
	cursor:pointer;
}
.link:hover {
	color:#780D13;
}
.linkColor{
	color:#A69898;
}
.linkColor:hover {
	color:#780D13;
}
.linkColorHoverMainColor:hover {
	color:#B27651;
}
.linkSelClr{
	color:#780D13;
}
.linkColorNoHover{
	color:#A69898;
}
.linkColorNoHover:hover{
	color:#A69898;
}

.lightboxImg {

}

.cursorPointer {
	cursor:pointer;
}
.cursorMove {
	cursor:move;
}

.absoluteCentering {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

blockquote {
	background-color:#F2F2F2;
	padding:2px;
}
img{border:0;}
a{
	text-decoration:none;
	color:#A69898;
	cursor:pointer;} /* same as .link */
a:hover{
	color:#780D13;
}

input {
	border: 1px solid #837B6C;
	background-color:#575757;
	color:white;
	margin-bottom:2px;
}

input:hover {
	background-color:#780D13;
}

select {
	border: 1px solid #837B6C;
	background-color:#575757;
	color:white;
	margin-bottom:2px;
}

select:hover {
	background-color:#780D13;
}

textarea {
	border: 1px solid #837B6C;
	background-color:#575757;
	color:white;
	margin-bottom:2px;
}

textarea:hover {
	background-color:#780D13;
}

h1 {
	font-size:200%;
	margin:10px 0;
}

h2 {
	font-size:150%;
	margin:8px 0;
}

h3 {
	font-size:110%;
	margin:5px 0;
}

ul {
	padding:0;
	margin:0;
}
.disableTextSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.list {
	float:none;
}

.listEntry {
	margin-left:30px;
}

.blockquote{
}

.centerText {
	text-align:center;
}

.centerImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.fontExtraHigher {
	font-size:larger;
}
.fontHigher {
	font-size:large;
}
.fontMedium {
	font-size:medium;
}
.fontSmaller {
	font-size:small;
}

.centerIMG {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*================
Success handling
================*/
.successIconBackgroundColor {
	background-color: green;
}
.warningIconBackgroundColor {
	background-color: #8d8a03;
}
.errorIconBackgroundColor {
	background-color: #780D13;
}
/*================
End Success handling
================*/


/*================
Error handling
================*/
.errorColor {
	color:#780D13;
}
.errClr {
	color:#780D13;
}

.ieError{
	color:black;
	font-weight:bold;
	text-align:center;
	border:2px solid black;
	margin:0 auto;
	background-color:red;
	height:auto;
}

.inputErrorTooltip {
	z-index:5000;
	position:absolute;
	display:none;
	min-width:100px;
	min-height:25px;
	margin-left:10px;
	padding:5px;
	background-color:black;
	color:#780D13;
}

/* info hint */
.infoHintTooltip {
	z-index:5000;
	position:absolute;
	display:none;
	min-width:100px;
	min-height:25px;
	margin-left:10px;
	padding:5px;
	background-color:black;
}

.inputError {
	background-color:red !important;
	cursor:pointer;
}
/*================
End Error handling
================*/

/* Allgemein */
.clearFloat {
	visibility:hidden;
	clear:both;
}

.clearLeft {
	visibility:hidden;
	clear:left;
}

.hiddenDefaultBlock {
	display:none;
}

.descLarge{
	width:150px;
	word-break: break-all;
	word-wrap: break-word;
}
.descMediumLarge{
	width:135px;
	word-break: break-all;
	word-wrap: break-word;
}
.descMedium{
	width:120px;
	word-break: break-all;
	word-wrap: break-word;
}
.descMediumSmall{
	width:100px;
	word-break: break-all;
	word-wrap: break-word;
}
.descSmall{
	width:80px;
	word-break: break-all;
	word-wrap: break-word;
}
.descTiny{
	width:40px;
	word-break: break-all;
	word-wrap: break-word;
}


.inputDescLarge{
	float:left;
	width:150px;
	word-break: break-all;
	word-wrap: break-word;
}
.inputDesc{
	float:left;
	width:120px;
	word-break: break-all;
	word-wrap: break-word;
}
.inputDescMedium{
	float:left;
	width:100px;
	word-break: break-all;
	word-wrap: break-word;
}
.inputDescSmall{
	float:left;
	width:80px;
	word-break: break-all;
	word-wrap: break-word;
}
.inputDescTiny{
	float:left;
	width:40px;
	word-break: break-all;
	word-wrap: break-word;
}
.inputTxt{
	float:left;
	width:350px;
}
.inputTxtMedium{
	float:left;
	width:250px;
}
.inputTxtSmall{
	float:left;
	width:150px;
}

.smallPaddingAll  {
	padding: 5px;
}

.mediumPaddingAll  {
	padding: 10px;
}

.smallPaddingLeft {
	padding-left:5px;
}
.mediumPaddingLeft {
	padding-left:10px;
}

.smallPaddingRight {
	padding-right:5px;
}
.mediumPaddingRight {
	padding-right:10px;
}

.smallPaddingTop {
	padding-top:5px;
}
.mediumPaddingTop {
	padding-top:10px;
}

.smallPaddingBottom {
	padding-bottom:5px;
}
.mediumPaddingBottom {
	padding-bottom:10px;
}

.smallMarginLeft {
	margin-left:5px;
}
.mediumMarginLeft {
	margin-left:10px;
}

.smallMarginRight {
	margin-right:5px;
}
.mediumMarginRight {
	margin-right:10px;
}

.smallMarginTop {
	margin-top:5px;
}
.mediumMarginTop {
	margin-top:10px;
}

.smallMarginBottom {
	margin-bottom:5px;
}
.mediumMarginBottom {
	margin-bottom:10px;
}

/* to find the element that become a "required" indicator */
.requiredFlag{}

/* UIComponents */

/* DateTimePicker */
.datePickerWrapper {
	float:left;
}
.datePicker {
	display:inline-block;
	width:80px;
	text-align:right;
}
.timePicker {
	display:inline-block;
	width:50px;
	text-align:right;
}

.dateTimePickerClear {
	display:inline-block;
}

.hiddenDateTimePicker {
}

/* Checkboxen */
.checkboxYN {
	/*
		Checkbox that handles 1 and 0 (yes/no), on initialize the value will create the checkstate and on click the state will generate the value.
	*/
}

/* Visibillity */
.visibleUIrel{
	visibility:visible;
	top:0;
	left:0;
	position:relative;
}
.invisibleUIrel{
	visibility:hidden;
	top:0;
	left:0;
	position:absolute;
}

.displayUIrel{
	display:block;
	top:0;
	left:0;
	position:relative;
}
.noneDisplayUIrel{
	display:none;
	top:0;
	left:0;
	position:absolute;
}

.displayNone {
	display:none;
}
.displayInline {
	display:inline;
}
.displayInlineBlock{
	display: inline-block;
}
.displayBlock {
	display: block;
}
section.displayInlineBlock.ui-icon {
	display: inline-block;
}

/* textArea */
.txtArea {
	overflow:auto;
	min-height:200px;
}

.txtAreaDefHeight {
	height:70px;
	min-height:70px;
}

/* preview div */
.previewDiv {
	min-height:150px;
	background-color:#E1E1E1;
	padding:2px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid black;
}


/* Tables */
.trTable {
	background-color:black;
}
.trEven {
	background-color:black;
	font-weight:normal;
}
.trEven:hover {
	background-color:#A50313;
}
.trOdd {
	background-color:#3d0209;
	font-weight:normal;
}
.trOdd:hover {
	background-color:#A50313;
}
.tableColDiv {
	width:100%;
	color:#B27651;
}

/* filter */
.filterSection {
	margin-left:20px;
	margin-top:5px;
	border:1px solid black;
	padding: 5px;
}
.filterPropertySelect {
	width:250px;
}
.filterPropertySelectTyp {
	width:150px;
}
.filterValueInput {
	width:300px;
}
.filterSearchButton {
	margin-top:5px;
}

/* page list*/
.pageEntry{
	display:inline;
}
.currentPage{
	font-weight:bold;
	font-size:120%;
}

/* MessageManager */
.messageManagerWrapperUI{
	max-width: 200px;
	z-index:6000;
	margin: 0 5px 5px 0;
	right: 0px;
	bottom: 0px;
	position: fixed;
}
.messageManagerEntry {
	float:right;
	margin-bottom: 5px;
}
.messageManagerContent {
	margin: 7px;
	float:left;
}
.messageManagerIcon {
	float: left;
	margin: 0 5px 0 0;
}
/* Dialogs */
.loadingDlg {
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

.invisibleUI{
	visibility: hidden;
}



/*=========================
Images
=========================*/
.pageImg { background: transparent url("page/pageImages.png") no-repeat scroll 40px 40px; width:40px; height:40px; display:inline-block; }
.pageImg-de { background-position:0 0; }
.pageImg-de:not(.nohover):hover, .pageImg-de-sel { background-position:0 -40px; }
.pageImg-en { background-position:-40px 0; }
.pageImg-en:not(.nohover):hover, .pageImg-en-sel { background-position:-40px -40px; }
.pageImg-ro { background-position:-80px 0; }
.pageImg-ro:not(.nohover):hover,.pageImg-ro-sel { background-position:-80px -40px; }


.pageImg-page { background-position:0 -80px; }
.pageImg-page:not(.nohover):hover,.pageImg-page-sel { background-position:0 -120px; }
.pageImg-menu { background-position:-40px -80px; }
.pageImg-menu:not(.nohover):hover,.pageImg-menu-sel { background-position:-40px -120px; }
.pageImg-fbook { background-position:-120px 0; }
.pageImg-fbook:not(.nohover):hover,.pageImg-fbook-sel { background-position:-120px -40px; }
.pageImg-pwolf { background-position:-80px -80px; }
.pageImg-pwolf:not(.nohover):hover,.pageImg-pwolf-sel { background-position:-80px -120px; }
.pageImg-ytube { background-position:-120px -80px; }
.pageImg-ytube:not(.nohover):hover,.pageImg-ytube-sel { background-position:-120px -120px; }
.pageImg-profil { background-position:-240px 0; }
.pageImg-profil:not(.nohover):hover,.pageImg-profil-sel { background-position:-240px -40px; }
.pageImg-login { background-position:-200px -160px; }
.pageImg-login:not(.nohover):hover,.pageImg-login-sel { background-position:-200px -200px; }
.pageImg-logout { background-position:-240px -80px; }
.pageImg-logout:not(.nohover):hover,.pageImg-logout-sel { background-position:-240px -120px; }
.pageImg-registration { background-position:-240px -160px; }
.pageImg-registration:not(.nohover):hover,.pageImg-registration-sel { background-position:-240px -200px; }
.pageImg-masterdata { background-position:-280px -0; }
.pageImg-masterdata:not(.nohover):hover,.pageImg-masterdata-sel { background-position:-280px -40px; }
.pageImg-upload { background-position:-280px -80px; }
.pageImg-upload:not(.nohover):hover,.pageImg-upload-sel { background-position:-280px -120px; }
.pageImg-upload-area { background-position:-360px -160px; }
.pageImg-upload-area:not(.nohover):hover,.pageImg-upload-area-sel { background-position:-360px -200px; }
.pageImg-news-add { background-position:-320px 0; }
.pageImg-news-add:not(.nohover):hover,.pageImg-news-add-sel { background-position:-320px -40px; }
.pageImg-log { background-position:-360px 0; }
.pageImg-log:not(.nohover):hover,.pageImg-log-sel { background-position:-360px -40px; }
.pageImg-log-problem { background-position:-320px -80px; }
.pageImg-log-problem:not(.nohover):hover,.pageImg-log-problem-sel { background-position:-320px -120px; }
.pageImg-approve-user { background-position:-280px -160px; }
.pageImg-approve-user:not(.nohover):hover,.pageImg-approve-user-sel { background-position:-280px -200px; }
.pageImg-approve-user-problem { background-position:-320px -160px; }
.pageImg-approve-user-problem:not(.nohover):hover,.pageImg-approve-user-problem-sel { background-position:-320px -200px; }
.pageImg-user { background-position:-360px -80px; }
.pageImg-user:not(.nohover):hover,.pageImg-user-sel { background-position:-360px -120px; }
.pageImg-vimeo { background-position:-400px -120px; }
.pageImg-vimeo:hover,.pageImg-vimeo-sel { background-position:-400px -80px; }
.pageImg-insta { background-position:-400px -201px; }
.pageImg-insta:hover,.pageImg-vimeo-sel { background-position:-400px -160px; }

.pageImg-menu-info { background-position:-160px 0; }
.pageImg-menu-info:not(.nohover):hover,.pageImg-menu-info-sel { background-position:-160px -40px; }
.pageImg-menu-community { background-position:-200px 0; }
.pageImg-menu-community:not(.nohover):hover,.pageImg-community-info-sel { background-position:-200px -40px; }
.pageImg-menu-discography { background-position:-160px -80px; }
.pageImg-menu-discography:not(.nohover):hover,.pageImg-menu-discography-sel { background-position:-160px -120px; }
.pageImg-menu-mdse { background-position:-200px -80px; }
.pageImg-menu-mdse:not(.nohover):hover,.pageImg-menu-mdse-sel { background-position:-200px -120px; }
.pageImg-menu-search { background-position:-0 -160px; }
.pageImg-menu-search:not(.nohover):hover,.pageImg-menu-search-sel { background-position:-0 -200px; }
.pageImg-menu-reports { background-position:-40px -160px; }
.pageImg-menu-reports:not(.nohover):hover,.pageImg-menu-reports-sel { background-position:-40px -200px; }
.pageImg-menu-events { background-position:-80px -160px; }
.pageImg-menu-events:not(.nohover):hover,.pageImg-menu-events-sel { background-position:-80px -200px; }
.pageImg-menu-home { background-position:-120px -160px; }
.pageImg-menu-home:not(.nohover):hover,.pageImg-menu-home-sel { background-position:-120px -200px; }
.pageImg-menu-pictures { background-position:-160px -160px; }
.pageImg-menu-pictures:not(.nohover):hover,.pageImg-menu-pictures-sel { background-position:-160px -200px; }
.pageImg-menu-statistics { background-position:-400px 0; }
.pageImg-menu-statistics:not(.nohover):hover,.pageImg-menu-statistics-sel { background-position:-400px -40px; }
.pageImg-menu-downloads { background-position:-440px 0; }
.pageImg-menu-downloads:not(.nohover):hover,.pageImg-menu-downloads-sel { background-position:-440px -40px; }

/* SMALL */
.pageImgSmall { background: transparent url("page/pageImagesSmall.gif") no-repeat scroll 20px 20px; width:20px; height:20px; display:inline-block; }
.pageImgSmall .noHover:not(.nohover):hover { }

.pageImgSmall-ranking-event { background-position:-20px 0; }
.pageImgSmall-ranking-event:not(.nohover):not(.nohover):hover,.pageImgSmall-ranking-event-sel { background-position:0 0; }
.pageImgSmall-ranking-event-performance { background-position:-20px 0; }
.pageImgSmall-ranking-event-performance:not(.nohover):hover,.pageImgSmall-ranking-event-performance-sel { background-position:0 0; }
.pageImgSmall-like { background-position:0 -20px; }
.pageImgSmall-like:not(.nohover):hover,.pageImgSmall-like-sel { background-position:-20px -20px; }
/*=========================
End images
=========================*/

/*=========================
Start Contextmenu
=========================*/
.custom-ui-ctx-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #837B6C;
    white-space: nowrap;
    font-family: sans-serif;
    background: black;
    border-radius: 5px;
}
.custom-ui-ctx-menu li {
    padding: 8px 12px;
    cursor: pointer;
}
.custom-ui-ctx-menu li:hover {
    background-color: #780D13;
	color:#A69898;
}
/*=========================
End Contextmenu
=========================*/

/*=========================
Menu
=========================*/
/* base nav style */
.mainNav { font-size:1.7em;vertical-align: middle; display:inline-block; margin:0 auto;position:relative;border-width:1px 0; border-color:#837B6C;border-style:solid;}
.mainNav ul { padding:0; margin:0; }
.mainNav ul ul { display:none; position:absolute; left:0; background:#6a6a6a; }
.mainNav ul ul li { float:none; }
.mainNav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
.mainNav ul ul a:hover { background-color:#555; }
.mainNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mainNav li { position:relative; float:left; list-style-type:none; }
.mainNav li:hover { text-decoration:none; }
.mainNav li a { display:block; text-decoration:none; }
.mainNav li a:focus { outline:none; text-decoration:none; }
.mainNav li:first-child a { border-left:none; }
.mainNav li.last a { border-right:none; }
.mainNav li:hover ul { display:block;}
.mainNavEntryLink { }
.mainNavEntryLbl { display:inline; visibility:visible;padding:0 0.2em;}
.mainNavEntryImg { display:none;visibility:hidden;}
.mainNavEntryName {	white-space: nowrap; }
/* vertical nav style */
.mainNavV { font-size:1.7em;position:absolute;right:0; padding: 5px; z-index:99}
.mainNavV ul { }
.mainNavV li { list-style:none; }
.mainNavV div{ }
.mainNavV a{}
.mainNavV a:hover span{ width:auto; padding:0 20px;overflow:visible; }
.mainNavV a:hover{ text-decoration:none; }

@media (max-width: 600px) {
	.mainNavEntryLink{ height:40px;	}
	.mainNavEntryLbl { display:none;visibility:hidden;}
	.mainNavEntryImg { display:inline-block; visibility:visible;}
}
/*
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;*/

/* multi menu css */
/* http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery */
.multiMenu, .multiMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
}
.multiMenu a:link, .multiMenu a:active, .multiMenu a:visited{
	display:block;
	padding:0px 5px;
	border:1px solid #281900;
	text-decoration:none;
	color:#B27651;
	background-color:#281900;
}
.multiMenu a:hover{
	background-color:#780D13;
	color:white;
}
.multiMenu li{
	float:left;
	position:relative;
}
.multiMenu ul {
	position:absolute;
	width:12em;
	top:1.5em;
	display:none;
	z-index:1000;
}
.multiMenu li ul a{
    width:25em;
    float:left;
}
.multiMenu ul ul{
	top:auto;
}
.multiMenu li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}
.multiMenu li:hover ul ul, .multiMenu li:hover ul ul ul, .multiMenu li:hover ul ul ul ul{
	display:none;
}
.multiMenu li:hover ul, .multiMenu li li:hover ul, .multiMenu li li li:hover ul, .multiMenu li li li li:hover ul{
	display:block;
}
/*=========================
End Menu
=========================*/

/*=========================
Contest registration
=========================*/
.ctstRegEditArea{
	text-align: center;
}
.ctstRegEditInputLength {
	width: 170px;
}
.crControlArea{
	width: 100%;
}
.crControlAreaL{
	float:left;
}
.crControlAreaR{
	float:right;
}
.crCaptchaImg {
	width:90%;
}
.participationPossibleFrom {
	text-align:center;
}
/*=========================
End Menu
=========================*/

/*=========================
Login
=========================*/
.loginInput {
	width:300px;
}
.loginDisplayWrapper {
	display:inline-block;
}
@media (max-width: 350px) {
	.loginInput {
		width:100%;
		display:inline-block;
	}
	.loginDisplayWrapper {
		display:block;
	}
}
/*=========================
End Login
=========================*/

/*=========================
Pwd forgotten
=========================*/
.pwdForgottenInput {
	width:300px;
}
.loginpwdForgottenDisplayWrapper {
	display:inline-block;
}
@media (max-width: 350px) {
	.pwdForgottenInput {
		width:100%;
		display:inline-block;
	}
	.loginpwdForgottenDisplayWrapper {
		display:block;
	}
}
/*=========================
End Pwd forgotten
=========================*/

/*=========================
Search
=========================*/
.searchAdvTbl {
	display:inline-block;
}
.searchAdvCell {
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
.searchResults{
	width:100%;
}
/*=========================
End Search
=========================*/

/*=========================
Registration
=========================*/
.registrationInput {
	width:300px;
}
.registrationInputSeparator {
	width:340px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.registrationDisplayWrapper {
	display:inline-block;
}
@media (max-width: 350px) {
	.registrationInput {
		width:100%;
		display:inline-block;
	}
	.registrationDisplayWrapper {
		display:block;
	}
}
/*=========================
End Registration
=========================*/

/*=========================
About
=========================*/
.tabAbout {
}
.aboutDate {
	font-size:large;
}
.aboutInfo {
	padding-bottom:15px;
}

.imprintLeft {
	float:left;
	padding-left:60px;
}
.imprintRight {
	float:right;
	padding-right:60px;
}
.imprintWWW {
	text-align:center;
}
.imprintHeader {
	text-align:center;
}

.contactDiv {
	width:550px;
}
.contactLeft {
	float:left;
	padding-left:50px;
}
.contactRight {
	float:right;
	padding-right:50px;
}

@media (max-width: 600px) {
	.imprintLeft {
		float:none;
		padding:0 0 10px 0;
		text-align:center;
	}
	.imprintRight {
		float:none;
		padding:0 0 10px 0;
		text-align:center;
	}

	.contactDiv {
		width:100%;
	}
	.contactLeft {
		float:none;
		padding:0 0 15px 0;
	}
	.contactRight {
		float:none;
		padding:0 0 15px 0;
	}
}

/*=========================
End About
=========================*/

/*=========================
Discography
=========================*/
.discographyHeader {
	text-align:center;
}
.albumToc{
	text-align:center;
}
.titleIcons {
	float:right;
}
.albumCoverSpace {
	width:49%;
	float:left;
}
.albumCover {
	width:100%;
}
.albumTracksSpace {
	width:49%;
	float:left;
	padding-left:10px;
}
.albumTotalDuration {
	width: 99%;
}
.discographyTrackListAlign {
	text-align:left;
}
.discographyTrackListDisplay {
	display:block;
}
@media (max-width: 650px) {
	.albumCoverSpace {
		width:100%;
		float:none;
	}
	.albumTracksSpace {
		width:100%;
		float:none;
		padding:0;
	}
	.albumTracksSpace .inputDescMedium {
		float:none;
		width:100%;
	}
	.discographyTrackListAlign {
		text-align:center;
	}
	.discographyTrackListDisplay {
		display:inline-block;
	}
}

.lyricsDlgContent {
	background-color:rgba(0,0,0,0.5) !important;
}
.lyricsToc {
	text-align:center;
}
.lyricsTrackContent {
	text-align:center;
}
.titleIcons {
	float:right;
}
/*=========================
End Discography
=========================*/

/*=========================
Pictures
=========================*/
.allPicturesOnePic{
	float:left;
	width:140px;
	min-height:119px;
	height:119px; /* Workaround: normal 105 + 14px bottom*/
	/*margin-bottom:5px;*/
}
.allPicturesSpacer{
	float:left;
	min-width:5px;
	width:5px;
	max-width:5px;
}
.allPictureDlgContent {
	background-color:rgba(0,0,0,0.5) !important;
}
/*=========================
End Pictures
=========================*/

/*=========================
Reports
=========================*/
.allReportDlgContent {
	background-color:rgba(0,0,0,0.5) !important;
}
.singleReportWrapperContent {
	width:100%;
}

@media (min-width: 945px) {
	.singleReportWrapperContent {
		width:800px;
	}
}
.singleReportTitle {
	text-align:center;
	margin-bottom:5px;
}
.singleReportContent {
	margin:10px 0;
}
/*=========================
End Reports
=========================*/

/*=========================
Layouting
=========================*/
.vaMiddleOuterWrapper {
	display:table;height:100%;width:100%;
}
.vaMiddleInnerWrapper {
	display: table-cell;vertical-align: middle;
}

.fluidJQueryUiDialog {
	width:90% !important;
	max-width:90% !important;
	height:90% !important;
	max-height:90% !important;
}

@media (max-width: 450px) {
	.fluidJQueryUiDialog {
		width:98% !important;
		max-width:98% !important;
		height:98% !important;
		max-height:98% !important;
	}
}
/*=========================
END Layouting
=========================*/

/*=========================
TIMELINE
=========================*/
.tlChoiceBox {
	width:100%;
}
.tlChoiceCenterWrapper {
	display:block;
}
.tlChoiceBtnLbl{
	padding:0 5px !important;
}
.tlSpacer {
	height:10px;
}
.timelineListCenterWrapper {
	display:block;
}
.timelineListBox {
	width: 100%;
}
@media (min-width: 945px) {
	.tlChoiceBox {
		width: 800px;
	}
	.tlChoiceCenterWrapper {
		display:inline-block;
	}
	.timelineBox {
		width: 800px;
	}
	.timelineListCenterWrapper {
		display:inline-block;
	}
	.timelineListBox {
		width: 800px;
	}
}
/*=== START TL ===*/
.tlVerticalLineLayer {
	position:absolute;
	height:100%;
	width:100%;
	z-index: 0;
}
.tlVerticalLineCenter {
	margin:0 auto;
	width: 0.3em; /* 3xborder width*/
	height:100%;
}
.tlVerticalLine {
	height:100%;
    border:0.1em solid #B27651;
	background-color:#B27651;
}
.tlInfoLayer {
	position: relative;
	padding-top:10px;
	padding-bottom:5px;
	z-index:1;
}
.tlDataTable {
	display:table;
	height:100%;
	width:100%;
	margin:5px 0;
}
.tlDataTable:hover {
	color:#780D13;
	/*background-color: rgba(100,0,0,0.4);*/
}
.tlDataTableColumn {
	display: table-cell;
	vertical-align: middle;
	width:40%;
	word-break: break-all;
	word-wrap: break-word;
}
.tlDataTableLeftColumn {
	text-align:right;
}
.tlDataTableRightColumn {
	text-align: left;
}
@media (max-width: 450px) {
	.tlDataTableLeftColumn {
		text-align:right;
		padding-right: 5px;
	}
	.tlDataTableRightColumn {
		text-align: left;
		padding-left: 5px;
	}
}
.tlCircle {
	background-color:#B27651;
	color:#780D13;
}
.tlCircle:hover {
	background-color:#780D13;
	color:#B27651;
}
.tlDataTable:hover .tlCircle {
	background-color:#780D13;
	color:#B27651;
}
.tlMainCircle {
	font-size:1.5em;
	text-align:center;

	width: 3em;
    height: 3em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;
}
.tlDataTableMainCircleColumn{
	width: 3em; /* width of circle */
}
.tlMainCircleSubInfo {
	font-size:1em;
	position:absolute;
	bottom:0.25em;
	width:100%;
}
.tlMainCircleSubInfoData {
	font-size:0.7em;
}
.tlSubCircle {
	width: 1.5em;
    height: 1.5em;
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
}
.tlDataTableSubCircleColumn{
	width: 1.5em; /* width of circle */
}
/*=== END TIMELINE ===*/

/*=== START TL LIST === */
.tlListEntry {
	position:relative;
	width:100%;
	margin-bottom:5px;
}
.tlListEntry:hover {
	background-color:rgba(100,0,0,0.4);
}
.tlListSubFloatingRightInfo {
	position:absolute;
	top:0;
	right:5px;
}
.tlListSubFloatingLeftInfo {
	position:absolute;
	top:0;
	left:5px;
}
.tlListMainEntry {
	background-color:rgba(100,100,100,0.2);
}
.tlListMainName {
	font-size:2em;
}
.tlListMainEntrySubFloatingRightInfo {
	font-size:0.5em;
}
.tlListChildEntry {
	background-color:rgba(255,255,255,0.2)
}
/*=== END TL LIST === */
/*=========================
END TIMELINE
=========================*/


/*=========================
START Statistics
=========================*/
.statisticsHeader {
	margin:10px;
}
.statisticTagsLabel{

}
.statisticTagsField {
	width:100%;
}
.statisticsContainer {
	margin:10px;
	width:100%;
}

.statisticCard {
	background-color: rgba(50,50,50,0.7); /*#A69898;*/ /*B27651;*/ /*rgba(255,255,255,0.2); */
	height:200px;
	width:400px;
	display:none;
	margin:3px;
	position:relative;
	overflow:hidden;
	text-align:left;
}
.statisticCard.expand{
	overflow:visible;
	background-color: rgba(30,30,30,1);
}
.statisticCardInner {
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(50,50,50,0.7);
}
.statisticCard.expand .statisticCardInner {
	z-index:1;
	background-color: rgba(30,30,30,1);
	border:2px solid #7D0A0A;
}
.statisticCard.noRankLimit {
	height:auto;
}
.statisticCard.zoom {

}
.statisticCardTitleArea {
	position:relative;
	padding:0 5px;
	background-color: rgba(30,30,30,1);
}
.statisticCardTitle {
	text-align:center;
	font-size: larger;
	height:auto;
	min-height: 2.5em;
	/* text-overflow: ellipsis; */
	overflow: hidden;
	color: #B27651;
	border-bottom: 2px solid #B27651;
	word-wrap: break-word;
}

.statisticCardTitle.withIcon {
	padding-right: 20px;
}
.statisticCardTitleIcon {
	top: 0;
	right: 0;
	position:absolute;
}
.statisticCardLines {
	padding:0 5px;
}
.statisticCardLine {
	display:table;
	width:100%;
	height:30px;
}
.statisticCardMapTitleDiv {
	text-align:center;
	padding: 5px 0;
	font-weight: bold;
}
.statisticCardMapDiv {
	height:350px;
	margin-bottom:5px;
}
.statisticCardMapInfoDiv {
	text-align:center;
	padding: 5px 0;
}
.statisticCardLineLeft {
	width:20%;
	height:100%;
	display:table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right:5px;
	font-weight:bold;
	overflow:hidden;
}
.statisticCardLineLeft.smallCardField {
	width:10%;
}
.statisticCardLineLeft.mediumCardField {
	width:20%;
}
.statisticCardLineRight  {
	width:78%;
	height:100%;
	display:table-cell;
	vertical-align: middle;
}
.statisticCardLineRight.smallCardField {
	width:88%;
}
.statisticCardLineRight.mediumCardField {
	width:78%;
}
.statisticCardBarWrapper {
	height:20px;
	position:relative;
}
.statisticCardBar {
	height:20px;
	width:0;
	background-color:#7D0A0A;
	position:absolute;
}
.statisticCardBarTitle {
	height:20px;
	right: 10px;
	position:absolute;
	color:#A69898;
	overflow:hidden;
}

.cardProblem {
	text-align:center;
	padding-top:50px;
}

.statisticCardTagging {
	padding-top:5px;
}
/*=========================
START Statistics
=========================*/

/*=========================
START Client list
=========================*/
.clientList {
	width:100%;
	border-width:1px;
	border-style:solid;
}
.clientListContent {
	width:100%;
	overflow:auto;
}
.clientListRow:hover {
	background-color: #780D13;
	color: #A69898;
}
/*=========================
START Client list
=========================*/

/*=========================
START Single Image Upload
=========================*/
.singleImageUploadContainer {
	width: 145px;
}
.singleImageUploadBorder {
	border:1px solid #837B6C;
}
.singleImageUploadNoImageBackground {
	background-color:#575757 !important;
}
.singleImageUploadActionsContainer {
	background-color: rgba(166,152,152,0.7); /* = #A69898; */
	width:100%;
	height:16px;
	text-align:center;
}
.singleImageUploadActionsContainer:hover {
	background-color:rgba(125,10,10,0.85); /*= #7D0A0A; */
}
/*=========================
END Single Image Upload
=========================*/

/*=========================
Event
=========================*/
.eventParticipationCaptchaImg  {
	width:90%;
}
/*=========================
END Event
=========================*/

/*=========================
Captch
=========================*/
.captchaWrapper  {
	padding: 5px;
}
/*=========================
END Captcha
=========================*/

.fontWeightBold {
	font-weight:bold;
}