@import url(/cms/iwebsstandard/css/font-awesome-4.7.0/css/font-awesome.min.css);
#Header {
    margin:5px 0px;
}
.FontBold {
    font-weight:bold;
}
#Claim {
    text-align:center;
}
.center {
    text-align:center;
}
#DivLogoWeb {
    text-align:right;
}
h4 {
    text-align:center;
}
h5, .h5 {
    text-align:center;
    font-weight:bold;
}
a, a:hover, a:focus, a:active, a:hover{
	text-decoration:none;
	color:#000;
}
.btn {
    background-color: #F0F0F0;
}
img {
    max-width:100%;
}
div.Part {
    border:solid 1px lightgray;
    padding:5px;
    margin:5px 0px;
}
div.Tag{
    float:left;
    margin: 10px 10px 0px 0px;
    padding:5px;
    border:solid 1px lightgray;
    border-radius:4px;
}
    div.Tag h2 {
        font-size:20px;
        margin:5px;
    }
div.Court {
    float:left;
    margin:3px;
    margin-top:
}
    div.Court h3 {
        font-size:16px;
        margin:5px;
    }
div.Stunde {
    margin:3px;
    text-align:center;
    background-color:rgba(0, 255, 33, 0.1);
    border:solid 2px transparent;
    height:45px;
    width:100px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius:4px;
    border:solid 1px transparent;
    position:relative;
}
    div.Stunde .fa {
        position: absolute;
        left: 2px;
        font-size: 1.3em;
        top: 2px;
        color: #515151;
    }
    div.Stunde:hover, div.Activ {
        border:solid 1px #ccc;
        box-shadow: #afafaf 2px 2px 3px 0px;
    }
#PreisInfo {
        display:none;
        background-color: rgba(255, 255, 255, 1);
        width:250px;
        position:absolute;
        border:solid 1px #ccc;
        text-align:center;
        box-shadow: #afafaf 2px 2px 3px 0px;
}
#Details {
    display:none;
    position:fixed;
    background-color:rgba(255, 255, 255, 0.8);
    width:100%;
    height:100%;
    top:0px;
}
#innerDetails {
    background-color:rgba(255, 255, 255, 0.8);
    max-width:500px;
    margin:20px auto;
    position:relative;
}
.color-border {
    border:solid 1px;
}
.Cursor {
    Cursor:pointer;
}
.Floatleft {
    float:left;
    padding:3px;
}
.Belegt {
    background-color:rgba(255, 0, 0, 0.1) !important;
}
.Abo {
    background-color:rgba(255, 0, 0, 0.2) !important;
}
.Gesperrt {
    background-color:rgba(0, 0, 0, 0.1) !important;
}
.Eigene {
    /*border-color:green !important;*/
}
.Saldominus {
    border-color:red !important;
}
.nichtbuchbar {
    background-color:rgba(0, 0, 0, 0.02) !important;
}
#Text1 {
    margin-bottom: 0px;
}
.Selector{
    float:left;
    margin-top:10px;
    max-width:300px;
}
.Selector .SelectHeader {
    font-weight:bold;
    line-height:30px;
}
.Selector .SelectHeader a {
    padding:2px 8px;
    font-size:20px;
    line-height:20px;
}
div.Work{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0px;
}
#InnerWork, div.InnerWork, div.InnerLogin{
background-color: rgba(255, 255, 255, 1);
max-width: 800px;
margin: 20px auto;
position: relative;
border:solid 1px lightgray;
}
    /*#InnerWork #PlatzBelegungScreen_LblPlatzUhrzeit {
        font-weight:bold;
        font-size:1.1em;
    }*/
    #InnerWork a {
        /*color:#014799;*/
    }
    #InnerWork .Part {
        margin:20px 0px;
    }
#LinkLogin {
    text-align:right;
    margin-top:10px;
}
div.Label, div.Input {
    margin-bottom:5px;
}
.modifyMessage {
    font-weight:bold;
    color:rgb(255, 0, 0);
}
.Help {
    font-weight:bold;
    font-size:1.2em;
}
tr.modifyFieldRow td {
    padding:3px;
    border-bottom:dotted 1px #cdcdcd;
}
#KartenartData_BucherkatMultiField1_Label1 {
    display:none;
}
.form-control {
    display:inline;
    max-width:300px;
}
table.form-control {
    display:block;
    max-width:none;
}
div[id*='panLoginBucher'] a {
    color:red;
}
table.contenttext {
    margin:auto;
}
.InnerLogin table {
    width:100%;
}
    .InnerLogin table:last-child tr:first-child td:first-child, .InnerLogin table:first-child tr:nth-child(n+3) td:first-child {
        width:30%;
    }
.InnerLogin input[id*='tbEmailadresse'] {
    width:100% !important;
}
.InnerLogin span[id*='valadresse'][style*='hidden'] {
    display:none;
}
table.contenttext td, .InnerLogin td {
    padding:3px;
}
.padding-side-30 {
    padding-left:30px;
    padding-right:30px;
}
.butlefttop {
    position: absolute;
    left: 7px;
    top: 7px;
}
.butrighttop {
    position: absolute;
    right: 7px;
    top: 7px;
}
label[for*='cbWantNewsEdit'] {
    font-weight:normal;
    padding-left:5px;
}
/*span[id*='lblPWOld']:before {
    content:'Altes Passwort:';
}*/
input[value='Abbrechen'] {
    background-color:rgba(255, 0, 0, 0.1);
}
span.rlhidden {
    display:none;
    visibility:hidden;
}
@media (max-width:1199px) {
    h1 {
        font-size:30px;
    }
}
@media (max-width:991px) {
    h1 {
        font-size:25px;
        margin:10px 0px;
    }
}
@media (max-width:767px) {
    h1 {
        font-size:20px;
         margin:6px 0px;
   }
}
@media (max-width:500px) {
    h1 {
        font-size:15px;
        margin:3px 0px;
    }
}
#KarteInfoBelegung td {
    padding:5px;
}
/*div.InnerLogin table.contenttext tr:nth-child(3) td:first-child, div.InnerLogin table.contenttext tr:nth-child(4) td:first-child {
    text-align:right !important;
    font-weight:bold;
}*/
div.InnerLogin table.contenttext input[style*='width:200px'] {
    width:300px !important;
}
div.Meldung {
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
}
    div.Meldung #InnerMeldung {
        position:relative;
        margin:10px;
        border-radius:4px;
        padding:10px;
    }
    div.Meldung #InnerMeldung input.butrighttop {
        top:5px;
        right:5px;
    }
div.Sa, div.So {
    background-color: rgb(250, 250, 250);
}
@media print {
    .Selector, #LinkLogin div {
        display:none;
    }
    a[href]:after {
		    content:""
	}
    div.Court h3 {
        text-align:center;
    }
    div.Abo a:after {
        content: "\A Abo ";
        white-space: pre;
    }
    div.Stunde {
        border-bottom:solid 1px gray;
        border-radius: 0px;
        height:65px;
    }
}
#PlatzBelegungScreen_lblInfotext {
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
}