/*
	init
----------------------------------------------------------------------------------------------------------------------------
*/
body {
    font-size: 15px;
    line-height: 1.4em;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
ul {
    list-style-type: none
    }
h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em
    }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, img, textarea {
    margin: 0;
    padding: 0
    }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, input, textarea, label {
    vertical-align: baseline
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
td, th {
    vertical-align: top
    }
:link, :visited {
    text-decoration: none
    }
a img, :link img, :visited img {
    border: none
    }
a:hover, a:focus, a:active {
    text-decoration: underline
    }
.bodytext a, .bodytext li {
    clear: none
    }
button {
    border: 0
    }
.hidden {
    display: none
    }
/*
	layout
----------------------------------------------------------------------------------------------------------------------------
*/
body {
    background: url(../img/bg_body2.jpg) repeat 0 0 #FFF;
    overflow: scroll
    }
.bg-wrap {
    width: 100%
    }
.container {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
#header {
    position: relative
    }
#header .header-top {
    position: relative;
    height: 140px;
    background-image: url(../img/header-background-1000x141.png);
    background-repeat: no-repeat
    }
#header .header-top .logo-bms {
    position: absolute;
    right: 20px;
    top: 10px;
    display: block;
    width: 200px
    }
#header .header-top .logo-aksv {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: auto
    }
#header .header-top .slogan {
    position: absolute;
    bottom: 0;
    right: 150px
    }
#logo {
    float: left;
    display: inline;
    width: 300px;
    height: 30px;
    margin: 0
    }
#navigation {
    height: 46px
    }
#content {
    background-image: url(../img/bg-content-left.png), url(../img/bg-content-right.png);
    background-position: calc(50% - 557px) 0, calc(50% + 557px) 0;
    background-repeat: repeat-y, repeat-y
    }
#content .container {
    background-color: #FFF;
    padding: 0 20px 30px 20px
    }
#footer {
    background-image: url(../img/footer-rand-links.png), url(../img/footer-rand-rechts.png);
    background-position: calc(50% - 557px) 10px, calc(50% + 557px) 10px;
    background-repeat: no-repeat, no-repeat
    }
#footer .container {
    overflow: visible
    }
.box-full, .box-twothird, .box-half, .box-third, .box-quarter, .timeline-box {
    float: left;
    display: inline;
    margin: 0 10px 10px 10px
    }
.box-full {
    width: 940px
    }
.box-half {
    width: 460px
    }
.box-third {
    width: 300px
    }
.box-quarter {
    width: 220px
    }
.box-twothird {
    width: 620px
    }
.timeline-box {
    width: 940px;
    background: #00A0F0 url(../img/timeline-background.png) top right no-repeat;
    position: relative
    }
.timeline-box:before {
    content: " ";
    width: 300px;
    height: 100%;
    background: #003082 url(../img/timeline-text.png) center right no-repeat;
    position: absolute;
    right: 0;
    top: 0
    }
@media screen and (min-width: 570px) {
    .timeline-box:before {
        background-color: transparent
        }
    }
.timeline-box > div {
    width: 620px
    }
.row-divider {
    float: none;
    clear: left;
    border: none;
    margin: 0 10px;
    overflow: auto
    }
.row-divider hr {
    border: none;
    height: 0;
    color: transparent;
    margin: 0
    }
.row-divider.line hr {
    border-bottom: 1px solid #EAEAEA;
    height: 1px
    }
#c-left {
    width: 640px;
    float: left
    }
#c-right {
    width: 320px;
    float: left
    }
#c-box {
    margin: 0;
    padding: 30px 0 0 0;
    overflow: hidden
    }
#footer {
    margin-bottom: 30px
    }
#footer div {
    display: block
    }
#footer h2 {
    padding: 0 0 10px 0;
    margin: 20px 0 10px 0
    }
#footer .middle {
    border-top: 20px solid #7FD7F4;
    background-color: #00A0F0;
    padding: 0 20px 10px 20px;
    overflow: auto;
    position: relative
    }
#footer .middle::before {
    content: "";
    background: url(../img/aksv-logo-footer-white-216x200.svg) no-repeat center center;
    background-size: cover;
    left: 120px;
    bottom: 10px;
    width: 150px;
    height: 150px;
    position: absolute
    }
#footer .bottom {
    color: #FFF;
    padding: 10px 30px 10px 0;
    margin: 0 -3px 0 -3px;
    background: #003082 url(../img/footer-drips.png) no-repeat center top
    }
#footer .bottom a:hover, #footer .bottom a:active, #footer .bottom a:focus {
    color: inherit
    }
/*
	navigaton
----------------------------------------------------------------------------------------------------------------------------
*/
#navigation {
    background-color: #00A0F0;
    background-image: url(../img/bg-navbar.png)
    }
#navigation ul {
    text-align: center
    }
#navigation li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    display: inline-block;
    margin: 0 0;
    padding: 0 0
    }
#navigation li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    height: 46px;
    line-height: 44px;
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-decoration: none;
    position: relative;
    z-index: 1;
    color: #FFF
    }
#navigation li a:before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/nav-splash-4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
    }
#navigation li a:after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
    }
#navigation li a:hover, #navigation li a:active, #navigation li a:focus, #navigation li.active a {
    color: #FFF;
    color: #00A0F0
    }
#navigation li a:hover:before, #navigation li a:active:before, #navigation li a:focus:before, #navigation li.active a:before {
    -webkit-transform: scale(1);
    transform: scale(1)
    }
#content .sub-navigation {
    margin-bottom: 2em
    }
#content .sub-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0
    }
.sub-navigation li {
    float: left;
    clear: none;
    margin-right: 10px
    }
/*
	flexslider
----------------------------------------------------------------------------------------------------------------------------
*/
/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
    outline: none
    }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
    }
.flex-pauseplay span {
    text-transform: capitalize
    }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0
    }
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
    }
.flexslider .slides img {
    width: 100%;
    display: block
    }
.flexslider .slides:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
html[xmlns] .flexslider .slides {
    display: block
    }
* html .flexslider .slides {
    height: 1%
    }
.no-js .flexslider .slides > li:first-child {
    display: block
    }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    background: #fff;
    position: relative;
    zoom: 1
    }
.flexslider .slides {
    zoom: 1
    }
.flexslider .slides img {
    height: auto
    }
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
    }
.loading .flex-viewport {
    max-height: 169px
    }
.carousel li {
    margin-right: 5px
    }
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -35px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
    }
.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 40px;
    display: inline-block;
    content: "";
    color: #00A0F0;
    line-height: 40px
    }
.flex-direction-nav a.flex-next:before {
    content: ""
    }
.flex-direction-nav .flex-prev {
    left: -50px
    }
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
    }
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px
    }
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
    }
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px
    }
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
    }
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
    }
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
    }
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: ""
    }
.flex-pauseplay a:hover {
    opacity: 1
    }
.flex-pauseplay a.flex-play:before {
    content: ""
    }
.flex-control-nav {
    width: 100%;
    text-align: center;
    margin-top: 10px
    }
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1
    }
.flex-control-paging li a {
    width: 12px;
    height: 12px;
    display: block;
    background: #CCC;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
    }
.flex-control-paging li a:hover {
    background: #003082
    }
.flex-control-paging li a.flex-active {
    background: #003082;
    cursor: default
    }
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
    }
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
    }
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
    }
.flex-control-thumbs img:hover {
    opacity: 1
    }
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
    }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
        }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
        }
    }
/*
	content
----------------------------------------------------------------------------------------------------------------------------
*/
/***************
*
*	GENERAL & USEFUL CLASSES
*
***************/
h1, h2, h3, .h2, .tx-aksvprojects-pi1 .voting .votes span {
    font-family: "Oswald", sans-serif;
    font-weight: normal
    }
ul, ol, li, h4, h5, h6, pre, form, body, html, p, blockquote, input, textarea, label {
    font-family: "Open Sans", "Lato", "Roboto", "Titillium Web", Tahoma, Geneva, sans-serif
    }
a, #footer label, #footer a, .btn-1, .btn-2, .button-klein, .button-mittel {
    font-weight: bold
    }
li a, h2 a {
    font-weight: normal
    }
.winner-teaser .left h1 {
    font-size: 48px;
    line-height: 54px
    }
h1 {
    font-size: 40px;
    line-height: 1.1em;
    margin-bottom: 0.8em
    }
.tx-aksvprojects-pi1 .voting .votes span {
    font-size: 28px;
    line-height: 30px;
    height: 30px;
    width: 100px;
    text-align: center
    }
h2 {
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 0.5em 0
    }
.overlay span, .overlay, .btn-2, .button-mittel {
    font-size: 13px;
    line-height: 1.2em
    }
.date span {
    font-size: 22px
    }
h3 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 0.8em 0
    }
h4 {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0
    }
p {
    margin-bottom: 1.2em
    }
#content ul {
    list-style: disc outside;
    padding-left: 20px;
    margin-bottom: 1.2em
    }
hr {
    border: none;
    border-bottom: 1px solid #EAEAEA;
    border-color: #EAEAEA;
    margin-bottom: 1em;
    color: #EAEAEA
    }
.btn-1, .button-klein {
    font-size: 12px
    }
.help {
    font-size: 11px;
    line-height: 1.5em
    }
.clear {
    clear: both
    }
.bg-blue-noise {
    margin: 40px 0 20px 0;
    background-color: #00A0F0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 1px 20px;
    color: #FFF;
    position: relative
    }
.bg-blue-noise::before {
    content: "";
    width: 100%;
    height: 18px;
    background: transparent url(../img/splash-top.png) no-repeat left bottom;
    top: -18px;
    left: 0;
    position: absolute
    }
input, textarea, span.error-pointer, .round-corners, .btn-1, .btn-2, .button-klein, .button-mittel {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
    }
.round-corners-top {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
    }
.icon-social {
    float: left;
    display: inline;
    background-repeat: no-repeat
    }
.icon-social.small {
    height: 27px;
    width: 24px;
    margin-right: 8px;
    background-image: url(../img/icon_socialmedia_small.png)
    }
.icon-social.small.facebook {
    background-position: 0 6px
    }
.icon-social.small.flickr {
    background-position: -54px 6px
    }
.icon-social.small.youtube {
    background-position: -27px 6px
    }
.icon-social.large {
    height: 40px;
    width: 40px;
    background-image: url(../img/icon_socialmedia_large.png)
    }
.icon-social.large.facebook {
    background-position: 0 0
    }
.icon-social.large.twitter {
    background-position: 0 -40px
    }
.icon-social.large.flickr {
    background-position: 0 -80px
    }
.icon-social.large.youtube {
    background-position: 0 -120px
    }
.icon-votes {
    float: left;
    display: inline;
    clear: left;
    width: 12px;
    height: 13px;
    margin: 3px 5px 0 0;
    background: url(../img/icon_thumbsup.png) no-repeat 0 0 transparent
    }
.btn-1:hover, .btn-1:focus, .btn-1:active, .btn-2:hover, .btn-2:focus, .btn-2:active, .button-klein:hover, .button-klein:focus, .button-klein:active, .button-mittel:hover, .button-mittel:focus, .button-mittel:active, .btn-circle-plus:hover, .btn-circle-plus:focus, .btn-circle-plus:active, a.round-corners:hover, a.round-corners:focus, a.round-corners:active, .paging a, .paginator-sorter a {
    text-decoration: none
    }
.bold, .h4, .paging .current, .votes {
    font-weight: bold
    }
.tx-aksvhomegallery-pi1 .h4 {
    font-weight: normal
    }
#footer .top, #footer .bottom {
    text-align: right
    }
.center, .btn-1, .btn-2, .date, .projects .votes, .link-project-login {
    text-align: center
    }
h4, .date, #footer label {
    text-transform: uppercase
    }
.btn-1, .btn-2, .pagination a, .btn-updown, .btn-vote, .slideshow a img {
    cursor: pointer
    }
/***************
*
*	SLIDESHOWS
*
***************/
.slideshow {
    position: relative;
    overflow: hidden
    }
#content .slideshow ul {
    list-style: none;
    padding: 0;
    margin: 0
    }
#content .slideshow .slide {
    position: relative
    }
#content .slideshow .slide .overlay {
    position: absolute;
    bottom: 0;
    left: 0
    }
.tx-aksvhomegallery-pi1 .slideshow {
    width: 100%;
    margin-bottom: 20px
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide {
    width: 940px;
    height: 529px;
    position: relative
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide .overlay {
    background-color: rgba(255, 255, 255, 0.85);
    width: 90%;
    margin: 0 5%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide .overlay h1 {
    font-size: 24px;
    color: #003082;
    margin: 0 0 0.5em 0
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide .overlay p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4em
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide .overlay .smalltext {
    font-size: 12px;
    color: #808080
    }
.tx-aksvhomegallery-pi1 .slideshow .slides .slide a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000
    }
.tx-aksvhomegallery-pi1 .slideshow .flex-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent url(../img/buehne-spray-background.png) no-repeat;
    background-size: 103% auto;
    background-position: center center;
    width: 100%;
    height: 100%;
    pointer-events: none
    }
.slideshow #slider {
    width: 620px;
    height: 349px
    }
.slideshow #slider .slides > li.slide {
    width: 620px !important;
    height: 349px !important;
    background-size: contain;
    background-color: #EAEAEA;
    background-position: center center;
    background-repeat: no-repeat
    }
.slideshow #carousel {
    height: 70px;
    margin-top: 10px;
    margin-bottom: 20px
    }
.slideshow #carousel .slides > li.slide {
    width: 64px !important;
    height: 64px !important;
    background-size: cover;
    background-color: #EAEAEA;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
    border: 3px solid #EAEAEA;
    opacity: 0.5
    }
.slideshow #carousel .slides > li.flex-active-slide {
    border: 3px solid #00A0F0;
    opacity: 1
    }
.slideshow #carousel .flex-direction-nav a {
    margin: -20px 0 0
    }
/***************
*
*	BACKGROUNDS & BUTTONS
*
***************/
.bg-blue-opaque {
    background-color: rgba(0, 160, 240, 0.9)
    }
.bg-blue-opaque-50 {
    background: url(../img/bg_blue_opaque_50.png) repeat 0 0 transparent
    }
.bg-darkblue-opaque {
    background: url(../img/bg_darkblue_opaque.png) repeat 0 0 transparent
    }
.btn-1, .btn-2, .button-klein, .button-mittel {
    clear: none;
    float: right;
    display: inline;
    margin: 2px 0 4px 0
    }
.btn-1, .button-klein, a.btn-1 {
    background-color: #00A0F0;
    height: 22px;
    padding: 6px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 2px solid #003082;
    color: #FFF !important
    }
.btn-1:hover, .button-klein:hover, a.btn-1:hover, .btn-1:active, .button-klein:active, a.btn-1:active, .btn-1:focus, .button-klein:focus, a.btn-1:focus, .btn-1.active, .button-klein.active, a.btn-1.active {
    background-color: #003082;
    padding-top: 8px;
    padding-bottom: 4px
    }
.btn-2, .button-mittel {
    background-color: #00A0F0;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 2px solid #003082;
    color: #FFF !important
    }
.btn-2:hover, .button-mittel:hover, .btn-2:active, .button-mittel:active, .btn-2:focus, .button-mittel:focus, .btn-2.active, .button-mittel.active {
    background-color: #003082
    }
input.btn-1 {
    padding: 0 2px 3px 2px;
    border: 0;
    height: 26px
    }
input.btn-2 {
    padding: 10px 25px;
    width: auto;
    border: 0;
    border-bottom: 3px solid #003082;
    font-size: 18px;
    text-transform: uppercase
    }
input.btn-2:hover, input.btn-2:active, input.btn-2:focus, input.btn-2.active {
    background-color: #003082;
    padding-top: 12px;
    padding-bottom: 8px
    }
.btn-circle {
    display: inline-block;
    background-color: #CCC;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-indent: 100000em;
    margin-right: 3px
    }
.btn-circle:hover, .btn-circle:focus, .btn-circle:active, .btn-circle.active {
    outline: none;
    background-color: #003082
    }
.btn-circle-plus {
    float: left;
    display: inline;
    height: 21px;
    background: url(../img/icon_circle_plus.png) no-repeat 0 0 transparent;
    padding: 2px 0 0 12px
    }
.btn-circle-plus span {
    margin: 0 0 0 13px;
    padding: 1px 10px 1px 5px
    }
.btn-circle-plus:hover, .btn-circle-plus:focus, .btn-circle-plus:active {
    background-position: 0 -24px
    }
.btn-arrow-left, .btn-arrow-right {
    width: 36px;
    height: 43px;
    background: url(../img/btn_arrow_left_right.png) no-repeat 0 -1px transparent
    }
.btn-arrow-left {
    float: left;
    display: inline
    }
.btn-arrow-left:hover, .btn-arrow-left:focus, .btn-arrow-left:active {
    background-position: 0 -50px
    }
.btn-arrow-right {
    float: right;
    display: inline;
    clear: none;
    background-position: -37px -1px
    }
.btn-arrow-right:hover, .btn-arrow-right:focus, .btn-arrow-right:active {
    background-position: -37px -50px
    }
.btn-join {
    display: block;
    width: 205px;
    height: 54px;
    background: url(../img/btn_join.png) no-repeat 0 0 transparent
    }
.btn-join:hover, .btn-join:focus, .btn-join:active {
    background-position: 0 -67px
    }
.btn-join span {
    display: none
    }
.btn-updown {
    float: left;
    display: inline;
    height: 27px;
    width: 36px;
    margin: 0 0 0 5px;
    background: url(../img/btn_arrow_up_down.png) no-repeat 0 0 transparent
    }
.btn-updown:hover, .btn-updown:active, .btn-updown:focus {
    background-position: 0 -48px
    }
.btn-updown.down {
    background-position: -40px 0
    }
.btn-updown.down:hover, .btn-updown.down:active, .btn-updown.down:focus {
    background-position: -40px -48px
    }
.btn-vote {
    float: left;
    display: inline;
    width: 194px;
    height: 65px;
    background: url(../img/btn_vote.png) no-repeat -2px 0 transparent
    }
.btn-vote:hover, .btn-vote:focus, .btn-vote:active {
    background-position: -2px -66px
    }
.optionaler-link {
    display: block;
    width: 100%;
    text-align: right;
    clear: both
    }
.button-gruen {
    display: block;
    width: 100%;
    padding: 6px 0;
    text-indent: 10px
    }
.download {
    background: url(../img/icon_text.png) no-repeat 0 4px transparent;
    padding-left: 16px
    }
/***************
*
*	PAGINATOR
*
***************/
.pagination-wrap {
    margin-bottom: 20px !important
    }
.pagination {
    font-size: 12px
    }
.pagination .paginator-counter, .pagination .paginator-sorter {
    float: left;
    display: inline
    }
.pagination .paginator-counter {
    border-right: 1px solid #CCC;
    margin: 8px 5px 6px 0;
    padding: 0 10px 0 0
    }
.pagination .paginator-sorter {
    margin: 8px 0
    }
.pagination .paginator-sorter a {
    margin-right: 5px
    }
.pagination .paging {
    margin: 8px 0;
    padding-left: 5px;
    float: right;
    display: inline
    }
.pagination .paging a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 22px;
    display: inline-block;
    text-align: center;
    border: 1px solid #003082;
    line-height: 12px;
    padding: 5px 0;
    margin: 0 0 0 5px
    }
.pagination .paging a.next, .pagination .paging a.prev {
    display: inline;
    width: auto;
    border-color: transparent;
    padding-left: 5px;
    padding-right: 5px
    }
.pagination .paging a.next {
    float: right
    }
.pagination .paging a.prev {
    float: left
    }
.pagination .paging .current, .pagination .paginator-sorter a {
    padding: 3px 5px
    }
/* prev next pagination */
.paging-prevnext {
    margin-bottom: 20px !important;
    position: relative
    }
.paging-prevnext .prev-box, .paging-prevnext .up-box, .paging-prevnext .next-box {
    width: 30%;
    text-align: left;
    padding: 8px 0
    }
.paging-prevnext .up-box {
    margin: 0 auto;
    text-align: center
    }
.paging-prevnext .prev-box {
    position: absolute;
    left: 0;
    top: 0
    }
.paging-prevnext .next-box {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
    }
.pagination.circles {
    display: block;
    margin: 8px 0 0 0;
    text-align: center
    }
.pagination.circles li {
    display: inline-block;
    margin: 0
    }
/***************
*
*	MISC
*
***************/
.pagination ul {
    list-style: none;
    margin: 0
    }
.winner-teaser ol {
    list-style: none;
    margin: 0
    }
.date {
    float: left;
    display: inline;
    width: 60px;
    margin: 5px 10px 0 0
    }
.date span {
    padding: 4px 0;
    width: 60px;
    display: block
    }
.antenna {
    float: left;
    display: inline;
    width: 60px;
    height: 48px;
    margin: 5px 10px 0 0;
    background: url(../img/icon_antenna.png) no-repeat 0 0 transparent
    }
.link-project-login {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 108px;
    height: 23px;
    z-index: 10;
    padding-top: 35px;
    padding-bottom: 5px;
    padding-left: 45px;
    text-align: left;
    background: url(../img/header-login-splash.png) no-repeat;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: normal
    }
#authMessage {
    margin: 10px 0;
    padding: 5px 10px
    }
#youtubevideos .video, #flickrphotos .flickr-gallery-thumb {
    width: 145px;
    height: 82px;
    float: left;
    display: inline;
    overflow: hidden
    }
#youtubevideos .video.even, #flickrphotos .flickr-gallery-thumb.even {
    margin: 0 10px 6px 0
    }
#youtubevideos .video a, #flickrphotos .flickr-gallery-thumb a {
    float: left;
    display: inline;
    height: 82px;
    overflow: hidden
    }
#youtubevideos .video img, #flickrphotos .flickr-gallery-thumb img {
    position: relative;
    top: -13px;
    width: 145px
    }
#flickrphotos .flickr-gallery-thumb img {
    top: 0
    }
.fb_edge_widget_with_comment.fb_iframe_widget {
    top: -3px;
    margin: 0 10px 0 0
    }
/***************
*
*	FOOTER
*
***************/
#footer .top .h2 {
    float: right;
    display: inline;
    margin: 13px 30px 0 0
    }
#footer p {
    margin-bottom: 5px
    }
.supporter {
    float: left;
    display: inline;
    clear: none;
    width: 100px;
    height: 75px;
    margin: 0 0 10px 0;
    padding: 2px 2px 2px 3px;
    text-align: center
    }
.supporter.right {
    margin-left: 10px
    }
/* sl styles */
#c-box .csc-textpic-text p {
    clear: none
    }
#footer-share {
    float: right;
    display: inline;
    text-align: right;
    width: 245px
    }
#footer #footer-share span.h2 {
    display: inline;
    width: 170px;
    margin: 15px 30px 0 0
    }
#footer #footer-share span.st_sharethis_large {
    float: left;
    display: inline;
    width: 32px;
    height: 32px;
    margin: 10px 5px 0 0
    }
.more-link {
    text-align: center;
    margin-top: 5px
    }
.box {
    clear: both
    }
#youtubevideos #channel_div {
    height: 184px
    }
.tx-aksvprojects-pi2 {
    display: inline;
    float: left
    }
#header {
    position: relative
    }
#header img {
    position: absolute;
    z-index: 5
    }
.bg-blue-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #00A0F0;
    padding: 15px 20px 5px 20px;
    color: #FFF
    }
.bg-blue-box h2, .bg-blue-box h3 {
    color: white
    }
#youtubevideos .video a, #flickrphotos .flickr-gallery-thumb a {
    position: relative
    }
#youtubevideos .video img, #flickrphotos .flickr-gallery-thumb img {
    position: relative
    }
#youtubevideos #channel_div, #flickrphotos {
    height: inherit
    }
#wrapper .bottom p a:hover, #wrapper .bottom p a:focus, #wrapper .bottom p a:active {
    color: #fff;
    text-decoration: underline
    }
.wrapper-right {
    float: left;
    display: inline;
    width: 300px
    }
#c-box .toggleLink, #c-box .toggleLink h2 {
    float: left;
    display: inline;
    width: 100%
    }
#c-box .toggleLink {
    height: 27px;
    margin: 10px 0 10px 0
    }
.bg-stars {
    float: left;
    display: inline;
    width: 100%;
    background: url(../img/bg_headline_stars.png) no-repeat 0 0
    }
.bg-stars h3 {
    margin: 25px 0 10px 0;
    padding: 0;
    text-align: center
    }
.bg-stars-content {
    margin: 0 10px 10px 10px
    }
.bg-stars-special {
    position: relative
    }
.bg-stars-special .patch {
    position: absolute;
    width: 66px;
    height: 101px;
    background: transparent url(../img/patch.png) no-repeat 0 0;
    left: 6px
    }
.box-half .bg-stars-special .patch {
    top: 256px
    }
.box-third .bg-stars-special .patch {
    top: 165px
    }
.bg-stars-special .optionaler-link {
    border: 0
    }
#wrapper .fb-like {
    float: none;
    display: inline
    }
#wrapper .social .right {
    clear: none;
    text-align: right;
    width: 380px
    }
#wrapper .social-title {
    display: inline;
    float: left;
    width: 210px
    }
.fa-squared {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 3px 0 0 0;
    vertical-align: center;
    background-color: #003082;
    color: #FFF;
    text-align: center;
    vertical-align: top;
    overflow: hidden
    }
.fa-squared i.fa {
    font-size: 0.9em;
    line-height: 24px
    }
#footer .fa-squared {
    width: 48px;
    height: 48px;
    margin: 6px 10px 0 0;
    vertical-align: center;
    background-color: #FFF;
    text-align: center;
    font-size: 40px;
    overflow: hidden
    }
#footer .fa-squared i.fa {
    color: #00A0F0;
    font-size: inherit;
    line-height: 50px;
    font-family: FontAwesome
    }
.smalltext, .help {
    font-size: 13px;
    line-height: 1.4em
    }
#footer ul.fb-pages {
    width: 100%;
    overflow: hidden
    }
#footer ul.fb-pages li {
    float: left;
    margin: 0 4px 4px 0;
    padding: 0;
    width: 52px;
    height: 52px;
    clear: none
    }
#footer ul.fb-pages li:nth-child(4n+0) {
    margin-right: 0
    }
#footer ul.fb-pages li a {
    clear: none;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%
    }
#footer ul.fb-pages li a img {
    width: 100%;
    height: 100%
    }
.teaser-callout {
    margin-top: 2.5em;
    margin-bottom: 36px;
    background-color: #00A0F0;
    position: relative
    }
.teaser-callout::before {
    content: "";
    width: 100%;
    height: 16px;
    background: transparent url(../img/mitmachen-splash-header.png) no-repeat left bottom;
    top: -16px;
    left: 0;
    position: absolute
    }
.teaser-callout::after {
    content: "";
    width: 100%;
    height: 16px;
    background: transparent url(../img/mitmachen-splash-header.png) no-repeat left bottom;
    bottom: -16px;
    left: -150px;
    position: absolute;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari */
    transform: rotate(180deg)
    }
.teaser-callout .inner {
    padding: 20px 0 20px 0;
    color: #FFF;
    overflow: hidden
    }
.teaser-callout .inner h1 {
    color: #FFF;
    font-size: 30px;
    text-align: center
    }
.teaser-callout .inner h1 span {
    color: #003082
    }
.teaser-callout .inner .callout-video {
    width: 480px;
    margin: 0 auto 30px auto;
    border: 3px solid #FFF
    }
.teaser-callout .inner .box-third {
    width: 293.333333px;
    background: #003082 url(../img/mitmachen-blue-boxes-transparent.png) no-repeat;
    background-position: top left;
    height: 100px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
    }
.teaser-callout .inner .box-third:nth-child(4) {
    background-position: top center
    }
.teaser-callout .inner .box-third:nth-child(5) {
    background-position: top right
    }
.teaser-callout .inner .box-third p {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    width: 100%;
    margin-bottom: 0
    }
.cta-wrap {
    width: 100%;
    padding-top: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center
    }
.cta-wrap .cta {
    float: none !important;
    padding: 20px 20px;
    width: 250px;
    font-size: 28px;
    display: inline-block;
    background-color: #003082;
    font-family: "Oswald", sans-serif;
    border-bottom-width: 4px;
    font-weight: normal
    }
.cta-wrap .cta:hover, .cta-wrap .cta:active, .cta-wrap .cta:focus, .cta-wrap .cta.active {
    background-color: #003082;
    padding-top: 23px;
    padding-bottom: 17px
    }
.teaser h2 {
    text-align: center
    }
.intro-text {
    font-weight: bold
    }
.infobox {
    width: 100%;
    background-color: #e8f0ff;
    color: #003082;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 5px 77px;
    border-left: 3px solid #003082;
    position: relative;
    margin-bottom: 20px
    }
.infobox::before {
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 5px;
    left: 17px
    }
.img-project {
    margin-bottom: 2em
    }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important
    }
.media-container {
    width: 100%;
    display: block;
    position: relative;
    clear: both;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
    }
.media-container iframe, .media-container object, .media-container embed {
    display: block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
    }
.social-sharing h3 {
    display: inline-block;
    margin-right: 20px;
    line-height: 42px
    }
.social-sharing a.fa-squared {
    display: inline-block;
    background-color: #00A0F0;
    color: #FFF;
    font-size: 30px;
    width: 40px;
    height: 40px
    }
.social-sharing a.fa-squared i.fa {
    line-height: 42px
    }
.box-participate {
    line-height: 1.2em;
    text-align: center
    }
.box-participate h3 {
    margin-top: 10px;
    text-transform: uppercase
    }
.btn-3 {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 2px solid #003082;
    background-color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EAEAEA));
    background: -webkit-linear-gradient(top, #FFF, #EAEAEA);
    background: -moz-linear-gradient(top, #FFF, #EAEAEA);
    background: -ms-linear-gradient(top, #FFF, #EAEAEA);
    background: -o-linear-gradient(top, #FFF, #EAEAEA);
    text-decoration: none !important
    }
.btn-3:hover, .btn-3:focus, .btn-3:active {
    padding: 12px 20px 8px 20px;
    background-color: #003082;
    background-image: none;
    color: #FFF !important
    }
.quote-box .quote-image {
    float: left;
    margin-right: 20px;
    width: 150px
    }
.quote-box .quote-image img {
    display: inline-block;
    width: 100%;
    height: auto
    }
.quote-box .quote-wrap {
    width: 770px;
    float: left
    }
.quote-box blockquote {
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    padding: 10px 0
    }
.quote-box blockquote p {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    color: #999
    }
.quote-box blockquote p:before {
    content: "„";
    font-family: Georgia, serif;
    font-size: 40px;
    display: inline-block;
    margin-right: 2px;
    line-height: 10px
    }
.quote-box blockquote p:after {
    content: "“";
    font-family: Georgia, serif;
    font-size: 40px;
    display: inline-block;
    position: relative;
    top: 10px;
    line-height: 10px;
    margin-left: 2px
    }
.quote-box .quote-author {
    font-size: 13px;
    text-align: center
    }
.tx-aksvprojects-pi1 .list, .tx-aksvnews-pi1 .list, .tx-aksvambassadors-pi1 .list {
    float: none;
    clear: both;
    overflow: auto
    }
.cover-image {
    display: block;
    margin-bottom: 20px
    }
.cc_banner-wrapper {
    z-index: 9001;
    position: relative
    }
.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    padding: 20px;
    background-color: #003082;
    color: #fff;
    box-sizing: border-box
    }
.cc_container .cc_btn {
    line-height: 1em;
    padding: 8px 10px;
    background-color: #00A0F0;
    color: #FFF;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
    }
.cc_container .cc_btn:hover, .cc_container .cc_btn:active, .cc_container .cc_btn:focus {
    background-color: #006da3;
    background-color: #FFF;
    color: #003082
    }
.cc_container .cc_message {
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    display: block;
    float: left;
    width: 80%
    }
.cc_container .cc_message a {
    font-weight: normal;
    color: #FFF;
    text-decoration: underline
    }
@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-66px);
        -ms-transform: translateY(-66px);
        transform: translateY(-66px);
        } 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        }
    }
.cc_container {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown
    }
/*
	colors
----------------------------------------------------------------------------------------------------------------------------
*/
/* darkblue */
h2, a, a:link, a:visited, a:hover, a:focus, a:active, .bg-blue h1, .btn-1, .btn-2, .button-klein, .button-mittel, .quote p, #footer .top .h2, #footer .submit input, .tx-aksvprojects-pi1 .bg-blue-noise-content *, #footer a:hover, #footer a:focus, #footer a:active, #footer a:hover span, #footer a:focus span, #footer a:active span, #footer .tx-aksvnewsletter-pi1 .success * {
    color: #003082
    }
/* red */
#authMessage, .formerror label, .error-message, .error-message p {
    color: #E30613
    }
#footer *, .white, .white *, .bg-blue, .bg-blue *, .bg-blue-opaque, .bg-blue-noise *, .bg-darkblue-opaque *, .bg-darkblue-opaque, .bg-blue-opaque-50, .bg-blue-opaque-50 *, .bg-stars *, .btn-1:hover, .btn-1:focus, .btn-1:active, .btn-1.active, .btn-2:hover, .btn-2:focus, .btn-2:active, .btn-2.active, .button-klein:hover, .button-klein:focus, .button-klein:active, .button-klein.active, .button-mittel:hover, .button-mittel:focus, .button-mittel:active, .button-mittel.active, .paging a:hover, .paging a:focus, .paging a:active, .paging .current, .paging .active, .paginator-sorter a:hover, .paginator-sorter a:focus, .paginator-sorter a:active, .paginator-sorter .active, #footer .submit input:hover, #footer .submit input:focus, #footer .submit input:active {
    color: #FFF
    }
/* darkblue */
.bg-darkblue, .paging a:hover, .paging a:focus, .paging a:active, .paging .current, .paging .active, .paginator-sorter a:hover, .paginator-sorter a:focus, .paginator-sorter a:active, .paginator-sorter .active, .btn-circle-plus:hover span {
    background-color: #003082
    }
/* blue */
.bg-blue, .bg-blue-noise-content, .tx-aksvgallery-pi1 .slideshow {
    background-color: #00A0F0
    }
/* lightblue */
.bg-lightblue {
    background-color: #7FD7F4
    }
.tx-aksvnewsletter-pi1 .error {
    background-color: #E30613
    }
/* green */
.bg-green, .button-gruen, .tx-aksvnewsletter-pi1 .success {
    background-color: #00be00
    }
.success-message {
    color: #003082
    }
.bg-grey {
    background-color: #CCC
    }
.bg-lightgrey, span.error-pointer, .error-message, .success-message, #authMessage {
    background-color: #CCC
    }
.bg-white, .tx-aksvprojects-pi2 .slideshow .item {
    background-color: #FFF
    }
.border-bottom-lightblue {
    border-bottom: 2px solid #7FD7F4
    }
.border-top-grey, .optionaler-link {
    border-top: 1px solid #EAEAEA
    }
.border-bottom-grey {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 1em
    }
.paging {
    border-left: 1px solid #CCC
    }
.text.formerror input, .textarea.formerror textarea {
    border: 1px solid #E30613
    }
.tx-aksvambassadors-pi1 .slideshow .active img, .tx-aksvnews-pi1 .slideshow .active img, #flickr-gallery img.active {
    border: 2px solid #00be00
    }
.paging .prev, .paging .next {
    border: 0
    }
/*
	form
----------------------------------------------------------------------------------------------------------------------------
*/
/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/
input, label, select, button, textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    /* Browsers have different default form fonts */
    font-size: 15px;
    font-family: "Open Sans", "Lato", "Roboto", "Titillium Web", Tahoma, Geneva, sans-serif
    }
/* Remove the stupid outer glow in Webkit */
input:focus, textarea:focus, select:focus {
    outline: none
    }
/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
/* Text Inputs
-----------------------------------------------*/
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 36px
    }
/* Button Controls
-----------------------------------------------*/
input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px;
    line-height: 1em;
    vertical-align: middle;
    text-align: left
    }
input[type=radio] {
    margin: 0 7px 4px 40px
    }
input[type=radio]:first-of-type {
    margin-left: 3px
    }
/* File Uploads
-----------------------------------------------*/
input[type=file] {
    margin-bottom: 20px
    }
input[type=file]::-webkit-file-upload-button {
    color: #FFF;
    background-color: #00A0F0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px
    }
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
    }
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
    display: none
    }
/* Buttons
-----------------------------------------------*/
button, input[type="reset"], input[type="button"], input[type="submit"] {
    /* Fix IE7 display bug */
    overflow: visible;
    width: auto
    }
/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none
    }
/* Textarea
-----------------------------------------------*/
textarea {
    /* Move the label to the top */
    vertical-align: top;
    /* Turn off scroll bars in IE unless needed */
    overflow: auto
    }
/* Selects
-----------------------------------------------*/
select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 36px
    }
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
    }
select[multiple] {
    /* Move the label to the top */
    vertical-align: top
    }
fieldset {
    border: none;
    padding: 0;
    margin-bottom: 1.4em;
    overflow: auto;
    border-bottom: 1px solid #EAEAEA
    }
label {
    display: block;
    margin-bottom: 0.7em;
    font-weight: bold
    }
input[type="text"], input[type="password"], textarea, select {
    background-color: #ddf4fc;
    padding: 8px;
    width: 100%
    }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    background-color: #aee6f8
    }
textarea {
    line-height: 1.3em;
    width: 100%
    }
select {
    width: auto
    }
.input {
    margin-bottom: 1.4em;
    float: left;
    margin-right: 20px
    }
.input.checkbox {
    width: 100%
    }
.input.checkbox input {
    float: left;
    display: inline
    }
.input.checkbox label {
    float: left;
    margin-left: 10px;
    width: 90%
    }
.input-100 {
    width: 100%
    }
.input-75 {
    width: 74.1935%
    }
.input-50 {
    width: 46.5%
    }
.input-25 {
    width: 22%
    }
.charleft {
    width: 100% !important;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important
    }
form {
    overflow: auto
    }
form .form-error {
    background-color: #f2dede
    }
form .error-message {
    background-color: transparent;
    font-weight: bold;
    font-style: italic;
    margin-top: 5px;
    clear: both
    }
form p {
    margin-top: 0;
    margin-bottom: 1.4em
    }
form h3 {
    margin-bottom: 1em
    }
form .required label:after {
    content: " *";
    display: inline
    }
.flash-msg {
    border-left: 4px solid blue;
    background-color: #EAEAEA;
    padding: 15px;
    margin-bottom: 1.5em;
    font-weight: bold
    }
.flash-msg-error {
    border-left-color: #E30613;
    color: #E30613;
    background-color: #f2dede
    }
.flash-msg-success {
    border-left-color: #00be00;
    color: #00be00;
    background-color: #dff0d8
    }
form .error-tooltip {
    display: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #00A0F0;
    padding: 5px 10px;
    width: 220px;
    background-color: #00A0F0;
    color: #FFF;
    -webkit-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -o-transform: translate(20px, 0)
    }
form .error-tooltip:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00A0F0
    }
form input:focus + .error-tooltip, form textarea:focus + .error-tooltip, form select:focus + .error-tooltip {
    display: inline
    }
a.link-form-back:before {
    content: "«";
    display: inline-block;
    margin-right: 4px
    }
/*
	home
----------------------------------------------------------------------------------------------------------------------------
*/
.winner-teaser .left, .winner-teaser .left .item {
    width: 700px;
    height: 419px
    }
.winner-teaser h1.overlay {
    position: absolute;
    width: 680px;
    padding: 10px;
    top: 0
    }
.winner-teaser .right {
    width: 240px;
    text-align: center
    }
.winner-teaser .left .item .overlay.bottom {
    width: 60%;
    position: absolute;
    left: 0;
    height: 24px;
    line-height: 24px
    }
.winner-teaser .left .item .overlay.bottom span {
    margin: 0 0 3px 10px;
    float: left
    }
.winner-teaser .left, .winner-teaser .right {
    float: left;
    height: 419px
    }
.winner-teaser .left .pagination {
    width: 40%;
    right: 0
    }
.winner-teaser .left .pagination ul {
    width: auto;
    float: right;
    margin: 4px 0 3px 0
    }
.winner-teaser .pagination a {
    text-indent: 10000em;
    overflow: hidden
    }
.winner-teaser ol {
    margin: 0 0 0 0;
    list-style-position: inside
    }
.winner-teaser ol h2 {
    padding: 0 0 0 39px;
    margin: 0 0 0 0;
    min-height: 31px;
    /*	height: 31px;	*/
    overflow: visible;
    background: url(../img/icon_list_circle_ol.png) no-repeat 0 0 transparent
    }
.winner-teaser ol h2.first {
    background-position: 0 0
    }
.winner-teaser ol h2.second {
    background-position: 0 -100px
    }
.winner-teaser ol h2.third {
    background-position: 0 -200px
    }
.winner-teaser ol h2.fourth {
    background-position: 0 -300px
    }
.winner-teaser .right li {
    padding: 10px 5px 10px 3px;
    min-height: 38px;
    /*	height: 38px;*/
    overflow: visible;
    text-align: left;
    display: block;
    background: url(../img/bg_line_blue_white.png) no-repeat 0 0 transparent
    }
.winner-teaser .right h1 {
    margin: 20px 0 5px 0;
    width: 220px
    }
.winner-teaser .right h1 .sub {
    font-size: 20px;
    color: #FFF;
    display: block;
    margin: 20px 0 0 0
    }
.winner-teaser .right .btn-join {
    margin: 0 auto 0 auto
    }
.winner-teaser .right .bg-blue-noise-top {
    position: absolute;
    top: -18px;
    left: 0
    }
.winner-teaser .right .bg-blue-noise-content {
    height: 409px;
    width: 220px
    }
/*
	ext_ambassadors
----------------------------------------------------------------------------------------------------------------------------
*/
/*** LISTE ***/
.tx-aksvambassadors-pi1 .count {
    margin-top: 20px;
    margin-bottom: 20px
    }
.tx-aksvambassadors-pi1 .list .item a.image {
    width: 300px;
    height: 169px;
    background: url(../img/bg_body.jpg) no-repeat 0 0 transparent;
    display: block
    }
.tx-aksvambassadors-pi1 .box-third a img {
    margin-bottom: 5px
    }
/*** DETAIL ***/
.tx-aksvambassadors-pi1 p {
    clear: left
    }
.tx-aksvambassadors-pi1 h2 {
    margin: 0
    }
.tx-aksvambassadors-pi1 .toggleLink .title {
    float: left
    }
.tx-aksvambassadors-pi1 #image-wrap {
    margin-bottom: 10px;
    text-align: center
    }
.tx-aksvambassadors-pi1 .slideshow .items {
    padding: 1px 0;
    width: 20000em;
    position: absolute
    }
.tx-aksvambassadors-pi1 .slideshow .items a {
    margin: 0 10px 0 0
    }
.tx-aksvambassadors-pi1 .video {
    margin-bottom: 20px
    }
.tx-aksvambassadors-pi1 .quote {
    margin-bottom: 30px
    }
.tx-aksvambassadors-pi1 .pagination a {
    clear: none
    }
.tx-aksvambassadors-pi1 .pagination a.next {
    float: right
    }
.tx-aksvambassadors-pi1 .social {
    margin: 10px 0 0 0;
    padding: 10px 0
    }
.tx-aksvambassadors-pi1 .social .right {
    float: right
    }
.tx-aksvambassadors-pi1 .comments {
    padding: 15px 0;
    margin: 0 0 15px 0;
    text-align: center
    }
.tx-aksvambassadors-pi1 .comments .h2 {
    float: left;
    margin: 0 0 15px 0
    }
.tx-aksvambassadors-pi1 .portrait {
    padding-top: 10px
    }
.tx-aksvambassadors-pi1 .portrait h4 {
    line-height: 10px
    }
.tx-aksvambassadors-pi1 .portrait p {
    margin-top: 0;
    margin: 0 0 10px 0
    }
.tx-aksvambassadors-pi1 .quote {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    font-style: italic;
    font-size: 22px;
    line-height: 30px;
    padding: 20px;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00A0F0
    }
.tx-aksvambassadors-pi1 .quote p {
    margin-bottom: 0;
    color: #FFF;
    text-align: center;
    position: relative
    }
.tx-aksvambassadors-pi1 .quote p:before {
    content: "„";
    font-family: Georgia, serif;
    font-size: 40px;
    display: inline-block;
    margin-right: 2px;
    line-height: 10px
    }
.tx-aksvambassadors-pi1 .quote p:after {
    content: "“";
    font-family: Georgia, serif;
    font-size: 40px;
    display: inline-block;
    position: relative;
    top: 10px;
    line-height: 10px;
    margin-left: 2px
    }
.tx-aksvambassadors-pi1 .quote:before {
    content: "";
    position: absolute;
    top: 40px;
    left: -15px;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #00A0F0
    }
.tx-aksvambassadors-pi1 #image-wrap {
    width: 620px;
    height: 349px;
    background-color: #EAEAEA
    }
.tx-aksvambassadors-pi1 #image-wrap img {
    width: 620px;
    height: 349px;
    object-fit: contain
    }
/*
	ext_news
----------------------------------------------------------------------------------------------------------------------------
*/
.tx-aksvnews-pi1 .list .item a.image {
    width: 300px;
    height: 169px;
    background: url(../img/default_300x169.jpg) no-repeat 0 0;
    display: block;
    margin-bottom: 5px
    }
.tx-aksvnews-pi1 .list .item .info {
    font-size: 13px
    }
.tx-aksvnews-pi1 .list .item h3 a {
    font-weight: normal;
    color: inherit
    }
.tx-aksvnews-pi2 .info {
    font-size: 13px
    }
.tx-aksvnews-pi2 h3 a {
    font-weight: normal;
    color: inherit
    }
.tx-aksvnews-pi2 .box {
    overflow: hidden;
    margin: 0 0 20px 0
    }
.tx-aksvnews-pi2 .image {
    float: left;
    display: inline;
    width: 140px;
    height: 105px;
    background: url(../img/default_140x79.jpg) no-repeat 0 0
    }
.tx-aksvnews-pi2 .content {
    float: right
    }
.box-twothird .tx-aksvnews-pi2 .content {
    width: 460px
    }
.box-half .tx-aksvnews-pi2 .content {
    width: 300px
    }
.tx-aksvnews-pi1 .pagination p {
    clear: none
    }
.tx-aksvnews-pi1 .toggleText {
    margin: 15px 0 0 0
    }
.tx-aksvnews-pi1 .toggleLink .title {
    float: left
    }
.tx-aksvnews-pi1 #image-wrap {
    margin: 10px 0
    }
.tx-aksvnews-pi1 .video {
    margin-bottom: 10px
    }
.tx-aksvnews-pi1 .pagination a {
    clear: none
    }
.tx-aksvnews-pi1 .pagination a.next {
    float: right
    }
.tx-aksvnews-pi1 .social {
    margin: 10px 0 0 0;
    padding: 10px 0
    }
.tx-aksvnews-pi1 .social .right {
    float: right
    }
.tx-aksvnews-pi1 .comments {
    padding: 15px 0;
    margin: 0 0 15px 0;
    text-align: center
    }
.tx-aksvnews-pi1 .comments .h2 {
    float: left;
    margin: 0 0 15px 0
    }
.tx-aksvnews-pi3 h2 {
    margin: 5px 0
    }
#c80 {
    display: none
    }
/*
	ext_newsletter
----------------------------------------------------------------------------------------------------------------------------
*/
.tx-aksvnewsletter-pi1 .error, .tx-aksvnewsletter-pi1 .success {
    margin: 5px 0;
    padding: 5px 15px
    }
.tx-aksvnewsletter-pi1 .input.text, .tx-aksvnewsletter-pi1 .input.submit {
    width: 218px
    }
.tx-aksvnewsletter-pi1 .text input {
    width: 198px
    }
/*
	ext_projects
----------------------------------------------------------------------------------------------------------------------------
*/
/* @override http://neu.allekidssindvips.de/fileadmin/templates/css/ext_projects.css */
/*** CAKEPHP ***/
.projects .box-quarter {
    position: relative
    }
.projects .box-quarter .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 124px;
    cursor: pointer
    }
.projects.progress {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px
    }
.projects.progress .box-quarter {
    background-color: #00A0F0;
    color: #FFF;
    position: relative;
    height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px
    }
.projects.progress .box-quarter h3 {
    padding: 10px;
    height: 20px;
    border-bottom: 3px solid #FFF;
    position: relative
    }
.projects.progress .box-quarter h3::before {
    content: url(../img/progress-arrow-right-lb.svg);
    width: 20px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0
    }
.projects.progress .box-quarter h3::after {
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    background-color: #00A0F0
    }
.projects.progress .box-quarter h4, .projects.progress .box-quarter p, .projects.progress .box-quarter ul {
    padding: 0 10px
    }
.projects.progress .box-quarter ul {
    margin-bottom: 1em
    }
.projects.progress .box-quarter li {
    list-style-type: disc;
    margin-left: 16px;
    padding-right: 16px;
    line-height: 1.3em;
    margin-bottom: 0.3em
    }
.projects.progress .box-quarter.active {
    background-color: #003082
    }
.projects.progress .box-quarter.active h3::before {
    content: url(../img/progress-arrow-right-db.svg)
    }
.projects.progress .box-quarter.active h3::after {
    background-color: #003082
    }
.projects.progress .box-quarter.done {
    background-color: #CCC
    }
.projects.progress .box-quarter.done::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -3px;
    background: transparent url(../img/bg_project_progress_done.png) no-repeat;
    background-position: bottom center
    }
.projects.progress .box-quarter.done h3::before {
    content: url(../img/progress-arrow-right-gr.svg)
    }
.projects.progress .box-quarter.done h3::after {
    background-color: #CCC
    }
.projects.progress .box-quarter:first-child h3::before, .projects.progress .box-quarter:last-child h3::after {
    content: none
    }
.projects .charleft {
    margin-left: 200px
    }
.projects input.btn-2 {
    width: auto
    }
.mandatory-advice {
    font-size: 12px;
    text-align: right;
    border-bottom: 1px solid #EAEAEA
    }
.flickr-thumbs, .yt-thumbs {
    clear: both;
    width: 100%;
    float: left;
    display: inline
    }
.flickr-thumb {
    width: 75px;
    float: left;
    display: inline;
    margin: 5px
    }
.yt-thumb {
    width: 120px;
    float: left;
    display: inline;
    margin: 5px
    }
/*** LISTE ***/
.tx-aksvprojects-pi1 .list .item {
    position: relative;
    margin-bottom: 20px
    }
.tx-aksvprojects-pi1 .list .item .img-wrap {
    display: block;
    margin-bottom: 5px
    }
.tx-aksvprojects-pi1 .list .item h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3em;
    display: block;
    height: 3.8em;
    overflow: hidden;
    margin-bottom: 0
    }
.tx-aksvprojects-pi1 .list .item h3 a {
    color: #333;
    text-decoration: none;
    font-weight: normal
    }
.tx-aksvprojects-pi1 .list .item .votes {
    color: #00A0F0;
    display: block;
    text-align: center;
    font-family: "Oswald", sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    background-color: #00A0F0;
    padding: 2px 4px;
    z-index: 1
    }
.tx-aksvprojects-pi1 .list .item .overlay {
    position: absolute;
    display: block;
    height: 114px;
    width: 210px;
    top: 0;
    left: 0;
    padding: 5px;
    font-size: 12px;
    z-index: 10
    }
.tx-aksvprojects-pi1 .box-quarter {
    float: left
    }
.tx-aksvprojects-pi1 .list .default-img {
    width: 220px;
    height: 124px;
    background: url(../img/default_220x124.jpg) no-repeat 0 0 transparent;
    display: block
    }
#wrapper .tx-aksvprojects-pi1 .box-quarter a, #wrapper .tx-aksvprojects-pi1 .box-quarter a:link, #wrapper .tx-aksvprojects-pi1 .box-quarter a:visited, #wrapper .tx-aksvprojects-pi1 .box-quarter a:hover, #wrapper .tx-aksvprojects-pi1 .box-quarter a:focus, #wrapper .tx-aksvprojects-pi1 .box-quarter a:active {
    text-decoration: none
    }
#project-filter-form {
    margin-top: 40px;
    font-size: 12px
    }
#project-filter-form label {
    font-size: 12px
    }
#project-filter-form select {
    font-size: 12px;
    height: 30px
    }
#project-filter-form input#pf-keyword {
    font-size: 16px;
    height: 36px;
    width: 480px
    }
#project-filter-form input[type="submit"] {
    font-size: 12px;
    height: 36px;
    line-height: 16px
    }
#project-filter-form .filter-keyword .submit {
    width: auto;
    float: left;
    display: inline;
    margin: 17px 0 0 0
    }
#project-filter-form select#pf-category {
    width: 250px
    }
#project-filter-form select#pf-state {
    width: 210px
    }
#project-filter-form fieldset {
    border: none;
    margin-bottom: 0
    }
/*** DETAIL ***/
.tx-aksvprojects-pi1 h1 {
    margin-bottom: 20px
    }
.tx-aksvprojects-pi1 .pagination p {
    clear: none
    }
.tx-aksvprojects-pi1 .pagination a.next {
    clear: none
    }
.tx-aksvprojects-pi1 .pagination a.next {
    float: right
    }
.tx-aksvprojects-pi1 .voting {
    float: left;
    display: inline;
    width: 100%;
    font-size: 13px;
    line-height: 1.3em
    }
.tx-aksvprojects-pi1 .voting h4 {
    font-size: 13px;
    margin-bottom: 10px
    }
.tx-aksvprojects-pi1 .voting p {
    font-size: 13px
    }
.tx-aksvprojects-pi1 .voting .votes {
    margin-bottom: 20px
    }
.tx-aksvprojects-pi1 .voting .votes .votes-text {
    float: left;
    margin-left: 10px;
    color: #00A0F0;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    width: 180px;
    text-align: left
    }
.tx-aksvprojects-pi1 .voting .voting-fb {
    background-color: #efefef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    clear: left;
    float: none;
    width: 100%;
    margin-top: 20px;
    position: relative
    }
.tx-aksvprojects-pi1 .voting .voting-fb:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 30px;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #efefef
    }
.tx-aksvprojects-pi1 .voting .voting-fb #vt-message {
    padding-top: 5px;
    font-style: italic
    }
.tx-aksvprojects-pi1 .voting .voting-fb .btn-fb-vote {
    float: none !important;
    font-size: 18px !important;
    margin-top: 0 !important
    }
.tx-aksvprojects-pi1 .voting .voting-mail {
    margin-top: 1px;
    background-color: #efefef;
    padding: 10px
    }
.tx-aksvprojects-pi1 .voting .voting-mail p {
    margin-bottom: 10px
    }
.tx-aksvprojects-pi1 .voting .voting-mail .voting-input {
    margin-bottom: 5px;
    margin-right: 10px;
    width: 180px
    }
.tx-aksvprojects-pi1 .voting .voting-mail input[type="email"] {
    background-color: #ddf4fc;
    background-color: #FFF;
    padding: 8px;
    width: 100%;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px
    }
.tx-aksvprojects-pi1 .voting .voting-mail .voting-submit {
    width: 90px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 2px solid #003082;
    padding: 8px 0
    }
.tx-aksvprojects-pi1 .voting .votes {
    float: left;
    display: inline
    }
.tx-aksvprojects-pi1 .voting .button {
    float: right;
    display: inline
    }
.tx-aksvprojects-pi1 .voting .button h4, .tx-aksvprojects-pi1 .voting .button span {
    display: block
    }
.tx-aksvprojects-pi1 .voting .votes span {
    padding: 8px 0;
    margin: 6px 0 0 0;
    float: left;
    display: inline
    }
.tx-aksvprojects-pi1 .toggleLink .title {
    float: left;
    display: inline
    }
.tx-aksvprojects-pi1 .prev, .tx-aksvprojects-pi1 .next {
    margin: 3px 0 0 0
    }
.tx-aksvprojects-pi1 p {
    clear: left
    }
.tx-aksvprojects-pi1 .box.list p {
    height: 65px;
    font-family: "Oswald", sans-serif
    }
.tx-aksvprojects-pi1 .box.list p a {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    vertical-align: baseline
    }
.tx-aksvprojects-pi1 .box.list p a:hover {
    color: #244074
    }
.tx-aksvprojects-pi1 #image-wrap {
    margin-bottom: 10px;
    text-align: center
    }
.tx-aksvprojects-pi1 .social {
    padding: 10px 0;
    margin: 20px 0 0 0
    }
.tx-aksvprojects-pi1 .social .h2 {
    float: left;
    display: inline;
    width: 210px
    }
.tx-aksvprojects-pi1 .social .right {
    float: right;
    display: inline;
    text-align: right;
    width: 380px
    }
.tx-aksvprojects-pi1 .comments {
    padding: 15px 0;
    margin: 0 0 15px 0;
    text-align: center
    }
.tx-aksvprojects-pi1 .comments .h2 {
    float: left;
    display: inline;
    margin: 0 0 15px 0
    }
.tx-aksvprojects-pi1 .info {
    padding-top: 10px
    }
.tx-aksvprojects-pi1 .info h4 {
    line-height: 10px
    }
.tx-aksvprojects-pi1 .info p {
    margin-top: 0;
    margin: 0 0 10px 0
    }
.tx-aksvprojects-pi2 .slideshow {
    width: 300px
    }
.tx-aksvprojects-pi2 .slideshow .default-img {
    width: 300px;
    height: 169px;
    background: url(../img/default_300x169.jpg) no-repeat 0 0 transparent;
    display: block
    }
.tx-aksvprojects-pi2 .overlay {
    position: absolute;
    width: 290px;
    padding: 5px 5px;
    left: 0
    }
#fbbox {
    clear: both;
    margin-top: 10px
    }
#wrapper #fbbox span, #wrapper #fbbox iframe {
    width: 170px !important;
    height: 35px !important
    }
.insta-page a, .fb-page a {
    display: block;
    background-color: #efefef;
    color: #00A0F0;
    position: relative;
    padding: 20px 10px 20px 60px;
    box-sizing: border-box;
    text-decoration: none
    }
.insta-page a:before, .fb-page a:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px
    }
.insta-page a:hover, .fb-page a:hover, .insta-page afocus, .fb-page afocus, .insta-page a:active, .fb-page a:active {
    background-color: #00A0F0;
    color: #fff
    }
.insta-page a:before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 504 504' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cg fill='%2300A0F0'%3E%3Cpath d='M251.921,0.159c-68.418,0 -76.997,0.29 -103.867,1.516c-26.814,1.224 -45.127,5.482 -61.152,11.71c-16.566,6.438 -30.615,15.052 -44.62,29.057c-14.005,14.005 -22.619,28.054 -29.057,44.62c-6.228,16.024 -10.486,34.337 -11.71,61.151c-1.226,26.87 -1.515,35.449 -1.515,103.867c0,68.417 0.289,76.996 1.515,103.866c1.224,26.814 5.482,45.127 11.71,61.151c6.438,16.566 15.052,30.615 29.057,44.621c14.005,14.005 28.054,22.619 44.62,29.057c16.025,6.227 34.338,10.486 61.152,11.709c26.87,1.226 35.449,1.516 103.867,1.516c68.417,0 76.996,-0.29 103.866,-1.516c26.814,-1.223 45.127,-5.482 61.151,-11.709c16.566,-6.438 30.615,-15.052 44.621,-29.057c14.005,-14.006 22.619,-28.055 29.057,-44.621c6.227,-16.024 10.486,-34.337 11.709,-61.151c1.226,-26.87 1.516,-35.449 1.516,-103.866c0,-68.418 -0.29,-76.997 -1.516,-103.867c-1.223,-26.814 -5.482,-45.127 -11.709,-61.151c-6.438,-16.566 -15.052,-30.615 -29.057,-44.62c-14.006,-14.005 -28.055,-22.619 -44.621,-29.057c-16.024,-6.228 -34.337,-10.486 -61.151,-11.71c-26.87,-1.226 -35.449,-1.516 -103.866,-1.516ZM251.921,45.551c67.265,0 75.233,0.256 101.797,1.468c24.562,1.121 37.901,5.225 46.778,8.674c11.759,4.57 20.151,10.03 28.966,18.845c8.816,8.815 14.275,17.208 18.845,28.966c3.45,8.877 7.554,22.216 8.674,46.778c1.212,26.564 1.469,34.532 1.469,101.798c0,67.265 -0.257,75.233 -1.469,101.797c-1.12,24.562 -5.224,37.901 -8.674,46.778c-4.57,11.759 -10.029,20.151 -18.845,28.966c-8.815,8.816 -17.207,14.275 -28.966,18.845c-8.877,3.45 -22.216,7.554 -46.778,8.674c-26.56,1.212 -34.527,1.469 -101.797,1.469c-67.271,0 -75.237,-0.257 -101.798,-1.469c-24.562,-1.12 -37.901,-5.224 -46.778,-8.674c-11.759,-4.57 -20.151,-10.029 -28.967,-18.845c-8.815,-8.815 -14.275,-17.207 -18.844,-28.966c-3.45,-8.877 -7.554,-22.216 -8.675,-46.778c-1.212,-26.564 -1.468,-34.532 -1.468,-101.797c0,-67.266 0.256,-75.234 1.468,-101.798c1.121,-24.562 5.225,-37.901 8.675,-46.778c4.569,-11.758 10.029,-20.151 18.844,-28.966c8.816,-8.815 17.208,-14.275 28.967,-18.845c8.877,-3.449 22.216,-7.553 46.778,-8.674c26.564,-1.212 34.532,-1.468 101.798,-1.468Z'/%3E%3Cpath d='M251.921,336.053c-46.378,0 -83.974,-37.596 -83.974,-83.973c0,-46.378 37.596,-83.974 83.974,-83.974c46.377,0 83.973,37.596 83.973,83.974c0,46.377 -37.596,83.973 -83.973,83.973ZM251.921,122.715c-71.447,0 -129.365,57.918 -129.365,129.365c0,71.446 57.918,129.364 129.365,129.364c71.446,0 129.364,-57.918 129.364,-129.364c0,-71.447 -57.918,-129.365 -129.364,-129.365Z'/%3E%3Cpath d='M416.627,117.604c0,16.696 -13.535,30.23 -30.231,30.23c-16.695,0 -30.23,-13.534 -30.23,-30.23c0,-16.696 13.535,-30.23 30.23,-30.23c16.696,0 30.231,13.534 30.231,30.23Z'/%3E%3C/g%3E%3C/svg%3E")
    }
.insta-page a:hover:before, .insta-page afocus:before, .insta-page a:active:before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 504 504' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='M251.921,0.159c-68.418,0 -76.997,0.29 -103.867,1.516c-26.814,1.224 -45.127,5.482 -61.152,11.71c-16.566,6.438 -30.615,15.052 -44.62,29.057c-14.005,14.005 -22.619,28.054 -29.057,44.62c-6.228,16.024 -10.486,34.337 -11.71,61.151c-1.226,26.87 -1.515,35.449 -1.515,103.867c0,68.417 0.289,76.996 1.515,103.866c1.224,26.814 5.482,45.127 11.71,61.151c6.438,16.566 15.052,30.615 29.057,44.621c14.005,14.005 28.054,22.619 44.62,29.057c16.025,6.227 34.338,10.486 61.152,11.709c26.87,1.226 35.449,1.516 103.867,1.516c68.417,0 76.996,-0.29 103.866,-1.516c26.814,-1.223 45.127,-5.482 61.151,-11.709c16.566,-6.438 30.615,-15.052 44.621,-29.057c14.005,-14.006 22.619,-28.055 29.057,-44.621c6.227,-16.024 10.486,-34.337 11.709,-61.151c1.226,-26.87 1.516,-35.449 1.516,-103.866c0,-68.418 -0.29,-76.997 -1.516,-103.867c-1.223,-26.814 -5.482,-45.127 -11.709,-61.151c-6.438,-16.566 -15.052,-30.615 -29.057,-44.62c-14.006,-14.005 -28.055,-22.619 -44.621,-29.057c-16.024,-6.228 -34.337,-10.486 -61.151,-11.71c-26.87,-1.226 -35.449,-1.516 -103.866,-1.516ZM251.921,45.551c67.265,0 75.233,0.256 101.797,1.468c24.562,1.121 37.901,5.225 46.778,8.674c11.759,4.57 20.151,10.03 28.966,18.845c8.816,8.815 14.275,17.208 18.845,28.966c3.45,8.877 7.554,22.216 8.674,46.778c1.212,26.564 1.469,34.532 1.469,101.798c0,67.265 -0.257,75.233 -1.469,101.797c-1.12,24.562 -5.224,37.901 -8.674,46.778c-4.57,11.759 -10.029,20.151 -18.845,28.966c-8.815,8.816 -17.207,14.275 -28.966,18.845c-8.877,3.45 -22.216,7.554 -46.778,8.674c-26.56,1.212 -34.527,1.469 -101.797,1.469c-67.271,0 -75.237,-0.257 -101.798,-1.469c-24.562,-1.12 -37.901,-5.224 -46.778,-8.674c-11.759,-4.57 -20.151,-10.029 -28.967,-18.845c-8.815,-8.815 -14.275,-17.207 -18.844,-28.966c-3.45,-8.877 -7.554,-22.216 -8.675,-46.778c-1.212,-26.564 -1.468,-34.532 -1.468,-101.797c0,-67.266 0.256,-75.234 1.468,-101.798c1.121,-24.562 5.225,-37.901 8.675,-46.778c4.569,-11.758 10.029,-20.151 18.844,-28.966c8.816,-8.815 17.208,-14.275 28.967,-18.845c8.877,-3.449 22.216,-7.553 46.778,-8.674c26.564,-1.212 34.532,-1.468 101.798,-1.468Z'/%3E%3Cpath d='M251.921,336.053c-46.378,0 -83.974,-37.596 -83.974,-83.973c0,-46.378 37.596,-83.974 83.974,-83.974c46.377,0 83.973,37.596 83.973,83.974c0,46.377 -37.596,83.973 -83.973,83.973ZM251.921,122.715c-71.447,0 -129.365,57.918 -129.365,129.365c0,71.446 57.918,129.364 129.365,129.364c71.446,0 129.364,-57.918 129.364,-129.364c0,-71.447 -57.918,-129.365 -129.364,-129.365Z'/%3E%3Cpath d='M416.627,117.604c0,16.696 -13.535,30.23 -30.231,30.23c-16.695,0 -30.23,-13.534 -30.23,-30.23c0,-16.696 13.535,-30.23 30.23,-30.23c16.696,0 30.231,13.534 30.231,30.23Z'/%3E%3C/g%3E%3C/svg%3E")
    }
.fb-page a:before {
    font-family: FontAwesome;
    content: "";
    line-height: 40px;
    font-size: 38px;
    text-align: center
    }
/*
	ext_youtube
----------------------------------------------------------------------------------------------------------------------------
*/
/*
	ext_gallery
----------------------------------------------------------------------------------------------------------------------------
*/
.tx-aksvgallery-pi1 {
    float: left;
    display: inline
    }
.tx-aksvgallery-pi1 .csc-header, .tx-aksvgallery-pi1 .csc-header h3 {
    float: left;
    display: inline;
    width: 300px
    }
.tx-aksvgallery-pi1 .slideshow {
    width: 300px;
    height: 194px;
    padding: 0;
    margin: 0;
    overflow: hidden
    }
.tx-aksvgallery-pi1 .slideshow .default-img {
    width: 300px;
    height: 164px;
    background: url(../img/default_300x169.jpg) no-repeat 0 0 transparent;
    display: block
    }
.tx-aksvgallery-pi1 .slideshow a {
    display: block
    }
.tx-aksvgallery-pi1 .overlay {
    position: absolute;
    width: 290px;
    padding: 2px 5px 5px 5px
    }
.tx-aksvgallery-pi1 .circles {
    background-color: #fff;
    margin: 0;
    padding: 3px 0 0 0;
    display: inline;
    float: left;
    height: 18px;
    clear: both;
    width: 300px
    }
.tx-aksvgallery-pi1 .circles ul {
    list-style: none outside none;
    margin: 0
    }
.tx-aksvgallery-pi1 .circles li {
    clear: none;
    display: inline;
    float: left;
    margin: 0
    }
.tx-aksvgallery-pi1 .circles a {
    clear: none;
    display: inline;
    float: left
    }