body {
    background-color: white;
    font-family: 'Kalam', cursive;
}

#header {
    background-color: white;
    height: 70px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    top: 0;
    position: fixed;
	width: 900px;
	z-index: 100000;
}

#logo {
    float: left;
    text-align: left;
}

#container {
    background-color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#content {
    margin-top: 70px;
}

/* Style the links inside the navigation bar ; padding: top, right, botom, left*/

.topnav a {
    float: right;
    display: block;
    color: black;
    text-align: right;
    text-decoration: bold;
    font-size: 20px;
    padding: 20px 15px 0px 0px;
    text-decoration: none;
}

/* Change the color of links on hover */
.topnav>a {
    position: relative;
    color: #000;
    text-decoration: none;
}

.topnav>a:hover {
    color: #000;
}

.topnav>a:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #000;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.topnav>a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.topnav a.active {
    color: white;
}

.topnav .icon {
    display: none;
}

.footer a:hover {
	color: black;
}

/* Other styles */
#angebot {
    text-align: justify;
}

#angebot:before { 
	display: block; 
	content: " "; 
	margin-top: -75px; 
	height: 75px; 
	visibility: hidden; 
}

#termine:before {
	display: block; 
	content: " "; 
	margin-top: -75px; 
	height: 75px; 
	visibility: hidden; 
}

#about:before {
	display: block; 
	content: " "; 
	margin-top: -75px; 
	height: 75px; 
	visibility: hidden; 
}

.footer a {
    color: grey;
    text-align: left;
    position: relative;
    width: auto;
    overflow: auto;
    text-decoration: none;
}

#footer p {
    color: grey;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.seperator {
	margin-top: 50px;
}

/**
	ALL SLIDER stuff only
**/

/* jssor slider bullet navigator skin 05 css */

/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */

.jssorb05 {
    position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -37px -7px;
}

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 22 css */

/*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */

.jssora22l,
.jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('img/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

.jssora22l.jssora22lds {
    background-position: -10px -31px;
    opacity: .3;
    pointer-events: none;
}

.jssora22r.jssora22rds {
    background-position: -70px -31px;
    opacity: .3;
    pointer-events: none;
}

/**
Mailchimp stuff
**/

#mc_embed_signup {
	background: #fff;
	float: right;
	width: 350px;
}