/* Start generic elements  */
html {
    overflow-y: scroll;
    height: 100%;
}

body {
    color: #000;
    background-color: #fff;
    height: 100%;
}

td, p, div, span, ol, ul, input, textarea, select {
    font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
    font-size: 15px;
    line-height: 170%;
}

input, textarea, select {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    line-height: 120%;
    margin-top: 1px;
    padding: 1px 0px;
    resize: none;
    -webkit-border-radius: 0px;
}

input[type=submit], input[type=text], input[type=password], input[type=button],
textarea {
    -webkit-appearance: none;
}

input[type=submit] {
    padding: 2px 20px;
    cursor: pointer;
}

/* span is to cope for protected emails */
a:link, a:link span, a:visited, a:visited span, a:active, a * {
    color: #000000;
    text-decoration: none;
}

b, strong {
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-weight: normal;
}

.big i {
	font-family: 'FVAlmeloRegular', Arial, sans-serif;
	font-style: normal;
	color: #499c83;
}

i, em {
    /* font-family: 'dax-italicregular' !important;
    font-style:normal; */
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom: 1;
}

/* End generic elements  */

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
.small {
    font-size: 10px
}

.big {
    display: block;

    margin-bottom: 5px;
}
body#editor *{
	font-family: 'HelveticaNeueW01-55Roma',Arial!important;
	font-size: 12px;
}

.big, .big * {
    font-family: 'FVAlmeloRegular';
    text-transform: uppercase !important;

    font-size: 26px;
}

.tbltype-emphheader  {
    border-spacing: 1px;
}

.tbltype-emphheader tr td {
    background-color: #f8f8f8;
    vertical-align: top !important;
}

.tbltype-emphheader tr:first-child td {
    background-color: #e0e0e0;
}

.tbltype-fairplan  {
    border-spacing: 1px;
}

.tbltype-fairplan tr td {
    background-color: #f8f8f8;
    vertical-align: top !important;
}

.tbltype-headline  {
    border-spacing: 1px;
}

.tbltype-headline tr td {
    padding: 8px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    vertical-align: top;
}

#oContentTable tr td {

}

#editor b, #editor strong {
    font-weight: bold !important;
    /* font-family: 'DaxComp' !important;  */
}

#editor i, #editor em {
    font-style: italic !important;
    /* font-family: 'DaxComp' !important; */
}
/* End Freshpage elements  */

/* Start - layout styles */
/* Start - scrollTop */
a#scrollTop {
    display: none;
    position: fixed;

    bottom: 10px;
    left: 50%;
    margin-left: 520px; /* (wrapper-width / 2 + 10) */
}
/* End - scrollTop */

div#wrapper {
    width: 980px;

    padding-top: 20px;
    padding-bottom: 15px;

    margin: 0 auto;
}

/* Start - header */
    div#wrapper > header {
        position: relative;

        height: 160px;
    }

    header > a#logo {
        display: block;
        position: absolute;

        left: 0;
        top: 0;
    }

    header > div#actions {
        position: absolute;

        top: 10px;
        right: 0;
    }

    header > div#actions > * {
        display: inline-block;

        height: 18px;

        margin-left: 12px;
    }

    /* Start - search box */
    header > div#actions > form#search {
        position: relative;
    }

    form#search > input[type=text] {
        display: none;

        width: 180px;

        border-bottom: 1px solid #000000;

        font-family: 'FVAlmeloRegular';
    }

    form#search > input[type=text].open {
        display: inline-block !important;
    }

    form#search > input[type=submit] {
        width: 18px;
        height: 18px;
        vertical-align: top;
        z-index: 1;

        margin: 0 !important;
        padding: 0 !important;

        border: none;
        background-color: transparent;
        background-image: url("/images/icons/search.png");
        background-size: 100%;
    }
    /* End - search box */

    header > div#actions > a > img {
        height: 100%;
    }

    /* Start - menu */
        header > nav#mainNav {
            position: absolute;

            bottom: 20px;
            right: 0;
        }

        nav > a {
            display: inline-block;

            margin-left: 20px;

            font-family: 'FVAlmeloRegular';
            font-size: 26px;
            text-transform: uppercase;
        }
    /* End - menu */
/* End - header */

/* Start - article */
    div#wrapper > article {
        margin-top: 20px;
    }
/* End - article */

/*

/* Start - cross-site */
a:hover,
a:hover *,
a.active,
a.active * {
    color: #d61a2e !important;
}

div.category[data-level="0"] {
    padding-top: 30px;
    margin-top: 40px;

    border-top: 3px solid #499c83;
}

div.category[data-level="0"]:first-child,
div.category[data-level="0"]:nth-child(2) {
    margin-top: 0;
    padding-top: 0;

    border-top: none;
}

div.category[data-level="1"],
div.category[data-level="2"] {
    display: none;

    padding-top: 40px;
    margin-top: 40px;

    border-top: 1px solid #499c83;
}

div.category:last-child {
    padding-top: 0 !important;
}

div.category:last-child .bigBox:after {
    display: none !important;

    border-top: none !important;
}

.mainContent {
    width: 100% !important;
}

.mainContent a,
.mainContent a * {
    display: inline-block;

    font-family: 'HelveticaNeueW01-75Bold';
}

.mainContent > div.clearfix {
    border-top: 1px solid #499c83;
}

.mainContent > div.clearfix:first-child {
    border-top: none;
}

.mainContent table.tbltype-Standard {
    width: 100% !important;
}

.mainContent table.tbltype-Standard td {
    padding-left: 40px;
}

.mainContent table.tbltype-Standard td:first-child {
    padding-left: 0;
}

.mainContent table a {
    font-family: 'HelveticaNeueW01-55Roma';
}

h1, h1 * {
    margin-left: -3px;
    padding-bottom: 25px;

    font-family: 'FVAlmeloRegular';
    text-transform: uppercase;
    font-size: 65px !important;
    line-height: 110%;
    font-weight: normal;
}

h2, h2 * {
    display: block;

    padding-bottom: 8px;

    font-family: 'FVAlmeloRegular';
    font-size: 40px !important;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 100%;

    margin-left: -1px;
}

h1.noSpace, h2.noSpace {
	padding-bottom: 0;
}

ul {
    list-style-type: none;
    list-style-position: outside;
}

ul li {
    list-style-type: none;
    background:url('/images/bullet.png') no-repeat 1px 10px;
    padding-left: 18px;
}

.box {
    position: relative;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.box * {
    z-index: 10;
}

.box,
.box * {
    font-family: 'FVAlmeloRegular';
    color: #ffffff !important;
    line-height: 100%;
    text-transform: uppercase;
}

.box a:hover,
.box a:hover *,
input[type=submit]:hover {
    color: #000000 !important;
}

.box:after {
    display: block;
    position: absolute;
    z-index: -1;
    content: '';

    width: 0;
    height: 0;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box.red {
    background-color: #d90202;
}

.box.green {
    background-color: #499c83;
}

form input[type=text],
form textarea {
    vertical-align: top;

    background-color: transparent;
    border: none;
}
/* End - cross-site */

/* Start - entrytype Anmelde-Boxen */
    div.signInBoxes {
        position: relative;
        z-index: 100;
    }

    div.signInBoxes > div.boxes {
        position: absolute;

        right: -30px;
        bottom: 0;
    }

    div.signInBoxes > div.boxes > div.box {
        position: absolute;

        -webkit-transform: rotate(-14deg);
        -moz-transform: rotate(-14deg);
        -ms-transform: rotate(-14deg);
        -o-transform: rotate(-14deg);
        transform: rotate(-14deg);
    }

    div.signInBoxes > div.boxes * {
        font-size: 45px;
    }

    div.signInBoxes > div.boxes > div.box1 {
        width: 50%;

        top: 12%;
        left: 4%;
    }

    div.signInBoxes > div.boxes > div.box2 {
        width: 75%;

        bottom: 19%;
        left: 30%;
    }

    div.signInBoxes > div.boxes .big {
        font-size: 87px;
    }
/* End - entrytype Anmelde-Boxen */

/* Start - entrytype GrosseBox */
    div.bigBox {
        margin-top: 25px;
        padding: 35px;

        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
    }

    div.bigBox:after {
        z-index: 100;
    }

    div.bigBox.green:after {
        left: 44%;
        top: -95px;

        border-left: 115px solid transparent;
        border-right: 115px solid transparent;

        border-top: 115px solid #499c83;
    }

    div.bigBox.red:after {
        z-index: -1;

        right: 10%;
        top: -130px;

        border-top: 105px solid transparent;
        border-bottom: 105px solid transparent;

        border-left: 105px solid #d90404;
    }

    div.bigBox.green,
    div.bigBox.green * {
        font-size: 95px;
    }

    div.bigBox.green .big {
        font-size: 108px;
    }

    div.bigBox.red * {
        text-transform: none;
        font-family: 'HelveticaNeueW01-55Roma';
        line-height: 170%;
    }

    div.bigBox.red .big,
    div.bigBox.red .big * {
        font-family: 'FVAlmeloRegular';
        font-size: 20px;
        line-height: 160%;
    }

    div.bigBox.red .big {
        display: inline-block;

        width: 100%;

        margin-bottom: 5px;

        border-bottom: 1px solid #ffffff;
    }
/* End - entrytype GrosseBox */

/* Start - entrytype StandardMitBox */
    div.boxStandard {
        margin-bottom: -10px;
    }

    h2 + div.boxStandard {
        margin-top: 10px;
    }

    div.boxStandard > div.box {
        float: left;

        width: 30%;

        margin-top: 20px;
        margin-left: 10px;
        padding: 15px 15px 25px 15px;

        -webkit-transform: rotate(-11deg);
        -moz-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        -o-transform: rotate(-11deg);
        transform: rotate(-11deg);
    }

    div.boxStandard > div.box > div.box1Title {
        width: 100% !important;
    }

    div.boxStandard > div.box:after {
        bottom: -25px;
        right: 0;

        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
    }

    div.boxStandard > div.box.green:after {
        border-bottom: 30px solid #499c83;
    }

    div.boxStandard > div.box.red:after {
        border-bottom: 30px solid #d90404;
    }

    div.boxStandard > div.box,
    div.boxStandard > div.box * {
        font-size: 30px;
    }

    div.boxStandard > div.box .big {
        font-size: 45px;
    }

    div.boxStandard > div.mainContent {
        float: left;

        width: 65% !important;

        margin-left: 30px;
    }
/* End - entrytype StandardMitBox */

/* Start - entrytype Bildergalerie */
    div.galleryWrapper {
        display: none;

        padding-top: 30px;
    }

    div.galleryWrapper > div.gallery {
        margin-top: 10px;
    }

    div.gallery > div {
        width: 100% !important;
    }

    div.gallery a.image {
        display: block;
        float: left;

        margin-right: 16px;
        margin-bottom: 16px;
    }

    div.gallery a.image.last {
        margin-right: 0;
    }

    div.gallery a.image img {
        display: block;

        width: 100%;
    }

    div.galleryPager * {
        font-weight: bold;
    }
/* End - entrytype Bildergalerie */

/* Start - entrytype Bilder-Slider */
div.imageSlider {
    z-index: -1;

    height: 500px;

    margin-top: 20px;
}

div.imageSlider:first-child {
    margin-top: 0;
    margin-bottom: 40px;
}
/* End - entrytype Bilder-Slider */

/* Start - entrytype Kontaktformular */
    form#contactForm {
        width: 100%;

        padding-bottom: 110px;
    }

    form#contactForm div.answer {
        display: block;

        width: 400px;

        padding: 20px;

        margin-bottom: 40px;
    }

    form#contactForm div.answer font {
        padding-left: 10px;

        font-family: 'HelveticaNeueW01-55Roma';
        text-transform: none;
        line-height: 170%;
    }

    form#contactForm div.answer.box:after {
        bottom: -25px;
        right: 0;

        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
    }

    form#contactForm div.answer.box.red:after {
        border-bottom: 30px solid #d90404;
    }

    form#contactForm div.row * {
        margin: 0;
        padding: 0;

        line-height: 100%;
    }

    form#contactForm div.row {
        border-bottom: 1px solid #000000;

        margin-bottom: 30px;

        line-height: 100%;
    }

	form#contactForm div.row.has-error {
		border-bottom: 1px solid red;
	}

	form#contactForm div.row.has-error .help-block {
		display: none !important;
	}

    form#contactForm label {
        display: inline-block;

        width: 14%;
    }

	form#contactForm[name^="enrolForm"] label {
		width: 20%;
	}

    form#contactForm input[type=text] {
        display: inline-block;

        width: 70%;

        background-color: transparent;
        border: none;
    }

    form#contactForm div.comment.box {
        background-color: #4c9f85;
    }

    form#contactForm div.comment.box textarea {
        display: block;

        width: 100%;
        height: 300px;

        background-image: url("/images/textareaBackground.jpg");
        background-attachment: local;
        border: none;

        font-size: 16px;
        line-height: 48px;
        text-transform: none;
    }

    form#contactForm div.comment.bigBox.green:after {
        left: 44%;
        bottom: -88px;
        top: auto;
        z-index: -1;

        border-left: 105px solid transparent;
        border-right: 105px solid transparent;

        border-bottom: 105px solid #4C9F85;
    }

    form#contactForm div.submit.box {
        float: right;

        margin-top: 50px;
        padding: 10px 0 6px 0;

        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    form#contactForm div.submit.box:after {
        top: -22px;
        bottom: auto;
        right: 10%;

        border-left: 30px solid transparent;
        border-right: 30px solid transparent;

        border-top: 30px solid #d90404;
    }

    form#contactForm div.submit.box input[type=submit] {
        background-color: transparent;
        border: none;

        font-size: 40px;
    }

    div.success.box {
        width: 400px;

        margin-top: 15px;
        padding: 20px 30px;
    }

    div.success.box:after {
        left: 8%;
        top: -35px;

        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;

        border-left: 40px solid #4a9d84;
    }
/* End - entrytype Kontaktformular */

/* Start - entrytype Suche */
    div.searchResults div.category[data-level="1"] {
        display: block;
    }
/* End - entrytype Suche */

/* Start - entrytype Sitemap */
    nav#sitemap a {
        display: block;

        margin-left: 0;

        line-height: 160%;
    }

    nav#sitemap > a {
        font-size: 32px;
    }

    nav#sitemap nav {
        padding-bottom: 10px;
    }

    nav#sitemap nav > a {
        font-size: 20px;
    }

    nav#sitemap > nav > nav > a {
        font-size: 16px;
    }
/* End - entrytype Sitemap */
/* Start - entrytype Newsletter */
	
	form[name=profileform] label {
		float:left;
		width:20%;
	}
	
	form[name=profileform] input,
	form[name=profileform] select {
		background:#fff;
		border:none;
		border-bottom:1px solid black;
		width:300px;
	}
	
	form[name=profileform] input[type=submit] {
		border:none;
		text-align:left;
		width:auto;
		padding:0;
	}
	
/* End - entrytype Newsletter */

/* End - layout styles */