@import url('reset.css');

.cwhite,table.tbl100 > thead > tr > th,table.tbl100 > thead > tr > th > a{
    color:#fff;
}
.bgwhite,#mainmenu,#authInfo{
    background-color:#fff;
}
.cgreen,#content h1,#mainmenu > li > a:hover{
    color:#6b9f35;
}
.bggreen,#header,table.tbl100 > thead > tr > th{
    background-color:#6b9f35;
}
.box1,#mainmenu,#authInfo,.infobox,#content div.alert,div.gallery,
.smartCssDlg,.smartCssBtn,table.tbl100{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
    margin:0.1em;
}

table.tblsmall > tbody > tr > td{
    font-size: 0.8em;
}

*,html{
    font-family:Helvetica,Arial,sans-serif;
    font-size: 16px;
    color:#333333;
}

#header,#footer,#page,#content,div.innermargin{
    position:relative;
}

div.innermargin{
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
}

#topmenu{
    position:absolute;
    bottom:48px;
    right:0;
}
#topmenu > li{
    float:left;
    padding-left:20px;
}
#topmenu > li > a{
    display:block;
    color:#fff;
    text-decoration:none;
}

#logo{
    padding:10px 10px 48px 10px;
}
#logo > img{
    margin-right:20px;
}

#authInfo{
    position:absolute;
    top:10px;
    right:10px;
    bottom:10px;
    width:180px;
    padding:10px;
}

#mainmenu{
    position:absolute;
    bottom:-35px;
    left:0;
    height:48px;
    padding:10px;
    border:1px solid #eee;
}
#mainmenu > li{
    float:left;
    padding:0 10px;
    line-height:48px;
    border-left:1px solid #eee;
}
#mainmenu > li:first-child{
    border-left:0 solid #eee !important;
}

#mainmenu > li > a{
    display:block;
    text-decoration:none;
    font-weight:bold;
}

#contentmain+#sidebar
{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:250px;
}

#contentmain:only-child{
    margin-right:0;
}

#contentmain{
    margin-top:48px;
    padding:10px;
    margin-right:260px;
}

#contentmain{
    position: relative;
}

#content h1 {
    font-size:1.4em;
    margin-bottom:0.6em;
    font-weight:bold;
}

#content h2 {
    font-size:1.2em;
    margin-bottom:0.5em;
    font-weight:bold;
}

#content p {
    font-size:1.0em;
    line-height: 22px;
    margin-bottom:0.4em;
}

#content a{
}
#content a:hover{
    color:#EFA020;
}

#content div.alert{
    border:4px solid #000;
    background-color:#f0e800;
    padding:10px;
    margin-bottom:0.4em;
}

.box-xmas{
    background-image: url('../imgs/box_xmas.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.box-xmas > div{
    background:rgba(255,255,255,0.75);
}

.box1 > h3{
    font-weight:bold;
    padding:10px;
    background-color:#f0f0f0;
}
.box1 > div{
    padding:10px;
}
.box1 > div.mstsc{
    padding-left: 48px;
    background-image: url('../imgs/mstsc256_32x32.png');
    background-position: 4px 4px;
    background-repeat: no-repeat;
    min-height:24px;
}

.infobox{
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
}
.infobox > h3{
    background-color:#6b9f35;
    color: #fff;
    border-bottom:1px solid #eee;
    padding:10px;
    font-size:1em;
    font-weight:bold;
}
.infobox > h3 > a{
    color:#fff;
}
.infobox > div{
    padding:10px;
    font-size:0.9em;
	line-height:1.2em;
}

#content ul.list1 li{
    padding:4px 4px 4px 24px;
    background-image: url('../imgs/icon_arrow.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

#content .subc{
    position:relative;
    overflow:hidden;
}
#content .subc>.subc50:nth-child(even){
    width:49%;
    float:left;
    margin:0 0 0 1%;
}
#content .subc>.subc50:nth-child(odd){
    width:49%;
    float:left;
    margin:0 1% 0 0;
}

#content p.info{
    border-left:5px solid #f0e800;
    padding:0.5em;
}

#content .goyax_widget{
    margin: 0.5em auto;
}

table.tbl100{
  width:100%;
  margin-bottom:0.5em;
  border-collapse: separate;
  border-spacing: 0;
}
table.tbl100 > thead > tr > th{
  padding: 10px;
}
table.tbl100 > tbody > tr > td,table.tbl100 > tbody > tr > th{
  padding:4px;
}
table.tbl100 > thead{
}
table.tbl100 > thead > tr > th{
  text-align:left;
  font-weight:bold;
}
table.tbl100 > tbody{
}
table.tbl100 > tbody > tr:nth-child(even) > td{
    background-color:#ededed;
}
table.tbl100 > tbody > tr:nth-child(odd) > td{
    background-color:#ffffff;
}
table.tbl100 > tbody > tr > th{
    background-color:#DCECC6;
}
table.tbl100 > thead tr:first-child th:first-child{
    border-top-left-radius: 8px;
    /*background-color:#ff0000;*/
}
table.tbl100 > thead tr:first-child th:last-child{
    border-top-right-radius: 8px;
    /*background-color:#ff0000;*/
}
table.tbl100 > tbody tr:last-child td:first-child,
table.tbl100 > tbody  tr:last-child th:first-child{
    border-bottom-left-radius: 8px;
    /*background-color:#0000ff;*/
}
table.tbl100 > tbody  tr:last-child td:last-child,
table.tbl100 > tbody  tr:last-child th:last-child{
    border-bottom-right-radius: 8px;
    /*background-color:#0000ff;*/
}

#content strong{
    font-weight: bold;
}
#content ul.list1{
    text-decoration: underline;
}

#tdl2019,#tdl2019 .galleryslider,
#winter2019,#winter2019 .galleryslider
{
    width:920px;
    height:480px;
}

#gv2019,#gv2019 .galleryslider,
#familie2019,#familie2019 .galleryslider
{
    width:445px;
    height:480px;
}

.gallery .rhino-toggle,.gallery .rhino-next,.gallery .rhino-prev,.gallery .rhino-bullets{
    z-index:9010;
}

.gallery{
    position:relative;
    overflow:hidden;
}
.gallery > h3{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(107,159,53,0.75);
    color:#fff;
    font-weight:bold;
    z-index:9000;
    padding:1em;
}
.gallery > span{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(255,255,255,0.75);
    z-index:9000;
    padding:1em;
    text-align:right;
}

#dispoEntryForm > tbody > tr > th{
    line-height:32px;
}
#dispoEntryForm > tbody > tr.smartEntry{
    height:32px;
}

.smartCssDlg{
    background-color:#fff;
    padding:5px;
}

.smartCssBtnCntr{
}

.smartCssBtn{
    cursor: pointer;
    color:#6b9f35;
    font-size:0.8em;
    text-align:center;
    padding:5px;
    background-color:#fff;
    margin:0 0.5em;
    line-height:28px;
    border: 1px solid #c0c0c0;
}

.smartCtrlSaveCancel{
    position:absolute;
    top:0;
    left:0;
}

.smartInput{
    font-size:0.8em;
}
.smartForm .smartEntry:hover{
    background-color:#c0c0c0;
}
.smartAddDlg{
    position:absolute;
    left:50%;
    top:50%;
    font-size:0.8em;
    transform: translate(-50%,-50%);
}
.smartAddDlg > h3{
    font-size:1em;
    font-weight:bold;
}
.smartAddDlg > span{
    display:inline-block;
    width:100px;
}
.smartAddDlg > input{
    font-size:0.8em;
    margin:2px 0;
}

.grid-container {
    display: grid;
    grid-template-columns: 50% 50%;
}
.grid-container > .grid-item {
    text-align: center;
    padding: 1em;
}
.badge > img {
    width: 40%;
    max-width: 250px;
}

/* USER INFO BOX */
#user-info-box {
    display: flex;
    align-items: center;
    margin-top: -48px;
    margin-bottom: 8px;
    height: 40px;

    padding: 0.5em;
    box-sizing: border-box;

    border: 2px solid #c0c0c0;
    border-radius: 8px;
}
#user-info-box > div:first-child {
    margin: 0.25em 1.0em 0.25em 0;
}
#user-info-box > div {
    margin: 0.25em 1.0em 0.25em 0;
}
#user-info-box > div.user-logout {
    flex-grow: 1;
    text-align: right;
}
#user-info-box > div > label,
#user-info-box > div > span {
        display: block;
        font-size: 0.75em;
}
#user-info-box > div > label {
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
    color: #666666;
    margin-bottom: 0.25em;
}

/* FORMS */
form.style-1 label {
    display: block;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
    color: #666666;
    margin: 0.25em 0;
}

form.style-1 input {
    margin: 0.25em 0 0.5em 0;
}

form.style-1 button,
form.style-1 input[type="submit"] {
    color:#fff;
    background-color:#6b9f35;
}

form.style-1 button,
form.style-1 input[type="submit"],
form.style-1 input[type="text"],
form.style-1 input[type="password"] {
    padding: 0.25em 0.5em;
    border: 2px solid #c0c0c0;
    border-radius: 8px;
}