/* --- RESET --- */

* {
  margin:0;
  padding:0;
}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

div.clear, br.clear { clear:both; height:1px; font-size:1px; line-height:1px; }

div.clearZero { clear:both;font-size:0; }

div.clearZero a { text-indent: -2000px; }

br.clear { clear:left; }

a:focus {
  outline:0;
  -moz-outline:0;
}

:focus {
  outline:0;
  -moz-outline-style:none;
}

div.right { float:right !important; }

div.csc-textpic-clear { clear:both; }

img {
  border: 0;
  margin: 0;
  padding: 0;
}

.noMarg { margin: 0; }

/* --- END RESET --- */




/* STANDARDS */

body {
  margin: 0;
  padding: 0;

  background-color: #e1ddda;

  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  color: #333333;
}

.csc-default a, .csc-textpic-text a { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2380C4; text-decoration: none; }
a:hover {text-decoration: underline;}

h1 { font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 1.1; text-transform: uppercase; margin-bottom: 10px;}
h2 {font-family: UnitWeb-Light; font-size: 18px; text-transform: uppercase; margin-bottom: 5px;}
h3 {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1.5; color: #333333; margin-bottom: 2px; }
h3 a { text-decoration: none; color: #333 !important; }
h3 a:hover { text-decoration: none; }

.centeredContent { position: relative; width: 980px; margin: 0 auto; }
.centeredContent .frame-130 { display:block; padding:0px 20px 20px 20px; clear:both; }
.centeredContent .frame-130 .csc-textpic-imagewrap { float:left; }
.centeredContent .frame-130 .csc-textpic-text { width:700px; float:left; }



#header { width: 100%; height: 116px; background-color: #FFF; }

#logo { height: 116px; background-image: url(img/logo.bg.jpg); background-repeat: no-repeat; }
#logo .csc-textpic-text p { position: absolute; bottom: 5px; left: 290px; }
#logo .csc-textpic-text a.bg-link { display: block; width: 210px; height: 30px; }
#logo .csc-textpic-text a.bg-link,
#logo .csc-textpic-text a.bg-link:hover { text-decoration: none; }

/* SEARCH */

#search { position: absolute; top: 75px; right: 0px; }

#search form { width: 171px; }

#search form input { float: left; }
.tx-indexedsearch-searchbox form input.search-input,
.tx-indexedsearch-searchbox form input.submit-btn  { float: left; }

#search form input.search,
.tx-indexedsearch-searchbox form input.search-input { width: 134px; height: 26px; background-color: #E1DDDA; border: none; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #333; text-indent: 7px; }

.tx-indexedsearch-whatis { margin-bottom: 20px; margin-top: 20px; clear: both; line-height: 2; }

.tx-indexedsearch-browsebox {margin-bottom: 20px;}
ul.browsebox {margin: 0;}

.tx-indexedsearch-res-row {margin-bottom: 20px;}


/* SOCIAL MEDIA */

#social-media-buttons { display: none; margin-left: 20px; }
#social-media-buttons .social_share_privacy_area { float: right; }
#social-media-buttons .social_share_privacy_area .settings_info { display: none; }


/*OVERLAY */

#overlay_wrapper { background-color: #FFF; }


/* YOUTUBE */
.template-2 #youtube-teaser {margin-top: 20px;}

#youtube-teaser { position: relative; height: 375px; }
#youtube-teaser img.normal { position: absolute; }
#youtube-teaser img.hover { position: absolute; display: none; }


/* MENUES */

#lang_menu { position: absolute; top:20px; right: 0px; height: 50px; width: 200px;  }
#lang_menu ul { font-family: UnitWeb; text-align: right; font-size: 14px;}
#lang_menu ul li { display: inline; }
#lang_menu ul li a { text-decoration: none; padding: 0 10px 0 0; color: #999999;}
#lang_menu ul li a:hover {text-decoration: underline;}
#lang_menu ul li a.active,
#lang_menu ul li span.notavailable { display: none; }
#lang_menu ul li a:before { content: "» "; }
#lang_menu ul li a.active:before, { content: none; }


#menu { width: 100%; height: 42px; background-color: #8E8178; z-index: 200; position: relative; border-top: 3px solid #e1ddda; }
#menu ul { font-family: UnitWeb; text-align: left; padding-top: 6px; font-size: 20px; text-transform: uppercase; }
#menu ul li { display: inline; margin-left: 10px; margin-right: 10px; }
#menu ul li a { text-decoration: none; padding: 11px 10px 11px 10px; color: #E1DDDA; }
#menu ul li a:hover,
#menu ul li a.active { text-decoration: none; color: #FFF; }

#menu ul li:hover ul { display: block; }
#menu ul li.last:hover ul { display: none; }

#menu ul li:hover a { background-color: #AC9E95; color: #FFF; }
#menu ul li.first:hover a { background-color: transparent; }

#menu ul li.first a.active { color: #FFF; background-color: transparent; }

#menu ul li.last { position: absolute; margin: 0; right: 0px; }
#menu ul li.last a { text-decoration: none; color: #FFF; padding: 8px 12px 6px 25px; background-color: #529dc7; background-image: url(img/helpbtn.arrow.png); background-repeat: no-repeat; background-position: left center; }
#menu ul li.last a:hover { color: #333; background-image: url(img/helpbtn.arrow.hover.png); }

#menu ul li ul { display: none; background-color: #AC9E95; position: absolute; width: 100%; margin-left: 0; margin-top: 6px; font-size: 14px; color: #FFF; text-transform: none; }
#menu ul li ul { /*TRANSPARENCY ONLY*/ zoom: 1; filter: alpha(opacity=95); opacity: 0.95; }
#menu ul li ul li { display: block; margin: 5px 0px 15px 0px; }
#menu ul li ul li { /*TRANSPARENCY ONLY*/ zoom: 1; filter: alpha(opacity=100); opacity: 1; }
#menu ul li ul li a { text-decoration: none; color: #FFF; }
#menu ul li ul li a:hover,
#menu ul li ul li a.active { font-family: UnitWeb-Bold; color: #FFF; background: transparent; }
#menu ul li ul li.last { position: relative; margin-bottom: 15px; }
#menu ul li ul li.last a { padding: 0; padding-left: 10px; text-decoration: none; color: #FFF; background: transparent; }
#menu ul li ul li.last a:hover { color: #FFF; background:none; }

#menu ul > li:first-child+li li { margin-left: 104px; }
#menu ul > li:first-child+li+li li { margin-left: 285px; }
#menu ul > li:first-child+li+li+li li { margin-left: 411px; }

#breadcrumb_menu { margin: 10px 0 20px 20px; text-transform: uppercase; }
.template-13 #breadcrumb_menu {margin-bottom: 10px;}
#breadcrumb_menu ul {font-family: UnitWeb; }
#breadcrumb_menu li:before { content: ">"; text-indent:-20px; padding-right:7px; }
#breadcrumb_menu li.first:before { content: none; }
#breadcrumb_menu li.last:before { font-family: UnitWeb;  }
#breadcrumb_menu ul li { display: inline; margin-right: 10px; color: #999999; }
#breadcrumb_menu ul li.last { font-family: UnitWeb-Bold; }
#breadcrumb_menu ul li a { text-decoration: none; color: #999999;  }
#breadcrumb_menu ul li a:hover { text-decoration: underline;}

#marginal_menu {margin-bottom: 20px; padding: 20px; background-color: #F1F1F1; }
#marginal_menu ul {font-family: UnitWeb;}
#marginal_menu ul li {margin: 3px 0 2px 0;  border-bottom: 1px solid #ccc;}
#marginal_menu ul li ul {border-top: 1px solid #ccc; margin-top: 3px;}
#marginal_menu ul li ul li {padding-left: 20px;}
#marginal_menu ul li ul li.last {border: none;}
#marginal_menu ul li a {font-size: 13px; text-decoration: none; color: #666; line-height: 1; }
#marginal_menu ul li a:hover,
#marginal_menu ul li a.active { font-family: UnitWeb-Bold; }


/* CONTENT BASICS */

#page {padding: 0;}
#page.centeredContent { position: relative; background-color: #edecea; overflow: auto; padding-bottom: 80px; }
.template-8 #page.centeredContent {padding-bottom: 0;}

#page .content_col { float: left; }
#page .content_col.left { width: 638px; }
#page .content_col.right { width: 660px; }
#page .content_col.top { width: 980px; }
#page .content_col.bottom { width: 980px; }
#page .marginal_col { float: left; }
#page .marginal_col.left { width: 320px; }
#page .marginal_col.right { width: 342px; }

#dialog { width: 100%; height: 740px; background-color: #FFF; clear: both; display: none; }
.template-8 #dialog { display: block; }

#footer { width: 100%; height: 55px; background-color: #cdc8c4; clear: both; }

#footer .bar { float: left; }
#footer .links { position: absolute; left: 0px; }
#footer .menu { position: absolute; right: 0px; }

#footer ul { margin-top: 19px; }
#footer li { display: inline; }
#footer .links li { margin-left: 20px; }
#footer .menu li { margin-right: 20px; }
#footer li a { text-decoration: none; font-size: 14px; font-family: UnitWeb; color: #333; }
#footer li a:hover { text-decoration: underline; }


/* CONTENT & GRID */

.csc-default {margin: 0;}
.csc-textpic-text {padding-right: 20px;}

.template-2 .title {margin-left: 20px;}
.template-2 .csc-textpic-text {margin-left: 20px;}

.content_col .csc-default, .content_col .introtext, .content_col .textaccordion, .content_col .background-gray, .content_col .background-blue {margin: 0 20px 20px 20px;}
.content_col .csc-default .csc-textpic-image,
.content_col .textaccordion .csc-textpic-image,
.content_col .background-gray .csc-textpic-image,
.content_col .background-blue .csc-textpic-image {margin: 0 20px 0 0;}
.content_col.bottom .csc-default .csc-textpic-image,
.content_col .csc-textpic-lastcol .csc-textpic-image {margin: 0;}
.content_col .csc-textpic-imagewrap {margin: 0 0 10px 0;}
.content_col .csc-textpic-below .csc-textpic-imagewrap {margin: 10px 0 10px 0;}
.content_col .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin: 0 0 20px 0;}
.content_col .csc-textpic-intext-left-nowrap .csc-textpic-text {margin: 0 0 20px 180px;}
.content_col .box-3-3-3 .csc-textpic-imagewrap {margin: 0;}
.content_col ul {list-style: outside; margin-left: 20px;}
.content_col .csc-textpic-intext-left ul {padding-left:18px;}
.content_col ul.browsebox {margin: 0;}
.content_col .csc-default span.category_icon { margin-left: 0px; padding: 3px 7px 3px 2px; color:#FFF; font-family: UnitWeb; font-size: 10px; background-image: url(modules/img/icon.cate.png); background-repeat: no-repeat; }


.marginal_col .csc-default {width: 320px; float: left;}
.marginal_col .left {padding-left: 20px;}
.marginal_col .title { height: 60px; width: 270px; overflow: hidden; margin: 0 0 0 20px; padding: 15px; background-color: #fff;}
.marginal_col .title h1,
.marginal_col .title h1 a { font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-transform: uppercase; text-decoration: none; color: #333; }
.marginal_col .title h1,
.marginal_col .title h1 a { margin: 0; padding: 0; }
.marginal_col a {font-family: UnitWeb; font-size: 18px; line-height: 2;}
.marginal_col .csc-textpic-imagewrap { width: 300px; margin: 0 0 0 20px;}
.marginal_col .csc-textpic-text { position: relative; height: 120px; width: 270px; overflow: hidden; padding: 15px; background-color: #fff; margin: 0 0 20px 20px; }
.marginal_col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }

.bottom .csc-default {margin: 0;}

.introtext .csc-textpic-text {font-family: UnitWeb; font-size: 18px; line-height: 1.3;}
.introtext .csc-textpic-text a {font-family: UnitWeb; font-size: 18px; line-height: 1.3;}

.box {}
.box a {font-family: UnitWeb; font-size: 18px; line-height: 2;}
.box a.copytext-link { line-height: 1; }
.box .csc-default, .box .csc-textpic-text, .box .title {margin: 0;}
.box-3-3-3, .box-2-4-4, #interactive_map, .box-dachseite-main, .box-3-6, .box-6-3 {margin: 0 0 20px 20px;}

.box-3-3-3 { clear: both; }
.box-3-3-3 .col { position: relative; width: 300px; float: left; margin: 0 20px 20px 0;}
.box-3-3-3 .col .title { height: 90px; overflow: hidden; background-color: #fff;}
.box-3-3-3 .col .title h1,
.box-3-3-3 .col .title h1 a { margin: 15px;  font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-transform: uppercase; text-decoration: none; color: #333; }
.box-3-3-3 .col .title h1 a { margin: 0; }
.box-3-3-3 .col .csc-textpic-text { height: 120px; overflow: hidden; padding: 15px; background-color: #fff;}
.box-3-3-3 .col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }
.box-3-3-3 .no-margin .csc-textpic-text {padding: 0px 15px 20px 20px; height:15px;}
.box-3-3-3 .no-margin .csc-textpic-text p a {line-height: 1;}

.box-4-4-4-4 {}
.box-4-4-4-4 .col { position: relative; width: 220px; float: left; margin: 0 20px 20px 0;; }
.box-4-4-4-4 .col .title { height: 90px; overflow: hidden; background-color: #fff; }
.box-4-4-4-4 .col .title h1,
.box-4-4-4-4 .col .title h1 a { margin: 15px; text-transform: uppercase; font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; text-decoration: none; color: #333; }
.box-4-4-4-4 .col .title h1 a { margin: 0; }
.box-4-4-4-4 .col .csc-textpic-text { height: 120px; overflow: hidden; padding: 15px; background-color: #fff; }
.box-4-4-4-4 .col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }

.box-2-4-4 {}
.box-2-4-4 .col { position: relative; width: 220px; float: left; margin: 0 20px 20px 0; }
.box-2-4-4 .col .title { height: 90px; overflow: hidden; background-color: #fff; }
.box-2-4-4 .col .csc-textpic-text { height: 120px; overflow: hidden; padding: 15px; background-color: #fff; }
.box-2-4-4 .col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }
.box-2-4-4 .col-1 { width: 460px; }
.box-2-4-4 .col .title h1,
.box-2-4-4 .col .title h1 a { margin: 15px; font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #333; }
.box-2-4-4 .col .title h1 a { margin: 0; line-height: 1.2; }
.box-2-4-4 .col-1 .title h1,
.box-2-4-4 .col-1 .title h1 a {font-size: 28px; line-height: 1.2; }
.box-2-4-4 .col-2 .title h1,
.box-2-4-4 .col-3 .title h1 { font-size: 18px; line-height: 1.2; }

.box-6-3 {}
.box-6-3 .col { position: relative; width: 300px; float: left; margin: 0 20px 20px 0;}
.box-6-3 .col .title { height: 90px; overflow: hidden; background-color: #fff;}
.box-6-3 .col .title h1,
.box-6-3 .col .title h1 a { margin: 15px; text-transform: uppercase; font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-decoration: none; color: #333; }
.box-6-3 .col .title h1 a { margin: 0; }
.box-6-3 .col .csc-textpic-text { height: 120px; overflow: hidden; padding: 15px; background-color: #fff;}
.box-6-3 .col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }
.box-6-3 .col-1 { width: 620px; }

.box-3-6 {}
.box-3-6 .col { position: relative; width: 300px; float: left; margin: 0 20px 20px 0;}
.box-3-6 .col .title { height: 90px; overflow: hidden; background-color: #fff; }
.box-3-6 .col .title h1,
.box-3-6 .col .title h1 a { margin: 15px; text-transform: uppercase; font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-decoration: none; color: #333; }
.box-3-6 .col .title h1 a { margin: 0; }
.box-3-6 .col .csc-textpic-text { height: 120px; overflow: hidden; padding: 15px; background-color: #fff; }
.box-3-6 .col .csc-textpic-text a { position: absolute; bottom: 7px; line-height: 1; }
.box-3-6 .col-2 { width: 620px; }


.box-project-map { position: relative; margin: 20px 0px 20px 20px; }
.box-project-map .col { float: left; }
.box-project-map .col-1 { width: 315px; }
.box-project-map .col-1 .title h1,
.box-project-map .col-1 .title h1 a { font-family: UnitWeb-Light; font-size: 36px; text-decoration: none; color: #333; line-height: 1.2; }
.box-project-map .col-1 .csc-textpic-text { font-family: UnitWeb-Light; font-size: 18px; line-height: 1.3; }
.box-project-map .col-2 { width: 635px; }


.box-project-main {
	position: relative;
	margin: 20px 0px 20px 0px;
	height: 415px;
	background-color: #ccc;
	float: left; }

/* .box-project-main .col-2 { position: absolute; top: 175px; left: 525px; width: 450px; overflow: hidden; } */
.box-project-main .col-1 {}
.box-project-main .col-2 {

	position: absolute;
	top: 175px;
	left: 525px;
	width: 450px;
	overflow: hidden;
}
.box-project-main .col-1 h1 { margin-left: 20px; }

.box-dachseite-main {}
.box-dachseite-main .col-1 { margin: 0 0 20px 0; padding-right: 20px; }
.box-dachseite-main .col-1 .csc-textpic-text { font-family: UnitWeb-Light; font-size: 18px; line-height: 1.3; }
.box-dachseite-main .col-2 { margin: 0 0 20px 0; width: 620px; float:left; }
.box-dachseite-main .col-3 { margin: 0 0 20px 20px; width: 300px; float:left; }
.box-dachseite-main .col-3 h1,
.box-dachseite-main .col-3 h1 a { font-family: UnitWeb-Light, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-decoration: none; color: #333; }

.box-dialog {}
.box-dialog .col-1 {padding: 60px 20px 40px 20px;}
.box-dialog .col-1 h1 {font-size: 60px;}
.box-dialog .col-1 .csc-textpic-imagewrap { position: absolute; top: 67px; right: 15px; }
.box-dialog .col-1 .csc-textpic-imagewrap .csc-textpic-imagerow { float: left; margin-right: 7px; }
.box-dialog .col-2 {width: 440px; height:440px; background-color: #eae9e5; margin-right:20px; float: left; padding: 20px;}
.box-dialog .col-3 {width: 440px; height:440px; background-color: #e6ebf1; float:left; padding: 20px;}

.box-project-year .col-1.closed-de { background-image: url(img/acc.closed.de.png); background-repeat: no-repeat; background-position: right center;  }
.box-project-year .col-1.active-de { background-image: url(img/acc.open.de.png); background-repeat: no-repeat; background-position: right center;  }
.box-project-year .col-1.closed-en { background-image: url(img/acc.closed.en.png); background-repeat: no-repeat; background-position: right center;  }
.box-project-year .col-1.active-en { background-image: url(img/acc.open.en.png); background-repeat: no-repeat; background-position: right center;  }

.box-project-year .col-1 {  background-color: #FFF;
                            padding: 15px 25px 15px 25px;
                            /* margin-top: 30px;*/
}
.box-project-year .col-1 h1 {font-size: 18px; margin-bottom: 0;}
.box-project-year .col-2 { background-color: #FFF; }
.box-project-year .col-2 h1 { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1.5; color: #333333; text-transform: none; margin: 0; }
.box-project-year .col-2 .csc-textpic-imagewrap { float: left; margin: 0 0 20px 20px;}
.box-project-year .col-2 .csc-textpic-text {margin: 0 50px 20px 180px;}
.box-project-year .col-2 a {font-size: 13px;}
.box-project-year .col-2 .csc-textpicHeader h1 span.category_icon { margin-left: 10px; padding: 3px 7px 3px 2px; color:#FFF; font-family: UnitWeb; font-size: 10px; background-image: url(modules/img/icon.cate.png); background-repeat: no-repeat; }



/* ** work around for map page relaunch ** */
div.box-project-year > div.col-1 {
	display:none;
}

/*current projects*/


/*closed projects*/



/* box projects common */
.box-projects .col-1 h1 {font-size: 18px; margin-bottom: 0;}
.box-projects > .col-1 {
	background-color: #FFFFFF;
	margin-top: 30px;
	padding: 15px 25px;
	border: 1px solid #000;
}
.box-projects > .col-2 h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	text-transform: none;
	margin: 0;
}
.box-projects > .col-2 { background-color: #FFFFFF; }
.box-projects { font-size: 13px; }
.box-projects > .col-2 a { font-size: 13px; }
.box-projects > .col-2 .csc-textpic-imagewrap { float: left; margin: 0 0 20px 20px;}
.box-projects > .col-2 .csc-textpic-text {margin: 0 50px 20px 180px;}
.box-projects > .col-2 > div.csc-default {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom:  1px solid #000;
	padding-top: 20px;
}
/* wordaround : disable/hide the secondary title of project box title-div */
.box-projects > div.col-1 div.csc-textpicHeader-secondary-title { display: none; }


.box-projects > div.col-1.closed-de { background-image: url(img/acc.closed.de.png); background-repeat: no-repeat; background-position: right center;  }
.box-projects > div.col-1.active-de { background-image: url(img/acc.open.de.png); background-repeat: no-repeat; background-position: right center;  }
.box-projects > div.col-1.closed-en { background-image: url(img/acc.closed.en.png); background-repeat: no-repeat; background-position: right center;  }
.box-projects > div.col-1.active-en { background-image: url(img/acc.open.en.png); background-repeat: no-repeat; background-position: right center;  }

#project_map_container {
	width: 932px;
	height: 659px;

	margin: 0;

}

path.has_projects {
	cursor: pointer;
}


#project_map_container > div.single_map_container {
	position: absolute;
	width: 932px;
	height: 659px;
	padding: 0;
	margin: 0;
	z-index: 0;
}

#project_map_container div.single_map {

	width: 932px;
	height: 659px;
	padding: 0;
	margin: 0;

}

div#project_map_ww > svg {
	margin-top: -178px;
}
div#project_map_ww_bottom_cover {
	background-color: #ECECEC;
	height: 110px;
	margin-left: -21px;
	margin-top: -110px;
	position: absolute;
	width: 980px;
	display:none;
}

#project_map_container > div.aktiv_map_container {
	z-index: 1;
}

/*******  FILTERS *****/
div#project_filters {
	height: 120px;
	width: 100%;
	border: 1px dotted;

}
/*
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(img/check_radio_sheet.png) -19px top no-repeat;
}
*/



div#filters_container ul {
	padding-left: 18px;
	padding-top: 20px;
}

div#filters_container ul li {
	display:inline;
	line-height: 2em;
	margin-right: 25px;
}
div#filters_container ul li *:hover {
	cursor: pointer;
}


div#filters_container input[type="radio"] {
	display:none;
}

div#filters_container input[type="radio"] + label {
	color:#0000FF;
	font-family:Arial, sans-serif;
	font-size:14px;
}

div#filters_container input[type="radio"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(img/check_radio_sheet.png) -38px top no-repeat;
	cursor:pointer;
}


div#filters_container input[type="radio"]:checked + label span {
	background:url(img/check_radio_sheet.png) -57px top no-repeat;
}





div#zoomOut {
	background-image: url(img/mapzoom.png) ;
	background-position: left top;
	background-repeat: no-repeat;
	display:none;
	height:50px;
	width: 53px;
	position: absolute;
	cursor: pointer;
}

.with-pointer-cursor {
	cursor: pointer;
}

/* Overlay Slide */


div.fancybox-wrap  h1{
	text-transform: none;

}
div.fancybox-wrap  h2{
	text-transform: none;
}



div.slidepage{



	height: 544px;
	border: 1px solid #ddd;
	display:block;
	padding-left: 21px;
	padding-right: 21px;
	width: 866px;
	-webkit-box-shadow: inset 0px 0px 6px 3px #eee;
	-moz-box-shadow: inset 0px 0px 6px 3px #eee;
	box-shadow: inset 0px 0px 6px 3px #eee;


}
div.slidepage h1{
	text-transform: none;
}


div.slide-page-line{

	width: 100%;
	height: 116px;
	display:block;
	margin-bottom: 25px;
}


div.slide-page-line h1{
	min-height: 68px;
}

div.slide-page-line:last-child{
	margin-bottom: 0;
}

div.slidepage div.slide-page-line div{
	padding: 11px 0 11px 9px;
	width: 406px;
	height: 94px;
	background-color: #CCC;
	float:left;

}

div.slidepage div.slide-page-line div:last-child{
	margin-left:25px;

}
div.slidepage div.slide-page-line div:first-child{
	margin-left:0;

}



div.slidepage div h1.overlay-project-title{
	font-size: 18px;
	margin-right: 18px;
}
div.slidepage div img.overlay-project-image{
	width: 140px;
	height: 94px;
	border: none;
	float: left;
	margin-right: 10px;
}


div.slide-head-line{
	height: 90px;
}
div.slide-head-line div.slide-headline-main{
	padding-top: 25px;
}
div.slide-head-line div.slide-headline-main h1{
	color: #333333;
	font-family: UnitWeb;
	font-size: 22px;

}

div.slide-head-line div.slide-headline-second{
	margin-top: -10px;
}

div.slide-head-line div.slide-headline-second h2{

	color: #333333;
	font-family: UnitWeb;
	font-size: 14px;


}

div.slide-head-line, div.slide-page-line {
	margin-left:6px;
}

div.slide-page-line div.is-closed-project {
	background-color: #CCC;
}

h1.overlay-project-title {
	font-family: UnitWeb;
	text-decoration: none;
	font-size: 18px;
	color: #333;
	/*margin-bottom: 25px;*/
	margin-bottom: 0;
	margin-top: 2px;
}
a.overlay-project-link {
	font-family: UnitWeb;
	text-decoration: none;
	font-size: 18px;
	color: #2380c4;
}
a:hover.overlay-project-link { text-decoration: underline; }

/* IE Check */

div#iecheck {
	width: 908px;
	height: 400px;
}

div.iecheck-inner {
	padding: 40px;

}

div.iecheck-headline{
	/* margin-bottom: 20px;
	 margin-top: 10px; */
}
div.iecheck-headline h1{
	color: #333333;
	font-family: UnitWeb-Bold;
	font-size: 22px;
}
div.iecheck-text{
	margin-top:34px;
	color: #333;
	font-family: UnitWeb;
	font-size: 18px;
}

div.iecheck-text a{
	font-family: UnitWeb-Bold;
	text-decoration: none;
	font-size: 14px;
	color: #2380c4;
}
div.iecheck-text a:hover{
	text-decoration: underline;

}


div.iecheck-text p{
	margin-bottom: 12px;
}

div.iecheck-text p#describe{

}

div.iecheck-text p#ieupdate{
	margin-top: 12px;
}
div.iecheck-text p#otherbrowser{
	margin-top: 18px;
}
div.iecheck-text p#otherbrowser-list{
	margin-top: 12px;
	margin-bottom: 0;
}

div.iecheck-text p#leave  {
	margin-bottom: 0;
	margin-left: 641px;
	margin-top: -29px;
	position: absolute;
}
div.iecheck-text p#leave a{

	font-family: UnitWeb-Bold;
	font-size: 22px;

}


.col .background-no .title,
.col .background-no .csc-textpic-text,
.marginal_col .background-no .title,
.marginal_col .background-no .csc-textpic-text {background-color: transparent; padding: 0; margin: 0;}

.content_col .background-gray .title {background-color: #d8bd7f; padding: 15px 15px 5px 15px;}
.content_col .background-gray .csc-textpic-text {background-color: #d8bd7f; padding: 10px 15px 15px 15px;}

.content_col .background-blue .title {background-color: #529dc7; color: #fff; padding: 15px 15px 5px 15px;}
.content_col .background-blue .title h2 { margin-bottom: 0; }
.content_col .background-blue .csc-textpic-text {background-color: #529dc7; color: #fff; padding: 10px 15px 15px 15px;}
.content_col .background-blue a { color: #fff; font-weight: bold; text-decoration: none; }
.content_col .background-blue a:hover { color: #333; }

.content_col .background-white .title {background-color: #ffffff; padding: 15px 15px 5px 15px;}
.content_col .background-white .title h2 { margin-bottom: 0; }
.content_col .background-white .csc-textpic-text {background-color: #ffffff; padding: 10px 15px 15px 15px;}
.content_col .background-white a { color: #000; font-weight: bold; text-decoration: none; }
.content_col .background-white a:hover { color: #333; }

.disclaimer {margin: 0 0 20px 20px; font-size: 11px;}

.col .statistics {margin: 70px 0 0 0;}
.col .statistics .title,
.col .statistics .csc-textpic-text {background-color: transparent; padding: 0; margin: 0; color: #AC9E95;}
.col .statistics .title {float: left; height: 200px;}
.col .statistics .title h1 {font-family: UnitWeb-Medium; color: #AC9E95; font-size: 120px; margin: 0 10px 0 0; }
.col .statistics .csc-textpic-text {padding: 20px 0 0 0;}
.col .statistics .csc-textpic-text p {font-family: UnitWeb; font-size: 18px; line-height: 1.3; }
.col .statistics .csc-textpic-text p a {position: relative; bottom: 0;}
.col .statistics .csc-textpic-text p .detail {font-family: UnitWeb; font-size: 12px;}
.col .statistics .csc-textpic-text p .detail a {font-family: UnitWeb; font-size: 12px; position: relative; bottom: 0;}




/* LANDING PAGE */

.template-13 .top .csc-default {margin: 0 0 20px 0; padding: 0;}
.template-13 .top .csc-textpic-imagewrap {margin: 0;}
.template-13 #social-media-buttons {margin-bottom: 20px;}


/* LANDING PAGE WITH DIALOGBOXES */

.template-15 #dialog { display: block; background-color: transparent; }
.template-15 #dialog .centeredContent { background-color: white; height: 100%; }


/* TABLE */

table.contenttable {font-family: Helvetica, Arial, sans-serif; font-size: 13px;}
table.contenttable tbody tr td.td-0 {width: 120px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}


/* NEWS */

.box-3-3-3 .col .news-list-container_01 { height: 95px; overflow: hidden; background-color: #fff; padding: 20px 20px 0 20px; }
.box-3-3-3 .col .news-list-item {font-weight: bold;}
.box-3-3-3 .col .news-list-content h5 {font-size: 13px; font-weight: normal; }
.box-3-3-3 .col .news-list-content p,
.box-3-3-3 .col .news-list-content a {display: none;}
.box-3-3-3 .col .news-list-content a {display: inline;ont-family: Helvetica, Arial, sans-serif;font-size: 13px;font-weight: normal;line-height: 1.5;}
.box-3-3-3 .col .news-list-item {padding: 0;}
.page-5 .box-3-3-3 .col .news-list-container_01 { height: 315px; overflow: hidden; background-color: #fff; padding: 0 20px 0 20px;}


.template-11 .news-list-image {clear: both; width: 180px; height: 170px; float: left;}
.template-11 .news-list-text {width: 430px; float: left;}
.template-11 .news-list-morelink {padding-left: 0;}
.template-11 .news-list-browse {clear:both; font-size: 13px;}
.template-11 .news-list-browse .pager_main li {list-style: none; display: inline; margin-right: 10px;}

.template-3 .news-single-item {padding: 0;}
.template-3 .news-single-image,
.template-3 .news-single-text {width: 620px; clear:both;}
.template-3 .news-single-img {float: left; margin: 0 0 20px 0;}
.template-3 .news-single-text h3 {margin-bottom: 10px;}

/*
.template-11 .press-list-container img {margin: 10px 0 10px 0;}
.template-11 .press-list-entry {float: left; display: inline;}
.template-11 div.press-list-container,
.template-11 div.press-list-entry {padding-bottom: 20px;}
.template-11 .news-list-morelink a {display: none; margin-bottom: 10px;}
.template-11 .press-list-container h3 {font-weight: normal; line-height: 1.5; color: #333333;}
.template-11 .press-list-entry h4 a,
.template-3 .news-single-item h3 {font-family: UnitWeb-Light; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; color: #333;}
.template-3 .news-single-item h4 {font-weight: normal; margin-bottom: 20px;}

press-list-entry
*/

/* FORMULARE */

/* Newsletteranmeldung Startseite */
.box-dialog form,
#overlay_wrapper form { width: 260px; margin: 20px 0 20px 0; }
.box-dialog form input,
#overlay_wrapper form input { width: 260px; margin-bottom: 10px; height: 30px;}
.box-dialog form input.submit,
#overlay_wrapper form input.submit { font-family: UnitWeb; width: 150px; text-decoration: none; color: #FFF; background-color: #529dc7; background-image: url(img/helpbtn.arrow.png); background-repeat: no-repeat; background-position: left center; text-transform: uppercase; font-size: 18px; padding: 2px 0 0 25px; margin-left: 114px;}
.box-dialog a {font-family: Helvetica, Arial, sans-serif; font-size: 13px;}
.box-dialog h3 {line-height: 1.5;}
#overlay_wrapper .introtext {margin: 20px;}
body.template-14 {background-color: #fff;}

/* MODULE ACCORDION TEASER HOME */
ul.module-teaser-acc {
	position: relative;
	overflow: hidden;

	background-color: #FFF;
	border: 5px solid #FFF;
}
ul.module-teaser-acc .panel {
	position: absolute;
	overflow: hidden;
	background-color: #edecea;
}
ul.module-teaser-acc .preloader { position: absolute; z-index: 15; }
ul.module-teaser-acc .caption { position: absolute; z-index: 20; overflow: hidden; }
ul.module-teaser-acc .caption-background {
  position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
ul.module-teaser-acc .caption-background p img,
ul.module-teaser-acc .caption-background .csc-textpic-text p {
  cursor: pointer;
}
ul.module-teaser-acc .caption p { padding: 15px; }
ul.module-teaser-acc .caption p a {}
/* END MODULE ACCORDION TEASER HOME */


/* Kontakt */

form {
  width: 470px;
}

.csc-mailform-field input, .csc-mailform-field  textarea, .csc-mailform-field select {
  width: 470px;
  margin-bottom: 10px;
}


/* Firefox Patches */

@-moz-document url-prefix() {
	h1, h2 {font-weight: 500;}
#menu ul li.last a { padding: 6px 12px 4px 25px;}
}


/* CSC Sitemap */

.csc-sitemap ul {margin-left: 20px; }
.csc-sitemap ul { list-style: none; line-height: 2;}
.csc-sitemap ul li ul {margin-left: 20px;}

/* Hide Breadcrumbs on single Pages */
.page-385 #breadcrumb_menu,
.page-386 #breadcrumb_menu,
.page-390 #breadcrumb_menu { visibility: hidden; }

.ul-level3 .li-level3:last-child {
  border-bottom:none !important;
}


/*   News detail upgrade    */
.template-3 .news-single-text h2 { margin-bottom: 17px; font-family: UnitWeb; }
.template-3 .news-single-text h2.mainHead { font-weight: bold; margin-bottom: 5px; }
.template-3 .news-single-text .subheader { margin-bottom: 17px; font-family: UnitWeb; font-size: 18px; text-transform: uppercase; }
.template-3 .news-single-text h3 { font-weight: normal; }


/*   jpFAQ lists    */

/*  styling lists in answers */

.jpfaqAnswer ul > li {
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 10px;
	padding-left: 4px;

}

.jpfaqAnswer ul > li > p {

	font-weight: bold;
}

.jpfaqAnswer li li {
	font-weight: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 4px;
	margin: 0;
}

.jpfaqAnswer > p {
	padding-left: 20px;
	margin-bottom: 5px;
}


div.jpfaqAll { display: none; }

h3.toggleTrigger {
	padding-left: 26px;
}

div.jpfaqAnswer > ul {
	margin-left: 16px;
}

div.jpfaqAnswer > ul ul {
	margin-left: 15px;
}


/* 333 Grid element Children special page */

div.newsletter_teaser {
	background-color: #FFFFFF;
	height: 230px;
	padding: 15px;
	width: 270px;
}

.newsletter_teaser form {
  height: 220px;
	width: 270px;

}
.newsletter_teaser form input {
	height: 30px;
	margin-bottom: 10px;
	width: 255px;
}

.newsletter_teaser form input.submit {
	background-color: #529DC7;
	background-image: url("img/helpbtn.arrow.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: UnitWeb;
	font-size: 18px;
	margin-left: 111px;
	margin-top: 20px;
	padding: 2px 0 0 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 150px;
}


/** 404 page **/
#page_404_text_container {


	background: url("img/bg-949293.png") repeat scroll 0 0 transparent;

	border: medium none;
	color: #333333;
	font-family: UnitWeb;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	min-height: 170px;
	width: 880px;
	padding: 30px;
	margin-top: 30px;



}

#page_404_text_container p {

	color: #555555;
}

#page_404_text_container p:first-of-type {
	font-weight: bold;
	color: #333333;
}



#page_404_text_container  a {
	color: #2380C4;
	float: left;
	font-family: UnitWeb;
	font-size: 18px;
	margin-right: 17px;
	margin-top: 5px;
}
#page_404_text_container span{
	padding: 0;
	margin-right: 30px;

}


#page_404_text_container div.arrow {
	background-image: url("img/arrow-trans.png");
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
  height: 14px;
	left: 70px;
	position: absolute;
	top: 106px;
	width: 30px;
}




#search-404 {
	height: 26px;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 270px;
}

#search-404 form { width: 171px; }

#search-404 form input {
	float: left;
	background-color: #EDECEA;
	border: medium none;
	color: #555555;
	font-family: UnitWeb,Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: normal;
	height: 26px;
	text-decoration: none;
	text-indent: 7px;
	width: 248px;
}

#search-404 form #searchgo-404 {
	position: absolute;
	width: 37px;
	height: 26px;

}

/* SOUND ICON TEASER */
div.csc-default.sound-icon .csc-textpic-imagewrap { position: relative; }
div.teaser-sound-icon {
	position: absolute;

	bottom: 10px;
	right: 10px;

	width: 60px;
	height: 62px;

	cursor: pointer;
}
div.teaser-sound-icon img { width: 100%; height: 100%; }



/*  Extension Award */

div[data-awarded="1"] div.csc-textpic-imagewrap div.award-logo {
	background-color: #AAAAAA;
	height: 0;
	margin: 0;
	position: absolute;
	width: 0;
	padding: 0;

}

div[data-awardshort="SEEWALD AWARD"] div.csc-textpic-imagewrap div.award-logo {
  /*
    in case some specifical styles ..
  */

}


div.award-icon  {
  height: 32px;
  width: 23px;
  background-image: url('images/wimpel_detailseite.png');
  background-repeat: no-repeat;
  padding: 0;
  margin: 0 1px 0 0;
  float: left;
}


/*
	One Pager Song
*/

/* accordeon module */

#songModuleTeaserAcc {
	display: block;
}
#songModuleTeaserAcc ul.module-teaser-acc {
	background-color: #e1ddda;
	overflow: hidden;
	position: relative;
}
#songModuleTeaserAcc ul.module-teaser-acc .panel {
	background-color: #e1ddda;
	overflow: hidden;
	position: absolute;
}
#songModuleTeaserAcc ul.module-teaser-acc .panel p { margin:0 0 0 11px; font-family: UnitWeb-Light; font-size: 20px; line-height: 1.2; width:300px; color: #8c7f78; }
#songModuleTeaserAcc ul.module-teaser-acc .panel p a { margin:0; font-family: UnitWeb-Bold; font-size: 20px; line-height: 1.5; color: #8c7f78; }
#songModuleTeaserAcc ul.module-teaser-acc .caption p { padding: 2px; }


/* header */
.songHead { width: 100%;	height: 184px; background: #000 url("../Images/Song/htw.song.header.jpg") no-repeat center; position: relative; }

.songHeadTopvisual { position: absolute; top: 45px; left: 53px;}

.songHead ul.language { position: absolute; top: 16px; right: 108px; list-style: inside none; }
.songHead ul.language li { float: left; padding-left: 20px; }
.songHead ul.language li a { color:#fff; font-size: 16px; font-family: UnitWeb-Bold; text-decoration: none; }
.songHead ul.language li a.active, .songHead ul.language li a:hover { text-decoration: underline; }

.songHead ul.socialTop { position: absolute; top: 110px; right: 108px; list-style: inside none; }
.songHead ul.socialTop li { width: 40px; padding-left: 6px; float: left;}

.songHead ul.socialTop li a.fbTop { width: 40px; height: 40px; font-size: 0; display: block; background: url("../Images/Song/icon.fb.top.png") 0 0 no-repeat; }
.songHead ul.socialTop li a.fbTop:hover { background: url("../Images/Song/icon.fb.top.png") 0 -40px no-repeat; }
.songHead ul.socialTop li a.twitterTop { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.twitter.top.png") 0 0 no-repeat; }
.songHead ul.socialTop li a.twitterTop:hover { background: url("../Images/Song/icon.twitter.top.png") 0 -40px no-repeat; }
.songHead ul.socialTop li a.googleTop { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.google.top.png") 0 0 no-repeat; }
.songHead ul.socialTop li a.googleTop:hover {  background: url("../Images/Song/icon.google.top.png") 0 -40px no-repeat; }
.songHead ul.socialTop li a.mailTop { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.mail.top.png") 0 0 no-repeat; }
.songHead ul.socialTop li a.mailTop:hover { background: url("../Images/Song/icon.mail.top.png") 0 -40px no-repeat; }


/* floating nav */
#floatingNav { padding: 9px 0 6px 0; width: 100%; background-color: #cdc8c4; border-bottom: 1px solid #bdb9b6; overflow: hidden; position: fixed; top: -112px; z-index: 99;}
#floatingNav a.floatingNavLogo { float: left; margin-right:30px; }
#floatingNav ul.floatingNavItem { list-style: inside none; margin: 50px 0 0; width: 790px; float: left; }

#floatingNav ul.floatingNavItem li { float: left; margin-right: 15px; }
#floatingNav ul.floatingNavItem li a { font-family: UnitWeb; font-size: 13px; color:#fff; text-transform:uppercase; text-decoration: none; }
#floatingNav ul.floatingNavItem li a.active, #floatingNav ul.floatingNavItem li a:hover { text-decoration: underline; }


/* social icons content area */
ul.songSocialInner { list-style: inside none; float: right; margin: 15px 45px 0px 0; }
ul.songSocialInner li { width: 40px; padding-left: 6px; float: left; }

ul.songSocialInner li a.fbCont { width: 40px; height: 40px; font-size: 0; display: block; background: url("../Images/Song/icon.fb.cont.png") 0 -40px no-repeat; }
ul.songSocialInner li a.fbCont:hover { background: url("../Images/Song/icon.fb.cont.png") 0 0 no-repeat; }
ul.songSocialInner li a.twitterCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.twitter.cont.png") 0 -40px no-repeat; }
ul.songSocialInner li a.twitterCont:hover { background: url("../Images/Song/icon.twitter.cont.png") 0 0 no-repeat; }
ul.songSocialInner li a.googleCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.google.cont.png") 0 -40px no-repeat; }
ul.songSocialInner li a.googleCont:hover {  background: url("../Images/Song/icon.google.cont.png") 0 0 no-repeat; }
ul.songSocialInner li a.mailCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.mail.cont.png") 0 -40px no-repeat; }
ul.songSocialInner li a.mailCont:hover { background: url("../Images/Song/icon.mail.cont.png") 0 0 no-repeat; }


ul.songSocialInnerWhite { list-style: inside none; float: right; margin: 30px 44px 0 0; }
ul.songSocialInnerWhite li { width: 40px; padding-left: 6px; float: left; }

ul.songSocialInnerWhite li a.fbCont { width: 40px; height: 40px; font-size: 0; display: block; background: url("../Images/Song/icon.fb.cont.white.png") 0 0 no-repeat; }
ul.songSocialInnerWhite li a.fbCont:hover { background: url("../Images/Song/icon.fb.cont.white.png") 0 -40px no-repeat; }
ul.songSocialInnerWhite li a.twitterCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.twitter.cont.white.png") 0 0 no-repeat; }
ul.songSocialInnerWhite li a.twitterCont:hover { background: url("../Images/Song/icon.twitter.cont.white.png") 0 -40px no-repeat; }
ul.songSocialInnerWhite li a.googleCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.google.cont.white.png") 0 0 no-repeat; }
ul.songSocialInnerWhite li a.googleCont:hover {  background: url("../Images/Song/icon.google.cont.white.png") 0 -40px no-repeat; }
ul.songSocialInnerWhite li a.mailCont { width: 40px; height: 40px; font-size: 0; display: block;  background: url("../Images/Song/icon.mail.cont.white.png") 0 0 no-repeat; }
ul.songSocialInnerWhite li a.mailCont:hover { background: url("../Images/Song/icon.mail.cont.white.png") 0 -40px no-repeat; }




/* white grey content blocks */
.songWhite {  width: 100%; background-color: #fff; }
.songGrey {  width: 100%; background-color: #e1ddda; }

.songWhite h1, .songGrey h1 { font-family: UnitWeb-Bold; font-size: 64px; line-height: 1.2 !important; margin: 0; color: #8c7f78; }
.songWhite h1.grey, .songGrey h1.grey {  margin: -19px 0 0; color:#c5c0bf; }
.songWhite h1.white, .songGrey h1.white {  margin: -19px 0 0; color:#fff; }
.songWhite h1.first, .songGrey h1.first { margin: 50px 0 0 0; }
.songWhite h2, .songGrey h2 { font-family: UnitWeb-Bold; font-size: 38px; line-height: 1.1; text-transform: none; color: #8c7f78; }
.songWhite h2.grey, .songGrey h2.grey { color:#c5c0bf; }
.songWhite p, .songGrey p { margin:23px 0 35px; font-family: UnitWeb; font-size: 27px; line-height: 1.5; width:851px; color: #8c7f78; }
.songWhite p a, .songGrey p a { color: #8c7f78; }
.songWhite .textblock img, .songGrey .textblock img { float: left; margin: 0 47px 0 0; }
.songWhite .textblock p.sub, .songGrey .textblock p.sub,
.songWhite .songTextLeft p.sub, .songGrey .songTextLeft p.sub,
.songWhite .songTextRight p.sub, .songGrey .songTextRight p.sub { float: left; margin:0; font-family: UnitWeb; font-size: 22px; line-height: 1.4; width:520px; color: #8c7f78; }
.songWhite .textblock p.sub b, .songGrey .textblock  p.sub b,
.songWhite .songTextLeft p.sub b, .songGrey .songTextLeft  p.sub b,
.songWhite .songTextRight p.sub b, .songGrey .songTextRight  p.sub b { float: left; margin:0; font-family: UnitWeb-Bold; font-size: 22px; line-height: 1.4; width:520px; color: #8c7f78; }
.songWhite p.sub span, .songGrey p.sub span { font-family: UnitWeb-Bold; }
.songWhite a.link, .songGrey a.link { margin-top: 20px; clear: both; display: inline-block; font-family: UnitWeb-Bold; font-size: 30px; line-height: 1.1; text-decoration: none; color: #8c7f78; }
.textblock a.link { margin-top: 20px; float: left; font-family: UnitWeb-Bold; font-size: 30px; line-height: 1.1; text-decoration: none; color: #8c7f78; }
.songWhite a.link:hover, .songGrey a.link:hover, .textblock a.link:hover { text-decoration: underline; }

a.songSlideSublink { cursor: pointer; float: left; width: 300px; height: 301px; margin-right: 20px; background:#c5c0bf; text-decoration: none; }
a.songSlideSublink:hover { text-decoration: none; }
a.songSlideSublink img { margin: 0 0 10px 0 !important; }
a.songSlideSublink span { padding-left: 15px; display: block; text-transform: uppercase; font-family: UnitWeb-Bold; font-size: 22px; line-height: 1.2; color: #8c7f78; }
a.songSlideSublink span.white { color: #fff; }
.songSlideSublinkOuter { position: relative; }
.songSlideSublinkItem { position: absolute; z-index: 10; }
.songSlideSublinkOver { display: none; position: absolute; z-index: 50; opacity:1; filter:alpha(opacity=100); top: 0; left: 0; }



#world-map-song{
	margin-top: 39px;
	margin-bottom: 34px;
}
/* grid for image gallery */
#ambassador_grid_loader {
	background-image: url("../Images/Song/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 300px;
}
#ambassador_grid {  -moz-user-select: none; }
#ambassador_grid .csc-default {
	background-color: #fff;
	float: left;
	height: 147px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
	width: 220px;
}
#ambassador_grid .csc-default .title { display: none; }
#ambassador_grid .csc-default .csc-textpic .csc-textpic-text {
	background-color: rgba(0, 0, 0, 0);
	display: none;
	position: absolute;
	color: #FFFFFF;
	height: 220px;
	overflow: hidden;
	width: 220px;
}
#ambassador_grid .csc-default .csc-textpic .csc-textpic-text.haslink { }
#ambassador_grid .csc-default.active .csc-textpic .csc-textpic-text {
	background-image: none;
	color: #FFFFFF;
	overflow: visible;
}
#ambassador_grid .csc-default.active .csc-textpic .csc-textpic-text p.link_box {
	left: 240px;
	position: absolute;
	text-align: right;
	top: 640px;
	width: 180px;
}
#ambassador_grid .csc-default .csc-textpic .close {
	background-image: url("../Images/Song/grid.close.png");
	background-repeat: no-repeat;
	display: none;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 15px;
}
#ambassador_grid .csc-default h1 {
	font-size: 15px;
	padding: 10px;
}
#ambassador_grid .csc-default p { padding: 0 0 0 10px; }
#ambassador_grid a.grid-link {
	color: #2380C4;
	font-family: UnitWeb-Bold;
	font-size: 14px;
}
.songMasonaryHead { display: none;font-family: UnitWeb-Light !important; font-size: 26px !important; line-height: 1.1 !important; color: #fff !important; padding: 10px; }
.songMasonaryTxt { display: none;font-family: UnitWeb-Light !important; font-size: 25px !important; line-height: 1.1 !important; color: #c5c0bf !important; width: auto !important; padding: 10px; margin: 0 !important; }


/* various defs */
.sSSlast { margin-right: 0 !important; }
.displayBlock { display: block !important; }
.uppercase { text-transform: uppercase !important; }
.slider { overflow: hidden; }

.songWhite .centeredContent,
.songGrey .centeredContent,
#floatingNav .centeredContent,
#foot .centeredContent {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

.songWhite form input,
.songGrey form input {
	float: left;
	margin-right: 10px;
	width: 410px;
	height: 76px;
	background:#f0eeec;
	border-top: 1px solid #e3e0dd;
	border-left: 1px solid #e3e0dd;
	border-bottom: 1px solid #f0eeec;
	border-right: 1px solid #f0eeec;
	line-height: 76px;
	padding: 0 0 0 25px;
	font-family: UnitWeb;
	font-size: 31px;
}
.songWhite form input.submit,
.songGrey form input.submit {
	background: #8d8078;
	color: #FFFFFF;
	border-top: 1px solid #8d8078;
	border-left: 1px solid #8d8078;
	border-bottom: 1px solid #675d58;
	border-right: 1px solid #8d8078;
	font-family: UnitWeb-Bold;
	font-size: 31px;
	text-decoration: none;
	width: 232px;
	height: 76px;
	line-height: 76px;
	padding: 0;
}

.back-to-topSong {
    position: fixed;
    bottom: 0;
    right: 0;
    text-decoration: none;
    font-size: 1em;
    padding: 5px 10px;
    display: none;
	z-index: 9999999;
}

.back-to-topSong:hover { }


#unsubscribe { padding-bottom: 50px; }

#newletterSuccess,
#newletterError,
#newletterSuccessUnsub,
#newletterErrorUnsub { font-family: UnitWeb; font-size: 27px; line-height: 1.5; width:851px; color: #E42518; clear: both; padding: 30px 0 0; }


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* FlexSlider Necessary Styles 
*********************************/
.flexslider {margin: 0; padding: 65px 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;}*/
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.slides{
	padding:0;
}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -19px; text-align: center;}
.flex-control-nav.clone-pager {
	top: -44px;
	bottom: auto;
	z-index: 9;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background: #e1ddda; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; }
.flex-control-paging li a:hover { background: #8d8078;  }
.flex-control-paging li a.flex-active { background: #8d8078;  cursor: default; }

.songGrey  .flex-control-paging li a { background: #fff; }
.songGrey  .flex-control-paging li a:hover { background: #8d8078;  }
.songGrey  .flex-control-paging li a.flex-active { background: #8d8078;  cursor: default; }

.flex-direction-nav a{
	position: absolute;
	top: 45%;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-indent: -900px;
	margin-top: -20px;
}
.active .flex-direction-nav .flex-next{
	position: fixed;
	right: 50%;
	margin-right: -587px;
}
.active .flex-direction-nav .flex-prev{
	position: fixed;
	left: 50%;
	margin-left: -610px;
}
.flex-prev{
	left: -129px;
	background: url("../Images/Song/icon.arrow.left.png") center 0 no-repeat;
}
.flex-next{
	position: absolute;
	right: -87px;
	background: url("../Images/Song/icon.arrow.right.png") center 0 no-repeat;
}

.songGrey  .flex-prev { background: url("../Images/Song/icon.arrow.left.dark.png") center 0 no-repeat; }
.songGrey  .flex-next { background: url("../Images/Song/icon.arrow.right.dark.png") center 0 no-repeat; }

.section {
	padding-top: 89px;
	padding-bottom: 95px;
}
.firstSection {
	padding-top: 0;

}
.secondSection{
	padding-bottom: 73px;
}
.thirdSection{
	padding-bottom: 132px;
}
.fourthSection{

}
.fifthSection{
	padding-top: 65px;
	padding-bottom: 75px;
}
.fifthSection .flex-control-nav.clone-pager{
	top: -19px;
}
.sixtSection{

}
.seventhSection {
	padding-top: 83px;
	padding-bottom: 202px;
}
.seventhSection p {
	margin-top: 14px;
	margin-bottom: 64px;
}

/* youtube and download links module */
#songYoutubeBox { width: 980px; margin: 36px 0; clear: both; }
#songYoutube { float: left; padding: 19px; border: 1px solid #eeebeb; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.3); margin: 0 23px 45px 60px; width: 772px; height: 434px; }
#songYoutubeMakingOf { float: left; padding: 19px; border: 1px solid #eeebeb; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.3); margin: 0 23px 15px 10px; width: 770px; height: 514px; }
#songYoutubeHearingLoss { background: #fff; float: left; padding: 19px; border: 1px solid #eeebeb; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.3); margin: 0 23px 15px 10px; width: 770px; height: 434px; }
#youtube-teaser-songTop { position: relative; height: 434px; }
#youtube-teaser-songTop img.normal { position: absolute; }
#youtube-teaser-songTop img.hover { position: absolute; display: none; }
#youtube-teaser-songMakingof { position: relative; height: 514px; }
#youtube-teaser-songMakingof img.normal { position: absolute; }
#youtube-teaser-songMakingof img.hover { position: absolute; display: none; }
#youtube-teaser-songHearingLoss { position: relative; height: 434px; }
#youtube-teaser-songHearingLoss img.normal { position: absolute; }
#youtube-teaser-songHearingLoss img.hover { position: absolute; display: none; }


#songLinks  { float: left; width: 60px; margin-top: 41px; }
#songLinks a { float: left; margin-bottom: 30px; text-align: center; font-family: UnitWeb-Bold; text-decoration: none; font-size: 14px; line-height: 1; color: #8c7f78; }
#songLinks a:hover { text-decoration: underline; }
#songLinks a img { margin-bottom: 8px; }
#songLinks a.songNoLink { cursor: default; opacity: 0.2; filter:alpha(opacity=20); }
#songLinks a.songNoLink:hover { text-decoration: none; }


/* image subnavi */
#songSubnav { width: 980px; margin-left: 79px; overflow: hidden;  }
#songSubnav  .item { background: url("../Images/Song/bg.subnavi.png") repeat-x; width: 245px; height: 166px; border-bottom: 1px solid #a19f9f; float: left; margin: 0 20px 20px 0; position: relative; cursor: pointer; }
#songSubnav  .item .visual { display: none; width: 245px; height: 166px; }
#songSubnav  .item .visual a { width: 245px; height: 92px; padding-top: 74px; text-align: center; font-family: UnitWeb-Bold; text-transform: uppercase; font-size: 22px; line-height: 1; color: #fff; position: absolute; z-index: 42; text-decoration: none; }
#songSubnav  .item .visual a.double { height: 102px; padding-top: 64px; }
#songSubnav  .item .title {  width: 245px; height: 92px; padding-top: 74px; text-align: center; font-family: UnitWeb-Bold; text-transform: uppercase; font-size: 22px; line-height: 1; color: #8c7f78; position: absolute; z-index: 42; }
#songSubnav  .item .double { height: 102px; padding-top: 64px; }


.songTextLeft { float: left; width: 420px; margin-right: 75px; }
.songTextRight { float: left; width: 420px; }
.songTextLeft p,
.songTextLeft p b { width: 415px !important; }
.songTextRight p,
.songTextRight p b { width: 415px !important; }

#songAmbassador { width: 980px; padding: 18px 0 25px 0; float: left; }
#songAmbassador  .itemNoLink { width: 222px; height: 222px; float: left; margin: 0 15px 15px 0; position: relative; }
#songAmbassador  .itemNoLink .visual { width: 222px; height: 222px; position: absolute; z-index: 40; }
#songAmbassador  .item,
#songAmbassador  .itemQuote { width: 222px; height: 222px; float: left; margin: 0 15px 15px 0; position: relative; cursor: pointer; }
#songAmbassador  .item .visual,
#songAmbassador  .itemQuote .visual { width: 222px; height: 222px; position: absolute; z-index: 41; }
#songAmbassador  .item .title { display: none; width: 220px; height: 220px; position: absolute; z-index: 42; }
#songAmbassador  .item .title h1 { font-family: UnitWeb-Bold; font-size: 19px; line-height: 1.2; color: #fff; padding:10px 10px 0 10px; width: 200px;  }
#songAmbassador  .item .title p { font-family: UnitWeb; font-size: 19px; line-height: 1.2; color: #fff; padding:0 10px; width: 200px; margin: 10px 0; }

#songAmbassador  .itemQuote .title { width: 220px; height: 220px; position: absolute; z-index: 42; }
#songAmbassador  .itemQuote .title h1 { font-family: UnitWeb-Bold; font-size: 19px; line-height: 1.2; color: #fff; padding:10px 10px 0 10px; width: 200px;  }
#songAmbassador  .itemQuote .title p { font-family: UnitWeb; font-size: 19px; line-height: 1.2; color: #fff; padding:0 10px; width: 200px; margin: 10px 0; }
#songAmbassador  .itemQuote .quote { padding: 70px 10px 0 13px; font-family: UnitWeb-Bold; font-size: 20px; line-height: 1.2; width: 197px; height: 150px; background: #8c8078; color: #fff; position: absolute; z-index: 43; }
#songAmbassador  .itemQuote:hover .quote { display:none; }


/* footer */
.songFoot { width: 100%; background-color: #e1ddda; min-height: 60px; }
.songFoot ul.footNav { margin: 30px 0; list-style: inside none; }
.songFoot ul.footNav li { float: left; padding-right: 35px; }
.songFoot ul.footNav li.noLink { color:#8C7F78; font-size: 25px; font-family: UnitWeb-Bold; }
.songFoot ul.footNav li a { color:#8C7F78; font-size: 25px; font-family: UnitWeb-Bold; text-decoration: none; }
.songFoot ul.footNav li a.active, .songFoot ul.footNav li a:hover { text-decoration: underline; }

/* new */
.imageaccordion-container { overflow: hidden; margin: -3px 0 4px 4px; }
.imageaccordion-col { width: 190px; float: left; position: relative; margin: 0 0 19px 16px; padding: 0; cursor: pointer; }
.imageaccordion-col h4 { position: absolute; left: 0; top: 235px;  width: 184px; height: 39px; background-color: rgba(172, 158, 149, 0.9); background-color: #ac9e95\9;  color: #fff; line-height: 15px; padding: 11px 0 0 6px; }
.imageaccordion-col:hover h4, .imageaccordion-col.active h4 { background-color: #4b9cc8; }
.imageaccordion-col:hover h4:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 8.5px 0 8.5px 9px; border-color: transparent transparent transparent #fff; display: block; right: 14px; bottom: 12px; content: ""; }
.imageaccordion-col.active h4:after { display: none; }
.imageaccordion-col.active h4:before { width: 0; height: 0; border-style: solid; border-width: 13px 10px 0 10px; border-color: #4b9cc8 transparent transparent transparent; right: 85px; bottom: -13px; position: absolute; content: ""; display: block; }
.imageaccordion-col p { color: #fff; display: none; background-color: #4b9cc8; width: 558px; position: relative; padding: 36px 22px; margin-top: 20px; }

.imageaccordion:first-child + .imageaccordion .imageaccordion-col p { margin-left: -206px; }
.imageaccordion:nth-child(2) .imageaccordion-col p { margin-left: -206px; }
.imageaccordion:first-child + .imageaccordion + .imageaccordion .imageaccordion-col p { margin-left: -412px; }
.imageaccordion:nth-child(3) .imageaccordion-col p { margin-left: -412px; }

.textaccordion-new { margin: 0 20px 60px 20px; }
.textaccordion-new h2 { background: url(/typo3conf/ext/torr_template/Resources/Public/Images/plus.png) left center no-repeat; padding-left: 20px; }
.textaccordion-new .active h2 { background: url(/typo3conf/ext/torr_template/Resources/Public/Images/minus.png) left center no-repeat; padding-left: 20px; }
.textaccordion-new .csc-textpic-text { display: none; }
.textaccordion-new table { table-layout: fixed; }
.textaccordion-new td, .textaccordion-new th { overflow: hidden; padding: 10px; vertical-align: top; width: 180px; color: #666; border-bottom: 1px solid #CCC; text-align: left; }
.textaccordion-new td a { color: #666; }


.cimg { display: none; }
.imageaccordion-col:hover .bwimg, .imageaccordion-col.active .bwimg { display: none; }
.imageaccordion-col:hover .cimg, .imageaccordion-col.active .cimg { display: block; }
.close-imgaccord { position: absolute; right: 15px; top: 15px; cursor: pointer; }

.cleardiv { clear: both; margin-bottom: 4px; }
.cleardiv hr { display: none; }

/* annual reports */
#page .annual { background-color: #fff; margin: 0 20px; width: 620px !important; }
.annual .background-blue, .annual-home .background-gray { margin: 0 0 20px 0 !important;}
.annual-home .background-blue { margin: 50px 0 !important;}
.annual-home .background-gray { position: relative; }

.annual .background-blue .csc-textpic-imagewrap { margin-bottom: 0; }
.annual .background-blue .csc-textpic-text li { margin-bottom: 10px; }
.annual .background-blue .csc-textpic-text, .annual-home .background-gray .csc-textpic-text { padding: 20px; }
.annual-home .background-gray .csc-textpic-text { background-color: #8f8279; }
.annual-home .background-gray .csc-textpic-text a { font-family: UnitWeb; font-size: 18px; color: #fff; text-align: right; display: block; margin: 10px 0 0 0; }
.annual-home .background-gray .csc-textpic-text a:hover { text-decoration: underline; }
.annual .background-blue .csc-textpic-text b, .annual-home .background-gray .csc-textpic-text b { font-size: 18px; font-family: UnitWeb; font-weight: bold; color: #fff; }
.annual .background-blue .csc-textpic-text p, .annual-home .background-gray .csc-textpic-text p { clear: both; color: #fff; }
.annual-home .background-blue .csc-textpic-text p { color: #333; }
.annual .background-blue .csc-textpic-text img, .annual-home .background-gray .csc-textpic-text img { float: left; margin: 0 20px 20px 0; }
.annual .background-blue .csc-textpic-text .support-icons img { margin-right: 5px; }
.annual-home .background-gray .csc-textpic-text .support-icons img { margin-right: 5px; }
.annual-home .background-blue .csc-textpic-text img { float: none; margin: 20px 0 0 0; }
.annual .background-blue .csc-textpic-text h3, .annual-home .background-gray .csc-textpic-text h3 { font-size: 25px; color: #fff; line-height: 29px; margin-bottom: 10px; font-family: UnitWeb; font-weight: bold; }
.annual .facts { float: left; }
.annual .support-icons { clear: both;}
.annual .support-icons p { clear: none !important; float: left; margin-right: 10px; }
.annual-home .background-blue .csc-textpic-text h3 { font-size: 16px; color: #8D8178; margin-bottom: 2px; }
.annual .background-blue .csc-textpic-text h4, .annual-home .background-gray h4 { color: #fff; font-size: 25px; font-family: UnitWeb; line-height: 29px; font-weight: normal; }

.annual-home .background-blue .csc-textpic-text { background-color: #e1ddda; margin-bottom: 26px; }
.annual-children .background-blue .csc-textpic-text, .bottom-children, .top-children div { background-color: #afac46; margin-bottom: 26px; }
.annual-parents .background-blue .csc-textpic-text, .bottom-parents, .top-parents div { background-color: #ad0013; margin-bottom: 26px; }
.annual-prevention .background-blue .csc-textpic-text, .bottom-prevention, .top-prevention div { background-color: #61132a; margin-bottom: 26px; }
.annual-education .background-blue .csc-textpic-text, .bottom-education, .top-education div { background-color: #6c9cac; margin-bottom: 26px; }
.annual .background-blue .csc-textpic-text b { color: #fff; }

.annual h1 { font-size: 48px; line-height: 53px; font-weight: bold; }
.annual h2 { font-size: 47px; line-height: 43px; font-weight: normal; display: inline-block; padding-bottom: 13px; margin-bottom: 26px; }
.annual blockquote { font-size: 15px; line-height: 25px; font-weight: bold; padding-top: 10px; }
.annual b.source { color: #8e8279 !important; }

.annual-home h1, .annual-home h2, .annual-home h3, .annual-home .csc-textpic-text b, .annual-home blockquote { color: #8d8178; }
.annual-children h1, .annual-children h2, .annual-children .csc-textpic-text b, .annual-children blockquote { color: #afac46; }
.annual-parents h1, .annual-parents h2, .annual-parents .csc-textpic-text b, .annual-parents blockquote { color: #ad0013; }
.annual-prevention h1, .annual-prevention h2, .annual-prevention .csc-textpic-text b, .annual-prevention blockquote { color: #61132a; }
.annual-education h1, .annual-education h2, .annual-education .csc-textpic-text b, .annual-education blockquote { color: #6c9cac; }

.annual-home h1 { font-weight: normal; }
.annual-home h2 { border-bottom: 4px solid #8d8178; font-weight: bold; }
.annual-children h2 { border-bottom: 4px solid #afac46; }
.annual-parents h2 { border-bottom: 4px solid #ad0013; }
.annual-prevention h2 { border-bottom: 4px solid #61132a; }
.annual-education h2 { border-bottom: 4px solid #6c9cac; }
.annual-home h3 { font-size: 16px; font-weight: bold; overflow: hidden; }
.annual-home h3 span { background-color: #8E8178; border-radius: 90px; color: #FFFFFF; display: block; float: left; font-size: 15px; margin: 0 8px 16px 0; padding: 1px 0 0; text-align: center; width: 23px; }
.annual-home i { font-weight: bold; font-style: normal; }
.annual .background-blue.blue-teaser .csc-textpic-above { height: 180px; }
.annual .background-blue.blue-teaser .csc-textpic-text { overflow: hidden; height: 140px; display: table-cell; vertical-align: middle; width: 620px; }
.annual .background-blue.blue-teaser .csc-textpic-text p { clear: none; line-height: 25px; }
.annual-home .csc-textpic-last { margin-right: 0 !important; }
.blue-teaser li { clear: none; line-height: 25px; }
.annual .background-blue.blue-teaser .csc-textpic-text b { font-size: 13px; }
.big-teaser { font-size: 16px; line-height: 28px; font-family: UnitWeb; font-weight: bold; text-align: center; padding: 20px 70px; }
.home-teaser { font-size: 16px; font-weight: bold; line-height: 20px; text-align: center; position: absolute; top: 20px; right: 20px; border-left: 1px solid #fff; padding: 20px; }
.big-teaser span { font-size: 50px; line-height: 50px; }
.home-teaser b { display: block; font-size: 50px !important; line-height: 50px; margin-bottom: 5px; }

ul.top-annual-topics { list-style-type: none; height: 180px; margin: -10px 0 47px 0 !important; }
ul.top-annual-topics li { font-family: UnitWeb; display: block; float: left; width: 131px; height: 88px; color: #fff; font-size: 15px; padding: 92px 0 0 24px; cursor: pointer; position: relative; }
ul.top-annual-topics li b, ul.bottom-annual-topics li b { font-size: 14px;}
ul.top-annual-topics div { display: none; position: absolute; width: 580px; left: 0px; top: 180px; padding: 20px; font-size: 13px; border-top: 16px solid #fff; }
ul.top-annual-topics li:hover div { display: block; }
.top-children:hover:after { position: absolute; left: 68px; bottom: -13px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 10px 0 10px; border-color: #afac46 transparent transparent transparent; }
.top-parents:hover:after { position: absolute; left: 68px; bottom: -13px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 10px 0 10px; border-color: #ad0013 transparent transparent transparent; }
.top-prevention:hover:after { position: absolute; left: 68px; bottom: -13px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 10px 0 10px; border-color: #61132a transparent transparent transparent; }
.top-education:hover:after { position: absolute; left: 68px; bottom: -13px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 10px 0 10px; border-color: #6c9cac transparent transparent transparent; }

ul.top-annual-topics div h3, ul.bottom-annual-topics div h3 { color: #fff; margin-bottom: 15px; }
ul.top-annual-topics div a, ul.bottom-annual-topics div a { color: #fff; margin-top: 15px; display: block; text-decoration: none; font-weight: bold; font-size: 16px; }
ul.top-annual-topics div a:hover, ul.bottom-annual-topics div a:hover { text-decoration: underline; }
ul.top-annual-topics .top-parents div { left: -155px; }
ul.top-annual-topics .top-prevention div { left: -310px; }
ul.top-annual-topics .top-education div { left: -465px; }

ul.bottom-annual-topics { list-style-type: none; height: 90px; margin: 35px 0 0 0 !important; }
ul.bottom-annual-topics div { display: none; height: 106px; left: 0; padding: 15px 20px; position: absolute; top: 90px; width: 580px; border-top: 15px solid #fff; font-size: 13px; }
ul.bottom-annual-topics li:hover div { display: block; }
ul.bottom-annual-topics li { display: block; float: left; width: 129px; height: 80px; color: #fff; font-size: 15px; padding: 10px 0 0 78px; cursor: pointer; position: relative; }
ul.bottom-annual-topics li:first-child { width: 128px; }
ul.bottom-annual-topics li:after { border-color: transparent transparent #E1DDDA; border-style: solid; border-width: 0 9px 12px; bottom: -15px; content: ""; display: block; height: 0; left: 95px; position: absolute; width: 0; }

ul.bottom-annual-topics li.bottom-children:hover:after { border-color: transparent transparent #afac46; }
ul.bottom-annual-topics li.bottom-parents:hover:after { border-color: transparent transparent #ad0013; }
ul.bottom-annual-topics li.bottom-prevention:hover:after { border-color: transparent transparent #61132a; }
ul.bottom-annual-topics li.bottom-education:hover:after { border-color: transparent transparent #6c9cac; }

.bottom-children { background: #afac46 url(../Images/icon_kinder_70_70.png) 4px 9px no-repeat; }
ul.bottom-annual-topics .bottom-children div { background-color: #afac46; }
.bottom-parents { background: #ad0013 url(../Images/icon_Eltern_70_70.png) 4px 9px no-repeat; }
ul.bottom-annual-topics .bottom-parents div { background-color: #ad0013; }
.annual-prevention ul.bottom-annual-topics .bottom-parents div, .annual-education ul.bottom-annual-topics .bottom-parents div { left: -206px; }
.bottom-prevention { background: #61132a url(../Images/icon_praevention_70_70.png) 4px 9px no-repeat; }
ul.bottom-annual-topics .bottom-prevention div { background-color: #61132a; left: -206px; }
.annual-education ul.bottom-annual-topics .bottom-prevention div { left: -413px; }
.bottom-education { background: #6c9cac url(../Images/icon_ausbildung_70_70.png) 4px 9px no-repeat; }
ul.bottom-annual-topics .bottom-education div { background-color: #6c9cac; left: -413px; }

.top-children { background: #afac46 url(../Images/icon_kinder_70_70.png) 24px 14px no-repeat; }
.top-parents { background: #ad0013 url(../Images/icon_Eltern_70_70.png) 24px 14px no-repeat; }
.top-prevention { background: #61132a url(../Images/icon_praevention_70_70.png) 24px 14px no-repeat; }
.top-education { background: #6c9cac url(../Images/icon_ausbildung_70_70.png) 24px 14px no-repeat; }

.blue-table { background-color: #e1ddda; padding: 20px; }
.blue-table table { width: 100%; }
.annual-home .textaccordion-new table { width: 580px; table-layout: auto; }
.blue-table th, .annual-home .textaccordion-new th { color: #8e8079; font-size: 16px; }
.annual-home .textaccordion-new th { padding: 10px 0 0 0; width: auto; }
.blue-table th span { font-size: 13px; }
.blue-table td { color: #8e8079; padding: 5px 40px 5px 0; text-align: center; }
.annual-home .textaccordion-new td { color: #8e8079; padding: 0 60px 0 0; text-align: left; border: none; width: auto; }
.annual-home .textaccordion-new td:first-child { width: 350px; }
.annual-home .textaccordion-new td b { font-size: 15px; display: block; margin: 3px 0 5px 0; }
.blue-table td:first-child { text-align: left; }
.blue-table thead { border-bottom: 2px solid #8e8079; }
.annual-home .textaccordion-new thead { border-bottom: 3px solid #8e8079; }
.blue-table tfoot { border-top: 2px solid #8e8079; }
.annual-home .textaccordion-new tfoot { border-top: 1px solid #8e8079; }
.blue-table tfoot td { font-weight: bold; font-size: 16px; }
.annual-home .textaccordion-new tfoot td { font-weight: bold; font-size: 15px; padding-top: 3px; }
.annual-home .textaccordion-new .doubleline td { font-weight: bold; font-size: 15px; padding-top: 3px; padding-bottom: 5px; border-bottom: 2px solid #8e8079; border-top: 1px solid #8e8079; }
.annual-home .textaccordion-new .line td { border-bottom: 1px solid #8e8079; }
.annual-home .textaccordion-new td.nr, .annual-home .textaccordion-new th.nr { text-align: right; padding: 0 0 0 15px;}
.annual-home .textaccordion-new td.small, .annual-home .textaccordion-new th.small { padding: 0 20px 0 0; }
.annual-home .textaccordion-new td.small.nr, .annual-home .textaccordion-new th.small.nr { padding: 0 0 0 20px; }
.annual-home .textaccordion-new p { color: #8D8178; }

.annual-home .textaccordion-new { margin: 0 0 5px 0; background-color: #e1ddda; padding: 10px 20px; }
.annual-home .textaccordion-new h4 { color: #8d8178; font-size: 16px; background: url(../Images/plus_21_21.png) right 1px no-repeat; }
.annual-home .textaccordion-new .active h4 { background: url(../Images/minus_21_21.png) right 1px no-repeat; }
.annual-home .textaccordion-new h4 span { font-size: 13px; font-weight: normal; }
.annual-prevention .textaccordion-new { margin-bottom: 20px;}
.annual-prevention .textaccordion-new h4 { color: #61132a; background: url(../Images/plus_21_21red.jpg) right -1px no-repeat; padding-right: 45px; }
.annual-prevention .textaccordion-new .active h4 { background: url(../Images/minus_21_21_red.jpg) right -1px no-repeat; }

.template-38 .download, .template-55 .download { float: left; height: 125px; overflow: hidden; width: 140px; margin: 0 0 0 20px; position: relative; }
.template-38 .download:hover:after, .template-55 .download:hover:after { pointer-events: none; display: block; position: absolute; top: 0; left: 0; width: 140px; height: 90px; background: rgba(0,0,0,0.4) url(../Images/pdf.png) 55px 30px no-repeat; content: ''; }
.template-38 .marginal_col .csc-textpic-imagewrap, .template-55 .marginal_col .csc-textpic-imagewrap { margin: 0; }
.template-38 .marginal_col .csc-textpic-text, .template-55 .marginal_col .csc-textpic-text { background: transparent; }
.template-38 .marginal_col .csc-textpic-caption, .template-55 .marginal_col .csc-textpic-caption { color: #8D8178; padding-top: 4px; }
.template-38 #marginal_menu, .template-55 #marginal_menu { margin-bottom: 314px; }

div.bottom-annual-topics { background-color: #E1DDDA; color: #8E8279; font-size: 18px; margin: 15px 0 20px; padding: 55px 0; text-align: center; text-transform: uppercase; }



/* Project Worldwide Pages Overview - 2014 RENEW JULY  */

/* Overview years*/
.projects-worldwide-1-1-1,
.projects-worldwide-1-2,
.projects-worldwide-2-1 { width: 960px; float: left; margin-bottom: 20px; }

.projects_head { width: 600px; }

.projects_blue1 { float: left; background-color: #2380c5; color: #fff; margin-left: 20px; width: 279px; height: 300px; padding-left: 21px; }
.projects_blue2 { float: left; background-color: #2380c5; color: #fff; margin-left: 20px; width: 599px; height: 300px; padding-left: 21px; }
.projects_blue1 h1, .projects_blue2 h1 { font-size: 100px; line-height: 1; font-family: UnitWeb; margin: 26px 0 0 1px; text-transform: none; }
.projects_blue1 p, .projects_blue2 p { font-family: UnitWeb; font-size: 30px; line-height: 40px; margin: -7px 0 0 8px; }

.projects_link1  { display: block; float: left; margin-left: 20px; width: 300px; height: 300px; }
.projects_link1 .title { position: absolute; width: 300px; height: 300px; z-index: 20; margin: 0; }
.projects_link1 .csc-textpic .csc-textpic-text { position: absolute; width: 300px; height: 300px; z-index: 30; margin: 0; padding: 0; left: 0; }

.projects_link2  { display: block; float: left; margin-left: 20px; width: 620px; height: 300px; }
.projects_link2 .title { position: absolute; width: 620px; height: 300px; z-index: 20; margin: 0; }
.projects_link2 .title h1 a  { float: left; padding: 72px 25px 72px 15px; }
.projects_link2 .csc-textpic .csc-textpic-text { position: absolute; width: 620px; height: 300px;  z-index: 30; margin: 0; padding: 0; left: 0;  }

.projects_link1:hover .title, .projects_link2:hover .title  { z-index: 35; }
.projects_link1 .title h1 a, .projects_link2 .title h1 a  { float: left; padding: 72px 25px 125px 15px; min-height: 88px; min-width: 260px; }
.projects_link2 .title h1 a  { min-height: 88px; min-width: 581px; }
.projects_link1 .title h1, .projects_link1 .title h1 a, .projects_link2 .title h1, .projects_link2 .title h1 a  { margin: 0; font-family: UnitWeb; color: #fff; text-decoration: none; text-transform: none; font-size: 32px; line-height: 1.25; }
.projects_link1 .csc-textpic, .projects_link2 .csc-textpic { position: relative; z-index: 25; }
.projects_link1 .csc-textpic .csc-textpic-imagewrap, .projects_link2  .csc-textpic .csc-textpic-imagewrap { background-color: #000; }
.projects_link1:hover  .csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .projects_link2:hover  .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { background-color: #000; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; }

.projects_noHover:hover  .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { background-color: none; zoom: 1; filter: alpha(opacity=100); opacity: 1; }

.projects_link1 .csc-textpic .csc-textpic-text p a, .projects_link2 .csc-textpic .csc-textpic-text p a { position: absolute; }
.projects_link1 .csc-textpic .csc-textpic-text p a.children, .projects_link2 .csc-textpic .csc-textpic-text p a.children  { top: 15px; width: 40px; height: 40px; display: block; background: transparent url(../Images/icon_kinder_40_40.png) no-repeat; text-indent: -6000px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.parents, .projects_link2 .csc-textpic .csc-textpic-text p a.parents { top: 15px; width: 40px; height: 40px; display: block; background: transparent url(../Images/icon_eltern_40_40.png) no-repeat; text-indent: -6000px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.prevention, .projects_link2 .csc-textpic .csc-textpic-text p a.prevention { top: 15px; width: 40px; height: 40px; display: block; background: transparent url(../Images/icon_praevention_40_40.png) no-repeat; text-indent: -6000px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.education, .projects_link2 .csc-textpic .csc-textpic-text p a.education { top: 15px; width: 40px; height: 40px; display: block; background: transparent url(../Images/icon_ausbildung_40_40.png) no-repeat; text-indent: -6000px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.first, .projects_link2 .csc-textpic .csc-textpic-text p a.first { right: 15px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.second, .projects_link2 .csc-textpic .csc-textpic-text p a.second { right: 61px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.third, .projects_link2 .csc-textpic .csc-textpic-text p a.third { right: 107px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.forth, .projects_link2 .csc-textpic .csc-textpic-text p a.forth { right: 153px; }
.projects_link1 .csc-textpic .csc-textpic-text p a.bottom, .projects_link2 .csc-textpic .csc-textpic-text p a.bottom { bottom: 15px; left: 0; background-color: #fff; color: #333; padding: 4px 15px 1px; text-decoration: none; font-family: UnitWeb; font-size: 31px; line-height: 1.1; }
.projects_link1 .csc-textpic .csc-textpic-text p a.bottom2nd, .projects_link2 .csc-textpic .csc-textpic-text p a.bottom2nd { bottom: 65px; }

.top-projects-children div { background-color: #afac46; margin-bottom: 26px; }
.top-projects-parents div { background-color: #ad0013; margin-bottom: 26px; }
.top-projects-prevention div { background-color: #61132a; margin-bottom: 26px; }
.top-projects-education div { background-color: #6c9cac; margin-bottom: 26px; }

ul.top-projects-topics { list-style-type: none; position: absolute; top: 52px; left: 660px; }
ul.top-projects-topics li { font-family: UnitWeb; display: block; float: left; width: 230px; height: 45px; line-height: 22px; color: #fff; font-size: 20px; padding: 25px 0 0 70px; margin-bottom: 10px; cursor: pointer; position: relative; }
ul.top-projects-topics li.tpt-2rows { padding: 14px 0 0 70px !important; height: 56px !important; }
ul.top-projects-topics li b, ul.bottom-projects-topics li b { font-size: 14px; }
ul.top-projects-topics div { display: none; position: absolute; left: 0px; padding: 20px; font-size: 13px; z-index: 40; }
ul.top-projects-topics li:hover div { display: block; }
.top-projects-children:hover:after { position: absolute; left: -13px; bottom: 25px; display: block; content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 11px 13px 11px 0; border-color: transparent #afac46 transparent transparent; }
.top-projects-parents:hover:after { position: absolute; left: -13px; bottom: 25px; display: block; content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 11px 13px 11px 0; border-color: transparent #ad0013 transparent transparent; }
.top-projects-prevention:hover:after { position: absolute; left: -13px; bottom: 25px; display: block; content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 11px 13px 11px 0; border-color: transparent #61132a transparent transparent; }
.top-projects-education:hover:after { position: absolute; left: -13px; bottom: 25px; display: block; content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 11px 13px 11px 0; border-color: transparent #6c9cac transparent transparent; }

ul.top-projects-topics div h3 { color: #fff; margin-bottom: 15px; }
ul.top-projects-topics div a { color: #fff; margin-top: 15px; display: block; text-decoration: none; font-weight: bold; font-size: 16px; }
ul.top-projects-topics div a:hover { text-decoration: underline; }
ul.top-projects-topics li div { width: 300px; left: -360px; }
ul.top-projects-topics .top-projects-children div { top: -25px; }
ul.top-projects-topics .top-projects-parents div { top: -25px; }
ul.top-projects-topics .top-projects-prevention div { top: -25px; }
ul.top-projects-topics .top-projects-education div { top: -25px; }

.top-projects-children { background: #afac46 url(../Images/icon_kinder_50_50.png) 10px 10px no-repeat; }
.top-projects-parents { background: #ad0013 url(../Images/icon_eltern_50_50.png) 10px 10px no-repeat; }
.top-projects-prevention { background: #61132a url(../Images/icon_praevention_50_50.png) 10px 10px no-repeat; }
.top-projects-education { background: #6c9cac url(../Images/icon_ausbildung_50_50.png) 10px 10px no-repeat; }


.top-projects-children-none  { background: #afac46 url(../Images/icon_kinder_50_50.png) 10px 10px no-repeat; }
.top-projects-parents-none  { background: #ad0013 url(../Images/icon_eltern_50_50.png) 10px 10px no-repeat; }
.top-projects-prevention-none { background: #61132a url(../Images/icon_praevention_50_50.png) 10px 10px no-repeat; }
.top-projects-education-none { background: #6c9cac url(../Images/icon_ausbildung_50_50.png) 10px 10px no-repeat; }
.top-projects-children-none div, .top-projects-parents-none div, .top-projects-prevention-none div, .top-projects-education-none div { cursor: default !important; display: block !important; padding: 0 !important; top: 0 !important; left: 0 !important; width: 66px !important; height: 70px !important; background-color: #fff; zoom: 1; filter: alpha(opacity=85); opacity: 0.85; z-index: 0 !important; }



/* detail pages kategories*/
ul.tptDetailOnly { 
    left: 0;
    list-style-type: none;
    position: relative;
    top: 0;
	width: 162px;
	margin-left: 10px;
	padding: 0;
	background: #fff;
}
ul.tptDetailOnly li { width: 0; margin-right: 10px; width: 0; padding-left: 66px; background-position: 8px 10px; }
ul.tptDetailOnly li div h3 { 
	width: 0; 
	margin-right: 10px;
	width: 280px;
	margin-bottom: 0;
	font-family: UnitWeb;
	font-weight: normal;
	font-size: 20px;
}

/* detail pages kategories*/
div.projects-detail-table { width: 580px; min-height: 151px; padding: 20px 20px 20px; background: #fff; margin: 39px 0 31px; }
div.pdt-3line { min-height: 191px !important; }
div.projects-detail-table .row1 { float: left; width: 416px; }
div.projects-detail-table .row1 table.projects-details { width: 416px; margin-top: -6px; }
div.projects-detail-table .row1 table.projects-details td { vertical-align: top; font-family: UnitWeb; float: left; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
div.projects-detail-table .row1 table.projects-details td a { font-family: UnitWeb; font-size: 16px; }
div.projects-detail-table .row1 table.projects-details td.head { font-weight: bold; width: 130px; }
div.projects-detail-table .row1 table.projects-details td:last-child { width: 286px; }
div.projects-detail-table .row2 { float: right; width: 152px; }
div.projects-detail-table .row1-1 { font-family: UnitWeb; float: left; width: 416px; font-size: 16px; line-height: 25px; }
div.projects-detail-table .row1-1 a { font-family: UnitWeb; font-size: 16px; }
div.projects-detail-table .row1-1 .head { font-weight: bold; width: 130px; float: left; clear: left; }
div.projects-detail-table .row1-1 .support-icons { margin-top: 26px; }
div.projects-detail-table .row1-1-2 { float: left; width: 320px; }
div.projects-detail-table .row1-1-3 { padding-left: 7px; float: left; width: 89px; margin-top: -22px; }
div.projects-detail-table .row1-1-3  a .award-hints { font-family: UnitWeb; font-size: 14px; }
div.projects-detail-table .row1-1-3  a .award-hints p { line-height: 19px !important; }
div.projects-detail-table .row1-1-3  a .award-hints h3 { font-family: UnitWeb; font-weight: normal; font-size: 20px; }
a.support-fach { text-indent: -3000px; background: url(../Images/icon_unterstuetzung_fachlich.jpg) no-repeat; width: 27px; height: 35px; float: left; display: block; margin: 20px 20px 0 0; }
a.support-fin { text-indent: -3000px; background: url(../Images/icon_unterstuetzung_finanziell.jpg) no-repeat; width: 44px; height: 35px; float: left; display: block; margin: 20px 20px 0 0; }
a.support-tech { text-indent: -3000px; background: url(../Images/icon_unterstuetzung_technologisch.jpg) no-repeat; width: 32px; height: 35px; float: left; display: block; margin: 20px 20px 0 0; }
a.john-bamford-award { background: url(../Images/award_john-bamford.jpg) no-repeat;background: url(../Images/award_john_bamford.png) no-repeat; width: 73px; height: 110px; display: block; }
a.richard-seewald-award { background: url(../Images/award_richard-seewald.jpg) no-repeat; background: url(../Images/award_richard-seewald.png) no-repeat; width: 73px; height: 110px; display: block; }

.award-hints:after, .award-hints:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.award-hints:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px; } 
.award-hints:before { border-color: rgba(142, 129, 120, 0); border-left-color: #8e8178; border-width: 16px; margin-top: -16px; }

.projecthub .award-hints { left: 115px!important;} 
.projecthub .award-hints:after, .projecthub .award-hints:before { right: 100%;left:auto;} 
.projecthub .award-hints:after { border-color: rgba(255, 255, 255, 0);border-right-color: #fff;  } 
.projecthub .award-hints:before { border-color: rgba(142, 129, 120, 0);border-right-color: #8e8178;  }

.award-hints-arrow-left:after, .award-hints-arrow-left:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.award-hints-arrow-left:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } 
.award-hints-arrow-left:before { border-color: rgba(142, 129, 120, 0); border-right-color: #8e8178; border-width: 16px; margin-top: -16px; }

.projecthub.richard-seewald-award, .projecthub.john-bamford-award {position:absolute;top:20px;right:20px;}


/* Focus Healines */
.focusHeadline  { 
	color: #fff;
    font-family: UnitWeb;
    font-size: 20px;
    height: 45px;
    line-height: 22px;
    margin-bottom: 1px;
    padding-bottom: 0;
    padding-left: 70px;
    padding-right: 0;
    padding-top: 25px;
}

.fhChildren  { background: #afac46 url(../Images/icon_kinder_50_50.png) 10px 10px no-repeat; }
.fhParents  { background: #ad0013 url(../Images/icon_eltern_50_50.png) 10px 10px no-repeat; }
.fhPrevention { background: #61132a url(../Images/icon_praevention_50_50.png) 10px 10px no-repeat; }
.fhEducation { background: #6c9cac url(../Images/icon_ausbildung_50_50.png) 10px 10px no-repeat; }


/* our projects */
#projects #project_start { background: #fff; float: left; position: relative; z-index: 22; top: -200px; width: 100%; }
/* without world map: */
#projects #project_start.without-map { top: auto; padding-top:20px;}
.ourProjectsBox1 {  }
/* .ourProjectsBox2 { background: #fff; padding-bottom: 20px; width: 100%; } */
.box-projects { display: none; }
/* .boxLastRowStart { margin-bottom: -180px; } */
#project_map { margin-bottom: 20px !important; }
/* .ui-tabs-panel.ui-widget-content.ui-corner-bottom .ourProjectsBox3.boxLastRowStart { margin-bottom: 0px;  padding-bottom: 20px; }
.ui-tabs-panel.ui-widget-content.ui-corner-bottom .ourProjectsBox2 { padding-bottom: 20px; } */


/* rotate switch */
#wrong-orientation {
	position: absolute;
	background: #e1ddda;
	display: block;
	width: 100%;
	height: 100%;
	font-family: UnitWeb;
	font-size: 64px;
	line-height: 1.2;
	padding: 20% 0 0 75px;
	color: #8c7f78;
	z-index: 999;
	top: 0;
	left: 0;
}
#wrong-orientation h1 { font-family: UnitWeb-Bold; font-size: 64px; line-height: 1.2; margin: 0; color: #8c7f78; }
#wrong-orientation h1.white {  color:#fff; }
#wrong-orientation p { margin:23px 0 35px; font-family: UnitWeb; font-size: 23px; line-height: 1.5; width:851px; color: #8c7f78; }

/* start activity reports */
.template-55 .content_col .csc-textpic-caption, .template-54 .content_col .csc-textpic-caption, .template-53 .content_col .csc-textpic-caption, .template-52 .content_col .csc-textpic-caption, .template-51 .content_col .csc-textpic-caption {
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 5px 20px;
position: absolute;
bottom: 0px;
width:100%;
}

.template-55 div.csc-textpic .csc-textpic-imagewrap table , .template-54 div.csc-textpic .csc-textpic-imagewrap table , .template-53 div.csc-textpic .csc-textpic-imagewrap table, .template-52 div.csc-textpic .csc-textpic-imagewrap table, .template-51 div.csc-textpic .csc-textpic-imagewrap table{
position: relative;
}

.template-55 .csc-textpic-text a{
color: #8d8178;
font-size: 14px;
font-weight: 600;
}

.template-55 .annual .facts a, .template-54 .annual .facts a, .template-53 .annual .facts a, .template-52 .annual .facts a, .template-51 .annual .facts a {
	font-size: 18px;
font-family: UnitWeb;
font-weight: bold;
}

.template-55 .annual .facts a:hover, .template-54 .annual .facts a:hover, .template-53 .annual .facts a:hover, .template-52 .annual .facts a:hover, .template-51 .annual .facts a:hover {
	color:#fff;
	text-decoration:underline;
}

/* end activity reports */

/* Project HUB */
#page.centeredContent.full .clearZero{
	width:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
}
#page.centeredContent.full {
	width:100%;
	min-width:980px;
	padding-bottom:0;
}
#page.centeredContent.full #breadcrumb_menu {
	display:none;
}
#page.centeredContent.full > div  {
	margin: 0 auto 80px;
	box-sizing: border-box;
	clear:both;
}

#page.centeredContent.full > .no-margin  {
	width: 980px;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#page.centeredContent.full > .background-gray{
	width: 100%;
	background:#f1f1f1;
	margin:0;
}
#page.centeredContent.full > .background-gray > div{
	width: 980px;
	margin:0 auto;
	padding:0 20px 20px;
}
#page.centeredContent.full > .layout-0  {
	width: 980px;
	padding-left: 100px;
	padding-right: 100px;
}

#page.centeredContent.full > .frame-130,
#page.centeredContent.full > .layout-1,
#page.centeredContent.full > .layout-2  {
	width: 980px;
	padding-left: 20px;
	padding-right: 20px;
}
#page.centeredContent.full > .frame-130{
	min-height:150px;
}
#page.centeredContent.full > .layout-1{
	margin-bottom:20px;
}
#page.centeredContent.full > .layout-3 {
	width: 100%;
	background:#f1f1f1;
	border-top:3px solid #cdc8c4;
	padding:70px 0;
	overflow:hidden;
	margin:0;
}
#page.centeredContent.full > .layout-3 > div{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	float:none;
}

#page.centeredContent.full > .layout-100  {
	width: 100%;
	padding:0;
	margin:0 0 100px 0;
}
#page.centeredContent.full > .layout-100:nth-child(2)  {
	margin-top: 0;
}
#page.centeredContent.full > .layout-100 > div.csc-textpic-above.csc-textpic-center img {
	width: 100%;
	height:auto;
}
#page.centeredContent.full > .csc-default #youtube-teaser {
	height: 38.45vw;
	width: 100%;
	margin-bottom:90px;
}
#page.centeredContent.full > .csc-default #youtube-teaser img {
	width:100%;
	min-width:980px;
}
#page.centeredContent.full > .csc-default h3,
#page.centeredContent.full > .csc-default h2,
#page.centeredContent.full > .csc-default h1 {
	font-family: UnitWeb,Helvetica,Arial,sans-serif;
}
#page.centeredContent.full > .csc-default h3,
#page.centeredContent.full > .csc-default h1 {
	text-align:center;
}
#page.centeredContent.full > .csc-default h3{
	color: #519DC7;
	font-size: 19px;
	text-transform: uppercase;
	line-height: 1.1em;
	font-family: UnitWeb-Medium;
	font-weight: normal;
}
#page.centeredContent.full .projects_link1 .title h1, 
#page.centeredContent.full .projects_link1 .title h1 a, 
#page.centeredContent.full .projects_link2 .title h1, 
#page.centeredContent.full .projects_link2 .title h1 a{
	text-align:left;
}

#page.centeredContent.full a.back {
	text-decoration:none;
	text-transform:uppercase;
	font-family:UnitWeb-Medium;
	color:#999999;
	font-size: 15px;
}
#page.centeredContent.full a.back:before {
	content:"«";
	margin-right:5px;
	margin-bottom:2px;
}

#page.centeredContent.full p.align-center {
	text-align: center;
	font-size: 16px;
	line-height: 1.3em;
}

#page.centeredContent.full .box-3-3-3 {
	padding:0;
	overflow:hidden;
	margin:0;
}
#page.centeredContent.full .box-3-3-3 .col {
	width:32%;
	margin-right:2%;
	background:#f1f1f1;
	border-bottom:3px solid #519dc7;
}
#page.centeredContent.full .frame-20 .box-3-3-3 .col {
	background:transparent;
	border-bottom:none;
}
#page.centeredContent.full .box-3-3-3 .col:last-child {
	margin-right:0;
}
#page.centeredContent.full .box-3-3-3 .col img {
	width:50%;
	height:auto;
	margin-left:25%;
	margin-top:20px;
	margin-bottom:20px;
}
#page.centeredContent.full .box-3-3-3 .col .csc-textpic-text {
	background:transparent;
	padding:0 10% 10px;
	font-family: UnitWeb-Medium,Helvetica,Arial,sans-serif;
	color: #519dc7;
	min-height:75px;
	text-align:center;
	font-size: 17px;
	line-height: 1.2em;
}
#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-text {
	width: 60%;
	margin-right: 40%;
	margin-top: 30px;
	padding-right: 4%;
	border-left: 3px solid #519DC7;
	padding-left: 2%;
	box-sizing: border-box;
	font-family: UnitWeb-Ita,Helvetica,Arial,sans-serif;
	color: #519DC7;
	font-size: 17px;
	line-height: 1.3em;
}
#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-text {
  width: 60%;
  margin-right: 40%;
  margin-top: 30px;
  padding-right: 4%;
  border-left: 0px solid #519DC7;
  padding-left: 0;
  box-sizing: border-box;
  /* font-family: UnitWeb-Ita,Helvetica,Arial,sans-serif; */
  /* color: #519DC7; */
  /* font-size: 17px; */
  /* line-height: 1.3em; */
}

#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-text p {
  font-family: UnitWeb-Ita,Helvetica,Arial,sans-serif;
  color: #519DC7;
  font-size: 17px;
  line-height: 1.3em;
  border-left: 3px solid #519DC7;
  padding-left: 3%;
}

#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-text p#quotePerson {
  padding-top:10px;
  line-height: 1.5;
  border-left:0px solid #519DC7;
  padding-left: 3%;
  color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}

#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	width:40%;
	position:relative;
}
#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img {
	width:100%;
	height:auto;
}
#page.centeredContent.full .csc-textpic-intext-right-nowrap .csc-textpic-caption {
	position: absolute;
	bottom: 10%;
	right: 107%;
	white-space: nowrap;
}

#page.centeredContent.full .box-4-4-4-4 .col {
	width:23.5%;
	margin-right:2%
}
#page.centeredContent.full .box-4-4-4-4 .col:last-child {
	margin-right:0
}
#page.centeredContent.full .box-4-4-4-4 .csc-textpic .csc-textpic-imagewrap img {
	width:100%;
	height:auto;
}
#page.centeredContent.full .box-4-4-4-4 .col .csc-textpic-text{
	font-size:12px;
	height:90px;
}
#page.centeredContent.full .box-4-4-4-4 .col .csc-textpic-text a {
	position: relative;
	bottom: 0;
	font-size:12px;
	line-height: 1em;
	font-family: Helvetica,Arial,sans-serif;
}

#page.centeredContent.full .csc-textpic-center .csc-textpic-imagewrap {
	/* margin-top:20px; */
}
#page.centeredContent.full .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
	float:left;
	margin-right:15px;
}
#page.centeredContent.full .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image:last-child {
	margin-right:0;
}

#page.centeredContent.full .gv_galleryWrap{
	background:#fff;
	padding: 0 0 10px !important;
} 
/* #page.centeredContent.full .gv_gallery,
#page.centeredContent.full .gv_panel,
#page.centeredContent.full .gv_galleryWrap{
	width:100% !important;
} */ 
#page.centeredContent.full .gv_panelNavPrev, 
#page.centeredContent.full .gv_panelNavNext { display:none !important; }
#page.centeredContent.full .gv_navWrap{
	width:100% !important;
	z-index:1;
}
#page.centeredContent.full .gv_overlay{
	bottom:0 !important;
	left:0 !important;
	width:100% !important;
	background:rgba(0,0,0,0.6)
}
#page.centeredContent.full .gv_overlay p{
	margin: 1.5em 2em;
}
#page.centeredContent.full .gv_overlay h4,
#page.centeredContent.full .gv_showOverlay,
#page.centeredContent.full .gv_infobar,
#page.centeredContent.full .gv_navPlay{
	display:none !important;
}
#page.centeredContent.full .gv_description{
	display:block !important;
}
#page.centeredContent.full .gv_navPrev{
	float:left;
	height: 30px;
	width: 30px;
	background-image:url('../Images/Projekthub/galery-arrow-left.png');
	background-size: 50%;
	background-position: center;
	margin-left:8px;
}
#page.centeredContent.full .gv_navNext{
	float:right;
	height: 30px;
	width: 30px;
	background-image:url('../Images/Projekthub/galery-arrow-right.png');
	background-size: 50%;
	background-position: center;
	margin-right:8px;
}

#page.centeredContent.full .gv_filmstripWrap{
	margin: 0px 45px;
	z-index: 10;
	width: 690px !important;
}

#page.centeredContent.full .projects-detail h2{
	font-size: 15px;
}
#page.centeredContent.full .projects-detail > div{
	float:left;
	margin-right:2.5%;
	background:#f1f1f1;
	padding:20px;
	box-sizing:border-box;
	height:150px;
}
#page.centeredContent.full .projects-detail > .row-1{
	width:40%;
}
#page.centeredContent.full .projects-detail > .row-2{
	width:23%;
}
#page.centeredContent.full .projects-detail > .row-3{
	width:32%;
	margin-right:0;
}
#page.centeredContent.full .projects-detail > div h4 a,
#page.centeredContent.full .projects-detail > div h4{
	font-size: 19px;
	font-family: UnitWeb;
	font-weight: normal;
	line-height: 1.3em;
	text-decoration:none;
}
#page.centeredContent.full .projects-detail .blue{
	color: #519DC7;
}
#page.centeredContent.full .projects-detail a.support-tech{
	background-image: url("../Images/icon_unterstuetzung_technologisch-f1.jpg");
	margin-right:25px;
}
#page.centeredContent.full .projects-detail a.support-fin{
	background-image: url("../Images/icon_unterstuetzung_finanziell-f1.jpg");
	margin-right:25px;
}
#page.centeredContent.full .projects-detail a.support-fach{
	background-image: url("../Images/icon_unterstuetzung_fachlich-f1.jpg");
	margin-right:0;
}
#page.centeredContent.full ul.tptDetailOnly li{
	background-color:transparent;
	padding: 0 25px;
	height:50px;
}
#page.centeredContent.full ul.tptDetailOnly{
	width:100%;
    margin-top: 17px;
}
#page.centeredContent.full .top-projects-topics  h3{
	color:#fff;
	font-size:20px;
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	text-transform:none;
}
#page.centeredContent.full .top-projects-children{
	background: transparent url("../Images/icon_kinder_50_50_transparent.png") no-repeat scroll 0 0;
}
#page.centeredContent.full .top-projects-parents {
    background: transparent url("../Images/icon_eltern_50_50_transparent.png") no-repeat scroll 0 0;
}
#page.centeredContent.full .top-projects-prevention {
    background: transparent url("../Images/icon_praevention_50_50_transparent.png") no-repeat scroll 0 0;
}
#page.centeredContent.full .top-projects-education {
    background: transparent url("../Images/icon_ausbildung_50_50_transparent.png") no-repeat scroll 0 0;
}
#page.centeredContent.full .top-projects-topics .inactive {
	opacity:0.15;
	cursor: default;
}
#page.centeredContent.full .top-projects-topics .inactive:hover:after,
#page.centeredContent.full .top-projects-topics .inactive:hover div {
	display:none;
}
#page.centeredContent.full .top-projects-children-none div, 
#page.centeredContent.full .top-projects-parents-none div, 
#page.centeredContent.full .top-projects-prevention-none div, 
#page.centeredContent.full .top-projects-education-none div{
	display: none !important;
}
#page.centeredContent.full .top-projects-parents:hover:after,
#page.centeredContent.full .top-projects-prevention-none:hover:after,
#page.centeredContent.full .top-projects-education-none:hover:after,
#page.centeredContent.full .top-projects-children:hover:after { left: -10px; bottom: 15px; }



.gv_overlay{
	z-index:100;	
}

a.fancybox.fancybox-youtube{
  display: block;
  position: relative;
}

a.fancybox.fancybox-youtube:after {
  /*background-image: url(/typo3conf/ext/torr_template/Resources/Public/Images/youtube-icon-inactive.png);*/
  background-image: url(/typo3conf/ext/torr_template/Resources/Public/Images/youtube-icon-active.png);
  content: '';
  display: block;
  position: absolute;
  width: 72px;
  height: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -36px;
  transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}

a.fancybox.fancybox-youtube:hover:after {
  /*background-image: url(/typo3conf/ext/torr_template/Resources/Public/Images/youtube-icon-active.png);*/
	transform: scale(1.2) ;
	-webkit-transform: scale(1.2) ;
	-moz-transform: scale(1.2) ;
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

@media only screen and (orientation: portrait) {
  #wrong-orientation {
    display: block;
  }
}

@media only screen and (orientation: landscape) {
  #wrong-orientation {
    display: none;
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
		body{
		overflow: hidden;
		width: 100%;
	}
	.flex-direction-nav{
		display: none;
	}
	.section{
		overflow: hidden;
	}

    .secondSection, .thirdSection, .fourthSection, .fifthSection, .sixtSection, .seventhSection, .songFoot {
        padding-left: 20px;
    }

    #songSubnav .item .visual {
        display: block;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
		body{
		overflow: hidden;
		width: 100%;
	}
	.flex-direction-nav{
		display: none;
	}
	.section{
		overflow: hidden;
	}

    .secondSection, .thirdSection, .fourthSection, .fifthSection, .sixtSection, .seventhSection, .songFoot {
        padding-left: 20px;
    }
    #songSubnav .item .visual {
        display: block;
    }
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
		body{
		overflow: hidden;
		width: 100%;
	}
	.flex-direction-nav{
		display: none;
	}
	.section{
		overflow: hidden;
	}

    .secondSection, .thirdSection, .fourthSection, .fifthSection, .sixtSection, .seventhSection, .songFoot {
        padding-left: 20px;
    }
    #songSubnav .item .visual {
        display: block;
    }
}
/*
	One Pager Song
*/