body {
	background-image: url("/PBO/resources/main/images/background.png");
	background-size:cover;
	min-height: 100%;
	min-width: 608px;
	width: 100%;
	height: auto;
	margin: 0;
	font-family: sans-serif !important;
	font-weight: normal;
	font-size: 1em;
}
	
img {
	margin: auto;
	width: 100%;
}

h1, h2, h3, h4 {
    line-height: normal;
    clear: both;
    font-weight: bold;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 3.2em;
}

h3 {
	font-size: 2.5em;
}

h4 {
    font-size: .9em;
}

h5 {
    font-size: 1.4em;
}

h6 {
    font-size: 1.1em;
}


.mainHeader {
	height: 10%;
	width: 100%;
	border: 0;
}

.mainHeader, .mainHeader .ui-widget, .mainHeader .ui-widget-content {
    background-color: #333B00;
    opacity: 0.9;
    padding: 0;
    border: 0;
}

.logo,  .logo .uipanelgrid-cell, .logo .ui-panel {
    background-color: #333B00;
    opacity: 0.9;
    width: 20%;
}

.login {
	background: transparent;
}

.login .ui-panelgrid-cell {
    background-color: transparent;
    opacity: 0.9;
    width: 80%;
    border: 0;
}


.login .ui-widget .ui-widget{
    background: transparent;
    color: white;
}

.login .ui-widget-content {
	color: white;
}

.login .ui-outputlabel {
    background-color: #ffffff;
}

.login .loginButton {
    background: white !important;
    opacity: 1;
}

.login .ui-widget input, .login .ui-inputfield {
    background: white !important;
    color: black !important;
    width: 9em;
    height: 1.3em;
    padding: 0;
}

.mainTabView {
	background: transparent;
	padding: 0 3em 1.5em 3em;
	border: 0;
}

.mainTabView .ui-corner-all{
	border-radius: 0;
}

.mainTabView .ui-tabs, .mainTabView .ui-tabs-nav li a{
	/*width: 16% ; */
	font-size: 1em;
	height: 1em;
	padding: 0.5em;
	text-align: center;
	background-color: #333B00;
	color: #c3cccc; 
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active, .ui-state-active a, .ui-state-active a:link, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-state-active, body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active, body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-state-active{
	color: #dbf5c1 !important; 
}

.mainTabView .ui-tabs-panel{
    background: rgba(255,255,255, .85);
	padding: 0;
	margin: 0;
}

.mainTabView .ui-tabs-nav{
	padding: 0;
	margin: 0;
}

.tabContent, .tabContent .ui-widget-content {
	margin-top: 0px;
	margin-bottom: 0px;
	background: transparent;
	border: none;
	padding: 0.5em;
    align-content: center;
}

.tabTitle {
	font-size: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	padding: 0;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	padding-top: .1em;
	padding-bottom: .1em;
    background: transparent;
	margin: .5em;
}
	
.editdialog .fieldset .ui-fieldset-legend {
	padding: 0;
}

.pboKontaktDaten {
	padding-top: .1em;
	padding-bottom: .1em;
	font-size: .8em;
	font-weight: bold;
}

.pboImage {
	opacity: 1;
}

.pbogalleryImage{
	width: auto;
	height: 98%;
	object-fit: contain;
	position: relative;
}

.pboTitleImage {
	width: 60%;
	padding-left: 10em;
}

.pboImageSmall {
	opacity: 1;
	height: 5.3em;
	width: 7em;
}

.pboButton {
	height: 2em;
	width: 9em;
	margin-top: 0.3em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.pboLargeButton {
	height: 2em;
	width: 19em;
	margin-top: 0.3em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.pboSelectButton {
	height: 2em;
	width: 9em;
    color: #333;
    border: none;
    font-weight: bold;
	margin-top: 0.3em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.pboNewLine{
	content: '\A';
}

.pboFotoDataTable{
	padding-top: 1em;
	
}

.pboFotoDataTable td:nth-child(1), .pboFotoDataTable th:nth-child(1){
	width: 7em;
}
.pboFotoDataTable td:nth-child(2), .pboFotoDataTable th:nth-child(2){
	width: 9em;
}
.pboFotoDataTable td:nth-child(3), .pboFotoDataTable th:nth-child(3){
	width: 22em;
}
.pboFotoDataTable td:nth-child(4), .pboFotoDataTable th:nth-child(4){
	width: 3em;
}
.pboFotoDataTable td:nth-child(5), .pboFotoDataTable th:nth-child(5){
	width: 12em;
}

.mitgliederbereich, .mitgliederbereich .ui-panel-content, .mitgliederbereich .ui-inputfield {
	margin-right: 10px;
	opacity: .98;	
}


.mitgliederbereich .ui-panel{
	border: none;
	
}

.shortColumn{
	width: 4.7em;
	text-align: center;
}

.veryShortColumn{
	width: 2em;
	text-align: center;
}

.imageButtonColumn{
	width: 4em;
	text-align: center;
	
}

.imageButton{
	width: 2.2em;
	height: 1.4em;
}

.shortInputField{
	width: 8em;	
	margin-bottom: 1em;	
}

.normalInputField, .normalInputField ui-inputfield{
	width: 16em;	
	margin-bottom: 1em;	
}

.longInputField{
	width: 38em;
	margin-bottom: 1em;	
}

.repFieldSet {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	border: 1px dotted grey !important;
	height: 6em;
}

.pboCalendar input{
	width: 6em;	
	margin-bottom: 1em;	
	margin-left: 1em;
	margin-right: 3em;
}

.pboTextarea{
	height: 8em;
	width: 38em;
	margin-bottom: 1em;	
	margin-left: 1em;
}

.pboShortTextarea{
	height: 8em;
	width: 21em;
	margin-bottom: 1em;	
	margin-left: 1em;
}

.pboMiddleTextarea{
	height: 9em;
	width: 33em;
	margin-bottom: 1em;	
	margin-left: 1em;
}

.pboTextareaLabel{
	float: left;
	margin-right: 1em;
}

.pboKontkt{
	width: 100%;
	
}

.pboTermin{
	background: grey !important
}
.pboTerminPlan{
	background: lightblue !important
}

.pboDataTable{
	padding-top: 1em;
	margin-top: 1em;	
}

.pboPdfDialog, .pboPdfDialog .ui-dialog-content{
	height: 60em !important;
	width: 50em !important;
}

.pboAudioDiv, .pboAudioDiv .ui-widget-content, .pboAudioDiv .ui-panel{
	border: none;	
}

.pboPdfDiv, .pboPdfDiv .ui-widget-content, .pboPdfDiv .ui-panel{
	height: 50em;
	border: none;
}

.pboFotoDialog, .pboFotoDialog .ui-dialog{
	width: 70em !important;
	height: 47em !important;
}

.pboGalerieDialog, .pboGalerieDialog .ui-dialog{
	width: 54em !important;
	height: 25em !important;
}

.pboTeilnehmerDialog, .pboTeilnehmerDialog .ui-dialog{
	width: 70em !important;
	height: 47em !important;
}

.pboTeilnehmerDialogSmall, .pboTeilnehmerDialogSmall .ui-dialog{
	width: 40em !important;
	height: 27em !important;
}

.pboVLinkDialog, .pboVLinkDialog .ui-dialog{
	width: 60em !important;
	height: 33em !important;
}	

.pboVLinkOverviewDialog, .pboVLinkOverviewDialog .ui-dialog{
	width: 60em !important;
	height: 50em !important;
}	

.margin-right{
	margin-right: 2em;
}

.full_width{
	width: 100%;
}

.ninety-percent{
	border: none !important;
	width: 90%;
}

.eighty-percent{
	width: 80%;
}

.sixtyfive-percent{
	width: 65%;
}

.sixty-percent{
	width: 60%;
}

.fifty-percent{
	width: 50%;
}

.forty-percent{
	width: 40%;
}

.thirty-percent{
	width: 30%;
}

.twenty-percent{
	width: 20%;
}

.noBorder{
	border: none !important;
}

.align-right{
	align-content: right;
}

.float-right{
	float: right;
}

.fileupload-content {
    overflow: auto;
    height: 250px;
}

.ui-panel-images {
	width: auto;
	height: 100%;
}

.ui-galleria-panel {
	width: 100%;
	height: 100%;
}