/** Seitenlayout */
html{ height: 100%; }
body { height: 100%; min-height: 100%;  }
body.site {  background: #ffffff url("../images/bg-page.png") 0 0 repeat-x; }
header { padding: 10px 20px; font-family: "Marcellus", "Times New Roman", Times, serif; font-weight: 400; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(213,213,213,0.65) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(213,213,213,0.65) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(213,213,213,0.65) 100%); border-bottom: 1px solid #d5d5d5; min-height: 145px;}
#headline { font-size: 42px; color: #004699; text-transform: uppercase; line-height: 110%; margin: 25px 0 10px 0; border-bottom: 1px dotted #d5d5d5; }
#subhead { font-size: 24px; line-height: 110%; text-indent: 120px;  margin: 10px 0; }
#medal { position: absolute; right: 0px; margin-top: -10px; }
main {  position: relative; background-color: #fff;  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset; border: 1px solid #d5d5d5;  padding: 25px 20px; min-height: 400px; }
main:before { position: absolute; width: 100%; height: 300px; left: 0px; border-radius: 1%; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; z-index: -1; top: 0%; content: ""; box-shadow: 0 -1px 20px rgba(0,0,0,0.4); }

/** Menü oben */
nav.navigation ul.nav { padding: 0; list-style: none;  display: block; border-bottom: 3px solid #004699; text-align: center; margin: 15px 0 15px 0; }
nav.navigation ul.nav li { background: none; list-style: none; padding: 0; margin: 0 10px; *display: inline; display: inline-block;  }
nav.navigation ul.nav li a { display: block; padding: 5px 15px; min-width: 80px; text-align: center; font-weight: 600; color: #333333;  }
nav.navigation ul.nav li:last-child { margin-right: 0; }
nav.navigation ul.nav li:first-child { margin-left: 0; }
nav.navigation ul.nav li a:hover, #page nav ul.nav li.current>a, #page nav ul.nav li.current>a:hover {  color: #ffffff; background: #004699;  }

footer  { display: block; padding: 25px 20px 0 20px; text-align: right; color: #666666; font-size: 12px; }

#left .moduletable { border: 1px solid #d5d5d5; border-top: 3px solid #004699; margin-bottom: 25px; padding: 10px; }
#right .moduletable { border-top: 3px solid #004699; margin-bottom: 25px; padding: 10px 0; }
#left .moduletable h3, #right .moduletable h3 { margin-top: 0px; margin-bottom: 10px; }
#left .menutable { padding: 0; }
#left .nopad {padding: 0; }

#mmheader { background: #004699; padding: 3px 15px; color: #ffffff; border-bottom: 1px solid #d5d5d5;  }
#mobile, #mobile:hover { font-size: 18px; font-weight: 600; color: #fff; }
#mmheader .form-control { padding: 3px 6px; background: #003870; color: #cccccc; border: #004699; height: 28px; }
#mmheader .form-control:focus { outline: 0; box-shadow: none; background: rgba(0,0,0, 0.4); border: 1px solid #0050b8;  -moz-box-shadow: 1px 1px 3px #000000;  -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: inset 1px 1px 3px rgba(0,0,0, 0.6); }


/** Menü links */
#left ul.nav, #left ul.nav ul { padding: 0;  margin: 0; list-style: none; }
#left ul.nav li { padding: 0; margin: 0; border-bottom: 1px solid #d5d5d5; }
#left ul.nav li:last-child { border-bottom: 0; }
#left ul.nav li a { display: block; padding: 5px 10px; color: #333333;  }
#left ul.nav li a:hover, #left ul.nav li.current>a, #left ul.nav li.current>a:hover {  background: #e5e5e5; color: #000000;  }
#left ul.nav li ul li:first-child { border-top: 1px solid #d5d5d5; }
#left ul.nav li ul li a {}
#left ul.nav li ul li a:before { font-family: "feenders"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none;  line-height: 1em;  margin-right: 5px; margin-left: 5px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e82d';  }

#content ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#content ul>li { list-style: none; padding: 3px 0; background: none; margin-left: 25px; }
#content ul>li:before  { font-family: "feenders"; color: #004699; font-style: normal; font-weight: normal; position: absolute; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none;  line-height: 1.4em;  margin-left: -25px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e80a';  }

.items-row { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; }
.item-row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; }
.items-row:last-of-type, .item-row:last-of-type { padding: 0; border-bottom: none; }

.readmore { display: inline-block; margin: 5px 0 5px 25px; }
.readmore:before { font-family: "feenders"; color: #333333; font-style: normal; font-weight: normal; position: absolute; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none;  line-height: 1.4em;  margin-left: -25px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e830';  }

.pagination { margin: 10px 0; padding: 10px 0; text-align: center; display: block; }
.pagination ul, ul.pagination { width: auto; padding:0; margin: 10px 0;  text-align: center; }
.pagination li { display: inline-block; *display: inline; margin:0 5px!important;  }
.pagination ul>li:before { content: ""; display: none;}
.pagination a {  color: #222222; display: block; border: 1px solid #d5d5d5; border-radius: 3px; padding: 5px 10px; margin: 0; text-decoration: none;  }
.pagination a:hover, .pagination a:focus { text-decoration: none; background:#281d1d; color:#fff;  text-shadow: none; }
.pagination li:hover a { color: #004699; background: #d5d5d5;  }
.pagination li.currentpage>a { background: #004699; color: #ffffff; }

#kunena ul>li { margin-left:0; padding:0; }
#kunena li:before { content: ""; display: none;}

.img_caption { margin: 5px 5px 10px 5px; font-size: 12px; color: #666666; }
.highlight { padding: 0 5px; background: #ffe88b; }
#left .translate { background: transparent url(../images/english-flag.png) 5px 5px no-repeat; padding-left: 53px; }
#left ul.nav li.item-109 a { background: transparent url(../images/news.png) 15px 5px no-repeat; padding: 5px 0 3px 42px; line-height: 25px; }

.icons { position: absolute; margin-top: -40px; right: 0; }
.icons ul li { margin: 0!important; padding: 0;  }
.icons ul li:before { display: none; }

ul.navbar-nav, ul.nav-tabs  { position: relative; display: inline-block; margin-bottom: 15px; margin:0; }
ul.navbar-nav li, ul.nav-tabs li { float:left;  display: inline; margin-right: 20px; }
ul.navbar-nav li a, ul.nav-tabs li a { display: block; padding: 5px 15px; min-width: 80px; text-align: center; font-weight: 600; color: #333333; border-bottom: 3px solid #004699; }

ol.breadcrumb { clear:both; display: block; }

.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    max-width: 100%;
    height: auto;
}

#scrolltotop { display: block; text-align: center; cursor: pointer; }
/** Media Selectoren */
#mobileDetect { display: none; }
@media (max-width: 1199px) {
    #subhead { text-indent: 0px;}
    #page nav ul.nav li { margin: 0 5px; }
    #page nav ul.nav li a { padding: 5px 10px; min-width: 60px; }
}
@media (max-width: 991px) {
    #headline { font-size: 28px; }
    #subhead { font-size: 20px; line-height: 22px;  }
    #medal { position: absolute; right: 0px; }
    #page nav ul.nav li { margin: 0 5px; }
    #page nav ul.nav li a { padding: 3px; min-width: 0; font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) {
    .kprofilebox .inputbox { display: inline-block; }
}
@media (max-width: 767px) {
    #mobileDetect { display: block; }
    .container { padding: 0; }
    #headline { font-size: 24px; margin: 15px 0 10px 0; }
    #subhead { font-size: 18px; }
    #medal { width: 110px; height: 110px; }
    nav { display: none; }
    header { min-height: 120px;}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media screen {
}
@media print {
}