@font-face {
font-family:'century_gothic_bold';
font-style: normal;
font-weight: 400;
src: url('century_gothic_bold.ttf') format('truetype');
}

@font-face {
font-family:'century_gothic_bold_italic';
font-style: normal;
font-weight: 400;
src: url('century_gothic_bold_italic.ttf') format('truetype');
}

@font-face {
font-family:'century_gothic';
font-style: normal;
font-weight: 400;
src: url('century_gothic.ttf') format('truetype');
}

@font-face {
font-family:'century_gothic_italic';
font-style: normal;
font-weight: 400;
src: url('century_gothic_italic.ttf') format('truetype');
}

h1 {
color:#fffbea;
font-family:'century_gothic_bold';
font-style: normal;
font-weight:400;
font-size:15pt;
text-transform:uppercase;
background-color:#f39a5a;
padding:10px;
}

h2 {
font-family:'century_gothic_bold_italic';
font-style: normal;
font-weight: 400;
font-size:15pt;
color:#327B97;
padding-bottom:-20px;
}

h3{
font-family:'century_gothic_italic';
font-style: normal;
font-weight: 400;
font-size:15pt;
color:#327B97;
}

p {
font-family: 'century_gothic';
font-size:15px;
}

link {
display: none;
color:#327B97;
} 

article a{
text-decoration:none;
color:#ef7e31;}

article a:hover{
color:#f39a5a;}

body{
padding:0;
margin:0;
background-image:url(images/back.jpg);
background-color:#e3e6e7;
}

/*--HEADER--*/
header{
background:#fffbea;
padding:0;
overflow:hidden;
}

#header-logo {
display:block;
margin:auto;
width:180px;
height:180px;
margin-top:10px;
margin-bottom:10px;
}

#header-logo a{
position:absolute;
width:180px;
height:180px;
background-image:url(images/header-logo.png);
}

#header-logo a:hover{
position:absolute;
width:180px;
height:180px;
background-image:url(images/header-logo-hover.png);
}

nav {
font-family: 'century_gothic_bold', sans-serif;
font-size:15pt;
text-transform:uppercase;
width:100%;
border-top:2pt solid #327B97;
text-align:center;
float:left;
padding:5px;
margin-bottom:0px;
}

nav a {
color:#327B97;
text-decoration:none;
text-align:center;
position:relative;
padding:5px;
padding-left:10px;
padding-right:10px;
}

nav a:visited {
color:#327B97; /*-!!!-*/
}

nav ul {
list-style-type:none;
-webkit-padding-start:0; /*-!!!-*/
margin:0px;
}

nav ul li {
display:inline-block;
}

nav ul li a:hover {
color:#fffbea;
background-color:#327B97 !important;
font-size:15pt;
transition: all 0.5s ease;
position:relative;
}

.selected-nav-entry{
color:#fffbea !important;
background-color:#327B97;
font-size:15pt;
position:relative;
}

.menu {
display:none;
position:absolute;
z-index:1;
font-size:15pt;
text-align:center;
font-family:'century_gothic_bold';
width:310px;
color:#fffbea;
background-color:#f39a5a;
}

.menu a{
color:#fffbea;
text-decoration:none;
text-transform:uppercase;
position:relative;
}

.menu a:visited {
color:#fffbea;
}

.menu ul {
list-style-type:none;
-webkit-padding-start:0;
padding:0;
margin:0;
}

.menu li {
padding:5px;
padding-top:10px;
padding-bottom:10px;}

.menu li a {
}

.menu li:hover{
background-color:#ef7e31;
width:300px;
}

nav {
font-family: 'century_gothic_bold', sans-serif;
font-size:15pt;
text-transform:uppercase;
width:100%;
border-top:2pt solid #327B97;
text-align:center;
float:left;
padding:5px;
margin-bottom:0px;
}

/*main-content*/

#main-content {
max-width:900px;
margin:auto;
margin-top:1px;
background-color:#FFFBEA;
font-family:'century gothic';
font-size:15px;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#main-content h2{
font-weight:normal;
}

#main-content article {
float:left;
}

#main-content hr {
border:1px solid #327B97;
}

#main-content iframe {
display:block;
margin:auto;
}

#main-content .up{
position:relative;
top:-36px;
background:url("images/up.png");
background-size:44px 44px;
height:44px;
width:44px;
margin:auto;
}

#main-content .up:hover{
position:relative;
top:-32px;
background:url("images/up-hover.png");
background-size:44px 44px;
height:44px;
width:44px;
margin:auto;
}

#main-content hr {
border:1px solid #327B97;
boder-radius:1px;
}

#main-content .up{
position:relative;
top:-33px;
background:url("images/up-01.png");
background-size:44px 44px;
height:44px;
width:44px;
margin:auto;
}

#main-content .up:hover{
position:relative;
top:-33px;
background:url("images/up-01-hover.png");
background-size:44px 44px;
height:44px;
width:44px;
margin:auto;
}

/*text-img-content*/

.content-right {
width:80%;
float:right;
margin:auto;
}

.img-container-left {
float:left;
width:20%;
margin-left:-20px;
margin-bottom:-25px;
}

.content-left {
width:80%;
float:left;
margin:auto;
}

.img-container-right {
float:right;
width:20%;
margin-bottom:-25px;
}

.clear {
clear:both;
}

/*HOME*/

.home-titel {
font-family: 'century_gothic_bold';
font-style: normal;
font-weight: 400;
font-size:50pt;
text-align:center;
color:#75838a;
}

.home-titel-links {
font-family: 'century_gothic_bold';
font-style: normal;
font-weight: 400;
font-size:30pt;
text-align:center;
}

.home-titel-links a{
font-family: 'century_gothic_bold';
font-style: normal;
font-weight: 400;
font-size:20pt;
text-align:center;
text-decoration:none;
color:#ef7e31;
}

.home-titel-links a:hover{
font-family: 'century_gothic_bold';
font-style: normal;
font-weight: 400;
font-size:22pt;
text-align:center;
color:#f39a5a;
}

/* -- Teilnehmerstimmen -- */

.box {
position:relative;
margin:auto;
max-width:880px;
background-color:#e3e6e7;
border-radius:10px;
padding:20px;
color:#327B97;
}

/* -- FOOTER -- */

footer{
font-family: 'century_gothic_bold';
text-align:center;
background:#327B97;
color:#fffbea;
padding:10px;
}

footer .up{
background:url("images/up.png");
background-size:44px 44px;
background-repeat:no-repeat;
height:45px;
width:45px;
margin:auto;
}

footer .up:hover{
background:url("images/up-hover.png");
background-size:44px 44px;
background-repeat:no-repeat;
height:45px;
width:45px;
margin:auto;
}

#imprint{
margin-top:10px;
}

#imprint a {
color: #fffbea;
text-decoration:none;
}

#imprint a:hover {
color: #f0efea;
text-decoration:none;
}

#home{
background-image:url(images/gemuese.png);
background-repeat:no-repeat;
background-position:right;
}

#footer-icons{
position:absolute;
right:0;
float:right;
margin-top:-44px;
height:45px;
width:110px;
}	

#footer-icon-twitter a{
position:relative;
height:44px;
width:54px;
background:url("images/twitter.png");
background-repeat:no-repeat;
background-size:44px 44px;
float:left;
}

#footer-icon-twitter a:hover {
background:url("images/twitter-hover.png");
background-repeat:no-repeat;
background-size:44px 44px;
}

#footer-icon-facebook a{
position:relative;
height:44px;
width:54px;
background:url("images/facebook.png");
background-repeat:no-repeat;
background-size:44px 44px;
float:right;
}

#footer-icon-facebook a:hover {
background:url("images/facebook-hover.png");
background-repeat:no-repeat;
background-size:44px 44px;
}