@CHARSET "UTF-8";

body {
margin: 0px;
padding: 0px;
background-color: #f0f0f0;
font-family: 'Gruppo', cursive;
background-image: url(img/textur.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

#lang {
height: 20px;
width: 100%;
padding-top: 10px;
font-size: 12px;
position: fixed;
top: 0px;
}

#header {
width: 100%;
height: 90px;
border-top: 2px solid #afafaf;
background-image: url(img/header_bg.jpg);
position: fixed;
top: 0px;
margin-top: 30px;
}

#header_content {
width: 600px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#container {
width: 687px;
height: auto;
margin-left: auto;
margin-right: auto;
font-family: 'Gruppo', cursive;
margin-bottom: 125px;
min-height: 500px;
margin-top: 140px;
}

#container_subpage {
width: 687px;
height: auto;
margin-left: auto;
margin-right: auto;
font-family: 'Gruppo', cursive;
margin-bottom: 25px;
min-height: 500px;
}

#main {
width: 640px;
height: 100%;
text-align: center;
margin: 25px auto 25px auto;
}

#content {
width: 667px;
height: auto;
min-height: 500px;
background-image: url(img/bg_textur.png);
border-bottom: 2px solid #afafaf;
padding: 10px;
font-size: 16px;
line-height: 22px;
}

.news {
width: 100%;
height: auto;
margin: 0px 0px 40px 0px;
}

.news_content {
width: 667px;
height: auto;
margin: 10px 0px 0px 0px;
border-bottom: 2px solid #afafaf;
background-image: url(img/bg_textur.png);
padding: 20px;
font-size: 16px;
color: black;
}

.news_content_video {
width: 350px;
height: 263px;
background-color: white;
float: left;
margin: 0px 20px 0px 0px;
overflow: hidden;
}

#footer {
width: 100%;
height: 70px;
border-top: 2px solid #afafaf;
background-image: url(img/footer_bg.jpg);
position:fixed;
bottom:0;
}

#footer_subpage {
width: 100%;
height: 70px;
border-top: 2px solid #afafaf;
background-image: url(img/footer_bg.jpg);
position:fixed;
bottom:0;
}

#footer_content {
width: 978px;
height: calc(100% - 10px);
margin-left: auto;
margin-right: auto;
color: white;
font-family: 'Gruppo', cursive;
font-size: 12px;
padding-top: 10px;
text-align: center;
}

.txtbox {
width: calc(100% - 12px);
height: auto;
float:left;
background-image: url(img/bg_textur.png);
font-size: 16px;
border-bottom: 2px solid #afafaf;
padding: 7px;
line-height: 20px;
margin-top: 30px;
text-align: left;
}

.projekt {
width: 100%;
height: 278px;
margin: 20px 0px 20px 0px;
}

.projekt_video {
width: 370px;
height: 100%;
float: left;
}

.projekt_discr {
width: 280px;
height: 252px;
float: right;
background-image: url(img/bg_textur.png);
border-bottom: 2px solid #afafaf;
padding: 10px;
font-size: 16px;
}

.footer_txt {
width: auto;
height: 50px;
float: left;
margin-right: 15%;
color: white;
font-size: 12px;
margin-top: 10px;
line-height: 20px;
}

/* --- Menu --- */

.menupunkt {
padding: 35px 20px 0px 20px;
text-align: center;
font-family: 'Gruppo', cursive;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
float: left;
height: 55px;
}

.menupunkt_selected {
padding: 35px 20px 0px 20px;
text-align: center;
font-family: 'Gruppo', cursive;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
float: left;
height: 51px;
background-color: #eeeded;
border-bottom: 2px solid #afafaf;
color: black;
}

.menupunkt:hover {
background-color: #eeeded;
border-bottom: 2px solid #afafaf;
height: 51px;
color: black;
}

.wrapper {
padding: 5px 25px 0px 25px;
float: left;
font-size: 18px;	
}

.wrapper:hover {
color: #e41833;	
}

.untermenu {
position: fixed;
width: 647px;
height: auto;
z-index: 1;
display: none;
padding: 0px 0px 10px 0px;
font-size: 18px;
border-bottom: 2px solid #afafaf;
top: 180px;
background-image: url(img/header_bg.jpg);
}

.menuul {
list-style: none;	
}

.menuli {
float: left;
padding: 0px 20px 0px 20px;
}
/* Ueberschriften */ 

h1 {
font-family: 'Gruppo', cursive;
font-size: 26px;
font-weight: 200;
color: white;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}

h2 {
font-family: 'Gruppo', cursive;
font-size: 22px;
font-weight: 200;
color: white;
margin: 0px 0px 0px 0px;
}

h3 {
font-family: 'Gruppo', cursive;
font-size: 18px;
font-weight: 400;
color: white;
margin: 0px 0px -10px 0px;
}

/* Sonstiges */ 

hr {
border-top: 2px solid #afafaf;
border-bottom: 0px;
}

a {
color: white;
text-decoration: none;
}

.normal {
color: #afafaf;
text-decoration: none;
float: right;
}

.normal:hover {
color: #afafaf;
text-decoration: underline;
}

#galerie {
width: 90px;
height: 100px;
background-image: url(img/bg_textur.png);
float: left;
margin: 0px 5px 5px 5px;
border: 3px solid white;
overflow: hidden;
}

p {
color: white;
}

ul {
color: white;
}

li {
color: white;
}