/* Haupt Style */
body {
        background-image: url(images/background.jpg);
        /*
        background-image: url(images/background5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        */

        font-size:100%;
        margin:0em;
        padding:0em;
}

h1 {
        font-size: 3.5em;
        line-height: 2em;
        font-family: 'Lobster', cursive;
        font-weight: 400;
        color: #3333FF;
        margin:0em;
        padding-bottom: 0.3em;
}

h2 {
        font-size:1.3em;
        line-height:1.8em;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        color:#2F2D2C;
        margin:0em;
        padding:1.25em;
        text-align: center;
}

h3 {
        font-size:0.8em;
        line-height:1.8em;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        color:#2F2D2C;
        margin:0em;
        padding:1.25em;
        text-align: center;
}

p, td {
        line-height:1.25em;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        color:#2F2D2C;
        margin:0em;
        padding:1.25em;
        text-align:justify;
}
table {
        padding:0em;
        margin:0;
}

ol {
        text-align:justify;
}

ul {
        margin:0px;
        padding:0px;
}

li {
        list-style:square;
        font-family: 'Open Sans', sans-serif;
        font-weight:700;
        color:#2F2D2C;
        line-height:1.25em;
        margin:0em;
        padding:0em;
        margin:0.313em 1em 0.313em 0em;
}




img {
        width:90%;
        height:auto;
        max-width:100%;
}

a {
        text-decoration: none;
}

/* Mobiles Menü¼ 2F2C2C*/
#menubar {
        display:block;
        background:#393636;
}
#menubar ul {
        display:block;
        width:2em;
        padding:0.9em;
}
#menubar ul li {
        display:inline;
}
#menubar ul li a.menubutton {
        display:none;
}
/* Header */
header {
        display:block;
        background:#393636;
        text-align:center;
}
header h1 {
        color:#FFFFFF;
}
/* Navigation */
nav {
        display:block;
        height:2.5em;
        background:#FFFFFF;
        text-align:center;
        padding: 0em 0em 0.188em 0em;
}

nav ul {
        display:block;
}
nav ul li {
        display:inline;
        margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
        color:#454040;
        font-size: 1em;
        line-height:2.5em;
        padding:0.563em 0.938em 0.375em 0.983em;
        transition:background 0.2s;
        -webkit-transition:background 0.2s;
}

nav ul li a:hover {
        background:#DBD9D8;
        border-bottom: 0.188em solid #3333FF;
}
nav ul li a:active {
        border-bottom: 0.188em solid #FF3333;
}
/* Text */
#main {
        display:block;
        width:100%;
        max-width:980px;
        margin: 1.25em auto;
        padding:0em;
}

#main article {
        display:inline-block;
        width:100%;
        background:#FFFFFF;
        vertical-align: top;
        margin:0em 0em 1em 0em;
        padding:0em;
        text-align:center;
        border-radius: 1em;
}

#main article img {
        max-width:300px;
        padding: 1em;

}

#main aside {
        display:block;
        width:100%;
        max-width:980px;
        margin: 1.25em auto;
        padding:0em;
}


#main aside h3 {
        font-size:1em;
        line-height:1.8em;
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        color:#2F2D2C;
        margin:0em;
        padding:0em;
        text-align: justify;
}

#main aside img {
        max-width: 300px;
}

#main aside article {
        display:inline-block;
        width:100%;
        background:#FFFFFF;
        vertical-align: top;
        margin:0em 0em 1em 0em;
        padding:0em;
        text-align:justify;
        border-radius: 1em;
}

#main aside p {
        text-align: justify;
        padding: 1em;
}

#main article h2 {
        padding:1em 1.8em 1em 1.8em;
}

#main aside section ul {
        padding:0em 1.875em 1.25em 2.5em;
}

#cont_pic {
        float:right;
        margin-left:20px;
        margin-bottom:50px;
        text-align:center;
        font-size:10px;
}

#intab td {
        padding:0px;
        spacing:0px;
        margin:0px;
}
/* Footer */
footer {
        display:block;
        background:#393636;
        text-align:center;
}

footer p {
        color:#fff;
        text-align:center;
        font-size:1em;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
}
/* Mobiler Style */
@media screen and (max-width:800px) {
        body {
                font-size:75%;
        }
        h1 {
                font-size:175%;
        }
}
@media screen and (max-width:600px) {
        #main aside, #main article {
                width:100%;
                display:block;
                margin:0.625em 0em 0.625em 0em;
        }
}
@media screen and (min-width:550px) {
        nav.nav {
                display:block !important;
        }
}
@media screen and (max-width:550px) {
        body {
                font-size:65%;
        }
        #menubar ul li a.menubutton {
                display:block;
        }
        nav {
                display:none;
                height:auto;
        }
        nav ul li {
                display:block;
        }
}