/* #c8e74a */
/* #9cb72e */
/* #5b7004 */
/* #89a41a */

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,700);

html, body {
    height: 100%;
}

body {
    font-family: 'Titillium Web', sans-serif;
}

h1:first-letter {
    color: #9cb72e;
    font-weight: 700;
}

p {
    font-size: 1.4em;
    line-height: 1.2em;
    text-align: justify;
}

a, a:hover {
    color: #9cb72e;
    font-weight: 700;
}

td a {
    color: #9cb72e !important;
    font-size: 1em !important;
}

iframe {
    border: 0 !important;
}

.container {
    width: 1070px !important;
}

.wrapper {
    position: relative;
    /* min-height: 100%; */
    /* height: auto !important; */
    /* height: 100%; */
    display: table;
    width: 100%;
    height: 100%;
    /* text-align: center; */
    border-collapse: collapse;
    background: url(../../layouts/verainshaus/background.jpg) no-repeat center center;
    background-size: cover;
}

header {
    display: table-row;
    width: 100%;
    height: 186px;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    border-bottom: 1px solid #000;
}

#logo {
    /* display: inline-block; */
    display: block;
    margin-top: 29px;
    width: 223px;
    height: 156px;
    background: url(../../layouts/verainshaus/logo.png) no-repeat 0 0;
}

.langs {
    position: absolute;
    top: 80px;
    right: 20px;
}

.langs ul {
    margin: 0;
    padding: 0;
    width: 100px;
    display: table;
    list-style: none outside none;
}

.langs ul li {
    display: table-cell;
    width: 10%;
    text-align: right;
    text-transform: uppercase;
}

.langs ul li a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.langs ul li a:hover {
    font-weight: 700;
    text-decoration: none;
}

.menu {
    position: absolute !important;
    bottom: 10px;
    left: 142px;
    right: 0;
}

.menu ul {
    display: table;
    margin: 0;
    padding: 0;
}

.menu ul li {
    display: table-cell;
    padding: 0 12px;
}

.menu ul li:first-child {
    padding-left: 0 !important;
}

.menu ul li~li {
    border-left: 2px solid #9cb72e;
}

.menu ul li:last-child:after {
    display: none;
}

.menu ul li a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.menu ul li.selected a, .menu ul li a:hover {
    font-weight: 700;
    text-decoration: none;
}

.content-wrapper {
    /* position: absolute; */
    /* top: 186px; */
    /* bottom: 41px; */
    /* left: 0; */
    /* right: 0; */
    display: table-cell;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
}

#content {
    /* padding-top: 50px; min-height: 500px; */
    padding-top: 30px;
    padding-bottom: 20px;
    /* height: 100%; */
}

.bottom {
    margin-bottom: 50px;
}

.content-wrapper.is-home {
    display: table-row !important;
    background: transparent !important;
}

.content-wrapper.is-home #content {
    display: table-cell !important;
    vertical-align: middle;
}

/* .push, footer { */
/*     height: 40px; */
/* } */

footer {
    display: table-row;
    width: 100%;
    height: 40px;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    border-top: 1px solid #000;
    box-sizing: content-box;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    display: table;
    height: 40px;
}

footer ul li {
    display: table-cell;
    width: 10%;
    text-align: center;
    line-height: 40px;
}

footer ul li:nth-child(2n) {
    width: 1%;
    color: #9cb72e;
    font-weight: 700;
}

.is-relative {
    position: relative;
}

#map {
    width: 100%;
    height: 500px;
    z-index: 0;
}

#gmap__content h2 {
    margin-top: 0;
}

#gmap__content p {
    font-size: 1.1em;
}

/* homepage styling */
.info.box {
    margin: 0 auto;
    padding: 20px 15px;
    width: 600px;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
}

/* agenda styling */
.retain {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 0; */
    /* right: 0; */
    float: right;
    margin: auto;
    padding: 10px 15px;
    width: 300px;
    font-size: .8em;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    /* transform: translateY(-40%); */
}

.retain__title {
    margin: 20px 0 30px 0;
    font-size: 26px;
}


.retain dl dt {
    color: #9cb72e;
    font-size: 1.8em;
    font-weight: 700;
}

.retain dl dd {
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
}

/* album style */
.album {
    display: inline-block;
    margin: 40px 0 20px 0;
    width: 100%;
}

.album .thumbnail {
    display: block;
    float: left;
    position: relative;
    padding: 10px;
    margin: 5px 18px 12px 17px;
    background-color: #FCFCFC;
    border: 0 !important;
    border-radius: 0 !important;
    /* border: 1px solid #DDD; */
}

.album .thumbnail .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.5);
}

.album .thumbnail:hover .hover {
    display: none;
}

.album .thumbnail:nth-child(5n-4){
    margin-left: 0;
}

.album .thumbnail:nth-child(5n){
    margin-right: 0;
}

.dojoxLightbox {
    box-sizing: unset !important;
}

/* form style */
.form {
    border: 0 !important;
}

.form legend {
    display: none;
    border: 0 !important;
}

.form form {
    margin: 0 auto;
    width: 700px;
    text-align: right;
}

.form .formline {
    margin: 0 0 20px 0;
}

.form .formline label {
    width: 170px;
    font-size: 1.4em;
    font-weight: 400;
}

.form .formline input, .form .formline textarea {
    width: 70%;
}

.form .formline textarea {
    height: 120px;
}

.form .formline input[type=submit] {
    float: right;
    width: 100px;
}

.message {
    margin: 0 auto 30px auto;
    padding: 5px;
    width: 700px;
    font-weight: bold;
    border: 1px solid #333;
    border-radius: 1px;
    background: #EFEFEF;
}

.message.error {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.message.success {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

/* calendar rules */
.tundra .dijitCalendarContainer {
    width: 300px;
    border: 1px solid #5b7004 !important;
}

#calendar .dijitCalendarDecrease {
    background-image: url(../../layouts/verainshaus/arrowleft.jpg) !important;
}
#calendar .dijitCalendarIncrease {
    background-image: url(../../layouts/verainshaus/arrowright.jpg) !important;
}
#calendar .dijitCalendarIncrementControl {
    width: 24px !important;
    height: 24px !important;
    background-position: 0 0 !important;
}

#calendar .dijitCalendarMonthContainer th {
    background-color: #9cb72e !important;
    background-image: none !important;
}

#calendar .dijitDropDownButton .dijitButtonNode {
    border-color: #9cb72e !important;
}

#calendar .dijitCalendarDayLabel {
    font-size: 1.5em !important;
}

#calendar .dijitCalendarMonthLabel {
    color: #5b7004;
    font-size: 1.5em;
}

#calendar .dijitCalendarDayLabelTemplate {
    color: #5b7004;
    font-weight: 600;
    background-color: #c8e74a !important;
    background-image: none !important;
    border: 0 !important;
}

#calendar .dijitCalendarDateTemplate {
    color: #5b7004;
    font-size: 1.5em;
}

#calendar .dijitCalendarDateTemplate.reserved {
    color: #f00;
    background-color: rgba(255,178,178,.9);
}

#calendar .dijitCalendarPreviousMonth, #calendar .dijitCalendarNextMonth {
    /* background-color: rgba(156, 183, 46, 0.8) !important; */
    background-color: #fbffe6 !important;
}

#calendar .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
#calendar .dijitCalendarNextMonth .dijitCalendarDateLabel {
    color: #d0de84 !important;
    font-weight: normal !important;
}

#calendar .dijitCalendarYearContainer {
    background-color: #9cb72e !important;
    background-image: none !important;
}

#calendar .dijitCalendarYearLabel {
    font-size: 1.4em;
}

#calendar .dijitCalendarYearLabel span {
    color: #5b7004 !important;
}

#calendar .dijitCalendarSelectedYear {
    padding: 0 10px;
    background-color: #89a41a !important;
    background-image: none !important;
}

.dijitMenu {
    background-color: #9cb72e !important;
    background-color: rgba(156, 183, 46, 0.9) !important;
    border: 1px solid #5b7004 !important;
}