@charset "UTF-8";

html, body, * {
	padding:0;
	margin:0;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height: 16px;
}
html, body {
	height: auto;
	width:100%;
}
body#intro {
	height: 100%;
}
img {
	border:none;
}
img.border {
	border:3px solid white;
}
a:link, a:active, a:visited {
	text-decoration:none;
	color:#009ee0;
        outline: none !important;
}
a:hover {
	text-decoration:underline;
	outline: none !important;
}
a span.link_arrow {
	color:inherit;
	float:left;
	display:block;
	padding-bottom:10px;
}
h1 {
	font-size:24px;
	font-weight:bold;
	color:#000;
}
h2 {
	font-size:18px;
	font-weight:normal;
	color:#333333;
}
h3 {
	font-size:15px;
	color:#333333;
}
h4 {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	letter-spacing:-0.07px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#707173;
}
.icon {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
}
hr {
	border:0px;
	background-color:#d3d3d3;
	height:1px;
	width:100%;
	clear:both;
	margin-top:15px;
}
hr.top {
	margin-top:25px;
}
strong {
	color:inherit;
}
.white {
	color:white !important;
}
.light {
	color:#ececec !important;
}
.ash {
	color:#c6c7c9 !important;
}
.grey {
	color:#707173 !important;
}
.dark {
	color:#333333 !important;
}
.black {
	color:#000000 !important;
}
.green {
	color:#c8d200 !important;
}
.yellow {
	color:#ffee18 !important;
}
.orange {
	color:#ffcc00 !important;
}
.pink {
	color:#ea6091 !important;
}
.lila {
	color:#562382 !important;
}
.blue {
	color:#009FE3 !important;
}
.red {
	color:red;
}
.bg_f5 {
	background-color:#f5f5f5 !important;
}
.bg_light {
	background-color:#ececec !important;
}
.bg_ash, .bg_gray {
	background-color:#c6c7c9 !important;
}
#col_right h4.bg_gray,
.ibaHeadlineWrapper h4.bg_gray{
	background-color:#9d9ea0 !important;
}
.bg_  {
	background-color:#9d9ea0 !important;
}
.bg_grey  {
	background-color:#707173 !important;
}
.bg_dark {
	background-color:#333333 !important;
}
.bg_green {
	background-color:#c8d200 !important;
}
.bg_yellow {
	background-color:#ffee18 !important;
}
.bg_orange {
	background-color:#ffcc00 !important;
}
.bg_pink {
	background-color:#ea6091 !important;
}
.bg_lila {
	background-color:#562382 !important;
}
.bg_blue {
	background-color:#009FE3 !important;
}
.bg_white {
	background-color:white !important;
}
.upper {
	text-transform:uppercase !important;
}
.conduit {
	font-family:"Conduit ITC Light","Conduit ITC",sans-serif;
}
.top {
	margin-top:10px;
}
.paddingtop {
	padding-top:10px;
}
.paddingbottom {
	padding-bottom:10px;
}
.slot {
	margin-top:1px;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.absolute {
	position:absolute;
	left:0px;
	top:0px;
}
.relative {
	position:relative;
	left:0px;
	top:0px;
}
.flleft {
	float:left;
}
.flright {
	float:right;
}
.cll {
	clear:left;
}
.clr {
	clear:right;
}
.clall {
	clear:both;
}
.nosize {
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}
.hr {
	border-bottom:1px solid #d3d3d3;
}
.hide {
	display:none !important;
}
.notVisible {
	opacity:0;
	filter:alpha(opacity=0);
}
.bold {
	font-weight:bold !important;
}

/* Clearfix */
.box::before, .box::after {
    content: "";
    display: table;
} 
.box::after {
    clear: both;
}	

.btn.btn-primary.btn-lg img {
  width: 90%;
}


div#content #col_center .box.leftimg.tour-link, div#content #col_center .box.rightimg.tour-link{ height:auto; overflow:hidden;}

div.tour-link-list{ overflow:hidden; }
div.tour-link-list ul{margin-left: 10px; overflow: hidden; }
div.tour-link-list ul li{ clear:both; overflow: hidden;}

div#content #col_center .box.leftimg.tour-link div.tour-link-list ul{ margin-left: 0px; float:left;}

div.tour-link-list ul li a{
	height:21px;
	display:block;
	background-position:right -132px;
	background-color:#009ee0;
	color:#fff !important;
	padding-left:5px;
	line-height:21px;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	float:left;
}

div.tour-link-list span.arrow_right{
	height:21px;
	width:21px;
	float:right;
	display:block;
	background-repeat:no-repeat;
	background-image:url(../image/system/blue_arrow_right.png);
	background-color:#ffffff;
}

a.goto {
	width:90px;
	height:21px;
	display:block;
	background-position:right -132px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	color:white;
	padding-left:5px;
	line-height:21px;
	font-weight:bold;
	font-size:12px;
	margin-top:15px;
}
a.goto.medium {
	width: 140px;
}
a.goto.rev {
	background-position:-154px -132px;
	padding-left:20px;
}
body.metrozonen a.goto {
	background-position:right -158px;
	color:white;
}
a.goto.pink {
	background-position:right -158px !important;
	color:white !important;
}
body.metrozonen a.goto.rev {
	background-position:-154px -158px;
}
a.goto.pink.rev {
	background-position:-154px -158px !important;
}
body.kosmopolis a.goto {
	background-position:right -184px;
	color:#333333;
}
a.goto.yellow {
	background-position:right -184px !important;
	color:#333333 !important;
}
body.kosmopolis a.goto.rev {
	background-position:-154px -184px;
}
a.goto.yellow.rev {
	background-position:-154px -184px !important;
}
body.klimawandel a.goto {
	background-position:right -210px;
	color:#333333;
}
a.goto.green {
	background-position:right -210px !important;
	color:#333333 !important;
}
body.klimawandel a.goto.rev {
	background-position:-154px -210px;
}
a.goto.green.rev {
	background-position:-154px -210px !important;
}

div.tx-sr-iba-teaser a.goto {
    display: inline-block;
    width: auto;
    padding-right: 20px;
}
div.tx-sr-iba-teaser a.goto.blue {
    color: white !important;
}


.nomarge {
	margin:0 !important;
}
a.lh30 {
	line-height:30px;
}
a.submit_blue {
	text-align:center;
	width:auto;
	padding:0 15px;
	height:25px;
	display:block;
	background-position:right -539px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	line-height:25px;
	color:white;
	font-weight:bold;
}

.news-archive-year-filter a.submit_blue {
    display: inline-block;
}
p.downloads {
	color:#009FE3 !important;
}
div.rte {
	padding-left:0px;
}
div.rte ul {
	list-style-type:disc !important;
	margin-left:25px !important;
}
/* FRAME */
div#center, div#media {
	width:1042px;
	position:relative;
}
div#center {
	margin-left:auto;
	margin-right:auto;
}
div#header, div#utility, div#media div#img, div#content, div#footer, div.cHeader, div.cHeader div#projectline, div#navi_bottom {
	width:978px;
	position:relative;
	top:0px;
}
div#header, div#utility, div#media div#img, div#content, div.cHeader, div#footer, div#navi_bottom {
	left:31px;
}
div#navi_bottom {
	left:0 !important;
}
div#content div.cHeader {
	left:0px;
}
div#header {
	width:988px;
	left:26px;
	height:169px;
	background-image:url(../image/system/bg-head.png);
}
a#logo {
	width:129px;
	height:105px;
	display:block;
	background-image:url(../image/system/logo.png);
	position:absolute;
	left:33px;
	top:24px;
	text-decoration:none;
}
img#snb {
	position:absolute;
	right:15px;
	top:85px;
}

/* Ticket #7242*/
img#snb.higher {
	top: 88px;
}

ul {
	list-style-type:none;
}
/* UTILITY */
div#utility {
	height:44px;
	overflow:hidden;
}
div#utility form {
    display: none;
}
body#kalender.landingpages div#utility {
	height:44px;
}
div#utility a.map, div#utility a.magazin, div#utility span, div#utility a.praesentationsjahr {
	font-size:12px;
}
div#utility a.map, div#utility a.magazin, div#utility a.praesentationsjahr {
	display:block;
	height:19px;
	float:right;
	margin-right:244px;
	line-height:19px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
    text-transform: uppercase;
	font-size: 12px;
	background: #999999;
}
div#utility a.praesentationsjahr {
	background-position:0 -872px;
	width:187px;
	color:white;
}
div#utility a.map {
    display: none;
	width:80px;
	background-position:0 -24px;
	color:white;
}
.page2014 div#utility a.map.icon {
	display: none;
}
div#utility a.magazin {
	width:102px;
	background-position:-97px -24px;
	color:black;
}

div#utility a.praesentationsjahr {
    background-position: 0 -872px;
    width: 187px;
    color: white;
}

ul#personal {
	width:180px;
	height:22px;
	list-style-type:none;
	position:absolute;
	left:503px;
    /*left: 312px;*/
	top:178px;
	z-index:0;
}
ul#personal li {
	display:none;
}
ul#personal li.actall {
	display:block;
}
ul#personal li.act, ul#personal li.actfirst {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	background-position:-216px -24px;
	display:block;
}
ul#personal li, ul#personal li.actall {
	width:169px;
	padding-left:10px;
	height:22px;
	background-color:#707173;
	border-bottom:1px solid #A6A8AB;
}
ul#personal li.act, ul#personal li.actfirst {
	width:170px;
	border-bottom:1px solid white;
}
ul#personal li.actcurr, ul#personal li:hover {
	background-color:#7D7F81;
}
ul#personal li a {
	color:white;
	line-height:21px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:12px;
}
div#utility span {
	float:left;
	margin:12px 8px 0 0;
	font-weight:bold;
}
div#utility input#search {
	background-position:0 0;
	width:20px;
	position:absolute;
	right:10px;
	top:10px;
	margin:0;
	cursor:pointer;
}
div#utility input {
	width:200px;
	height:19px;
	background-position:-23px 0;
	border:none;
	position:absolute;
	right:35px;
	top:10px;
	padding-left:2px;
	color:#707173;
	font-size:12px;
	line-height:19px;
}
/* MENU */
div#topmenu {
	position:absolute;
	right:25px;
	top:25px;
	list-style-type:none;
}
div#topmenu a, div#topmenu span {
	font-size:12px;
	margin:0 2px;
	float:left;
	color:#707173;
}
div#topmenu a.en {
	background-position:-484px 2px;
	padding-left:20px;
	margin-left:20px;
}
body#intro div#topmenu a.en {
	display: inline;
}

/** Mainmenu */

div.main {
    width: 100%;
    padding: 0 4px;
    position: relative;
    top: 140px;
}

div.main ul.mainMenu li {
	position: relative;
	display: inline-block;
}

div.main ul.mainMenu li ul.subMenuTop {
	position: absolute;
	top: 22px;
	left: 11px;
	z-index: 2;
	height: 0;
	overflow: hidden;
	opacity: 0;
	box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	transition-delay: 0.1s;
	transition: opacity 200ms ease-out;	
}
div.main ul.mainMenu li ul.subMenuTop li {
	margin-left: 0;
	display: block;
	padding: 2px 10px;
	background-color: rgb(255,255,255);
	white-space: nowrap;		
}
div.main ul.mainMenu li ul.subMenuTop li:first-child {
	margin-top: 5px;
}
div.main ul.mainMenu li ul.subMenuTop li a {
	line-height: 27px;
	font-weight: bold;
	display: block;
	margin-left: 0;
	width: auto;
	height: auto;
	float: none;
}

div.main ul.mainMenu li:hover ul.subMenuTop{
	height: auto;
 	opacity: 1;
	transition:opacity 200ms ease-out;
}

div.main a {
    position: relative;
    width: 160px;
    display: block;
    float: left;
    margin-left: -34px;
    height: 22px;
}
div.main ul.mainMenu li{
	margin-left: -34px;
}

div.main ul.mainMenu li:first-child,
div.main ul.mainMenu li:first-child a,
div.main a:first-child {
    margin-left: 0px;
}

.page2014 div.main li:last-child a,
div.main > a:last-child {
    width: 224px;
}


div.main a span {
    display: inline-block;
    height: 22px;
}

div.main a span.middle {
    width: 80px;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    
}
div.main a span.middle {
    background-color: rgb(0,158,224);
    color: rgb(255,255,255);
}
.page2014 div.main a span.middle {
    background-color: rgb(227,228,229);
    color: rgb(0,158,224);
}
.page2014 div.main li:last-child span.middle,
div.main > a:last-child span.middle {
    width: 183px;
    text-align: left;
}
div.main a:last-child span.middle {
    background-color: rgb(227,228,229);
    color: rgb(0,158,224);
}
.page2014 div.main li:last-child span.middle {
    background-color: rgb(0,158,224);
    color: rgb(255,255,255);
}

div.main a span.left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 22px 40px;
}
div.main a span.left{
    border-color: transparent transparent rgb(0,158,224)  transparent;
}
.page2014 div.main a span.left {
    border-color: transparent transparent rgb(227,228,229)  transparent;
}
div.main a:last-child span.left {
    border-color: transparent transparent rgb(227,228,229) transparent;
}
.page2014 div.main li:last-child span.left {
    border-color: transparent transparent rgb(0,158,224) transparent;
}
div.main a span.right {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 40px 0 0;
    border-color: rgb(0,158,224) transparent transparent transparent;
}
div.main li:last-child span.right,
div.main > a:last-child span.right {
    display: none;
}
div.main a span.right {
    border-color: rgb(0,158,224) transparent transparent transparent;
}
.page2014 div.main a span.right {
    border-color: rgb(227,228,229) transparent transparent transparent;
}
ul.mainMenu li:hover span.left,
ul.mainMenu li.active span.left,
div.main a:hover span.left,
div.main a.active span.left {
    border-color: transparent transparent rgb(156,158,159) transparent;
}

ul.mainMenu li:hover span.middle,
ul.mainMenu li.active span.middle,
div.main a:hover span.middle,
div.main a.active span.middle {
    background-color: rgb(156,158,159);
}
.page2014 ul.mainMenu li:hover span.middle,
.page2014 ul.mainMenu li.active span.middle,
.page2014 ul.mainMenu li a.active span.middle {
    color: rgb(255,255,255);
}
ul.mainMenu li:hover span.right,
ul.mainMenu li.active span.right,
div.main a:hover span.right,
div.main a.active span.right {
    border-color: rgb(156,158,159) transparent transparent transparent;
}

/** Submenu */
ul#submenu_press, ul#submenu_themen_projekte, ul#submenu_erleben, ul#submenu_mitgestalten, ul#submenu_wissen, ul#submenu_iba_story, ul#submenu_service, ul#submenu_2014 {
	list-style-type:none;
	position:absolute;
	top:167px;
	background-image:url(../image/system/bg-submenu.png);
	background-repeat:no-repeat;
	padding:10px 0px 7px 10px;
	visibility:hidden;
	overflow:hidden;
	z-index:999;
}
ul#submenu_press li a, ul#submenu_erleben li a, ul#submenu_mitgestalten li a, ul#submenu_wissen li a, ul#submenu_iba_story li a, ul#submenu_service li a, ul#submenu_2014 li a {
	line-height:27px;
	font-weight:bold;
	display:block;
}

ul#submenu_2014 li a {
    color: #000;
}

ul#submenu_press {
	left:819px;
	width:180px;
	background-position:-180px bottom;
}

ul#submenu_themen_projekte {
	left:282px;
	width:280px;
	background-position:-388px bottom;
	padding:0px 0px 10px 10px;
}
ul#submenu_erleben, ul#submenu_2014 {
	left:460px;
	width:160px;
	background-position:0px bottom;
}
ul#submenu_mitgestalten {
	left:550px;
	width:160px;
	background-position:0px bottom;
}
ul#submenu_wissen {
	left:600px;
	width:160px;
	background-position:0px bottom;
}
ul#submenu_iba_story {
	left:174px;
	width:180px;
	background-position:-180px bottom;
}
ul#submenu_service {
	left:730px;
	width:180px;
	background-position:-180px bottom;
}
ul#submenu_themen_projekte li {
	width:266px;
}
ul#submenu_themen_projekte li span {
	display:block;
	margin:8px 0px 5px 0px;
	color:#707173;
	font-size:12px;
}
ul#submenu_themen_projekte li .top {
	margin:20px 0px 5px 0px;
	display:block;
}
ul#submenu_themen_projekte li a {
	font-size:14px;
	line-height:18px;
	margin-right:5px;
}
ul#submenu_themen_projekte li a.currentProjects, ul#submenu_themen_projekte li a.Kosmopolis, ul#submenu_themen_projekte li a.Metrozonen, ul#submenu_themen_projekte li a.Klimawandel, ul#submenu_themen_projekte li a.climate {
	background-image:url(../image/system/bg-submenu-themen-projekte.png);
	background-repeat:no-repeat;
	width:257px;
	height:43px;
	display:block;
	text-decoration:none;
	margin-bottom:5px;
}

ul#submenu_themen_projekte li a.currentProjects {
	margin-top: 10px;
	background-position:0px -342px;
}

ul#submenu_themen_projekte li a:hover.currentProjects {
	background-position:0px -294px;
}


ul#submenu_themen_projekte li a.Kosmopolis {
	background-position:0px -48px;
}

ul#submenu_themen_projekte li a.Kosmopolis:hover {
	background-position:0px 0px;
}

ul#submenu_themen_projekte li a.Metrozonen {
	background-position:0px -246px;
}

ul#submenu_themen_projekte li a.Metrozonen:hover {
	background-position:0px -198px;
}

ul#submenu_themen_projekte li a.climate,
ul#submenu_themen_projekte li a.Klimawandel {
	background-position:0px -150px;
}

ul#submenu_themen_projekte li a.climate,
ul#submenu_themen_projekte li a.Klimawandel:hover {
	background-position:0px -97px;
}
/*DROPDOWN*/
ul.dropdown {
	padding-bottom:0px;
}
ul.dropdown li a {
	padding:6px 1px 6px 12px;
	font-weight:bold;
	line-height:13px;
	color:#009FE3;
	display:block;
}
ul.dropdown li.second {
	margin-top:-2px;
}
ul.dropdown li a {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	border-left:1px solid #f5f5f5;
}
ul.dropdown li.actall a {
	background-image:url(../image/system/bg-dropdown.png);
	background-position:right bottom;
}
ul.dropdown li.actall a:hover {
	background-image:url(../image/system/bg-dropdown-hl.png);
	background-position:right bottom;
}
ul.dropdown li.actall.last a {
	background-image:url(../image/system/bg-dropdown-bot.png);
	background-position:right bottom;
}
ul.dropdown li.actall.last a:hover {
	background-image:url(../image/system/bg-dropdown-bot-hl.png);
	background-position:right bottom;
}
ul.dropdown li.actcurr a, ul.dropdown li.actcurr a:hover {
	background-image:url(../image/system/bg-dropdown-hl.png);
	background-position:right bottom;
}
ul.dropdown li.actcurr.last a, ul.dropdown li.actcurr.last a:hover {
	background-image:url(../image/system/bg-dropdown-bot-hl.png);
	background-position:right bottom;
}
ul.dropdown li.act a, ul.dropdown li.actfirst a, ul.dropdown li.actfirst a:hover {
	background-image:url(../image/system/icon.png);
	background-position:right -571px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	padding:0 0 0 12px;
}
ul.dropdown li.actfirst a, ul.dropdown li.actfirst a:hover {
	height:25px;
}
ul.dropdown.origin li a {
	background-position:1000px 1000px !important;
}
ul.dropdown li a:hover {
	text-decoration:none;
}
ul.dropdown li {
	display:none;
}
ul.dropdown li.act, ul.dropdown li.actall {
	display:block;
}
ul#press_kalender_project_clone, ul#press_kalender_year_clone ,ul#press_kalender_month_clone,
ul#search_art_clone, ul#search_thema_clone, ul#mediathek_project_clone, ul#mediathek_category_clone, ul#mediathek_month_clone, ul#mediathek_year_clone, ul#select_kalender_clone {
	position:absolute;
}
ul#mediathek_project_clone li.act a, ul#mediathek_category_clone li.act a, ul#mediathek_month_clone li.act a, ul#mediathek_year_clone li.act a {
	height:35px !important;
	background-position:right -736px !important;
	line-height:16px;
	padding:4px 20px 4px 12px;
}
ul#mediathek_project_clone li.actfirst a, ul#mediathek_project_clone li.actfirst a:hover,
ul#mediathek_category_clone li.actfirst a, ul#mediathek_category_clone li.actfirst a:hover,
ul#mediathek_month_clone li.actfirst a, ul#mediathek_month_clone li.actfirst a:hover,
ul#mediathek_year_clone li.actfirst a, ul#mediathek_year_clone li.actfirst a:hover {
	height:35px;
	background-position:right -736px !important;
	line-height:16px;
	padding:4px 20px 4px 12px;
}

/*MEDIA*/
div#media div#img {
	height:437px;
	overflow:hidden;
	background-repeat:no-repeat;
}
div#media span.forward, div#media span.backward {
	width:30px;
	height:38px;
	position:absolute;
	top:200px;
	cursor:pointer;
}
div#media span.forward {
	background-position:-36px -59px;
	right:0;
}
div#media span.backward {
	background-position:0 -59px;
}

/*CONTENT*/
div#content img {
	display:block;
}
div#socialmedia {
	clear:both;
	margin:15px 0;
}
div#socialmedia ul.socialmedialinks li {
	display:inline-block;
	margin-right:-12px;
	margin-left:-12px;
}

div.flleft div#socialmedia {
	margin-top:30px;
}
div#content #col_left, div#content #col_right, div#content a.webcam {
	width:237px;
}
div#content #col_left, div#content #col_right{
	position:relative;
	float:left;
	overflow:hidden;
}
div#content #col_center {
	width:484px;
	float:left;
	overflow:hidden;
}
div#content #col_center, div#content #col_right {
	margin-left:10px;
}
div#content h4.topic {
	height:39px;
	color:white;
	background-color:#9d9ea0;
	line-height:39px;
	padding-left:12px;
	margin-top:10px;
}
div#content .box {
	background-color:#f5f5f5;
	padding:10px 10px 15px 10px;
	position:relative;
}
div#content .box.blueborder {
	padding:7px 7px 15px 7px;
	width:221px;
	background:white;
	border:1px solid #009FE3;
}
div#content .hr {
	background-color:white;
}

div#content .box.hr {
	background-color:#f5f5f5;
}

div#content .box h4 {
	background-color:transparent;
	padding:5px 0 0 0;
	line-height:16px;
	text-transform:none;
	font-size:14px;
}
div#content .box h4.first {
	padding-top:0px;
}
div#content .box h5 {
	font-size:14px;
	font-weight:normal;
	text-transform:none;
	line-height:16px;
	margin-bottom:15px;
}
div#content .box p {
	font-size:13px;
	font-weight:normal;
	margin-bottom:5px;
}
div#content .box p, div#content .box h4, div#content .box h5 {
	color:#707173;
}
div#content .box.black p, div#content .box.black h4, div#content .box.black h5 {
	color:black;
}
div#content .box.dark p, div#content .box.dark h4, div#content .box.dark h5 {
	color:#333;
}
div#content a.webcam {
	background-position:-468px -18px;
	line-height:35px;
	color:white;
	background-color:#9d9ea0;
	padding-left:40px;
	display:block;
	font-size:13px;
	font-weight:bold;
}
div#content .img {
	width:237px;
	overflow-x:hidden;
}
div.cHeader .kalender_box {
	padding:8px;
}
div.cHeader #kalender {
	width:222px;
	overflow:hidden;
}
div#content a.kunst, div#content a.kultur, div#content a.projekte, div#content a.interview, div#content a.gemischt {
	height:21px;
	color:white;
	display:block;
	padding-left:8px;
	line-height:21px;
	font-weight:bold;
	font-size:13px;
	margin-top:5px;
}
div#content a.kunst {
	width:77px;
	background-position:0 -103px;
}
div#content a.kultur {
	width:88px;
	background-position:-89px -103px;
}
div#content a.projekte {
	width:103px;
	background-position:-188px -103px;
}
div#content a.interview {
	width:116px;
	background-position:-304px -103px;
}
div#content a.gemischt {
	width:154px;
	background-position:-432px -103px;
}
a#magazin_teaser_l {
	display:block;
	width:100px;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}
a#magazin_teaser_r {
	display:block;
	width:110px;
	float:right;
	font-size:11px;
}
/*content center*/
div#content #col_center .box {
	background-color:white;
	padding:0 0 12px;
	margin-bottom:20px;

}
div#content #col_center .box a.goto {
	position:relative;
	left:0;
	display:inline-block;
	width:auto !important;
	padding-right:20px;
}
div#content #col_center .box.leftimg, div#content #col_center .box.rightimg  {
	/*height:298px;*/
	overflow:hidden;
}
div#content #col_center .box.leftimg a.goto, div#content #col_center .box.rightimg a.goto  {
/*	position:absolute !important;*/
/*	left:245px;*/
	bottom:12px;
	width:auto;
	padding-right:20px;
}
div#content #col_center .box.rightimg img {
	margin-left:10px;
}
div#content #col_center .box.rightimg a.goto  {
	left:10px;
}
div#content #col_center .box a.goto.blue, div#content #col_center .box a.goto.pink {
	color:white !important;
}
div#content #col_center .box h3, div#content #col_center .box h5 {
	padding:2px 10px;
	font-weight:normal;
	font-size:11px;
	line-height:16px !important;
	height:auto !important;
	text-transform:uppercase;
}
div#content #col_center .box h5.bg_blue {
	color:white !important;
}
div#content #col_center .img {
	width:242px;
}
div#content #col_center .box h5 {
	height:20px;
	line-height:20px;
	font-size:11px;
	padding-left:12px;
}
div#content #col_center .box h5.right {
	text-align:right;
	padding-right:12px;
}
div#content #col_center .content p, div#content #col_center .content h4 {
	padding:0 10px;
}
div#content #col_center .content h4 {
	margin:25px 0 10px;
}
h4.header_bottom,
div.tx-indexedsearch-whatis {
	height:36px;
	line-height:36px;
	border-top:1px solid #c6c7c9;
	border-bottom:1px solid #c6c7c9;
	padding-left:15px;
	background-color:#f5f5f5;
}
h4.header_bottom span,
div.tx-indexedsearch-whatis span {
	color:#009FE3;
}
/*content projektseiten*/
body#projects div.cHeader h2.header {
	height:55px;
	color:white;
	font-weight:bold;
	line-height:55px;
	padding-left:20px;
}
body#projects div.cHeader h2.header {
	background-color:#ea6091;
}
body#projects.kosmopolis div.cHeader h2.header {
	background-color:#ffee18;
	color: #333333;
}

body#projects.klimawandel div.cHeader h2.header {
	background-color:#c8d200;
	color: #333333;
}
/* provisorisch, bitte spaeter loeschen, wenn Klassen auf Landingpages korrigiert */
body#projects.landingpages div#col_center div.box h3.white.bg_gray {
	font-weight:normal;
	font-size:12px;
	color:#333333 !important;
	line-height:20px;
	margin-bottom:10px;
}
/* Ende provisorisch */
body#projects div#col_center div.box div.flleft img {
	margin-right:10px;
}
body#projects div#col_center div.box p {
	color:#333333 !important;
}
body#projects div.cHeader span {
	position:absolute;
	right:7px;
	top:7px;
	width:47px;
	height:41px;
}

body#projects div.cHeader span.icon.next {
	right: -40px;
	height: 38px;
	width: 28px;
	top: inherit;
}
body#projects div.cHeader span.icon.prev {
	left: -40px;
	height: 38px;
	width: 28px;
	top: inherit;
}

body#projects.metrozonen div.cHeader span {
	background-position:-158px -251px;
}

body#projects.kosmopolis div.cHeader span{
	background-position:-209px -251px;
}

body#projects.klimawandel div.cHeader span {
	background-position:-106px -251px;
}
body#projects #content div.projects a.goto, #content div.projects a.goto.pos {
	position:absolute;
	right:10px;
	bottom:10px;
	left:auto;
}
#content .projects {
	position:relative;
	padding:5px;
	border-bottom:1px solid #c6c7c9;
	width:469px;
	height:80px;
	float:left;
}
#content .projects:hover {
	background-color:#ececec;
}
#content .projects img {
	height:80px;
	width:80px;
	float:left;
}
#content .projects h4 {
	margin-top:5px;
	margin-left:90px;
	font-weight:normal;
	text-transform:none;
	margin-top:8px
}
#content .projects h3 {
	margin-top:3px;
	margin-left:90px;
}
#content .projects.withmargin {
	margin-left:20px;
}
div.cHeader div#projectline {
	height:36px;
	background-color:#ececec;
	border-top:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:12px;
}
div.cHeader div#projectline a {
	float:left;
	display:block;
	height:20px;
	color:#009FE3;
	line-height:20px;
	position:absolute;
	top:10px;
}
div.cHeader div#projectline a#project_left, div.cHeader div#projectline a#project_right.tagcloud {
	left:8px;
}
div.cHeader div#projectline a#project_left {
	background-position:-586px -241px;
	padding-left:18px;
}
div.cHeader div#projectline a#project_left:hover, div.cHeader div#projectline a#project_left.act {
	background-position:-586px -263px;
	color:#707173;
}
div.cHeader div#projectline a#project_right {
	background-position:-566px -289px;
	left:368px;
	padding-left:37px;
}
div.cHeader div#projectline a#project_right:hover, div.cHeader div#projectline a#project_right.act {
	background-position:-566px -315px;
	color:#707173;
}
body#projects div#project_description, body#projects div#project_map, body#projectdetail div#projectdetail_map {
	background-image:url(../image/system/bg-project-more.png);
	position:absolute;
	top:57px;
	background-position:right bottom;
	background-repeat:no-repeat;
	left:31px;
	top:293px;
	width:986px;
	z-index:2;
	visibility:hidden;
	overflow:hidden;
}
body#projects div#project_map{visibility:visible;}
body#projects div#project_description, body#projects div#project_map, body#projectdetail #content div.cHeader, body#workshop #content div.cHeader, body#projects #content div.cHeader, body#kalender.detail #content .cHeader {
	left:0px;
}
body#projectdetail div#projectdetail_map {
	top:54px;
	left:0px;
}
body#projects.metrozonen div#project_description{
	background-image:url(../image/system/bg-project-more-metrozonen.png);
	color: white;
}
body#projects.kosmopolis div#project_description{
	background-image:url(../image/system/bg-project-more-kosmopolis.png);
}
body#projects.klimawandel div#project_description{
	background-image:url(../image/system/bg-project-more-klimawandel.png);
}
body#projects div#project_description p, body#projects div#project_description h1, body#projects div#project_description h3 {
	margin-left:30px;
	margin-right:30px;
}
body#projects div#project_description p {
	margin-bottom:30px;
}
body#projects div#project_description h1 {
	line-height:20px;
	font-weight:bold;
	margin-bottom:20px;
}
body#projects div#project_description h3 {
	line-height:30px;
	margin-top:25px;
	font-weight:normal;
}
body#projects div#project_map #project_map_inner, body#projectdetail div#projectdetail_map #projectdetail_map_inner {
	margin-bottom:8px;
	width:978px;
	overflow:hidden;
}
#project_description_close, #project_map_close, #projectdetail_map_close {
	position:absolute;
	top:0px;
	right:8px;
	width:77px;
	height:22px;
	line-height:22px;
	text-align:center;
	display:block;
	background-color:white;
	font-size:11px;
	z-index:999;
}
body#projects #col_left ul li.act a {
	font-weight:bold;
}
/* Google Style */
#project_map_mini h1,
#project_map_inner h1{
	font-size:12px;
	color:#333333;
}
#project_map_mini h1 p,
#project_map_inner h1 p {
	font-size:12px;
	font-weight:normal;
	color:#333333;
}
#project_map_mini h1 a,
#project_map_inner h1 a {
	line-height:21px;
	margin-top:15px;
	display:inline-block;
	padding-right:20px;
	background-position:right -132px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	color:white;
	padding-left:5px;
	line-height:21px;
	font-weight:bold;
	font-size:12px;
}
#project_map_mini a.metrozonen,
#project_map_inner a.metrozonen {
	background-position:right -158px;
	color:white;
}
#project_map_mini a.kosmopolis,
#project_map_inner a.kosmopolis {
	background-position:right -184px;
	color:#333333;
}
#project_map_mini a.klimawandel,
#project_map_inner a.klimawandel {
	background-position:right -210px;
	color:#333333;
}
/*content projectdetail*/
body#projectdetail #content {
	border-top:1px solid #c6c7c9;
}
body#projectdetail #content a.back {
	position:absolute;
	right:0px;
	top:8px;
	font-weight:bold;
}
body#projectdetail #content h1 {
	margin-top: 10px;
	color:#333333;
}
body#projectdetail #content h3 {
	margin-top: 22px;
	color:#333333;
}
body#projectdetail #content div.media_target {
	margin-top: 12px;
	overflow:hidden;
}
body#projectdetail #content div.media_src {
	margin-top: 5px;
	overflow:hidden;
	clear: both;
}

body#projectdetail #content div.media_src img {
	float: left;
	padding-left: 7px;
}

body#projectdetail #content div.media_src img.noPadding,
body#projectdetail #content div.media_src img:first-child {
	padding-left: 0px;
}
body#projectdetail #content div#col_left, body#workshop #content div#col_left, div#col_centerright {
	overflow:hidden;
}
div#col_centerright {
	width:731px;
	margin-left:10px;
	position:relative;
	background-color:#f5f5f5;
	padding-bottom:15px;
}
body#projectdetail #content .box img {
	margin:5px 0;
}
body#projectdetail #content div.lb_src {
	padding-bottom:10px;
}
body#projectdetail #content div.lb_src div img {
	margin:0;
}
body#projectdetail #content div.lb_src div {
	position:relative;
	width:217px;
	overflow:hidden;
}
body#projectdetail #content div.lb_src div a {
	position:absolute;
	right:1px;
	top:1px;
	display:block;
	width:19px;
	height:19px;
	background-position:-272px 0;
}
body#projectdetail #content div.lb_src div a:hover {
	text-decoration:none;
}
body#projectdetail #content .box h4 {
	padding:0;
}
#content .box h6 {
	font-size:12px;
	font-weight:normal;
	color:#707173;
	margin:17px 0 6px;
}
body#projectdetail #content .box h6.doubletop {
	margin:30px 0 6px;
}
body#projectdetail #content span.project {
	float:right;
	margin-top:5px;
	width:48px;
	height:42px;
}
body#projectdetail.klimawandel #content span.project {
	background-position:-106px -251px;
}
body#projectdetail.kosmopolis #content span.project {
	background-position:-53px -251px;
}
body#projectdetail.metrozonen #content span.project {
	background-position:0px -251px ;
}
body#projectdetail #content span.project.klimawandel {
	background-position:-106px -251px !important;
}
body#projectdetail #content span.project.kosmopolis {
	background-position:-53px -251px !important;
}
body#projectdetail #content span.project.metrozonen {
	background-position:0px -251px !important;
}
#content h4.topic.small {
	height:20px;
	line-height:20px;
	font-size:12px;
	margin-top:10px;
}
body#projectdetail #content h4.topic, #content h4.topic.medium {
	height:27px;
	line-height:27px;
	margin-top:10px;
}
#col_centerright h4.topic.top {
	margin-top:30px;
}
#content h4.topic.big,body#projectdetail #content h4.topic.big {
	height:37px;
	line-height:37px;
	margin-top:10px;
}
#content h4.topic.large {
	height:55px;
	line-height:55px;
	margin-top:10px;
}
body#projectdetail.klimawandel #content h4.topic {
	background-color:#c8d200;
	color:#333333;
	margin-top:10px;
}
body#projectdetail.metrozonen #content h4.topic {
	background-color:#ea6091;
	color:white;
	margin-top:10px;
}
body#projectdetail.kosmopolis #content h4.topic {
	background-color:#ffee18;
	color:#333333;
	margin-top:10px;
}
body#projectdetail #content span.project.big {
	position:absolute;
	right:0px;
	top:5px;
	width:63px;
	height:55px;
	display:block;
	margin:0;
	clear:right;
}
body#projectdetail.klimawandel #content span.project.big, body#projectdetail #content span.project.klimawandel.big {
	background-position:-136px -299px ;
}
body#projectdetail.kosmopolis #content span.project.big, body#projectdetail #content span.project.kosmopolis.big {
	background-position:-68px -299px;
}
body#projectdetail.metrozonen #content span.project.big, body#projectdetail #content span.project.metrozonen.big {
	background-position:0px -299px ;
}
#col_centerright div.flleft, #col_centerright div.flright {
	margin-bottom:20px;
}
#col_centerright div.flright {
	width:225px;
	float:right;
	margin-top:70px;
	position:relative;
}
body#workshop.labor #col_centerright div.flright {
	width:215px;
	margin-right:10px;
}
#col_centerright div.flright p {
	margin:10px 0 10px 10px;
}
#col_centerright div.flleft {
	width:460px;
	float:left;
	margin-left:15px;
}
#col_centerright a.print {
	background-position:-583px -348px ;
	padding-left:20px;
	position:absolute;
	right:10px;
	top:0px;
}
#col_centerright a.print:hover {
	background-position:-583px -373px ;
}
#col_centerright hr.margin {
	margin:20px 0 15px;
}
a#show_projectdetail_map  {
	width:190px;
	height:30px;
	display:block;
	margin-left:5px;
	background-position:-410px -403px ;
	padding-left:25px;
	overflow:hidden;
	line-height:30px;
}
a#show_projectdetail_map:hover {
	background-position:-410px -435px ;
}
#col_centerright div.flleft h2 {
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	margin:40px 0 0px;
}
#col_centerright div.flleft h1 {
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	margin-top:0px !important;
}
#col_centerright div.flleft p.teaser {
	margin:45px 0 10px;
	font-size:14px;
	font-weight:bold;
}
#col_centerright hr.clall {
	margin:5px 10px;
	width:711px;
}
#col_centerright div#navi {
	margin:5px 10px;
	width:711px;
	height:21px;
}
body#projectdetail #content #col_centerright a.goto.prev {
	margin-right:10px;
	float:left;
}
body#projectdetail #content #col_centerright a.goto.next {
	margin-right:10px;
	float:right;
}
/* BOE-Karte */

/* BOE-Karte */

#boe-map * {
border:0;
margin:0;
padding:0; }

#boe-map {
position:relative;
height:218px;
width:212px;
background:none;
}

#boe-map p {
height:25px;
line-height:25px;
padding:0 3px 0 3px;
text-transform:uppercase;
font-size:11px;
color:#797a7a;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#boe-map ul {
position:absolute;
top:0;
background:yellow; }

#boe-map li {
list-style:none;
display:inline; }

#map-boe-veddel {
position:absolute;
top:36px;
left:65px;
display:block;
width:96px;
height:59px; }

#map-boe-veddel:hover {
background:url(../../../../../fileadmin/contentdateien/karten/karte_boe-veddel.jpg) -65px -36px no-repeat;
}

#map-boe-reiherstieg {
position:absolute;
top:78px;
left:23px;
display:block;
width:97px;
height:48px; }

#map-boe-reiherstieg:hover {
top:68px;
height:59px;
background:url(../../../../../fileadmin/contentdateien/karten/karte_boe-reiherstieg.jpg) -23px -68px no-repeat;
}

#map-boe-kirchdorf {
position:absolute;
z-index:100000;
top:104px;
left:99px;
display:block;
width:96px;
height:65px; }

#map-boe-kirchdorf:hover {
top:104px;
height:71px;
background:url(../../../../../fileadmin/contentdateien/karten/karte_boe-kirchdorf.jpg) -99px -104px no-repeat;
}


/*content workshop */
body#workshop #media {
	height:222px;
	overflow:hidden;
}
h2.workshop {
	background-color:#009FE3;
	color:white;
	height:55px;
	line-height:55px;
	padding-left:15px;
	font-size:22px;
}
body#workshop.labor div.cHeader h2.workshop {
	margin-top:0;
}
body#workshop.labor div#col_left ul.submenu {
	margin-top:10px;
}
body#workshop #col_centerright h3 {
	font-weight:normal;
	margin:40px 0 5px;
}
body#workshop #col_centerright p.teaser {
	margin-top:25px;
}
#col_centerright_bottom {
	clear:both;
	margin:0 0 30px 15px;
}
body#workshop #col_centerright div.flleft, body#workshop #col_centerright div.flright {
	margin-bottom:30px;
}
body#workshop #col_centerright_bottom div.profile {
	padding:20px 0;
	border-bottom:1px solid #D3D3D3;
	width:701px;
}
body#workshop #col_centerright_bottom div.img {
	width:100px;
	overflow:hidden;
	float:left;
}
body#workshop #col_centerright_bottom div.description {
	width:340px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}
body#workshop #col_centerright_bottom div.description h3 {
	margin:20px 0 0;
	font-weight:bold;
}
body#workshop #col_centerright_bottom div.contact {
	width:210px;
	overflow:hidden;
	float:right;
	margin-left:40px;
	padding-top:35px;
}
body#workshop #col_centerright_bottom div.contact span {
	display:block;
	margin-bottom:8px;
	font-size:12px;
}
body#workshop .box ul {
	list-style-type:none;
}
body#workshop #content ul li a {
	width:237;
	height:23px;
	line-height:23px;
	display:block;
	background-color:#009FE3;
	padding-left:23px;
	color:white;
	font-weight:bold;
	margin-top:1px;
	background-position:100px 100px;
}
body#workshop #content ul li a:hover {
	background-position:-583px -470px;
}
body#workshop #content ul li.act a, body#workshop #content ul li.act a:hover {
	background-position:-582px -486px;
	background-color:#707173;
}
/*body#workshop #content ul li ul {
	display:none;
}*/
body#workshop #content ul li.act ul {
	padding:5px 0;
	background-color:#f5f5f5;
	display:block;
}
body#workshop #content ul li.act ul li a {
	background-color:#f5f5f5;
	margin-top:0px;
	color:#707173;
	font-weight:normal;
}
body#workshop #content ul li.act ul li a.act, body#workshop #content ul li.act ul li a.act:hover, body#workshop #content ul li.act ul li a:hover {
	background-color:#ececec;
}
body#workshop #content div.toggle h4 {
	background-color:#009FE3 !important;
	color:white;
}
body#workshop #content div.toggle h4.act {
	background-color:#707173 !important;
}
body#workshop #content div.toggle ul li a {
	background-color:white;
	color:#009FE3;
	background-color:#F5F5F5;
	font-weight:normal;
}
body#workshop #content div.toggle ul li a:hover {
	background-color:#ececec;
}
body#workshop #content ul.matrix li {
	width:227px;
	margin-left:-10px;
	height:130px;
}
body#workshop #content ul.matrix li a,
body#workshop #content ul.matrix li span {
	color: #707173 !important;
	width:29px;
	height:29px;
	display:block;
	background-color:#ececec !important;
	margin:2px 2px 0 0;
	float:left;
	padding:0;
	text-align:center;
	line-height:30px;
	font-weight:bold !important;
}
body#workshop #content ul.matrix li a:hover,
body#workshop #content ul.matrix li a.act,
body#workshop #content ul.matrix li a.act:hover {
	background-color:#009FE3 !important;
	color:white !important;
	text-decoration:none;
}
body#workshop #content ul.matrix li span {
	cursor:default;
	background-color:#ececec;
	color:black;
}
#col_centerright div.flleft h1.top {
	margin:40px 0 20px !important;
}
body#workshop #col_centerright div.flright h6, body#presse #col_centerright div.flright h6 {
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
	color:#707173;
}
body#workshop #col_centerright div.flright hr {
	width:215px;
}
body#workshop.labor #col_left h4 {
	background-color:#009FE3;
}
body#workshop.labor #col_left .box, body#workshop #col_left .box b {
	color:#707173;
}
body#workshop.labor #col_left .box img {
	width:217px;
	margin-bottom:5px;
}
body#workshop.labor #col_left .box.toggle img {
    width:auto;
    margin-bottom:5px;
}
body#workshop.labor #col_left .box hr {
	margin-bottom:15px;
}
body#workshop.labor #col_centerright h2 {
	font-weight:normal;
}
body#workshop.labor #col_centerright h1 {
	color:#333333;
	font-weight:bold;
}
body#workshop.labor #col_centerright .flleft p {
	margin-top:15px;
}
body#workshop.labor #col_centerright .flleft p.teaser {
	margin-top:25px;
}
body#workshop.labor #col_centerright .flright h6 {
	font-weight:bold;
}
body#workshop.labor #col_centerright div.flright p {
	margin:0 0 20px;
}
div#content div.box.toggle, div#content div.box.toggle div.box {
	padding:0px;
}
div#content div.toggle h4.topic.ibaToggle {
	width:237;
	height:23px !important;
	line-height:23px !important;
	display:block;
	background-color:#009FE3 !important;
	padding:0 0 0 23px !important;
	color:white;
	font-weight:bold;
	margin-top:1px !important;
	background-position:-583px -469px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	cursor:pointer;
	font-size:13px;
	overflow:hidden;
}
div#content div.toggle h4.topic.ibaToggle.act {
	background-color:#707173 !important;
	background-position:-583px -486px;
}
body#workshop.labor #col_left .box.toggle h4.ibaToggle {
	background-color:#009FE3 !important;
}
body#workshop.labor #col_left .box.toggle h4.ibaToggle.act {
	background-color:#707173 !important;
}
div#content div.box.toggle p {
	padding:10px;
}
div#content div.box.toggle hr {
	margin:0 10px;
}



/*content tagcloud*/
body#projects .cHeader h5.tagcloud {
	height:55px;
	color:white;
	font-weight:normal;
	line-height:55px;
	padding-left:15px;
	background-color:#9d9ea0;
	font-size:13px;
	font-weight:bold;
}
ul#tagcloud {
	height:39px;
	width:220px;
	list-style-type:none;
	position:absolute;
	left:280px;
	top:10px;
	z-index:997;
}
ul#tagcloud li {
	display:none;
}
ul#tagcloud li.actall {
	display:block;
	height:36px;
}
ul#tagcloud li.act, ul#tagcloud li.actfirst {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	background-position:right -53px;
	display:block;
	height:39px;
}
ul#tagcloud li, ul#tagcloud li.actall {
	width:209px;
	padding-left:10px;
	background-color:#707173;
	border-bottom:1px solid #A6A8AB;
}
ul#tagcloud li.act, ul#tagcloud li.actfirst {
	width:210px;
}
ul#tagcloud li.actcurr, ul#tagcloud li:hover {
	background-color:#7D7F81;
}
ul#tagcloud li a {
	color:white;
	line-height:36px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:14px;
	padding-right:25px;
}
/*content presse*/
body#presse #col_centerright {
	background-color:white;
}
body#presse #col_centerright p {
	margin:15px 0 10px 8px;
}
body#presse #col_centerright .news-list-item p {
	margin: 0;
	color: #333;
}
body#presse #col_centerright div.flleft {
	margin-bottom: 35px;
	margin-left:5px;
	width:475px;
}

body#presse #col_centerright div.flleft h1 {
	margin-left:4px;
}
body#presse #col_centerright .box {
	padding:12px 0 14px 5px;
	border-bottom:1px solid #D3D3D3;
	background-color:white;
}
body#presse #col_centerright .box:hover {
	background-color:#F5F5F5;
}
body#presse #press_kalender {
/*	height:35px;*/
	margin-top:35px;
	clear: both;
}
#press_kalender ul {
	float:left;
	margin-right:13px;
	overflow:hidden;
}

#press_kalender a.jump {
	position: relative;
	bottom: 25px;
}

body#presse #col_centerright .tx-srcustomttnews-pi1 #press_kalender h1 {
	margin-bottom: 15px;
}

#press_kalender ul#press_kalender_project, ul#press_kalender_project_clone {
	width:320px;
}
ul#press_kalender_month,ul#press_kalender_month_clone {
	width:158px;
}
ul#press_kalender_year, ul#press_kalender_year_clone {
	width:129px;
}

#press_kalender input[type="text"].free_text {
	float: left;
	height: 19px;
	margin: 0 5px 0 7px;
	width: 370px;
}
#press_kalender form input[type="submit"] {
	display:none;
}
#press_kalender a#press_search {
	float:left;
	padding:0 18px;
}
#press_kalender a#press_search:hover {
	color:white;
	text-decoration:none;
}
body#presse #col_centerright h3 {
	margin:50px 0 0 8px;
	font-weight:normal;
}
body#presse #col_centerright h1 {
	margin:0 0 10px 8px;
}

/*Press Mediathek begin*/
body#presse div#row1, body#presse div#row2 {
	width:356px;
	float:left;
	margin-bottom:20px;
}
body#presse div#row1 {
	margin:0 18px 20px 0;
}
body#presse div.result {
	padding:0 0 0 6px;
	border-bottom:1px solid #e0e0e1;
	margin-bottom:6px;
	position:relative;
	overflow:hidden;
}
body#presse div.result:hover {
	background-color:#ececec;
}
body#presse div.result img {
	margin: 3px 15px 5px 0;
	float:left;
}
body#presse div.result div {
	margin:3px 0 5px;
	margin-left:144px;
	width:205px;
}
body#presse div.result div em {
	font-weight:normal;
	font-style:normal;
	color:#707173;
	font-size:10px;
}
body#presse div.result div h4 {
	margin:10px 0;
}
body#presse div.result div h4 {
	margin:10px 0;
}
body#presse div.result br {
	width:1px;
	height:1px;
	overflow:hidden;
}

#presse #TB_ajaxContent div.media_target.hasThumbs {height: 550px;}
#presse #TB_ajaxContent div.media_src {height: 150px; overflow: auto;}
#presse #TB_ajaxContent div.cLightbox {padding: 10px;}

/*Pressemediathek end*/
/*suche*/
#suchergebnis_filter {
	margin:10px 0;
	height:25px;
}
#suchergebnis_filter ul {
	float:left;
	margin-right:13px;
	overflow:hidden;
}
ul#search_art, ul#search_thema, ul#search_art_clone, ul#search_thema_clone  {
	width:180px;
}
#suchergebnis_filter form input[type="submit"] {
	display:none;
}
#suchergebnis_filter a.submit_blue {
	float:left;
}
#suchergebnis_filter a.submit_blue:hover {
	color:white;
	text-decoration:none;
}
body#result #content .projects img {
	height:80px;
	width:auto;
	margin-right:10px;
}
body#result #content .projects h4 {
	margin-left:0px;
	font-weight:bold;
}
body#result div#navi_bottom {
	top:10px;
}
div.tx-indexedsearch-res {
	clear:both;
}
div.tx-indexedsearch-res h4 {
	margin-left:0 !important;
	font-weight:bold !important;
	color:#333333;
}
div.tx-indexedsearch-res img {
	display:inline-block;
	margin-right:10px;
}
div.tx-indexedsearch-res div.projects {
	overflow:hidden;
}

div.tx-indexedsearch-res div.projects img {
    height: initial !important;
    margin-top: -1px;
    width: initial !important;
}

div.tx-indexedsearch-res div.projects h4 {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/*mediathek*/
body#mediathek div.header_bottom {
	border-top:1px solid #c6c7c9;
	border-bottom:1px solid #c6c7c9;
	background-color:#f5f5f5;
}
body#mediathek div.header_bottom div.hbl {
	position:relative;
	width:450px;
	margin:30px 0 15px 15px;
	line-height:18px;
	float:left;
}
body#mediathek div.header_bottom div.hbr {
	float:right;
	width:450px;
	background-color:#ececec;
	margin:10px 10px 15px;
	position:relative;
	padding:10px;
}
body#mediathek div.header_bottom div.hbr h6 {
	float:right;
	margin-right:10px;
	color:#707173;
	font-weight:normal;
}
body#mediathek div.header_bottom div.hbr h3 {
	margin-top:15px;
}
body#mediathek div.header_bottom div.hbr p {
	float:left;
	margin:10px 40px 0 0;
}
#mediathek_filter {
	margin:10px 0 15px;
	height:50px;
}
#mediathek_filter ul {
	float:left;
	margin-right:13px;
	overflow:hidden;
}
ul#mediathek_year, ul#mediathek_year_clone {
	width:110px;
}
ul#mediathek_month, ul#mediathek_month_clone {
	width:150px;
}
ul#mediathek_category, ul#mediathek_category_clone {
	width:340px;
}
ul#mediathek_project, ul#mediathek_project_clone {
	width:350px;
}
#mediathek_filter form input[type="submit"] {
	display:none;
}
#mediathek_filter a.submit_blue {
	float:left;
}
#mediathek_filter a.submit_blue:hover {
	color:white;
	text-decoration:none;
}
body#mediathek div#row1, body#mediathek div#row2 {
	width:478px;
	float:left;
	margin-bottom:20px;
}
body#mediathek div#row1 {
	margin:0 20px 20px 0;
}
body#mediathek div.result {
	position:relative;
	padding:5px;
	border-bottom:1px solid #c6c7c9;
	width:475px;
}
body#mediathek div.result:hover {
	background-color:#ececec;
}
body#mediathek div.result img {
	margin-right:15px;
	float:left;
}
body#mediathek div.result div {
	margin:3px 0 5px;
}
body#mediathek div.result div em {
	font-weight:normal;
	font-style:normal;
	color:#707173;
	font-size:10px;
}
body#mediathek div.result div h4 {
	margin-top:10px;
}
body#mediathek div.result br {
	width:1px;
	height:1px;
	overflow:hidden;
}
/*map*/
body#map div.cHeader h2.header {
	background-color:#562382;
	color: white;
	height:55px;
	font-weight:bold;
	line-height:55px;
	padding-left:20px;
}
body#map div.cHeader #projectline {
	height:38px;
}
body#map div.cHeader #projectline a {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin:5px 0 0 8px;
	float:left;
	position:relative;
	top:0px;
	color:black;
	line-height:28px;
}
body#map div.cHeader #projectline a span {
	color:black;
	margin-left:32px;
	text-transform:uppercase;
	line-height:28px;
	height:28px;
	font-size:11px;
	font-weight:bold;
	display:block;
}
body#map div.cHeader #projectline a.all span {
	margin-left:14px;
	text-transform:none;
}
body#map div.cHeader #projectline a.all.act span, body#map div.cHeader #projectline a.all:hover span {
	color:white;
}
body#map div.cHeader #projectline a.interest span {
	margin-left:30px;
}
body#map div.cHeader #projectline a:hover {
	text-decoration:none;
}
body#map div.cHeader #projectline a.all {
	background-position:0 -392px;
	width:103px;
}
body#map div.cHeader #projectline a.kosmopolis,
body#map div.cHeader #projectline a.cosmopolis {
	background-position:0 -456px;
	width:127px;
}
body#map div.cHeader #projectline a.metrozonen,
body#map div.cHeader #projectline a.metrozones {
	background-position:0 -520px;
	width:127px;
}
body#map div.cHeader #projectline a.klimawandel,
body#map div.cHeader #projectline a.climate {
	background-position:0 -584px;
	width:187px;
}
body#map div.cHeader #projectline a.interest {
	background-position:0 -648px;
	width:160px;
}
body#map div.cHeader #projectline a.all.act, body#map div.cHeader #projectline a.all:hover {
	background-position:0 -425px;
}
body#map div.cHeader #projectline a.kosmopolis.act,body#map div.cHeader #projectline a.kosmopolis:hover,
body#map div.cHeader #projectline a.cosmopolis.act,body#map div.cHeader #projectline a.cosmopolis:hover {
	background-position:0 -489px;
}
body#map div.cHeader #projectline a.metrozonen.act, body#map div.cHeader #projectline a.metrozonen:hover,
body#map div.cHeader #projectline a.metrozones.act, body#map div.cHeader #projectline a.metrozones:hover {
	background-position:0 -553px;
}
body#map div.cHeader #projectline a.klimawandel.act, body#map div.cHeader #projectline a.klimawandel:hover,
body#map div.cHeader #projectline a.climate.act, body#map div.cHeader #projectline a.climate:hover {
	background-position:0 -617px;
}
body#map div.cHeader #projectline a.interest.act, body#map div.cHeader #projectline a.interest:hover {
	background-position:0 -681px;
}
/*kontakt*/
table#kontakt {
	margin-top:30px;
}
table#kontakt tr td.row1, table#kontakt tbody tr td.row1 {
	width:150px;
}
table#kontakt tr td {
	line-height:30px;
	vertical-align:top;
}
table#kontakt tr td input, table#kontakt tr td select, table#kontakt tr td textarea, table#kontakt tbody tr td input, table#kontakt tbody tr td select, table#kontakt tbody tr td textarea {
	width:280px;
}
table#kontakt tr td input[type=submit] {
	background-position:0 -711px;
	width:auto;
	height:27px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	border:none;
	outline:none;
	display:inline-block;
	text-align:left;
	padding:0 20px 2px 27px;
	background-color:transparent;
	cursor:pointer;
}
table#kontakt  tr td textarea, table#kontakt tbody tr td textarea {
	height:130px;
}
input[type=submit]:focus {
    outline: none;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
/*kalender small*/
div#kalender h3 {
	background-color:#009FE3;
	position:relative;
	height:17px;
	overflow:hidden;
	text-align:center;
}
div#kalender h3 span {
	color:white;
	font-size:12px;
	text-transform:uppercase;
	height:17px;
	line-height:17px;
}
div#kalender h3 a {
	position:absolute;
	width:17px;
	height:17px;
	display:block;
	top:0px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	color:transparent;
}
div#kalender h3 a.previous {
	left:0px;
	background-position:-280px -365px;
}
div#kalender h3 a.next {
	right:0px;
	background-position:-306px -365px;
}
div#kalender table tbody tr td, div#kalender table tr td {
	border:2px solid #ECECEC;
	width:29px;
	height:29px;
	padding:0;
	background-color:white;
}
div#kalender table thead tr th, div#kalender table tr th {
	background-color:#e7e7e7;
	height:15px;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	border:2px solid #ECECEC;
	padding:0px;
}
div#kalender table tr td a, div#kalender table tbody tr td a {
	width:29px;
	height:29px;
	background-color:white;
	display:block;
	text-align:center;
	line-height:29px;
	color:#333333;
	font-weight:bold;
}
div#kalender table tr td a:hover, div#kalender table tbody tr td a:hover, div#kalender table tr td a.today, div#kalender table tbody tr td a.today:hover {
	background-color:#009FE3;
	color:white;
	text-decoration:none;
}

body#bodysitemap div.cHeader h2.header {
	height:55px;
	color:white;
	font-weight:bold;
	line-height:55px;
	padding-left:20px;
	background-color:#009FE3;
}
body#bodysitemap div.cHeader h4 {
	height:37px;
	line-height:37px;
	margin-top:10px;
	color:white;
	background-color:#9d9ea0;
	padding-left:12px;
}
body#bodysitemap div#content {
	background-color:#f5f5f5;
	padding:12px 0;
}
body#bodysitemap div#content ul {
	width:230px;
	margin-left:12px;
	background-color:white;
	position:relative;
	padding-top:12px;
	overflow:hidden;
	float:left;
}
body#bodysitemap div#content ul li ul, body#bodysitemap div#content ul li ul li ul {
	margin-left:0px;
	float:none;
}
body#bodysitemap div#content ul li a, body#bodysitemap div#content ul li ul li a, body#bodysitemap div#content ul li ul li ul li a {
	color:#009FE3;
	display:block;
}
body#bodysitemap div#content ul li span {
	color:#333333;
}
body#bodysitemap div#content ul li a, body#bodysitemap div#content ul li span {
	background-color:#ececec;
	display:block;
	height:29px;
	line-height:29px;
	padding-left:8px;
	font-size:14px;
}
body#bodysitemap div#content ul li {
	margin:0px 5px 20px 5px;
}
body#bodysitemap div#content ul li ul {
	padding-top:10px;
}
body#bodysitemap div#content ul li ul li span, body#bodysitemap div#content ul li ul li ul li span {
	color:#707173;
	background-color:white;
}
body#bodysitemap div#content ul li ul li a, body#bodysitemap div#content ul li ul li ul li a {
	background-color:white;
}
body#bodysitemap div#content ul li ul li ul {
	margin-top:-3px;
	padding-top:0px;
}
body#bodysitemap div#content ul li ul li, body#bodysitemap div#content ul li ul li ul li {
	margin:0;
}
body#bodysitemap div#content ul li ul li a, body#bodysitemap div#content ul li ul li span {
	margin:5px 5px 6px 5px;
	line-height:12px;
	height:auto;
	padding-left:8px;
	font-size:13px;
}
body#bodysitemap div#content ul li ul li ul li a, body#bodysitemap div#content ul li ul li ul li span {
	margin:5px 5px 6px 5px;
	line-height:12px;
	height:auto;
	padding-left:16px;
	font-size:13px;
}
body#bodysitemap div#content ul li ul li ul li.last {
	margin-bottom:12px;
}

/* NAVI BOTTOM */
div#navi_bottom {
	background-color: #F5F5F5;
	top: 20px;
	line-height: 30px;
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
}
div#navi_bottom span {
	margin:0 10px 0 20px;
	line-height:30px;
	display: block;
	float: left;
}
div#navi_bottom div.pages {
	float: left;
	width: 75%;
}
div#navi_bottom div.pages a {
	width:20px;
	height:20px;
	display:block;
	line-height:20px;
	text-align:center;
	color:#009FE3;
	background-color:white;
	float:left;
	margin:5px 5px 5px 0;
	font-weight:bold;
}
div#navi_bottom div.pages a:hover, div#navi_bottom div.pages a.act:hover, div#navi_bottom div.pages a.act  {
	color:white;
	background-color:#333333;
	text-decoration:none;
}

/* FOOTER */
div#footer {
	clear:both;
	top:70px;
	padding-bottom:60px;
}
div#footer ul#sitemap, div#footer ul#sitemap li ul {
	list-style-type:none;
}
div#footer ul#sitemap li {
	color:#707173;
	float:left;
}
div#footer ul#sitemap li span {
	font-size:13px;
	text-transform:uppercase;
	display:block;
	padding-bottom:7px;
	border-bottom:1px solid #d3d3d3;
	color:#707173;
}

div#footer ul#sitemap li {
	width: 162px;
}

div#footer ul#sitemap li span, div#footer ul#sitemap li ul li {
	width: 138px;
	padding: 0 12px;
}

div#footer ul#sitemap li ul {
	display: block;
	overflow:  hidden;
}

div#footer ul#sitemap li ul li a {
	color:#707173;
	font-size:11px;
}
div#footer ul#impress {
	list-style-type:none;
	margin:42px 0 0 75px;
}
div#footer ul#impress li {
	float:left;
	margin-right:10px;
}
div#footer ul#impress li, div#footer ul#impress li a {
	color:#707173;
	font-size:12px;
}
img#hamburg_voraus {
    display: none;
	margin-top:30px;
}

/* SEITENSPEZIFISCH */
/*intro*/

body#index section#page {
    background-image: url('../image/index/bg.jpg');
    background-size: cover;
    width: 100%;
    min-height: calc(100vH);
    color: rgb(0,0,0);
    padding: 30px 0 20px 0;
}
header#mainHeader {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 0;
    color: rgb(255,255,255);
    font-size: 16px;
}

header#mainHeader a,
header#mainHeader a:hover,
header#mainHeader a:visited {
    text-decoration: none;
    color: rgb(255,255,255);
    font-size: 14px;
    font-weight: 700;
}
header#mainHeader a:hover {
    text-decoration: underline;
}

header#mainHeader div.logoLeft {
    float: left;
}

header#mainHeader div.logoLeft img {
    width: 196px;
    height: 25px;
}


header#mainHeader div.headerRight {
    float: right;
    margin-right: 5%;
}

div.headerRight a, 
div.headerRight span {
	font-size:12px;
	margin:0 2px;
	float:left;
	color: rgb(255,255,255);
}

div.headerRight a.en {
	background-position:-484px 2px;
	padding-left:20px;
	margin-left:20px;
}


div#mainContent {
    position: relative;
    width: 96%;
    max-width: 640px;
    margin: -50px auto 0 auto;
    z-index: 1;
}

div#mainContent div.contentElement {
    float: left;
    background-color: rgb(255,255,255);
}

div#mainContent div.firstRow div.bigElement {
    width: 64%;
    margin-right: 2%;
    background: none;
}

div#mainContent div.firstRow div.bigElement .innerBox {
    height: 208px;
    background-color: rgb(255,255,255);
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}
div#mainContent div.firstRow div.bigElement .innerBox a:hover{
  text-decoration: none;
}
div#mainContent div.firstRow div.bigElement .innerBox p.shortText {
    display: none;
}
div#mainContent div.firstRow div.bigElement .innerBox p.longText {
    display: inline-block;
}

div#mainContent div.firstRow div.bigElement .elementFooter {
    background-image: url('../image/index/element_footer.png');
    background-size: cover;
    background-position: right top;
    width: 100%;
    height: 110px;
}

div#mainContent div.firstRow div.bigElement h1 {
    color: rgb(0,158,224);
    font-size: 40px;
    margin-bottom: 30px;
}
div#mainContent div.firstRow div.bigElement p a{
    font-size: 16px;
    line-height: 1.2em;
}
div#mainContent div.firstRow div.bigElement p a,
div#mainContent div.firstRow div.bigElement p a:visited {
    color: rgb(51,51,51);
}
div#mainContent div.firstRow div.bigElement p a:hover {
  text-decoration: none;
}
div#mainContent div.firstRow div.smallElement {
    width: 34%;
    height: 208px;
    background-color: rgb(0,158,224);
    padding: 15px;
    box-sizing: border-box;
}

div#mainContent div.firstRow div.smallElement div.bigText {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1em;
    margin-bottom: 10px;
    color: rgb(255,255,255);
}
div#mainContent div.firstRow div.smallElement div.bigText a {
    font-size: 22px;
    font-weight: normal;
  color: rgb(255,255,255);
    line-height: 1.1em;
}
div#mainContent div.firstRow div.smallElement div.bigText a:hover {
  text-decoration: none;
}
div#mainContent div.firstRow div.smallElement div.infoText a,
div#mainContent div.firstRow div.smallElement div.infoText a:visited {
    font-size: 12px;
    line-height: 1.2em;
    color: rgb(255,255,255);
}
div#mainContent div.firstRow div.smallElement div.infoText a:hover {
  text-decoration: none;
}

div#mainContent div.secondRow div.contentElement {
    margin-top: 30px;
    width: 49%;
    height: 235px;
    margin-right: 2%;
}
div#mainContent div.secondRow div.contentElement:last-child {
    margin-right: 0;
}

div#mainContent div.thirdRow div.contentElement {
    margin-top: 10px;
    margin-right: 1.2%;
    width: 32.5%;
    height: 172px;
}
div#mainContent div.thirdRow div.contentElement p {
  padding: 0;
  font-size: 12px;
}
div#mainContent div.thirdRow div.contentElement:last-child {
    margin-right: 0px;
}

div#mainContent div.secondRow div.contentElement,
div#mainContent div.thirdRow div.contentElement {
    padding: 5px 10px;
    box-sizing: border-box;
}

div#mainContent div.contentElement div.highline,
div#mainContent div.contentElement div.highline a {
    font-size: 18px;
    font-weight: 700;
    color: rgb(0,158,224);
    height: 21px;
    text-decoration: none;
}
div#mainContent div.contentElement div.content {
    width: 100%;
    height: 130px;
    padding: 5px 0;
    box-sizing: border-box;
}
div#mainContent div.contentElement div.content  a,
div#mainContent div.contentElement div.content  a:visited
div#mainContent div.contentElement div.content p a,
div#mainContent div.contentElement div.content p a:visited {
   font-size: 12px;
   line-height: 16px;
}
div#mainContent div.contentElement div.content  a:hover {
  text-decoration: none;
}
div#mainContent div.contentElement div.content p a,
div#mainContent div.contentElement div.content p a:visited {
   color: rgb(51,51,51);
}

div#mainContent div.contentElement a.moreLink:hover {
        text-decoration: underline;
}


footer#mainFooter {
    position: fixed;
    top: calc(100vh - 145px);
    left: 0;
    width: 100%;
    height: 125px;
    font-size: 16px;
    color: rgb(255,255,255);
}

footer#mainFooter a,
footer#mainFooter a:hover,
footer#mainFooter a:visited {
    text-decoration: none;
    color: rgb(255,255,255);
}

footer#mainFooter a:hover {
    text-decoration: underline;
}

footer#mainFooter div.iba_logo {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(0,0,0,0.5);
}

footer#mainFooter div.iba_logo img {
    width: 131px;
    height: 105px;
}

footer#mainFooter div.textRight {
    display: none;
}

/* ==========================================================================
    Eulen Carussel
   ========================================================================== */

div.owl-nav {
    position: relative;
    width: 100%;
}
div.owl-nav div.owl-prev {
    position: absolute;
    bottom: -14px;
    left: 10%;
}
div.owl-nav div.owl-next {
    position: absolute;
    bottom: -14px;
    right: 10%;
}

div.owl-dots {
    width: 100%;
    text-align: center;
}

div.owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(180,180,180);
}
div.owl-dot.active {
    background-color: rgb(88,88,88);
}

div.item div.background {
    position: relative;
    width: 100%;
    max-width: 430px;
    height: 130px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
div.item div.background img{
width: auto;
height: 100%;
}

div.item div.background div.title {
    position: absolute;
    top: 85px;
    left: 10px;
    background-color: rgb(0,158,224);
    padding: 5px 10px;
}

div#mainContent div.item div.background div.title a,
div#mainContent div.item div.background div.title a:visited {
    color: rgb(255,255,255);
    font-size: 15px;
}

div.item div.text {
    position: relative;
    margin: 10px 0;
    font-size: 11px;
    line-height: 16px;
    height: 32px;
}
div.item div.text p {
	font-size: 12px;
	line-height: 1.3em;
	line-height: 16px;
}

div#mainContent div.contentElement div.item div.text a.moreLink {
    position: absolute;
    bottom: 0px;
    right: 8px;
    font-size: 11px;
    line-height: 16px;
}

/* ==========================================================================
    ENDE Eulen Carussel
   ========================================================================== */


@media screen and (max-width: 1679px) {
    
    
    div#mainContent {
        margin: 0 auto 50px auto;
    }
    
}

@media screen and (max-width: 1023px) {
    header#mainHeader div.headerRight .hideMedium {
        display: none;
    }
    footer#mainFooter {
        position: relative;
        top: auto;
    }
    
    footer#mainFooter div.textRight {
        display: inline-block;
        float: right;
        margin-right: 2%;
        height: 100%;
        padding-top: 89px;
        box-sizing: border-box; 
    }
    footer#mainFooter div.textRight span {
    	color: rgb(255,255,255);
    }

	body#index section#page {
	    padding: 34px 0 30px 0;
	}
	div#mainContent div.secondRow div.contentElement {
	    margin-top: 40px;
	}

	div#mainContent {
	        margin: 0 auto 30px auto;
    	}

}

@media screen and (max-width: 767px) {

	div#mainContent div.firstRow div.bigElement {
		width: 53%;
		height: 115px;
	}
    
	div#mainContent div.firstRow div.smallElement {
		width: 44%;
		height: 115px;
	}
	div#mainContent div.firstRow div.bigElement h1 {
		font-size: 30px;
		margin-bottom: 5px;
	}

	div#mainContent div.firstRow div.bigElement .innerBox {
	    height: 115px;
	}
	div#mainContent div.firstRow div.bigElement p a {
	    font-size: 13px;
	}
	    div#mainContent div.firstRow div.bigElement .innerBox p.shortText {
		display: inline-block;
		font-size: 16px;
	    }
	    div#mainContent div.firstRow div.bigElement .innerBox p.longText {
		display: none;
	    }

	div#mainContent div.firstRow div.smallElement div.infoText {
		display: none;
	}

	div#mainContent div.firstRow div.smallElement div.bigText a {
	    font-size: 18px;
	}
    div#mainContent div.secondRow {
	margin-top: 100px;
    }

    div#mainContent div.secondRow div.contentElement,
    div#mainContent div.thirdRow div.contentElement {
        float: none;
        width: 53%;
        max-width: 320px;
	height: 30px;
        margin-top: 5px;
	padding: 0 15px;
    }
    
    div#mainContent div.contentElement div.highline a {
	font-size: 13px;
	line-height: 30px;
    }

    div#mainContent div.contentElement div.content {
        display: none;
    }

    div#mainContent div.firstRow div.bigElement .elementFooter {
        background-size: 200%;
        background-repeat: no-repeat;
        height: 100px;
        
    }
}
@media screen and (max-width: 540px) {
	div#mainContent div.firstRow div.smallElement div.bigText a {
	    font-size: 15px;
	}
}

@media screen and (max-width: 479px) {
	
	div#mainContent div.firstRow div.bigElement h1 {
		font-size: 21px;
		margin-bottom: 5px;
	}

	div#mainContent div.firstRow div.bigElement .innerBox {
	    height: 115px;
	}
	    div#mainContent div.firstRow div.bigElement .innerBox p.shortText {
		font-size: 10px;
	    }
    div#mainContent div.secondRow {
	margin-top: 80px;
    }

}

/*kalender*/
body#kalender div.cHeader h2.workshop {
	margin-bottom:5px;
}
body#kalender div.cHeader #month_box {
	background:url(../image/system/bg_kalender_month.png) top left no-repeat;
	width:100%;
	height:57px;
}
body#kalender div.cHeader #month_box h3 {
	padding:14px 0 0 12px;
	text-transform:uppercase;
	color:white;
	font-size:24px;
}
body#kalender div.cHeader #month_box a.icon.previous, body#kalender div.cHeader #month_box a.icon.next {
	width:20px;
	height:30px;
	float:left;
	display:block;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	background-position:-197px -357px;
}
body#kalender div.cHeader #month_box a.icon.next {
	background-position:-218px -357px;
}
body#kalender div.cHeader #month_box h3 span {
	color:white;
	font-size:24px;
}
body#kalender div.cHeader #month_box h3 .year {
	display:block;
	float:left;
	width:72px;
	height:30px;
	background-image:url(../image/system/text_kalender_jahre.png);
	background-repeat:no-repeat;
}
body#kalender div.cHeader #month_box h3 .year.y2008 {
	background-position:0 -28px;
}
body#kalender div.cHeader #month_box h3 .year.y2009 {
	background-position:0 -56px;
}
body#kalender div.cHeader #month_box h3 .year.y2010 {
	background-position:0 -84px;
}
body#kalender div.cHeader #month_box h3 .year.y2011 {
	background-position:0 -112px;
}
body#kalender div.cHeader #month_box h3 .year.y2012 {
	background-position:0 -140px;
}
body#kalender div.cHeader #month_box h3 .year.y2013 {
	background-position:0 -168px;
}
body#kalender div.cHeader #month_box h3 .year.y2014 {
	background-position:0 -198px;
}

body#kalender div.cHeader #month_box h3 .month {
	display:block;
	float:left;
	width:150px;
	height:30px;
	background-image:url(../image/system/text_kalender_monate.png);
	background-repeat:no-repeat;
}
body#kalender div.cHeader #month_box h3 .month.februar,
body#kalender div.cHeader #month_box h3 .month.february{
	background-position:0 -27px;
}
body#kalender div.cHeader #month_box h3 .month.märz,
body#kalender div.cHeader #month_box h3 .month.march{
	background-position:0 -56px;
}
body#kalender div.cHeader #month_box h3 .month.april {
	background-position:0 -84px;
}
body#kalender div.cHeader #month_box h3 .month.mai {
	background-position:0 -112px;
}
body#kalender div.cHeader #month_box h3 .month.juni,
body#kalender div.cHeader #month_box h3 .month.june {
	background-position:0 -140px;
}
body#kalender div.cHeader #month_box h3 .month.july,
body#kalender div.cHeader #month_box h3 .month.juli {
	background-position:0 -168px;
}
body#kalender div.cHeader #month_box h3 .month.august {
	background-position:0 -196px;
}
body#kalender div.cHeader #month_box h3 .month.september {
	background-position:0 -224px;
}
body#kalender div.cHeader #month_box h3 .month.oktober,
body#kalender div.cHeader #month_box h3 .month.october {
	background-position:0 -252px;
}
body#kalender div.cHeader #month_box h3 .month.november {
	background-position:0 -280px;
}
body#kalender div.cHeader #month_box h3 .month.dezember,
body#kalender div.cHeader #month_box h3 .month.december {
	background-position:0 -308px;
}
body#kalender div.cHeader #days_box {
	padding-left:7px;
	height:52px;
	margin-bottom:0;
	background:url(../image/system/bg_kalender_days.png) top left no-repeat;
}

body#kalender div.cHeader #days_box a.day {
	position:relative;
	top:2px;
	display:block;
	float:left;
	width:30px;
	height:50px;
	background-image:url(../image/system/text_kalender_tage_noevents.png);
	background-repeat:no-repeat;
	background-position:-28px 0;
}
body#kalender div.cHeader #days_box a.day#day2 {
	background-position:-56px 0;
}
body#kalender div.cHeader #days_box a.day#day3 {
	background-position:-84px 0;
}
body#kalender div.cHeader #days_box a.day#day4 {
	background-position:-112px 0;
}
body#kalender div.cHeader #days_box a.day#day5 {
	background-position:-140px 0;
}
body#kalender div.cHeader #days_box a.day#day6 {
	background-position:-168px 0;
}
body#kalender div.cHeader #days_box a.day#day7 {
	background-position:-196px 0;
}
body#kalender div.cHeader #days_box a.day#day8 {
	background-position:-224px 0;
}
body#kalender div.cHeader #days_box a.day#day9 {
	background-position:-252px 0;
}
body#kalender div.cHeader #days_box a.day#day10 {
	background-position:-280px 0;
}
body#kalender div.cHeader #days_box a.day#day11 {
	background-position:-308px 0;
}
body#kalender div.cHeader #days_box a.day#day12 {
	background-position:-336px 0;
}
body#kalender div.cHeader #days_box a.day#day13 {
	background-position:-364px 0;
}
body#kalender div.cHeader #days_box a.day#day14 {
	background-position:-392px 0;
}
body#kalender div.cHeader #days_box a.day#day15 {
	background-position:-420px 0;
}
body#kalender div.cHeader #days_box a.day#day16 {
	background-position:-448px 0;
}
body#kalender div.cHeader #days_box a.day#day17 {
	background-position:-476px 0;
}
body#kalender div.cHeader #days_box a.day#day18 {
	background-position:-504px 0;
}
body#kalender div.cHeader #days_box a.day#day19 {
	background-position:-532px 0;
}
body#kalender div.cHeader #days_box a.day#day20 {
	background-position:-560px 0;
}
body#kalender div.cHeader #days_box a.day#day21 {
	background-position:-588px 0;
}
body#kalender div.cHeader #days_box a.day#day22 {
	background-position:-616px 0;
}
body#kalender div.cHeader #days_box a.day#day23 {
	background-position:-644px 0;
}
body#kalender div.cHeader #days_box a.day#day24 {
	background-position:-672px 0;
}
body#kalender div.cHeader #days_box a.day#day25 {
	background-position:-700px 0;
}
body#kalender div.cHeader #days_box a.day#day26 {
	background-position:-728px 0;
}
body#kalender div.cHeader #days_box a.day#day27 {
	background-position:-756px 0;
}
body#kalender div.cHeader #days_box a.day#day28 {
	background-position:-784px 0;
}
body#kalender div.cHeader #days_box a.day#day29 {
	background-position:-812px 0;
}
body#kalender div.cHeader #days_box a.day#day30 {
	background-position:-840px 0;
}
body#kalender div.cHeader #days_box a.day#day31 {
	background-position:-868px 0;
}
body#kalender div.cHeader #days_box a.day.weekend {
	background-image:url(../image/system/text_kalender_tage_wochenende_noevents.png);
}
body#kalender div.cHeader #days_box a.day.events {
	background-image:url(../image/system/text_kalender_tage_events.png);
}
body#kalender div.cHeader #days_box a.day.today {
	background-image:url(../image/system/text_kalender_tage_noevents_today.png);
}
body#kalender div.cHeader #days_box a.day.weekend.today {
	background-image:url(../image/system/text_kalender_tage_wochenende_noevents_today.png);
}
body#kalender div.cHeader #days_box a.day.events.today {
	background-image:url(../image/system/text_kalender_tage_events_today.png);
}
body#kalender div.cHeader #days_box a.day:hover {
	background-image:url(../image/system/text_kalender_tage_current.png);
}
body#kalender div.cHeader #days_box a.day.events.today:hover {
	background-image:url(../image/system/text_kalender_tage_current_today.png);
}
body#kalender div.cHeader #days_box a.day.current {
	background-image:url(../image/system/text_kalender_tage_current.png);
}
body#kalender div.cHeader #days_box a.day.current.today {
	background-image:url(../image/system/text_kalender_tage_current_today.png);
}
body#kalender div.cHeader #days_box span.day_border {
	display:block;
	float:left;
	height:28px;
	margin-top:12px;
	border-right:1px solid white;
}
body#kalender #content #col_left {
	margin:0 !important;
}
body#kalender #content #col_left  #select_event_categories {
	padding:6px 8px;
}
body#kalender #content #col_left .eventbox {
	padding: 9px 0;
	border-bottom:1px solid #c6c8c8;
}
body#kalender #content #col_left .eventbox:hover {
	background-color:#f5f5f5;
}
body#kalender #content #col_left .events_showmore {
	text-align:center;
	position:relative;
	margin-top:-17px;
}
body#kalender #content #col_left .events_showmore a {
	color:white;
	display:block;
}
#link_events_more span.icon {
	display:block;
	float:left;
	width:12px;
	margin:0 9px;
	height:20px;
	background-position:-241px -363px;
}
#link_events_more.less span.icon {
	background-position:-259px -363px;
}
#link_events_more #link_events_less_text {
	display:none !important;
}
#link_events_more.less #link_events_less_text {
	display:block !important;
}
#link_events_more.less #link_events_more_text {
	display:none !important;
}

body#kalender #content #col_left .events_showmore span.text {
	display:block;
	font-weight:bold;
	color:inherit;
	float:left;
	width:177px;
	height:20px;
}
body#kalender #content div#col_left, body#kalender #content div#col_centerright {
	/*overflow:hidden;*/
	margin-top:10px;
}
body#kalender #content #col_center .box {
	padding:0 0 12px 0;
	border-bottom:1px solid #c6c8c8;
	clear:both;
}
body#kalender #content #col_center .box .cll {
	clear:both;
}
body#kalender #content #col_center div.flleft {
	width:auto;
	margin-right:10px;
}
body#kalender #content #col_center div.flright {
	width:auto;
	margin-left:10px;
}
body#kalender #content #col_center h2 {
	font-size:15px;
	height:38px;
	line-height:38px;
	padding:0 10px;
	margin-top:0px;
}
body#kalender #content #col_center .box {
	background-color:white;
}
body#kalender #content #col_center .inner_box {
	padding:20px 10px;
}
body#kalender #content #col_center div.content p {
	padding-bottom:12px;
}
body#kalender #content #col_right {
	margin-top:0 !important;
	width:237px;
	float:right;
	background-color:white;
	position:relative;
}
body#kalender #content #col_right h4 {
	padding:0 0 0 10px;
	line-height:38px;
	height:38px;
	font-size:13px;
}

body#kalender.detail #content #col_centerright div.flright p.noSeats {
   padding: 5px;
}

body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay_bg {
	background-color: #000000;
	height: 100%;
	left: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;

}

body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay {
	background-color: #009FE3;
	top: 20%;
	left: 40%;
	position: fixed;
	width: 300px;
	z-index: 1200;
	padding: 10px;
}

body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay h4,
body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay p,
body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay a {
	color: #FFFFFF;
}

body#kalender.detail #content #col_centerright div.flright div.overlay_wrapper div.overlay a.close {
	float: right;
	cursor: pointer;
}

div#TB_ajaxContent p.noSeats {
    left: 20%;
    padding: 50px;
    position: absolute;
    top: 50%;
    width: 245px;
}

/*Fix padding for teaser elements*/
body#kalender #content #col_right div.tx-sr-iba-teaser h4 {
    padding:0;
}

body#kalender #content #col_right .box.download_events {
	margin-top:0;
	background-color: transparent;
	border:0;
	padding:0;
}
body#kalender #content #col_right .inner_box {
	padding:10px;
}
body#kalender #content #col_right div#twitter_widget {
}
body#kalender #content #col_right {
	margin-top:10px;
}
ul#select_kalender, ul#select_kalender_clone {
	height:37px;
	width:182px;
	list-style-type:none;
}
ul#select_kalender_clone.dropdown li a, ul#select_kalender.dropdown li a {
	border-left:none;
}
/* Kalender-Detailseite */
body#kalender a.icon.print {
	background:none;
	padding:0;
	/* background-position:-584px -349px;
	padding-left:20px; */
	position: inherit;
}
body#kalender.detail a.icon.print:hover {
	background-position:-584px -374px;
}
body#kalender.detail #content p.right.bold.top {
	margin-top:20px;
}
body#kalender.detail #content #col_centerright {
	background-color:#f5f5f5 !important;
	margin-top:10px;
}
body#kalender.detail #content #col_centerright div.flleft {
	background-color:inherit !important;
	width:464px;
}
body#kalender.detail #content #col_centerright.flleft h4 {
	margin-top:0;
}
body#kalender.detail #col_centerright div.flleft p {
	color:#333333;
	line-height:18px;
	padding:0 10px 9px 10px;
}
body#kalender.detail #col_centerright div.flleft .teaser {
	font-weight:bold;
	margin:15px 0 10px;
}
body#kalender.detail #content #col_centerright div.flright {
	width:212px !important;
	margin:50px 25px 0 0;
	background-color:inherit !important;
}
body#kalender.detail #content #col_centerright div.flright p {
	color:#333333;
	line-height:18px;
	padding-bottom:9px;
	margin:0;
}
body#kalender.detail #col_centerright div.flright h4 {
	background:none;
	color:#999999;
	font-size:12px;
	padding:0;
	line-height:18px !important;
	height:auto;
	padding-bottom:9px;
}
body#kalender.detail #col_centerright div#anmeldeformular {
	margin-left:-12px;
	padding:10px 20px 10px 20px;
	width:445px;
}

#TB_ajaxContent div#anmeldeformular {
	margin-left:-12px;
	padding:10px 20px 10px 20px;
	min-height: 780px;
}

body#kalender.detail #col_centerright div#anmeldeformular a,
#TB_ajaxContent div#anmeldeformular a {
	color:white;
	text-decoration:underline;
}
body#kalender.detail #col_centerright div#anmeldeformular h3,
#TB_ajaxContent div#anmeldeformular h3 {
	font-size:18px;
	color:white;
	padding:0 0 10px 0;
}
body#kalender.detail #content #col_centerright div.flleft h2 {
	font-size:16px;
	line-height:22px;
	padding:0 10px;
	margin:35px 0 20px;
	font-weight:normal;
}
body#kalender.detail #col_centerright div#anmeldeformular div,
body#kalender.detail #col_centerright div#anmeldeformular p,
#TB_ajaxContent div#anmeldeformular p,
#TB_ajaxContent div#anmeldeformular div {
	color:white;
	padding:0 0  10px 0;
}
body#kalender.detail #col_centerright div#anmeldeformular p#vacancies,
#TB_ajaxContent div#anmeldeformular p#vacancies {
	padding:3px 6px;
	margin-bottom:20px;
	width:250px;
}
body#kalender.detail #col_centerright div#anmeldeformular label,
#TB_ajaxContent div#anmeldeformular label {
	display:block;
	float:left;
	width:135px;
	color:white;
	padding-bottom:10px;
}
body#kalender.detail #col_centerright div#anmeldeformular label.rightlabel,
#TB_ajaxContent div#anmeldeformular label.rightlabel {
	float:none;
	width:auto;
}
body#kalender.detail #col_centerright div#anmeldeformular select,
#TB_ajaxContent div#anmeldeformular select,
body#kalender.detail #col_centerright div#anmeldeformular input[type="text"],
#TB_ajaxContent div#anmeldeformular input[type="text"],
body#kalender.detail #col_centerright div#anmeldeformular textarea,
#TB_ajaxContent div#anmeldeformular textarea {
	border:none;
	color:#666666;
	line-height:18px;
	padding:2px 6px;
}

body#kalender div#anmeldeformular p.reservation{
	color: #EA6091 !important;
	background: #ffffff;
	padding:3px 0px 3px 4px !important;
	margin-bottom:10px;
	width:250px;
}

body#kalender.detail #col_centerright div#anmeldeformular input[type="text"],
#TB_ajaxContent div#anmeldeformular input[type="text"] {
	width:295px;
}
body#kalender.detail #col_centerright div#anmeldeformular input[type="checkbox"],
#TB_ajaxContent div#anmeldeformular input[type="checkbox"] {
	float:left;
	width:30px;
}
body#kalender.detail #col_centerright div#anmeldeformular textarea,
#TB_ajaxContent div#anmeldeformular textarea {
	width:295px;
	height:100px;
}

/* ### MAGAZIN ## */
body.magazin {
	text-align:center;
	background:url(../image/magazin/bg_main.png);
}
body.magazin div {
	left:0 !important;
}
body.magazin #main {
	height:auto;
	width:978px;
	margin:0 auto;
	text-align:left;
	padding:0;
}
body.magazin #header {
	background:none;
	width:inherit;
	padding:12px 0;
	margin:0;
}
body.magazin #header h1#logo a {
	display:block;
	width:264px;
	height:130px;
	background:url(../image/magazin/logo.png) no-repeat;
}
body.magazin #header h2#title {
	position:absolute;
	right:0;
	top:115px;
	width:427px;
	height:52px;
	background:url(../image/magazin/iba_hh_magazin.png) no-repeat;
}
body.magazin #header a.en {
	background-position:-484px 2px;
	padding-left:20px;
	margin-left:20px;
	color:white;
}
body.magazin div#navigation {
	background:url(../image/magazin/bg_navigation.png) no-repeat;
	margin-bottom:20px;
	height:36px;
	width:100%;
	padding:3px 3px 0 0;
}
body.magazin div#navigation ul {
	padding-left:40px;
}
body.magazin div#navigation li {
	line-height:31px;
	text-transform:uppercase;
	display:inline;
	padding-right:15px;
}
body.magazin div#navigation li a {
	font-weight:bold;
}
body.magazin div#navigation li a:hover,
body.magazin div#navigation li a:active,
body.magazin div#navigation li a:focus,
body.magazin div#navigation li a.current {
	color:#333333;
}
body.magazin div#navigation form#searchform {
	padding:6px 10px 0 0;
}
body.magazin div#navigation form#searchform input[type="text"] {
	background-position:-23px 0;
	border:none;
	padding:2px;
	width:200px;
}
body.magazin div#navigation form#searchform input[type="submit"] {
	padding-left:22px;
	width:0;
	border:none;
	cursor:pointer;
	line-height:20px;
}
body.magazin div#content_top {
	height:15px;
	width:981px;
	background:url(../image/magazin/bg_content_top.png) top left no-repeat;
}
body.magazin div#content{
	width:981px;
	left:0 !important;
	padding:15px 3px 37px 0;
	margin:0;
	background:url(../image/magazin/bg_content.png) repeat-y;
}
body.magazin div#main_column {
	padding:20px 0 20px 40px;
	width:632px;
	float:left;
	margin-right:50px;
	overflow:hidden;
}
body.magazin div#main_column div.post_box {
	padding:0 30px 15px 0;
	border-bottom:1px solid #c8c8c8;
	margin-bottom:30px;
}
body.magazin div#main_column h3 {
	font-size:18px;
	padding-bottom:12px;
}
body.magazin div#main_column h3 a {
	color:inherit;
	font-size:inherit;
}
body.magazin div#main_column p {
	line-height:17px;
	padding-bottom:12px;
}
body.magazin div#main_column p.post_meta1 small {
	color:#999999;
}
body.magazin div#main_column div.post_meta2 {
	position:relative;
	border-top:1px solid #009FE3;
	border-bottom:1px solid #009FE3;
	padding:2px 0 4px;
	margin-bottom:12px;
}
body.magazin div#main_column div.post_meta2  p {
	padding:0;
}
body.magazin div#main_column div.post_meta2  p.comments {
	position:absolute;
	right:0;
}
body.magazin div#main_column p a.goto {
	padding-top:0;
	margin:0;
}
body.magazin div#sidebar {
	padding:20px 0 0;
	overflow:hidden;
	width:237px;
	float:left;
}
body.magazin div#sidebar h4 {
	padding-bottom:12px;
}
body.magazin div#sidebar p {
	line-height:17px;
	padding-bottom:12px;
}
body.magazin div#sidebar div.sidebar_box {
	padding-bottom:8px;
	border-bottom:1px solid #c8c8c8;
	margin-bottom:20px;
}
body.magazin div#sidebar div.sidebar_box.last {
	border-bottom:none;
}
body.magazin div#sidebar div.sidebar_box.follow, body.magazin div#sidebar div.sidebar_box.categories {
	padding-bottom:6px;
}
body.magazin div#sidebar div.sidebar_box.follow  p, body.magazin div#sidebar div.sidebar_box.categories p {
	padding-bottom:6px;
}
body.magazin div#sidebar span.icon.rss {
	padding-left:25px;
	background:url(../image/system/buttons_social.png) -3px -4px no-repeat;
}
body.magazin div#sidebar span.icon.twitter {
	padding-left:25px;
	background:url(../image/system/buttons_social.png) -3px -27px no-repeat;
}
body.magazin div#sidebar span.icon.fb {
	padding-left:25px;
	background:url(../image/system/buttons_social.png) -3px -50px no-repeat;
}
body.magazin div#footer p.paging_box {
	background:url(../image/magazin/bg_content_bottom.png) top left no-repeat;
	width:981px;
	height:19px;
	padding:6px 40px 9px;
}
body.magazin div#footer p.paging_box a.paging {
	padding:0 4px;
}
body.magazin div#main_column h4 {
	padding-bottom:18px;
	font-size:16px;
}
body.magazin div#main_column div.comments_box, body.magazin div#main_column div.new_comment_box {
	padding:0 30px 15px 0;
	border-bottom:1px solid #c8c8c8;
	margin-bottom:30px;
}
body.magazin div#main_column div.comments_box div.comment {
	padding-bottom:12px;
}
body.magazin div#main_column div.comments_box div.comment p {
	padding-bottom:0
}
body.magazin div#main_column div.comments_box p.comment_meta {
	color:#999999;
}
body.magazin div#main_column form#comment_form label {
	width:170px;
	display:block;
	float:left;
	padding-bottom:12px;
}
body.magazin div#main_column form#comment_form input[type="text"], body.magazin div#main_column form#comment_form textarea {
	padding:2px 3px;
	width:250px;
}
body.magazin div#main_column form#comment_form textarea {
	height:120px;
}
body.magazin div#main_column form#comment_form input[type="submit"] {
	margin-left:170px;
}
body.magazin div#footer {
	top:0;
}
/* TWITTER */
#wt_twitter_newsticker {
	margin-top:10px;
	position:relative;
	background:url('../image/system/twitter_header.png') no-repeat 12px 10px  #edf8fc;
	padding:36px 0 15px;
}
ul.wttwitter_feed div {
	margin-top:15px;
	height:1px;
	overflow:hidden;
	border-bottom:1px solid white;
	background:#c6cdd3;
}
#wt_twitter_newsticker ul a.goto {
	margin-top:5px;
	position:static !important;
	padding-right:15px;
	margin-left:10px;
}
#wt_twitter_newsticker a.icon.twitter, #wt_twitter_newsticker a.icon.rss {
	background:url('../image/system/buttons_social2.png') no-repeat 0 -1px #edf8fc;
	display:block !important;
	position:absolute !important;
	right:10px;
	bottom:15px;
	width:17px !important;
	height:17px !important;
}
#wt_twitter_newsticker a.icon.twitter {
	background:url('../image/system/buttons_social2.png') no-repeat 0 -19px #edf8fc;
	right:32px;
}
#wt_twitter_newsticker a.goto.blue {
	color:white !important;
}



/* Ausblenden von Elementen*/

.hidden {display: none !important;}

body#projectdetail #content span.icon.next {
	background:url('../image/arrow_right.jpg') no-repeat 0 0 transparent;
	width: 28px;
	height: 38px;
	display: inline-block;
	float: right;
	margin-top:29px;
	position: absolute;
	right: -40px;
}
body#projectdetail.kosmopolis #content span.icon.next {
	background:url('../image/arrow_right.jpg') no-repeat 0 -76px transparent;
}
body#projectdetail.klimawandel #content span.icon.next {
	background:url('../image/arrow_right.jpg') no-repeat 0 -38px transparent;
}

body#projectdetail #content span.icon.prev {
	background: url('../image/arrow_left.jpg') no-repeat 0 0 transparent;
	width: 28px;
	height: 38px;
	display: inline-block;
	float: left;
	margin-top:29px;
	position: absolute;
	left: -40px;
}
body#projectdetail.kosmopolis #content span.icon.prev {
	background:url('../image/arrow_left.jpg') no-repeat 0 -76px transparent;
}
body#projectdetail.klimawandel #content span.icon.prev {
	background:url('../image/arrow_left.jpg') no-repeat 0 -38px transparent;
}

/* SUBMENU */

/* Gesamt */
div#content div.box.submenu ul {
	list-style-type:none !important;
	padding:0 !important;
}


/* a und span generell */
div#content div.box.submenu ul li a, ul.submenu li a,
div#content div.box.submenu ul li span, ul.submenu li span {
	line-height:14px !important;
	display:block !important;
	background-color:#009FE3 !important;
	padding:4px 5px 4px 23px !important;
	color:white !important;
	font-weight:bold !important;
	margin-top:1px !important;
	background-image:none !important;
	height:auto !important;
}

body.page2014 div#content div.box.submenu ul li a, 
body.page2014 ul.submenu li a,
body.page2014 div#content div.box.submenu ul li span, 
body.page2014 ul.submenu li span {
	background-color:rgb(227,228,229) !important;
	color:rgb(0,158,224) !important;
}

/* a und span Aufklappmenu */
div#content div.box.submenu ul li a.toggle, ul.submenu li a.toggle,
div#content div.box.submenu ul li span.toggle , ul.submenu li span.toggle{
	background-position:-137px -464px !important;
	background-image:url(../image/system/icon.png) !important;
	background-repeat:no-repeat !important;
	cursor: pointer;
}

/* a und span Aufklappmenu act */
div#content div.box.submenu ul li a.toggle.act, ul.submenu li a.toggle.act,
div#content div.box.submenu ul li span.toggle.act, ul.submenu li span.toggle.act {
	background-position:-137px -511px !important;
}

/* a und span act */
div#content div.box.submenu ul li a.act, ul.submenu li a.act,
div#content div.box.submenu ul li span.act, ul.submenu li span.act {
	background-color:#707173 !important;
}

body.page2014 div#content div.box.submenu ul li a.act, 
body.page2014 ul.submenu li a.act,
body.page2014 div#content div.box.submenu ul li span.act, 
body.page2014 ul.submenu li span.act {
	background-color:rgb(156,158,159) !important;
	color:rgb(255,255,255) !important;
}


/* a und span letzte Ebene des jeweiligen Menüpunkts */
div#content div.box.submenu ul li a.lowest, ul.submenu li a.lowest,
div#content div.box.submenu ul li span.lowest, ul.submenu li span.lowest {
	background-color:#f5f5f5 !important;
	color:#009FE3 !important;
	font-weight:normal !important;
	background:none !important;
}

body.page2014 div#content div.box.submenu ul li a, 
body.page2014 ul.submenu li a,
body.page2014 div#content div.box.submenu ul li span, 
body.page2014 ul.submenu li span {
	background-color:#e5e5e5 !important;
	color:#009FE3 !important;
	font-weight:normal !important;
}


/* a und span letzte Ebene des jeweiligen Menüpunkts: hover und active */
div#content div.box.submenu ul li a.lowest:hover, ul.submenu li a.lowest:hover,
div#content div.box.submenu ul li a.lowest.act, ul.submenu li a.lowest.act,
div#content div.box.submenu ul li span.lowest.act, ul.submenu li span.lowest.act {
	background-color:#ececec !important;
	color:#707173 !important;
	font-weight:normal !important;
}
body.page2014 div#content div.box.submenu ul li a:hover, 
body.page2014 ul.submenu li a:hover,
body.page2014 div#content div.box.submenu ul li a.act, 
body.page2014 ul.submenu li a.act,
body.page2014 div#content div.box.submenu ul li span.act, 
body.page2014 ul.submenu li span.act {
	background-color:#d0d0d0 !important;
	color:#707173 !important;
	font-weight:normal !important;
}

body.page2014 ul.submenu ul.subsubmenu a,
body.page2014 ul.submenu ul.subsubmenu a:visited {
	background-color:#f5f5f5 !important;
	color:#009FE3 !important;
	padding-left: 40px !important;
}
ul.submenu ul.subsubmenu a,
ul.submenu ul.subsubmenu a:visited {
	background-color:#f5f5f5 !important;
	color:#009FE3 !important;
	font-weight:normal !important;
	background:none !important;
}
body.page2014 ul.submenu ul.subsubmenu a:hover,
body.page2014 ul.submenu ul.subsubmenu a:visited:hover,
ul.submenu ul.subsubmenu a:hover,
ul.submenu ul.subsubmenu a:visited:hover {
	background-color:#ececec !important;
	color:#707173 !important;
	font-weight:normal !important;
}
}
/* div#content div.box.toggle div.box ul li a:hover, div#content div.box.toggle div.box ul li.act a, div#content div.box.toggle div.box ul li.act a:hover,
ul.toggle_submenu li a:hover, ul.toggle_submenu li.act a, ul.toggle_submenu li.act a:hover {
	color:#707173;
	background-color:#ececec;
} */
/*div#content div.box.toggle div.box ul li ul, ul.toggle_submenu li ul {
	display:none;
}*/
/* div#content div.box.toggle div.box ul li.act ul, ul.toggle_submenu li.act ul {
	padding:5px 0;
	background-color:#f5f5f5;
	display:block;
}
div#content div.box.toggle div.box ul li.act ul li a, ul.toggle_submenu li.act ul li a {
	background-color:#f5f5f5;
	margin-top:0px;
	color:#707173;
	font-weight:normal;
}
div#content div.box.toggle div.box ul li.act ul li a.act, div#content div.box.toggle div.box ul li.act ul li a.act:hover, div#content div.box.toggle div.box ul li.act ul li a:hover,
ul.toggle_submenu li.act ul li a.act, ul.toggle_submenu li.act ul li a.act:hover, ul.toggle_submenu li.act ul li a:hover {
	background-color:#ececec;
} */
div#content div.box.submenu ul.matrix {
	padding:10px 0 !important;
}
div#content div.box.submenu ul.matrix li {
	width:227px !important;
	margin-left:7px !important;
	height:130px !important;
}
div#content div.box.submenu ul.matrix li a, div#content div.box.submenu ul.matrix li span {
	width:30px !important;
	height:30px !important;
	display:block !important;
	background-color:#ececec !important;
	margin:2px 2px 0 0 !important;
	float:left !important;
	padding:0 !important;
	text-align:center !important;
	line-height:30px !important;
	font-weight:bold !important;
}
div#content div.box.submenu ul.matrix li a:hover, div#content div.box.submenu ul.matrix li a.act, div#content div.box.submenu ul.matrix li a.act:hover {
	background-color:#009FE3 !important;
	color:white !important;
	text-decoration:none !important;
}
div#content div.box.submenu ul.matrix li span {
	cursor:default !important;
	background-color:#ececec !important;
	color:black !important;
}

/* Änderungen von secu-ring */

.boxspacer {clear: both; line-height: 1px; height: 1px; overflow: hidden;}

#presse .csc-default { clear: both; }
#presse #content #col_left div.news-catmenu img {display:inline;}

#content .news-list-item.box > a+a {
	margin-left: 30px;
}
#content .news-list-item.box .newsTitle {
  font-weight: bold;
}

#mainContent .news-list-item.box p {
  font-size: 10px;
   line-height: 1.5em;
}
#mainContent .news-list-item.box .newsDownloadLink,
#mainContent .news-list-item.box .newsDate {
  display: none;
}

body.bodypress h1 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	margin-top: 0px !important;
}
body.bodypress .tx-sr-iba-media h1 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
	line-height: 24px;
}



#mediathek #TB_ajaxContent div.media_target.hasThumbs {height: 550px;}
#mediathek #TB_ajaxContent div.media_src {height: 150px;}
#TB_ajaxContent div.cLightbox div.tx-sr-iba-media {padding: 10px;}

#magTicker {height: 20px; margin: 0 10px; overflow: hidden; position: absolute; width: 216px;}
#divTicker {position: absolute;}
body#intro #magazin a.tickerLnk {line-height: 13px; margin:0;}

div#socialmedialinkscontainer {margin: 15px 10px 0 15px;}
div#socialmedialinkscontainer ul.socialmedialinks li iframe.twitter-share-button {
	position:relative !important;
}
ul.socialmedialinks li {display:inline-block;}
div#socialmedialinkscontainer {clear:both;}
body#presse div#navi_bottom {top:0; margin-top:20px;}
body#presseDetail p.pm-backlink {margin-right: 10px;}

div#content div.tx-sr-iba-teaser div.bg_orange a.img {display: block; margin: 0 0 5px 0; width: auto;}
div#content div.tx-sr-iba-teaser div.bg_orange a.img.flleft {margin: 0 6px 0 0;}
div#content div.tx-sr-iba-teaser div.bg_orange a.teaserText.vertical {width: 105px}

/*IBA Filter auf der Projekte A-Z Seite begin*/
body#projects.kosmopolis div.cHeader #projectline span#label_filter {
		/*margin-left: 253px;*/
		right: auto;
		width: auto;
		position: relative;
		float: right;
		display: block;
		height: 20px;
		color: #009FE3;
		line-height: 20px;
		top: 10px;
}
body#projects.kosmopolis div.cHeader #projectline a.all,
body#projects.kosmopolis div.cHeader #projectline a.kosmopolis,
body#projects.kosmopolis div.cHeader #projectline a.cosmopolis,
body#projects.kosmopolis div.cHeader #projectline a.metrozonen,
body#projects.kosmopolis div.cHeader #projectline a.metrozones,
body#projects.kosmopolis div.cHeader #projectline a.klimawandel,
body#projects.kosmopolis div.cHeader #projectline a.climate {
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin:5px 0 0 8px;
	float:right;
	position:relative;
	top:0px;
	color:black;
	line-height:28px;
}

body#projects.kosmopolis div.cHeader #projectline a.all {
	margin-right: 5px;
}

body#projects.kosmopolis div.cHeader #projectline a span {
	width: auto;
	top: auto;
	right: auto;
	color:black;
	margin-left:32px;
	text-transform:uppercase;
	line-height:28px;
	height:28px;
	font-size:11px;
	font-weight:bold;
	display:block;
}
body#projects.kosmopolis div.cHeader #projectline a.all span {
	margin-left:14px;
	text-transform:none;
}
body#projects.kosmopolis div.cHeader #projectline a.all.act span, body#projects.kosmopolis div.cHeader #projectline a.all:hover span {
	color:white;
}
body#projects.kosmopolis div.cHeader #projectline a.interest span {
	margin-left:30px;
}
body#projects.kosmopolis div.cHeader #projectline a:hover {
	text-decoration:none;
}
body#projects.kosmopolis div.cHeader #projectline a.all {
	background-position:0 -392px;
	width:103px;
}
body#projects.kosmopolis div.cHeader #projectline a.kosmopolis,
body#projects.kosmopolis div.cHeader #projectline a.cosmopolis {
	background-position:0 -456px;
	width:127px;
}
body#projects.kosmopolis div.cHeader #projectline a.metrozonen,
body#projects.kosmopolis div.cHeader #projectline a.metrozones {
	background-position:0 -520px;
	width:127px;
}
body#projects.kosmopolis div.cHeader #projectline a.klimawandel,
body#projects.kosmopolis div.cHeader #projectline a.climate {
	background-position:0 -584px;
	width:187px;
}
body#projects.kosmopolis div.cHeader #projectline a.interest {
	background-position:0 -648px;
	width:160px;
}
body#projects.kosmopolis div.cHeader #projectline a.all.act, body#projects.kosmopolis div.cHeader #projectline a.all:hover {
	background-position:0 -425px;
}
body#projects.kosmopolis div.cHeader #projectline a.kosmopolis.act,body#projects.kosmopolis div.cHeader #projectline a.kosmopolis:hover,
body#projects.kosmopolis div.cHeader #projectline a.cosmopolis.act,body#projects.kosmopolis div.cHeader #projectline a.cosmopolis:hover {
	background-position:0 -489px;
}
body#projects.kosmopolis div.cHeader #projectline a.metrozonen.act, body#projects.kosmopolis div.cHeader #projectline a.metrozonen:hover,
body#projects.kosmopolis div.cHeader #projectline a.metrozones.act, body#projects.kosmopolis div.cHeader #projectline a.metrozones:hover {
	background-position:0 -553px;
}
body#projects.kosmopolis div.cHeader #projectline a.klimawandel.act, body#projects.kosmopolis div.cHeader #projectline a.klimawandel:hover,
body#projects.kosmopolis div.cHeader #projectline a.climate.act, body#projects.kosmopolis div.cHeader #projectline a.climate:hover {
	background-position:0 -617px;
}
body#projects.kosmopolis div.cHeader #projectline a.interest.act, body#map div.cHeader #projectline a.interest:hover {
	background-position:0 -681px;
}
/*IBA Filter auf der Projekte A-Z Seite end*/

/*IBA Anmeldeformular für Termine begin*/
span.reservationError {background-color: #eeeeee; color: #ff0000; line-height: 18px;}
input#captcha {
    margin: 8px 0 0 0;
}
input#message {display: none;}
span.tx-srfreecap-pi2-cant-read {
    float: right;
    width: 309px;
    margin: 5px 0 0 0;
}

img.tx-srfreecap-pi2-image {margin:0;}

div.newCapWrap {
    clear: both;
    overflow: hidden;
    margin: 0 0 0 135px;
}

div.newCapWrap span.reservationError {}

div#TB_ajaxContent div.padding {padding: 10px;}
/*IBA Anmeldeformular für Termine end*/

/*Anpassung Monats Slide für Englisch begin*/
body#kalender div.cHeader #month_box h3 .month.en {
	background-image: url(../image/system/text_kalender_monate_en.png);
}
/*Anpassung Monats Slide für Englisch end*/

/* Anpassung Themen&Projekte für die Darstellung auf Englisch begin*/
ul#submenu_themen_projekte li a.currentProjects.Current.projects, ul#submenu_themen_projekte li a.Cosmopolis, ul#submenu_themen_projekte li a.Metrozones, ul#submenu_themen_projekte li a.Climate {
	background-image:url(../image/system/bg-submenu-themen-projekte_en.png);
	background-repeat:no-repeat;
	width:257px;
	height:43px;
	display:block;
	text-decoration:none;
	margin-bottom:5px;
}

ul#submenu_themen_projekte li a.Cosmopolis {
	background-position:0px -48px;
}

ul#submenu_themen_projekte li a.Cosmopolis:hover {
	background-position:0px 0px;
}

ul#submenu_themen_projekte li a.Metrozones {
	background-position:0px -246px;
}

ul#submenu_themen_projekte li a.Metrozones:hover {
	background-position:0px -198px;
}

ul#submenu_themen_projekte li a.Climate {
	background-position:0px -150px;
}

ul#submenu_themen_projekte li a.Climate:hover {
	background-position:0px -97px;
}
/* Anpassung Themen&Projekte für die Darstellung auf Englisch end*/

/* Anpassung des Hauptmenüs für die Darstellung auf Englisch begin*/
/*div#menu_bg.menuEn, div#menu_active.menuEn  {*/
	/*background-image:url(/data/page/templates/iba/image/system/bg-menu-en.gif);*/
/*}*/

/* Anpassung des Hauptmenüs für die Darstellung auf Englisch end*/
/*body#projectdetail #content span.project.Kosmopolis,*/
/*body#projectdetail #content span.project.Cosmopolis {*/
	/*background-position:-53px -251px;*/
/*}*/
/*body#projectdetail #content span.project.Metrozonen,*/
/*body#projectdetail #content span.project.Metrozones {*/
	/*background-position:0px -251px ;*/
/*}*/
/*body#projectdetail #content div.tx-sr-iba-teaser span.project.Klimawandel,*/
/*body#projectdetail #content div.tx-sr-iba-teaser span.project.Climate {*/
	/*background-position:-106px -251px !important;*/
/*}*/

/* Anpassung des Teaser Element Stiles */

/* Anpassung Flagge Deutsch im Top Menü begin*/
div#topmenu a.de {
	background-image: url(../image/system/flag_de.png);
	padding-left: 20px;
	margin-left: 20px;
}
/* Anpassung Flagge Deutsch im Top Menü end*/

/* Anpassung des Kalender Tagesleiste für Englisch begin*/
body#kalender div.cHeader #days_box a.day.en.today {
	background-image:url(../image/system/text_kalender_tage_noevents_today_en.png);
}
body#kalender div.cHeader #days_box a.day.en.events.today {
	background-image:url(../image/system/text_kalender_tage_events_today_en.png);
}
body#kalender div.cHeader #days_box a.day.en.events.today:hover {
	background-image:url(../image/system/text_kalender_tage_current_today_en.png);
}
body#kalender div.cHeader #days_box a.day.en.current.today {
	background-image:url(../image/system/text_kalender_tage_current_today_en.png);
}
/* Anpassung des Kalender Tagesleiste für Englisch end*/

/*Anpassung Mediathek Suchenbutton*/
body#mediathek a.submit_blue {
	text-align:center;
	width: 85px;
	padding:0 15px;
	height:42px;
	display:block;
	background-position:0px -817px;
	background-image:url(../image/system/icon.png);
	background-repeat:no-repeat;
	line-height:20px;
	color:white;
	font-weight:bold;
}

/*Anpassung Newsletterformular begin*/
body.bodynewsletter a.button {padding: 5px 0 0 25px; display: block;}
/*Anpassung Newsletterformular end*/

/* Änderungen von secu-ring ende */

/* Thickbox */
div#TB_window {
	background-color: white;
}
div#TB_caption {
	padding:0 0 5px;
}

/* Landingpage presentation year 2013*/

div.landingpage_2013 {
    float: left;
    width: 484px;
}


div.landingpage_2013.right {
    margin-left: 10px;
    text-align: left;
}

/*Presentation year teaser*/
div.presentationTeaser {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 484px;
}

div.presentationTeaser h2 {
    color: white !important;
    font-size: 26px;
    line-height:26px;
    font-weight: bold;
    left: 8px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
}

div.presentationTeaser div.text {
    background-color: #EDEDEF;
    margin: 0;
    position: relative;
    overflow: hidden;
}

div.presentationTeaser div.text div.rte {
    margin: 10px;
    width: 320px;
}
div.presentationTeaser div.text a.goto {
    background-image: url("../image/system/icon.png");
    bottom: 15px;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin-top: 10px;
    padding: 0 30px 0 10px;
    position: absolute;
    right: 10px;
}

div.presentationTeaser div.text a.goto.blue {
    background-position: right -132px;
}

div.presentationTeaser div.text a.goto.yellow {
    background-position: right -183px;
}

div.presentationTeaser div.text a.goto.green {
    background-position: right -210px;
}

div.presentationTeaser div.text a.goto.pink {
    background-position: right -158px;
}

div.presentationTeaser div.text a.goto.gray {
    background-position: right -132px;
}

div.presentationTeaser div.text a.goto.ash {
    background-position: right -132px;
}

div.presentationTeaser div.text a.goto.darkgray {
    background-position: right -132px;
}

/*Bugfix teser box left column no padding*/

div#content div#col_left div.tx-sr-iba-teaser .box {
    padding: 0;
}

/*CSS for cal extension reservation links on detail collector pages*/

ul.resverationLinks {
	display: block;
	list-style: none;
	overflow: hidden;
	margin-left: 10px;
	width: 432px;
}

ul.resverationLinks li {
	margin-top: 4px;
}

ul.resverationLinks li:first-child {
	margin-top: 0;
}

ul.resverationLinks li span.month {
	background:url("../image/system/icon.png") no-repeat scroll -586px -467px #CCCCCC;
	display: block;
	padding: 5px 0px 5px 27px;
	cursor: pointer;
}

ul.resverationLinks li span.month.act {
	background-position: -583px -484px;
}

ul.resverationLinks li div {
	clear: both;
	overflow: hidden;
}

ul.resverationLinks li div a {
	text-decoration: none;
	color: #ffffff;
	background-color: #0092d2;
	border-right: solid #7ac3e3 1px;
	display: block;
	float: left;
	padding: 5px 15px;
	margin: 4px 8px 0px 0px;
	font-size: 12px;
}

ul.resverationLinks li div a.disabled {
	background-color: #999999;
	border-right: solid #cccccc 1px;
	cursor: default;
}

ul.resverationLinks li div a.noMright {
	margin-right: 0px;
}

/* Bugfix smoothbox zoom icon*/

a.smoothbox.icon {
	background-position: -272px 0;
	display: block;
	height: 20px;
	text-decoration: none;
	width: 20px;
}


body.page2014 h4.bg_yellow {
    line-height: 38px;
    margin-bottom: 35px;
    color: #000000 !important;
}

body.page2014 h4.bg_yellow, body.page2014 h5.bg_yellow, body.currentProjectList #content .tx-sr-iba-teaser .box .bg_yellow {
    background-color: #FFCC00 !important;
}
body.page2014 #content .tx-sr-iba-teaser .box a.goto.yellow {
    background-position: right -973px !important;
}

/* current projects in 2014 + */
body.currentProjectList #content div#col_centerright {
    background-color: transparent;
}

body.currentProjectList #content .tx-sr-iba-teaser .box {
    background-color: transparent;
    padding: 10px 0 15px 0;
}

body.currentProjectList #content .tx-sr-iba-teaser .box a.goto.blue {
    margin-bottom: 10px;
}
body.currentProjects #content h4.topic {
    background-color: #FFCC00;
    color: #000000;
}

div#utility ul.breadcrumbs,
ul.breadcrumbs {

	display: block;
	float: left;
	margin: 10px 0 10px 16px;
}

div#utility ul.breadcrumbs li,
ul.breadcrumbs li {

	float: left;
	line-height: 13px;
}
body#workshop #content div#utility ul.breadcrumbs li span,
body#workshop #content div#utility ul.breadcrumbs li a,
body#workshop #content ul.breadcrumbs li span,
body#workshop #content ul.breadcrumbs li a,
div#utility ul.breadcrumbs li span,
div#utility ul.breadcrumbs li a,
ul.breadcrumbs li span,
ul.breadcrumbs li a {

	margin: 0 2px;
	float: none;
	font-size: 12px;
	height: inherit;
	line-height: inherit;
	display: inline;
	background: none;
	padding-left: 0;
	color: inherit;
	width: auto;

}

body#workshop #content div#utility ul.breadcrumbs li a,
body#workshop #content ul.breadcrumbs li a,
div#utility ul.breadcrumbs li a,
ul.breadcrumbs li a {

	color: #009ee0;
}

div#utility ul.breadcrumbs li span,
ul.breadcrumbs li span {
	color: #707173;
}

#content ul.breadcrumbs {
	margin-left: 0;
}

.formGroup .formError,
.formGroup .formError p {
    color: red;
}

/* etracker */
#et-opt-out {
    cursor: pointer;
}