/*************************************************************/
/*                                                           */
/*  FONT                                                     */
/*                                                           */
/*************************************************************/

@font-face {
	font-family:'oswaldbold';
	src:url('../font/oswald-bold-webfont.eot');
	src:url('../font/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/oswald-bold-webfont.woff') format('woff'),
		 url('../font/oswald-bold-webfont.ttf') format('truetype'),
		 url('../font/oswald-bold-webfont.svg#oswaldbold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'oswaldlight';
	src:url('../font/oswald-light-webfont.eot');
	src:url('../font/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/oswald-light-webfont.woff') format('woff'),
		 url('../font/oswald-light-webfont.ttf') format('truetype'),
		 url('../font/oswald-light-webfont.svg#oswaldlight') format('svg');
	font-weight:normal;
	font-style:normal;

}

@font-face {
	font-family:'oswaldregular';
	src:url('../font/oswald-regular-webfont.eot');
	src:url('../font/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/oswald-regular-webfont.woff') format('woff'),
		 url('../font/oswald-regular-webfont.ttf') format('truetype'),
		 url('../font/oswald-regular-webfont.svg#oswaldregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

/*************************************************************/
/*                                                           */
/*  DEFAULT                                                  */
/*                                                           */
/*************************************************************/

*,
:before,
:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0
}

img {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

html {
	width:100%;
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#000;
	background:#fff;
	width:100%;
	margin-top:20px;
}

article, aside, details, figure, button, figcaption, footer, header, hgroup, menu, nav, section, legend {
	display:block
}

label {
	width:100px;
	display:inline-block;
	margin-bottom:5px;
}

input, select, textarea, button {
	font-family:Arial, sans-serif;
	font-size:14px;
	border:none;
	margin:0 0 5px 0;
	padding:2px;
	background:#e9e9e9;
	border:1px #aaa solid;
	width:250px;
}

input[type=submit] {
	cursor:pointer;
	width:auto;
	padding:5px 10px;
	font-weight:bold;
	margin-bottom:20px;
}

.captcha label {
	float:left;
}

textarea {
	height:150px;
}

input, textarea {
	-webkit-appearance:none
}

input:focus,
textarea:focus {
	outline:none
}

select {
	-webkit-appearance:button
}

fieldset {
	border:none;
	padding:0;
	margin:0
}

a {
	-moz-transition:color 0.25s linear 0s;
	-ms-transition:color 0.25s linear 0s;
	-o-transition:color 0.25s linear 0s;
	-webkit-transition:color 0.25s linear 0s;
	transition:color 0.25s linear 0s;
}

a:focus,
a:active,
button:focus,
button:active {
	outline:0;
}

a:hover,
a:active {
	color:#e20026;
}

a:before,
a:after {
	text-decoration:none;
}

a img {
	border:none;
}

.clear {
	clear:both;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}

.align-justify {
	text-align:justify;
}

/*************************************************************/
/*  CONTAINER                                                */
/*************************************************************/

.head,
.header-content,
.breadcrumb,
.main-content,
.footer-buttons-content,
.footer-content {
	width:940px;
	margin:0 auto;
}

/*************************************************************/
/*  COLUMNS                                                  */
/*************************************************************/

/* zweispaltig */

.columns-2-1 {
	float:left;
	border-right:10px #fff solid;
}

.columns-2-2 {
	float:left;
	border-left:10px #fff solid;
}

.columns-3-1 {
	float:left;
	border-right:10px #000 solid;
}

.columns-3-2 {
	float:left;
	border-left:10px #000 solid;
}

.rel-50-50 .columns-2-1,
.rel-50-50 .columns-2-2 {
	width:470px;
}

.rel-33-66 .columns-2-1 {
	width:310px;
}

.rel-33-66 .columns-2-2 {
	width:630px;
}

.rel-66-33 .columns-2-1 {
	width:630px;
}

.rel-66-33 .columns-2-2 {
	width:310px;
}

.rel-66-33 .columns-2-1 .rel-50-50 .columns-2-1,
.rel-66-33 .columns-2-1 .rel-50-50 .columns-2-2 {
	width:305px;
}

.rel-33-33-33 .columns-3-1 {
	width:310px;
}

.rel-33-33-33 .columns-3-1.agency {
	width:115px;
	text-align:left;
	border-right: 0px;
	margin-left: 60px;
}

.rel-33-33-33 .columns-3-1.agency a{ color: #fff; text-decoration: none; }
.rel-33-33-33 .columns-3-1.agency li { padding-right: 0px; padding-top: 10px;}

.rel-33-33-33 .columns-3-2 {
	width:620px;
}

.rel-33-33-33 .columns-3-2.supported-by{
	width:455px;
}


.footer-content .supported-by  ul li {
 padding-right: 42px;
}

.footer-content .supported-by  ul li.stiftung {
 padding-right: 0px;
 padding-left: 15px;
}

/*************************************************************/
/*                                                           */
/*  LAYOUT                                                   */
/*                                                           */
/*************************************************************/

/*************************************************************/
/*  HEAD                                                     */
/*************************************************************/

/* logo */

.head-logo {
	float:left;
}

/* promotion */

.head-promotion {
	float:left;
	margin:3px 0 0 20px;
}

/* navi language */

.head-navi-language {
	float:right;
	margin:2px 0 0 32px;
}

.head-navi-language-list {
	list-style-type:none;
}

.head-navi-language-list li {
	float:left;
	border-left:1px #000 solid;
	margin-left:6px;
	padding-left:6px;
	line-height:100%;
}

.head-navi-language-list li:first-child {
	border-left:0;
	margin-left:0;
	padding-left:20;
}

.head-navi-language-list a {
	text-indent:-99999px;
	width:16px;
	height:11px;
	color:#000;
	display:block;
	text-decoration:none;
	background:transparent url('../img/sprite-icons.png') left top no-repeat;
}

.head-navi-language-list .de {
	background-position:-127px -30px;
}

.head-navi-language-list strong .de,
.head-navi-language-list .de:hover,
.head-navi-language-list .de:active {
	background-position:-111px -30px;
}

.head-navi-language-list .en {
	background-position:-127px -41px;
}

.head-navi-language-list strong .en,
.head-navi-language-list .en:hover,
.head-navi-language-list .en:active {
	background-position:-111px -41px;
}

/* navi meta */

.head-navi-meta {
	float:right;
}

.head-navi-meta-list {
	list-style-type:none;
}

.head-navi-meta-list li {
	float:left;
	border-left:1px #000 solid;
	margin-left:12px;
	padding-left:12px;
	line-height:100%;
}

.head-navi-meta-list li:first-child {
	border-left:0;
	margin-left:0;
	padding-left:0;
}

.head-navi-meta-list a {
	color:#000;
	text-decoration:none;
}

.head-navi-meta-list strong a,
.head-navi-meta-list a:hover,
.head-navi-meta-list a:active {
	color:#e20026;
	font-weight:normal;
}

/* navi main */

.head-navi-main {
	float:right;
	margin-top:20px;
}

.head-navi-main-list {
	list-style-type:none;
}

.head-navi-main-list li {
	float:left;
	position:relative;
	padding-left:18px;
	line-height:100%;
}

.head-navi-main-list li:before {
	content:'';
	position:absolute;
	left:4px;
	top:2px;
	width:10px;
	height:10px;
	background:transparent url('../img/sprite-icons.png') left top no-repeat;
}

.head-navi-main-list li:first-child {
	padding-left:0;
}

.head-navi-main-list li:first-child:before {
	display:none;
}

.head-navi-main-list a {
	color:#000;
	font-family:oswaldlight;
	font-size:16px;
	text-decoration:none;
	text-transform:uppercase;
}

.head-navi-main-list strong a,
.head-navi-main-list a:hover,
.head-navi-main-list a:active {
	color:#e20026;
	font-weight:normal;
}

/* social media */

.head-social-media {
	position:fixed;
	z-index:50;
	right:0;
	top:335px;
	width:50px;
}

.head-social-media-list {
	list-style-type:none;
}

.head-social-media-list a {
	width:50px;
	height:52px;
	margin-top:10px;
	display:block;
	text-indent:-9999px;
	background:transparent url('../img/sprite-icons.png') left top no-repeat;
}

.head-social-media-list .facebook {
	margin-top:0;
	background-position:-11px 0;
}

.head-social-media-list .youtube {
	background-position:-61px 0;
}

/*************************************************************/
/*  HEADER                                                   */
/*************************************************************/

.header {
	background:#e9e9e9;
	margin:20px 0 15px 0;
	height:140px;
}

.header-content-list {
	list-style-type:none;
	position:relative;
}

.header-content-list li {
	display:none;
	position:absolute;
	width:100%;
}

.header-content-list li:first-child {
	display:block;
}

/* statement */

.header-content-list-statement {
	position:absolute;
}

.header-content-list-statement h3 {
	font-family:oswaldbold;
	font-weight:normal;
	font-size:40px;
	display:table-cell;
	height:140px;
	vertical-align:middle;
}

/* info */

.header-content-list-info {
	display:none;
	position:absolute;
}

.header-content-list-info p {
	font-family:oswaldregular;
	font-size:15px;
	display:table-cell;
	height:140px;
	vertical-align:middle;
}

.header-content-list-info strong {
	font-family:oswaldbold;
	font-size:30px;
	font-weight:normal;
}

/* button */

.header-content-list-button {
	display:none;
	position:absolute;
	right:0;
	top:-15px;
}

/*************************************************************/
/*  BREADCRUMB                                               */
/*************************************************************/

.breadcrumb {
	font-family:oswaldbold;
	font-size:12px;
	text-transform:uppercase;
	line-height:100%;
	margin-top:-5px;
	margin-bottom:10px;
	padding:0 30px 0 0px;
}

.breadcrumb strong {
	font-weight:normal;
}

.breadcrumb a {
	text-decoration:none;
	color:#000;
}

.breadcrumb a:hover {
	color:#e20026;
}

.breadcrumb-seperator {
	display:inline-block;
	margin:0 8px;
	position:relative;
	top:-1px;
}

/*************************************************************/
/*  MAIN                                                     */
/*************************************************************/

.main-content {
	line-height:140%;
}

.main-content a {
	color:#000;
}

.main-content a:hover {
	color:#e20026;
}

.main-content h1 {
	font-family:oswaldbold;
	font-size:30px;
	font-weight:normal;
	line-height:140%;
	margin:0 0 15px 0;
	padding:0;
	text-transform:uppercase;
}

.main-content h2 {
	font-family:oswaldbold;
	font-size:24px;
	font-weight:normal;
	line-height:140%;
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
}

.main-content h3 {
	font-family:oswaldbold;
	font-size:20px;
	font-weight:normal;
	line-height:140%;
	margin:0 0 5px 0;
	padding:0;
}

.videoteaser,
.main-content p,
.main-content ul,
.main-content ol {
	margin-bottom:20px;
}

.main-content ul,
.main-content ol {
	margin-left:20px;
}

/* fancybox */

.main-content .fancybox {
	position:relative;
	display:block;
}

.main-content .fancybox:before {
	content:'';
	background:transparent url('../img/sprite-icons.png') 0 -74px no-repeat;
	width:61px;
	height:61px;
	position:absolute;
	right:0;
	bottom:0;
}

/* content */

.content .columns-2-1 h1,
.content .columns-2-1 h2,
.content .columns-2-1 h3 {
	color:#e20026;
	text-transform:none;
}

.content .columns-2-1 h2 {

}

.content .columns-2-1 a {
	color:#e20026;
	text-decoration:none;
}

.content .columns-2-1 .more {
	text-transform:uppercase;
	font-family:oswaldbold;
	font-size:14px;
}

.content .columns-2-1 .more:before {
	content:'...';
}

/* content - typo3 */

.content .columns-2-2 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	border:10px #000 solid;
}

/* typo3 */

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:20px;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right:20px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left:20px;
}

/* accordion */

.js .accordion-intro {
	display:inline-block;
}

.js .accordion-intro:hover {
	color:#e20026;
	cursor:pointer;
}

/* default teaser */

.main-content .default-teaser-image img {
	display:block;
}

.main-content .default-teaser-content {
	background:#e20026;
	color:#fff;
	padding:20px 30px;
	margin-bottom:20px;
	width:100%;
	min-height:190px;
}

.main-content .default-teaser-content p {
	margin:0;
	padding:0;
}

.main-content .default-teaser-content a:hover {
	color:#000;
	text-decoration:none;
}

/* statement teaser */

.main-content .statement-teaser {
	position:relative;
	z-index:25;
}

.main-content .statement-teaser-image img {
	display:block;
}

.main-content .statement-teaser-intro {
	background:#e20026;
	color:#fff;
	padding:15px 0 15px 30px;
	margin-bottom:20px;
	width:100%;
	min-height:95px;
}

.main-content .statement-teaser-intro p {
	margin:0;
	padding:0;
}

.main-content .statement-teaser-intro-more {
	display:none;
}

.js .main-content .statement-teaser-intro-more {
	display:block;
	float:right;
	color:#fff;
	font-weight:bold;
	margin:0 20px 0 0;
	cursor:pointer;
}

.js .main-content .statement-teaser-intro-more:hover,
.js .main-content .statement-teaser-intro-more:focus {
	color:#fff;
}

.js .main-content .statement-teaser-intro-more:hover:after,
.js .main-content .statement-teaser-intro-more:focus:after {
	content:'';
	position:absolute;
	right:-20px;
	bottom:20px;
	z-index:55;
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-left:20px #e20026 solid;
}

.main-content .statement-teaser-content {
	display:none;
	background:#000;
	color:#fff;
	padding:20px 30px;
	position:absolute;
	z-index:50;
	left:320px;
	bottom:0;
	width:620px;
	height:170px;
	overflow:hidden;
}

/* sidebar teaser */

.sidebar-teaser {
	margin-bottom:20px;
	position:relative;
}

.sidebar-teaser:hover .sidebar-teaser-content {
	display:block;
}

.sidebar-teaser-image {
	border:1px #ccc solid;
}

.sidebar-teaser-content {
	display:none;
	padding:20px;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#e20026;
	color:#fff;
}

.sidebar-teaser-content p:last-child {
	margin-bottom:0;
}

/* button */

.main-content .button {
	background:#fff;
	color:#000;
	font-family:oswaldbold;
	font-size:20px;
	line-height:95%;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:15px 0;
	display:block;
	position:relative;
}

.main-content .button:before {
	content:'';
	position:absolute;
	margin:-1px 0 0 -25px;
	width:13px;
	height:13px;
	border-top:10px transparent solid;
	border-bottom:10px transparent solid;
	border-left:14px #e20026 solid;
}

.main-content .button:hover {
	color:#e20026;
}

/* teaser */

.teaser  {
	margin-bottom:20px;
	position:relative;
}

.teaser:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -10px;
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-left:20px #e20026 solid;
}

.teaser h2 {
	font-size:20px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.teaser h3 {
	margin:0 0 20px 0;
	padding:0;
}

.teaser p {
	margin:0;
	padding:0;
}

.teaser .button {
	margin-top:20px;
}

.teaser .columns-2-1,
.teaser .columns-2-2 {
	padding:20px 30px;
	color:#fff;
	min-height:300px;
}

.teaser .columns-2-1 {
	padding-top:17px;
	padding-bottom:17px;
	background:#e20026;
}

.teaser .columns-2-2 {
	background:#000;
}

.teaser a {
	color:#fff;
}

/* history */

.history {
	width:100%;
	height:300px;
	position:relative;
}

.history-item {
	width:100%;
	height:300px;
	margin-bottom:20px;
	position:relative;
}

.history-item:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -10px;
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-right:20px #000 solid;
}

.history-item-header {
	width:460px;
	height:300px;
	float:left;
	overflow:hidden;
	background:#000;
	text-align:center;
}

.history-item-content {
	width:460px;
	height:300px;
	float:right;
	overflow:hidden;
	background:#000;
	padding:60px 30px 0 30px;
	color:#fff;
	position:relative;
}

.history-item-content h3 a {
	color:#fff;
	text-decoration:none;
}

.history-item-content footer {
	font-size:12px;
	position:absolute;
	bottom:20px;
}

.history-item-content footer a {
	color:#fff;
	text-decoration:none;
}

.history-item-content .more {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#e20026;
	text-decoration:none;
}

/* history animiert */

.js .history {
	margin-bottom:20px;
}

.js .history-item {
	display:none;
	margin-bottom:0;
	position:absolute;
}

.js .history-item:first-child {
	display:block;
}

.js .history-item.active {
	display:block;
}

/* history animiert navi */

.history-carousel {
	position:relative;
	width:100%;
}

.history-carousel-navi {
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	width:460px;
	height:100%;
}

.history-carousel-navi-prev,
.history-carousel-navi-next {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:25px;
	background:#000;
	background:rgba(0, 0, 0, .5);
	cursor:pointer;
	text-indent:-9999px;
}

.history-carousel-navi-next {
	left:auto;
	right:0;
}

.history-carousel-navi-prev:before,
.history-carousel-navi-next:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-10px 0 0 -7px;
	border-top:10px transparent solid;
	border-bottom:10px transparent solid;
	border-right:14px #fff solid;
}

.history-carousel-navi-next:before {
	border-right:none;
	border-left:14px #fff solid;
}

.history-carousel-navi-prev:hover:before {
	border-right-color:#e20026;
}

.history-carousel-navi-next:hover:before {
	border-left-color:#e20026;
}

/* intro */

.main-content-intro {
	background:#e20026;
	padding:20px 30px;
	margin-bottom:20px;
}

.main-content-intro h1,
.main-content-intro h2,
.main-content-intro h3,
.main-content-intro h4,
.main-content-intro h5,
.main-content-intro p,
.main-content-intro ul,
.main-content-intro ol {
	color:#fff;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
    font-family:oswaldbold;
    font-size:39px;
    line-height:135%;
    text-transform:uppercase;
}

/* highlight */

.main-content-highlight {
	background:#e20026;
	padding:20px 30px;
	margin-bottom:20px;
}

.main-content-highlight h1,
.main-content-highlight h2,
.main-content-highlight h3,
.main-content-highlight h4,
.main-content-highlight h5,
.main-content-highlight p,
.main-content-highlight ul,
.main-content-highlight ol {
	color:#fff;
}

.main-content-highlight p:last-child,
.main-content-highlight ul:last-child,
.main-content-highlight ol:last-child {
	margin-bottom:0;
	padding-bottom:0;	
}

/*************************************************************/
/*  FOOTER                                                   */
/*************************************************************/

.footer {
	background:#000;
	color:#fff;
	padding:10px 0;
	margin:0;
}

/* buttons */

.footer-buttons {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px #fff solid;
	position:relative;
}

.footer-buttons-content {
	width:596px;
}

.footer-buttons .addthis_toolbox {
	display:inline-block;
	margin:0 auto;
}

.footer-buttons .at300b {
	width:140px;
	height:23px;
	overflow:hidden;
	background:#fff;
	display:inline-block;
	margin:0 3px;
	padding-left:20px;
	color:#000;
	text-decoration:none;
	text-align:center;
	line-height:175%;
	position:relative;
}

.footer-buttons .at300b:hover {
	background:#fff;
	color:#e20026;
	opacity:1;
}

.footer-buttons .at300b > span {
	display:inline-block;
	width:20px;
	height:23px;
	background:#e20026 url('../img/sprite-icons.png') left top no-repeat;
	line-height:100%!important;
	position:absolute;
	left:0;
	top:0;
}

.footer-buttons .addthis_button_facebook > span {
	background-position:-75px -79px;
}

.footer-buttons .addthis_button_twitter > span {
	background-position:-95px -79px;
}

.footer-buttons .addthis_button_email > span {
	background-position:-116px -79px;
}

.footer-buttons .addthis_button_print > span {
	background-position:-136px -79px;
}

/* content */

.footer .columns-2-1 {
	border-right-color:#000;
}

.footer .columns-2-2 {
	border-left-color:#000;
}

.footer-content p {
	text-transform:uppercase;
	font-size:12px;
}

.footer-content ul {
	list-style-type:none;
}

.footer-content li {
	display:inline-block;
	padding:12px 45px 0 0;
}


/*************************************************************/
/*  POPUP                                                    */
/*************************************************************/

#popup {
	display:none;
	padding:470px 250px 0 250px;
	background:transparent url('../img/cross-red.png') 250px top no-repeat;
	font-family:oswaldlight;
	font-size:24px;
	line-height:140%;
}

#popup h3 {
	font-family:oswaldbold;
	font-weight:normal;
	font-size:40px;
	line-height:130%;
	text-transform:uppercase;
}

#popup strong {
	color:#e20026;
	font-weight:normal;
}

#popup .button {
	font-family:oswaldbold;
	font-weight:normal;
	font-size:40px;
	line-height:100%;
	text-transform:uppercase;
	color:#000;
	margin-top:40px;
	padding-left:35px;
	display:inline-block;
	text-decoration:none;
	position:relative;
}

#popup .button:hover {
	color:#e20026;
}

#popup .button:before {
	content:'';
	position:absolute;
	left:0;
	border-top:18px transparent solid;
	border-bottom:18px transparent solid;
	border-left:27px #e20026 solid;
}

/*************************************************************/
/*  FANCYBOX                                                 */
/*************************************************************/

.fancybox-overlay {
	background:#fff;
	background:rgba(255, 255, 255, .9);
}

.popup.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.popup .fancybox-close {
	background:transparent url('../img/sprite-icons.png') -111px 0 no-repeat;
	width:23px;
	height:27px;
	right:0;
	top:0;
}

.popup .fancybox-inner {
	height:820px!important;
}

.popup .fancybox-skin {
	background:transparent;
	color:#000;
	padding:0!important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}