/*********************************
* HEISE MAIN CSS
* Version: 1.0
* Copyright: 07/2013
*
* colors:
*
* black			#2d2d2d
* grey          #7f7f80
* green			#a5cd00
* blue      	#0064ad
* blue light    #a2e1ff
*
* font Google OpenSans
*/

/*** RESET based on http://meyerweb.com/eric/tools/css/reset/ ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: top;
}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}
nav ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*** BODY Defaults ***/

html{
	height: 100%;
}
body {
	background: #FFF;
	color: #2d2d2d;
	font-family: 'Open Sans', sans-serif;
	font-size: 62.5%;
	height: 100%;
}
html>body {
	font-size: 15px;
}
p, blockquote, footer, li {
	font-size: 1em;
	line-height: 1.4;
}


/*** GENERAL ELEMENTS ***/

/* links */
a {
	color: #0064ad;
	text-decoration: none;
}
a:hover {
	/*color: #0063A6;*/
}
a img {
	border: none;
}

/* headlines */
h1,
h2 {
	font-size: 1.45em;
	line-height: normal;
	margin-bottom: 0.8em;
  font-family: 'Open Sans Semibold', sans-serif;
}
.cts-layout-1 h1, .tx-hbs .hbs-list h1 {
  color:#0064ad;
  font-size:30px;
  font-weight: 600;
  margin-left:0px;
  margin-bottom:25px;
}
.cts-layout-1 .tx-hbs h1, .cts-layout-1 .tx-mailnotifier h1 {
  margin-top:10px;
}
.cts-layout-1 h1.csc-firstHeader {
	margin-top:10px;
}
.cts-layout-3 .tx-hbs .hbs-user {
	margin-top:40px;
}

h2 {
    font-weight: normal;
}
h3 {
	font-size: 1.2em;
	line-height: normal;
	margin: 0 0 0.5em 0;
}
h4 {
	font-size: 1em;
	margin: 0 0 0 0;
	font-weight: bold;
}

/* others */
div {
	position: relative;
}
dl {
	line-height: 1.5;
	margin: 1.5em 0;
}
dd { 
	margin-bottom:0.8em;
}
li p {
	margin: 0;
}
li ul, li ol, li dl, dd ol, dd ul, dd dl {
	margin: 0 0 0 1em;
}
strong, b, figcaption em, figcaption i, caption em, caption i {
	font-weight: bold;
}
em, i, cite {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
small, .small {
	font-size: .775em;
}
sup, sub {
	line-height: 0;
}

address {
	margin: 0 0 1.5em;
	font-style: italic;
}
address + p {
	margin-top: 0;
}
ins {
	border-bottom: 1px dotted #47ad09;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
mark {
	background-color: #f8fea8;
	color: #000;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
hr {
    border: 0;   
    border-top: 1px solid #cccccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
.clearer {
	display: block;
	clear: both;
	font-size: 0;
	overflow: hidden;
}
.text-green {
    color: #a5cd00;
}
.text-blue {
    color: #0064ad;
}
.text-blue-light {
    color: #a2e1ff;
}
h3 .small, h3 .text-green, h3 .text-blue {
	vertical-align:bottom;
	line-height:20px;
}
.modalbox h3 .small, .modalbox h3 .text-green, .modalbox h3 .text-blue {
  vertical-align:middle;
  font-style: italic;
}
.modalbox .btn-login, .modalbox .btn-webcast {
	width:97px;
	float:left;
	margin-right:10px;
}
#permaloginlabel, #permalogin {
	color:#aaa;
	float:left;
}
.forgot-password {
	border-top:1px solid #ccc;
	margin:10px 0px 0px 0px;
	padding:7px 0px 0px 0px;
}
.modalbox h3 .small, .modalbox h3 .text-green, .modalbox h3 .text-blue {
  vertical-align:middle;
  font-style: italic;
}
.modalbox .btn-login, .modalbox .btn-webcast {
	width:97px;
	float:left;
	margin-right:10px;
}
#permaloginlabel {
	margin-left:10px;
}
/*** Sprites ***/

/* Buttons sprites */
.btn-whitepaper, .btn-livechat, .btn-webcast, .btn-startwebcast, .btn-startextwebcast, .btn-regwebcast,  .btn-startlivechat, .btn-login, .btn-buyticket {
    display: block;
    background: url('../images/btn_sprite.png') no-repeat;
    color: #FFF;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-left: 40px;
    line-height: 38px;
}
.btn-whitepaper { background-position: -0px -0px; width: 120px; height: 38px; }
.btn-livechat { background-position: -0px -38px; width: 97px; height: 38px; }
.btn-webcast { background-position: -0px -76px; width: 97px; height: 38px; }
.btn-startwebcast, .btn-startextwebcast  { background-position: -0px -151px; width: 167px; height: 38px; }
.btn-startlivechat { background-position: -0px -189px; width: 167px; height: 38px; }
.btn-buyticket { background-position: -0px -227px; width: 167px; height: 38px; }
.btn-buyticket.eventlist { background-position: -0px -227px; width: 120px; height: 38px; }
.btn-login {
    background-position: -0px -114px; width: 116px; height: 37px;
    text-align: left;
    border: none;
    width: 160px;
    cursor: pointer;
}

.btn-download {
    display: block;
    background: url('../images/btn_download.png') no-repeat;
    background-position: 0 0;
    width: 116px;
    height: 37px;
    color: #FFF;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-left: 40px;
    line-height: 37px;
}
.btn-download.alternative {
	color: #a5cd00;
	background: url('../images/btn_download_alternative.png') no-repeat;
}
.btn-download.information {
	color: #a5cd00;
	width: 246px;
	background: url('../images/btn_download_information.png') no-repeat;
}

/* Icons sprites */
.icon-arrow-search, .icon-arrow-white, .icon-star, .icon-arrow-detail-search {
    display: block; background: url('../images/icon_sprite.png') no-repeat;
}

.icon-arrow-search { background-position: -0px -0px; width: 30px; height: 25px; }
.icon-arrow-white { background-position: -0px -25px; width: 30px; height: 25px; }
.icon-star { background-position: -0px -50px; width: 22px; height: 22px; }
.icon-arrow-detail-search { background-position: -0px -72px; width: 13px; height: 10px; }

/* Bullet sprites */
.slider-bullet-blue, .slider-bullet-grey {
    display: block; background: url('../images/bullet_sprite.png') no-repeat;
}
.slider-bullet-blue { background-position: -0px -0px; width: 22px; height: 22px; }
.slider-bullet-grey { background-position: -0px -22px; width: 20px; height: 20px; }



/****** INDIVIDUAL SITE CSS ******/

body {
    background: url(../images/bg_main.png) repeat-x;
}

#page-area {
/*	overflow: hidden;*/
    position: relative;
	width: 980px;
	min-height: 100%;
	float: left;
  background-color: #ffffff;
}

#fullpage {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    display: none;
}

#bannerzone {
		left: 0;
		margin: 0;
		padding: 0;
		top: 0;
		width: 990px;
}

#bannerzone .leaderboard {
		border-top: 1px solid transparent;
		min-width: 730px;
		padding: 0;
		position: relative;
		top: 3px;
		width: 980px;
		min-width: 980px;
}
#bannerzone .leaderboard > div {
	margin: 0 5px 10px 0;
	border-top: 4px solid transparent;
}

#bannerzone .skyscraper {
		position: absolute;
		left: 100%;
		margin: 0;
		padding: 0;
		top: 105px;
}
.bannerzone-rectangle {
	margin-bottom: 40px;
}
#container {
		width: 1024px;
		min-width: 980px;
		margin: 0 auto;
		clear: both;
}

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

#header {

}

/*** header top ***/

#header-top {
    overflow: visible;
    height: 50px;
}


/*** header main ***/

#header-main {
    height: 100px;
    padding: 17px 20px 0 20px;
    background: url(../images/bg_header.png) repeat-x;
}
#logo {
    float: left;
}

/* nav user */
#nav-user {
    float: right;
}
#nav-user li {
    float: left;
    line-height: 16px;
    border-left: 1px solid #ffffff;
    color: #ffffff;
}
#nav-user li.first {
    border: none;
}
#nav-user li a {
    color: #ffffff;
    padding: 0 8px;
    font-size: 0.80em;
}
#nav-user li.last a {
    padding-right: 0;
}
#nav-user li.first a {
		padding-left: 15px;
}
/* nav top */
#nav-top {
    float: right;
    overflow: hidden;
}
#nav-top li {
    float: left;
    line-height: 16px;
    color: #a2e1ff;
    border-left: 1px solid #a2e1ff;
}
#nav-top li.first {
    border: none;
}
#nav-top li a {
    color: #a2e1ff;
    padding: 0 8px;
    font-size: 0.80em;
    line-height:18px;
}
#nav-top li a:hover {
    color: #ffffff;
}
/* search box */
#search-box {
    clear:right;
    float: right;
    padding: 10px 0 0 0;
}


/****** NAV MAIN ******/
#nav-main {
    height: 54px;
    background: url("../images/bg_nav_main.png") repeat-x;
}
#nav-main li {
   float: left;
   line-height: 54px;
   position: relative;
}
#nav-main li a {
    display: block;
    float: left;
    line-height: 54px;
    font-size: 1.3em;
    padding: 0 13px;
    color: #2d2d2d;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../images/nav_main_separator.png) transparent no-repeat right center;
}
#nav-main li.first > a {
    padding-left: 17px;
}
#nav-main li.last {
    padding-right: 0;
}
#nav-main li.last a {
	background: none;
}
#nav-main li:hover,
#nav-main li a:hover {
	color: #0064ad;
	background-color: #FFF;
	-moz-box-shaddow: 0px 0 18px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shaddow: 0px 0 18px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0 18px 0px rgba(0, 0, 0, 0.5);
	background-image: none;
}
#nav-main > li:hover a {
	color: #0064ad;
	background-image: none;
}
#nav-main li li:hover a {
	/*color: #2d2d2d;*/
		text-decoration:underline;
}
#nav-main ul li a.active {
    background: url("../images/bg_nav_active.png") repeat-x;
    color:#ffffff;
}
#nav-main ul li ul li a.active {
    background: none;
    color:#a2e1ff;
}
#nav-main ul li:hover a.active,
#nav-main ul li a.active:hover {
	color: #0064ad;
	background-image: none;
}
/* level 2*/
#nav-main li ul {
    display: none;
	background: url(../images/triangle_down.png) no-repeat 33px top #FFF;
	position: absolute;
	left: 0;
	top: 54px;
	z-index: 99999;
	width: 222px;
	padding: 33px 33px 15px 33px;
	margin: 0;
	-moz-box-shaddow: 0 10px 18px -10px rgba(0, 0, 0, 0.5), 0 -10px 0px 0px white, 5px 0 18px -4px rgba(0, 0, 0, 0.5), -5px 0 18px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shaddow: 0 10px 18px -10px rgba(0, 0, 0, 0.5), 0 -10px 0px 0px white, 5px 0 18px -4px rgba(0, 0, 0, 0.5), -5px 0 18px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 18px -10px rgba(0, 0, 0, 0.5), 0 -10px 0px 0px white, 5px 0 18px -4px rgba(0, 0, 0, 0.5), -5px 0 18px -4px rgba(0, 0, 0, 0.5);
}
#nav-main li:hover ul {
	display: block;
}
#nav-main li li {
    float: none;
    margin-bottom: 8px;
	line-height: normal;
}
#nav-main li li.last {
	margin: 0;
}
#nav-main li li.first > a,
#nav-main li li a {
    background: none;
	float: none;
    padding: 0;
	font-size: 1em;
	line-height: normal;
	font-weight: normal;
}
#nav-main li:hover a {
	background: none;
}
#nav-main li:hover a:hover,
#nav-main li li:hover,
#nav-main li li a:hover {
	-moz-box-shaddow: none;
	-webkit-box-shaddow: none;
	box-shadow: none;
}


/****** Breadcrumb ******/

#breadcrumbs {
    padding: 8px 45px;
    font-size:13px;
}

#breadcrumbs ul li {
    display:inline;
    padding:0px 5px 0px 0px;
}

#breadcrumbs ul li span {
  padding-left:5px;
}
#breadcrumbs ul li a:hover {
    text-decoration:underline;
}
/****** Stage ******/

#stage {
    padding: 0 20px;
    background: url("../images/bg_header_stage.png") repeat-x;
    height: 296px;
    overflow: hidden;
}


/*** Login Box ***/

#login-box {
    float: right;
    width: 250px;
    height: 249px;
    padding: 10px 15px 15px 15px;
    border: 1px solid #e3e3e3;
    background-color: #FFFFFF;
}

#login-box .form-field {
    margin-bottom: 8px;
}

#login-box .form-field input, #tx_felogin_pi1-forgot-email {
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 4px 2px 4px 10px;
    width: 225px;
}
#tx_felogin_pi1-forgot-email {
	margin-bottom:10px;
}
#login-box .forgot-password {
    font-size: 0.85em;
}

#login-box .info-message {
    font-size: 0.85em;
    padding: 10px 0;
}

#login-box .info-message.error {
    color: red;
}

#login-box .submit input {
}

#login-box.bg-gradient {
	background: url(../images/bg_item.png) repeat-x left bottom;
} 

/*** Slider ***/

#slider {
    width: 620px;
    position:relative;
}

#slider .slider-wrap {
    height: 275px;
    z-index:5;
}

#slider .slider-status {
    margin-top: -25px;
    margin-left:10px;
    overflow: hidden;
    right:15px;
	text-align: center;
	position: absolute;
	z-index:999;
}
#slider .sliderarrow-left, #slider .sliderarrow-right  {
	width:20px;
	height:40px;
	background-color:#ccc;
	opacity: 0.3;
}
#slider .sliderarrow-left:hover, #slider .sliderarrow-right:hover  {
 	opacity:0.7;
}
#slider .sliderarrow-left {
	z-index:999;
	position:absolute;
	left:0px;
	top:115px;
	text-align:center;
}
#slider .sliderarrow-right {
	z-index:999;
	position:absolute;
	right:0px;
	top:115px;
	text-align:center;
	
}
#slider .slider-status li {
    list-style: none;
    cursor: pointer;
    width: 11px;
    height: 11px;
    background: url(../images/slider_status_bullet_small.png) no-repeat;
    margin-left: 10px;
	display: inline-block;
}

#slider .slider-status li:first-child {
    margin-left: 0;
}

#slider .slider-status li.active {
    background-position: 0 -11px;
}

#slider .csc-default {
    width: 620px;
    height: 275px;
    position: absolute;
    overflow: hidden;
}

#slider .csc-default.active {
    z-index: 1;
}

#slider .csc-default.next {
    z-index: 3;
}

#slider .csc-textpic-text {
    position: absolute;

    margin: 0;
    width: 200px;
    height: 230px;
    color: #FFFFFF;
    
}

#slider .csc-textpic-intext-right-nowrap .csc-textpic-text {
	padding: 25px 265px 25px 25px;
	width:330px;
}

#slider .csc-textpic-intext-left-nowrap .csc-textpic-text {
	padding: 25px  25px 25px 265px;
	width:330px;
	right: 0;
}

/* Blau */
#slider .blue-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(6,161,228,0.95) 0%, rgba(6,160,227,0.95) 1%, rgba(9,129,198,1) 57%, rgba(10,118,187,0.7) 78%, rgba(12,106,176,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,161,228,0.95)), color-stop(1%,rgba(6,160,227,0.95)), color-stop(57%,rgba(9,129,198,1)), color-stop(78%,rgba(10,118,187,0.7)), color-stop(100%,rgba(12,106,176,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(6,161,228,0.95) 0%,rgba(6,160,227,0.95) 1%,rgba(9,129,198,1) 57%,rgba(10,118,187,0.7) 78%,rgba(12,106,176,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(6,161,228,0.95) 0%,rgba(6,160,227,0.95) 1%,rgba(9,129,198,1) 57%,rgba(10,118,187,0.7) 78%,rgba(12,106,176,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(6,161,228,0.95) 0%,rgba(6,160,227,0.95) 1%,rgba(9,129,198,1) 57%,rgba(10,118,187,0.7) 78%,rgba(12,106,176,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(6,161,228,0.95) 0%,rgba(6,160,227,0.95) 1%,rgba(9,129,198,1) 57%,rgba(10,118,187,0.7) 78%,rgba(12,106,176,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f206a1e4', endColorstr='#000c6ab0',GradientType=1 ); /* IE6-9 */
}
#slider .blue-content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(12,106,176,0) 0%, rgba(10,118,187,0.7) 15%, rgba(10,118,187,1) 34%, rgba(6,160,227,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(12,106,176,0)), color-stop(15%,rgba(10,118,187,0.7)), color-stop(34%,rgba(10,118,187,1)), color-stop(100%,rgba(6,160,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(12,106,176,0) 0%,rgba(10,118,187,0.7) 15%,rgba(10,118,187,1) 34%,rgba(6,160,227,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(12,106,176,0) 0%,rgba(10,118,187,0.7) 15%,rgba(10,118,187,1) 34%,rgba(6,160,227,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(12,106,176,0) 0%,rgba(10,118,187,0.7) 15%,rgba(10,118,187,1) 34%,rgba(6,160,227,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(12,106,176,0) 0%,rgba(10,118,187,0.7) 15%,rgba(10,118,187,1) 34%,rgba(6,160,227,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c6ab0', endColorstr='#06a0e3',GradientType=1 ); /* IE6-9 */
}

/* Weiß */
#slider .white-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.95) 0%, rgba(255,251,251,1) 57%, rgba(255,251,251,0.99) 58%, rgba(255,250,250,0.7) 78%, rgba(255,249,249,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.95)), color-stop(57%,rgba(255,251,251,1)), color-stop(58%,rgba(255,251,251,0.99)), color-stop(78%,rgba(255,250,250,0.7)), color-stop(100%,rgba(255,249,249,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.95) 0%,rgba(255,251,251,1) 57%,rgba(255,251,251,0.99) 58%,rgba(255,250,250,0.7) 78%,rgba(255,249,249,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.95) 0%,rgba(255,251,251,1) 57%,rgba(255,251,251,0.99) 58%,rgba(255,250,250,0.7) 78%,rgba(255,249,249,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.95) 0%,rgba(255,251,251,1) 57%,rgba(255,251,251,0.99) 58%,rgba(255,250,250,0.7) 78%,rgba(255,249,249,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.95) 0%,rgba(255,251,251,1) 57%,rgba(255,251,251,0.99) 58%,rgba(255,250,250,0.7) 78%,rgba(255,249,249,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#00fff9f9',GradientType=1 ); /* IE6-9 */
	color: #2d2d2d;
}
#slider .white-content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(255,249,249,0) 0%, rgba(255,250,250,0.7) 15%, rgba(255,251,251,1) 34%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,249,249,0)), color-stop(15%,rgba(255,250,250,0.7)), color-stop(34%,rgba(255,251,251,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,249,249,0) 0%,rgba(255,250,250,0.7) 15%,rgba(255,251,251,1) 34%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,249,249,0) 0%,rgba(255,250,250,0.7) 15%,rgba(255,251,251,1) 34%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,249,249,0) 0%,rgba(255,250,250,0.7) 15%,rgba(255,251,251,1) 34%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,249,249,0) 0%,rgba(255,250,250,0.7) 15%,rgba(255,251,251,1) 34%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff9f9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	color: #2d2d2d;
}

/* Grün */
#slider .green-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(165,205,0,0.95) 0%, rgba(165,204,0,1) 57%, rgba(165,205,0,0.7) 78%, rgba(165,205,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(165,205,0,0.95)), color-stop(57%,rgba(165,204,0,1)), color-stop(78%,rgba(165,205,0,0.7)), color-stop(100%,rgba(165,205,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(165,205,0,0.95) 0%,rgba(165,204,0,1) 57%,rgba(165,205,0,0.7) 78%,rgba(165,205,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(165,205,0,0.95) 0%,rgba(165,204,0,1) 57%,rgba(165,205,0,0.7) 78%,rgba(165,205,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(165,205,0,0.95) 0%,rgba(165,204,0,1) 57%,rgba(165,205,0,0.7) 78%,rgba(165,205,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(165,205,0,0.95) 0%,rgba(165,204,0,1) 57%,rgba(165,205,0,0.7) 78%,rgba(165,205,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a5cd00', endColorstr='#00a5cd00',GradientType=1 ); /* IE6-9 */
}
#slider .green-content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(165,205,0,0) 0%, rgba(165,205,0,0.7) 15%, rgba(165,205,0,1) 34%, rgba(165,205,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(165,205,0,0)), color-stop(15%,rgba(165,205,0,0.7)), color-stop(34%,rgba(165,205,0,1)), color-stop(100%,rgba(165,205,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(165,205,0,0) 0%,rgba(165,205,0,0.7) 15%,rgba(165,205,0,1) 34%,rgba(165,205,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(165,205,0,0) 0%,rgba(165,205,0,0.7) 15%,rgba(165,205,0,1) 34%,rgba(165,205,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(165,205,0,0) 0%,rgba(165,205,0,0.7) 15%,rgba(165,205,0,1) 34%,rgba(165,205,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(165,205,0,0) 0%,rgba(165,205,0,0.7) 15%,rgba(165,205,0,1) 34%,rgba(165,205,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5cd00', endColorstr='#a5cd00',GradientType=1 ); /* IE6-9 */
}

/* Orange */
#slider .orange-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(234,97,53,0.95) 0%, rgba(234,97,53,1) 57%, rgba(234,97,53,0.7) 78%, rgba(234,97,53,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,97,53,0.95)), color-stop(57%,rgba(234,97,53,1)), color-stop(78%,rgba(234,97,53,0.7)), color-stop(100%,rgba(234,97,53,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(234,97,53,0.95) 0%,rgba(234,97,53,1) 57%,rgba(234,97,53,0.7) 78%,rgba(234,97,53,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(234,97,53,0.95) 0%,rgba(234,97,53,1) 57%,rgba(234,97,53,0.7) 78%,rgba(234,97,53,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(234,97,53,0.95) 0%,rgba(234,97,53,1) 57%,rgba(234,97,53,0.7) 78%,rgba(234,97,53,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(234,97,53,0.95) 0%,rgba(234,97,53,1) 57%,rgba(234,97,53,0.7) 78%,rgba(234,97,53,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ea6135', endColorstr='#00ea6135',GradientType=1 ); /* IE6-9 */
}
#slider .orange-content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(234,97,53,0) 0%, rgba(234,97,53,0.7) 15%, rgba(234,97,53,1) 34%, rgba(234,97,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,97,53,0)), color-stop(15%,rgba(234,97,53,0.7)), color-stop(34%,rgba(234,97,53,1)), color-stop(100%,rgba(234,97,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(234,97,53,0) 0%,rgba(234,97,53,0.7) 15%,rgba(234,97,53,1) 34%,rgba(234,97,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(234,97,53,0) 0%,rgba(234,97,53,0.7) 15%,rgba(234,97,53,1) 34%,rgba(234,97,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(234,97,53,0) 0%,rgba(234,97,53,0.7) 15%,rgba(234,97,53,1) 34%,rgba(234,97,53,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(234,97,53,0) 0%,rgba(234,97,53,0.7) 15%,rgba(234,97,53,1) 34%,rgba(234,97,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ea6135', endColorstr='#ea6135',GradientType=1 ); /* IE6-9 */
}

/* Grau */
#slider .grey-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(153,153,153,0.95) 0%, rgba(153,153,153,1) 57%, rgba(153,153,153,0.7) 78%, rgba(153,153,153,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0.95)), color-stop(57%,rgba(153,153,153,1)), color-stop(78%,rgba(153,153,153,0.7)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(153,153,153,0.95) 0%,rgba(153,153,153,1) 57%,rgba(153,153,153,0.7) 78%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(153,153,153,0.95) 0%,rgba(153,153,153,1) 57%,rgba(153,153,153,0.7) 78%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(153,153,153,0.95) 0%,rgba(153,153,153,1) 57%,rgba(153,153,153,0.7) 78%,rgba(153,153,153,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(153,153,153,0.95) 0%,rgba(153,153,153,1) 57%,rgba(153,153,153,0.7) 78%,rgba(153,153,153,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2999999', endColorstr='#00999999',GradientType=1 ); /* IE6-9 */
}
#slider .grey-content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	background: -moz-linear-gradient(left,  rgba(153,153,153,0) 0%, rgba(153,153,153,0.7) 15%, rgba(153,153,153,1) 34%, rgba(153,153,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0)), color-stop(15%,rgba(153,153,153,0.7)), color-stop(34%,rgba(153,153,153,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(153,153,153,0) 0%,rgba(153,153,153,0.7) 15%,rgba(153,153,153,1) 34%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(153,153,153,0) 0%,rgba(153,153,153,0.7) 15%,rgba(153,153,153,1) 34%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(153,153,153,0) 0%,rgba(153,153,153,0.7) 15%,rgba(153,153,153,1) 34%,rgba(153,153,153,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(153,153,153,0) 0%,rgba(153,153,153,0.7) 15%,rgba(153,153,153,1) 34%,rgba(153,153,153,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#999999',GradientType=1 ); /* IE6-9 */
}


#slider .csc-textpic-intext-left-nowrap .csc-textpic-text h1 {
	font-size:26px;
	margin-bottom: 0.4em;
}

#slider .csc-textpic-intext-left-nowrap .csc-textpic-text {
    right: 0;
    padding: 25px  25px 25px 180px;
}

#slider .white-content .csc-textpic-text h1 {
	color:#0064ad;
}


/****** MAIN AREA ******/

#main-area {
	padding: 32px 20px 20px 20px;
/*    overflow: hidden;*/
}

.cts-layout-1 #main-area {
  padding-top:0px;
}
.cts-layout-2 #main-area {
  padding-top: 10px;
}
.cts-layout-3 #main-area {
  padding-top: 10px;
}

/*** Sidebar ***/

#sidebar {
    float: right;
    width: 300px;
    margin-top:-30px;
}
#sidebar.pzsmall {
	margin-top:0px;
}
#sidebar #login-box {
	margin-bottom:30px;
}
#sidebar .sidebar-item {
	clear: both;
	display: block;
	padding-top: 25px;
}

#sidebar .sidebar-item:first-child {
	padding-top: 0;
}

#sidebar .sidebar-item h2 {
	padding: 0 0 10px 25px;
	margin: 0 0 10px 0;
	font-weight: 600;
	border-bottom: 1px solid #aaaaaa;
}

#sidebar .sidebar-item .bodytext {
	padding: 0 25px;
}


/*** Content Main ***/

#content-main {
	width: 620px;
	min-height: 415px;
}
.cts-layout-1 #content-main {
  padding-left:25px;
  padding-right:25px;
  width:585px;
}
.cts-layout-2 #content-main {
  padding-left:25px;
  padding-right:25px;
  width:585px;
}
.cts-layout-3 h1.csc-firstHeader {
	margin-bottom: 15px;
	padding: 0 25px;
	color: #0064ad;
	font-size: 30px;
	font-weight: 600;
}

#content-main.onecol {
  	width:930px;
}

#content-main p {
	margin-bottom: 0.5em;
}

#content-main li {
	margin-left: 17px;
}
#content-main ul {
	margin-bottom: 0.5em;
}


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

#footer {
    overflow: hidden;
    padding-bottom: 15px;
}


/*** Nav Footer Sitemap ***/

#nav-footer-sitemap {
    height: 850px;
	background: rgb(0,159,227); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,159,227,1) 0%, rgba(0,100,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,159,227,1)), color-stop(100%,rgba(0,100,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,159,227,1) 0%,rgba(0,100,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,159,227,1) 0%,rgba(0,100,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,159,227,1) 0%,rgba(0,100,173,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,159,227,1) 0%,rgba(0,100,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe3', endColorstr='#0064ad',GradientType=0 ); /* IE6-9 */
}

#nav-footer-sitemap ul {
	width: 980px;
    margin: auto;
    padding: 0px 20px 0 20px;
    overflow: hidden;
}

#nav-footer-sitemap li {
    float: left;
    width: 268px;
    margin-right: 28px;
    padding-top:30px;
}
#nav-footer-sitemap li.outer {
    height:290px;
}

#nav-footer-sitemap li.first {
    margin-left: 0;
}

#nav-footer-sitemap li > a {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: bold;
}

/* level 2 */

#nav-footer-sitemap li ul {
    padding: 0;
    margin: 0;
}
#nav-footer-sitemap li li a:hover {
	text-decoration:underline;
}
#nav-footer-sitemap li li {
    margin-left: 0;
    float: none;
    padding-top:0px;
}

#nav-footer-sitemap li li a {
    font-size: 1em;
    text-transform: none;
    font-weight: normal;
}


/*** Footer Bottom ***/

#footer-bottom {
    width: 940px;
    margin: auto;
    padding: 15px 20px;
    font-size: 0.8em;
}

#copyright {
    color: #7f7f80;
}

/* Nav Footer */

#nav-footer {
    float: right;
    overflow: hidden;
}

#nav-footer li {
    float: left;
    border-left: 1px solid #7f7f80;
    line-height: 17px;
}

#nav-footer li.first {
    border: none;
}

#nav-footer li a {
    padding: 0 8px;
    color: #7f7f80;

}
#nav-footer li a:hover {
    	text-decoration:underline;
}
#nav-footer li.last a {
    padding-right: 0;
}
/****** EXTENSIONS ******/


/*** HBS ***/

/* list */

.hbs-list-item {
    padding: 0 25px;
    overflow: hidden;
    background: url(../images/bg_item.png) repeat-x left bottom;
    margin-bottom: 45px;
}

.hbs-list-item h2 {
    margin: 0 -25px 10px -25px;
    padding: 0 25px 5px 25px;
    border-bottom: 1px solid #aaaaaa;
}

.hbs-list-item h2 a,
.hbs-list-item h2 a:link {
	color: rgb(45, 45, 45);
	font-weight: 600;
}

.hbs-list-item .info-top-bar, .hbs-list-item .info-top-bar-upcoming {
    padding-bottom: 10px;
}
.hbs-list-item .info-top-bar-upcoming {
	margin-bottom: 10px;
}

.hbs-list-item .info-top-bar .premium-star {
    float:left;
    font-weight:bold;
}

.hbs-list-item .info-top-bar .premium-star i {
    color:  #a5cd00;
    font-size:18px;
}

.hbs-list-item .info-top-bar .premium-star.regfree i {
    color:  #f0aa55;
    font-size:18px;
}

.hbs-list-item .info-top-bar .premium-star.webinar i {
    color:  #cc040b;
    font-size:18px;
}

.hbs-list-item .info-top-bar .premium-star.event i {
    color:  #0000ff;
    font-size:18px;
}

.hbs-list-item .category-breadcrumb {
    color: #0064ad;
    width:380px;
    float:left;
}

.hbs-list-image {
    float: left;
    margin: 5px 20px 0 -25px;
}

.hbs-list-item footer {
    clear: both;
    padding: 15px 0 25px 0;
}

.hbs-list-item footer .company-info {
	margin-top: 15px;
}
.hbs-list-item footer .company-info span,
.hbs-list-item footer .disclaimer-info span {
	float: left;
	max-width: 480px;
	display: block;
}

.hbs-list-item footer .company-info span.label,
.hbs-list-item footer .disclaimer-info span.label {
	float: left;
	display: block;
	width: 90px;
}

.hbs-list.reduced .hbs-list-item .info-top-bar, .hbs-list.reduced .hbs-list-image  {
		 display:none;
}
.hbs-list.reduced .hbs-list-item footer .btn-webcast, .hbs-list.reduced .hbs-list-item footer .btn-buyticket, .hbs-list.reduced .hbs-list-item footer .btn-whitepaper, .hbs-list.reduced .hbs-list-item footer .btn-livechat {
		 display:none;
}
.hbs-list.reduced .hbs-list-item footer {
		 margin:0px;
		 padding:0px;
}
.hbs-list.reduced .hbs-list-teaser a {
    	font-weight:bold;
}

.hbs-list.reduced .hbs-list-item {
    	background: url(../images/bg_item.png) repeat-x left 90px;
    	margin-bottom: 35px;
}

.hbs-list.reduced .hbs-list-item.whitpaper h2 {
			font-size:18px;
			background: url(../images/box_whitepaper.jpg) no-repeat bottom left;
}

.hbs-list.reduced .hbs-list-item.webcast h2 {
			font-size:18px;
			background: url(../images/box_webcast.jpg) no-repeat bottom left;
}

.hbs-list.reduced .hbs-list-item.webinar h2 {
			font-size:18px;
			background: url(../images/box_webinar.jpg) no-repeat bottom left;
}

.hbs-list.reduced .hbs-list-item.event h2 {
			font-size:18px;
			background: url(../images/box_webinar.jpg) no-repeat bottom left;
}

.hbs-list.reduced .hbs-list-item.chat h2 {
			font-size:18px;
			background: url(../images/box_chat.jpg) no-repeat bottom left;
}

.hbs-list.reduced header i {
			display:block;
}

.hbs-list.reduced .hbs-list-innerteaser {
	overflow:hidden;
	height:44px;
	width:570px;
	text-overflow: ellipsis;
}

.keywords.block.freestyle .content ul {
		padding:0px 24px 15px 14px;
		border-bottom: 1px solid #aaaaaa;
}
	
/* detail */

#content-main.hbs-detail-main {
    width: 620px;
    overflow: hidden;
}

.hbs-detail-main-content {
	padding: 0 25px 40px 25px;
	background: url(../images/bg_content_detail.png) repeat-x left bottom;
}
.hbs-detail-main-content .action-link .btn-startwebcast,
.hbs-detail-main-content .action-link .btn-startextwebcast,
.hbs-detail-main-content .action-link .btn-regwebcast,
.hbs-detail-main-content .action-link .btn-buyticket,
.hbs-detail-main-content .action-link .btn-download {
	float: left;
} 
.hbs-detail-main-content .action-link .btn-startwebcast, .hbs-detail-main-content .action-link .btn-startextwebcast {
	margin-right: 27px;
}

.hbs-detail-logo {
    float: left;
    margin: 5px 18px 20px -25px;
    border: 1px solid #acacac;
    padding: 4px 10px 4px 10px;
    min-height:155px;
    display:table-cell;
	background: #fff;
}

.hbs-detail-logo > div {
	display: table-cell;
	height: 155px;
	vertical-align:middle;
}
.hbs-detail-info {
	float: left;
	min-width: 298px;
}

.hbs-detail header {
}

.hbs-detail header .subtitle {
	padding-top: 4px;
    font-weight:bold;
    font-size:1.1em;
    font-family: 'Open Sans Semibold', sans-serif;
}
.hbs-detail h1 {
    margin: 0 -25px 10px -25px;
    padding: 0 25px 5px 25px;
    border-bottom: 1px solid #aaaaaa;
	font-weight: 600;
}

.hbs-detail .teaser {
    padding: 15px 0;
}

.hbs-detail .description {
    margin-top: 15px;
}
.hbs-detail #content-main.whitepaper .description ul {
    list-style-image:url(../images/detailbullet_green.png);
    margin:10px 5px 0px 16px;
    padding:0px 5px 0px 0px;
}
.hbs-detail #content-main.webcast .description ul {
    list-style-image:url(../images/detailbullet_blue.png);
    margin:10px 5px 0px 16px;
    padding:0px 5px 0px 0px;
}
.hbs-detail #content-main .description li {
    padding:0px 0px 0px 10px;
    margin:5px 0px 5px 0px;
}
.hbs-detail #content-main .premium-star {
    padding-top:15px;
    font-weight:bold;
}
.hbs-detail #content-main .premium-star i {
    color:  #a5cd00;
    font-size:18px;
}

.hbs-detail #content-main .rating {
  margin-top: 10px;
  float: left;
  color:#0064ad;
  line-height:25px;
}
.hbs-detail #content-main .rating i {
  color:#0064ad;
  padding-top:10px;
  font-size:22px;
}

.hbs-detail .abstract {
    margin: 20px 0;
}
.hbs-detail .abstract p {
		font-family: 'Roboto', sans-serif;
		padding:2px 0 0 0;
		line-height:1.5;
}
		
.hbs-detail aside h2 {
    padding: 0 25px 5px 25px;
    margin-bottom: 0;
/*    border-bottom: 1px solid #aaaaaa;*/
}

.hbs-detail aside .block {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 46px;
}

.hbs-detail aside .expert .content {
    border: 1px solid #aaaaaa;
    padding: 4px 24px 24px 24px;
}

.hbs-detail aside .info .content {
    line-height:30px;
}
.hbs-detail aside div.info.block h2,
.hbs-detail aside div.keywords.block h2 {
	border-bottom: 1px solid #aaaaaa;
}
.hbs-detail aside div.expert.block, .hbs-detail aside div.expert.block h2 {
    border:0px;
}
.hbs-detail aside div.expert.block {
	margin-top:30px;
}
.hbs-detail aside .expert .content .expert-image, .hbs-detail aside .expert .content .expert-name {
    float:left;
    margin-top:20px;
}
.hbs-detail aside .expert .content .expert-name {
    margin-left:10px;
    font-weight:bold;
    width:120px;
}
.hbs-detail aside .expert .content .expert-title {
    font-weight:normal;
}
.hbs-detail aside .expert .content .expert-profile {
		margin:10px 0px 10px 0px;
		display:none;
}
.hbs-detail aside .keywords .content ul {
    list-style:none;
    float:left;
    padding:24px 24px 24px 14px;
}
.keywords .content ul {
    list-style:none;
    float:left;
    padding:24px 24px 24px 14px;
}
.keywords.block.freestyle .content ul {
		padding:0px 24px 15px 14px;
		border-bottom: 1px solid #aaaaaa;
}
.cts-layout-1 .keywords.block.freestyle {
	margin-top:20px;
}
.keywords .content ul li {
    display: inline;
    float:left;
    word-wrap:break-word;
    max-width:250px;
    padding: 0px 10px 0px 10px;
}
.hbs-detail aside .keywords .content ul li {
    display: inline;
    float:left;
    word-wrap:break-word;
    max-width:250px;
    padding: 0px 10px 0px 10px;
}
.hbs-detail aside .info .content {
    padding: 8px 25px;
}
.hbs-detail aside .info .content span {
    font-weight: bold;
}
.hbs-detail aside .hbs-detail-preview-image {
    border:1px solid #acacac;
    margin:0px;
    padding:0px;
}
.hbs-detail aside .hbs-detail-preview-image.webcast {
    border:1px solid #aaa;
}
.hbs-detail aside .hbs-detail-preview-image .lupe {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#registration-link, #xingevents-link {
    display: none;
}
#xinglinkevents {
	color:#fff;
}

/* show content detail in I-FRAME */

#iframe-container {
	margin-top: -27px;
	padding: 0 10px 25px 14px;
	background: url(../images/bg_item.png) repeat-x left bottom;
}
#iframe-container h2 {
	margin: 0;
	float:left;
	width: 540px;
	vertical-align:bottom;
}
#iframe-container .iframe-logo {
	width:350px;
	padding-top: 7px;
	float:left;
	text-align:right;
}
#iframe-content {
	width: 100%;
	min-height: 780px;
}
#iframe-bookboon {
	width: 100%;
	min-height: 3080px;
}
#iframe-header {
	margin-bottom: 24px;
}
#iframe-wrapper {
    width: 910px;
    height: 545px;
    overflow: hidden;
    position: relative;
}
#iframe-content {
    position: absolute;
    top: -121px;
    left: 0px;
    width: 910px;
    height: 690px;
}
#iframe-wrapper.hbstemplate {
    height: 745px;
}

#iframe-wrapper.hbstemplate.afterupdate {
    margin-left:-27px;
    padding-top:18px;
    height:2145px;
    width:620px;
}
#iframe-content.hbstemplate {
    top: 0px;
}
.hbs-iframe {
	margin-top:-20px;
}
/* login box modal */

#login-box-modal, #login-mbox-modal, div.eventmodal {
    width: 300px;
    padding: 0 25px 25px 25px;
    background-color: #FFFFFF;
    margin: auto;
}

#login-mbox-modal {
	position: relative;
	top:75px;
	left:285px;
}
.mfp-bg.lightgreybg {
	opacity:0.2 !important;
} 

#login-box-modal h3 , #login-mbox-modal h3, div.eventmodal h3 {
    background: url(../images/bg_loginbox_modal_header.png) repeat-x;
    line-height: 56px;
    margin: 0 -25px 15px -25px;
    padding: 0 25px;
    color: #FFF;
}
#login-box-modal span.small,
#login-box-modal span.small em,
#login-mbox-modal span.small,
#login-mbox-modal span.small em,
div.eventmodal span.small,
div.eventmodal span.small em   {
	vertical-align: middle;
}
#login-box-modal .text-blue,#login-mbox-modal .text-blue, div.eventmodal .text-blue {
	color: #fff;
}

#login-box-modal .form-field, #login-mbox-modal .form-field {
    margin-bottom: 8px;
}

#login-box-modal .form-field input, #login-mbox-modal .form-field input {
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 4px 2px 4px 10px;
    width: 225px;
}

#login-box-modal .forgot-password, #login-mbox-modal .forgot-password  {
    font-size: 0.9em;
}

#login-box-modal .info-message, #login-mbox-modal .info-message {
    font-size: 0.9em;
    padding: 15px 0;
}

#login-box-modal .info-message.error, #login-mbox-modal .info-message.error {
    color: red;
}


/*** Rating ***/
.tx-contentrating-pi1 {
	max-width: 100% !important;
}
.tx-contentrating-pi1 .tx-content-rating-text-wrapper {
	float: left;
	margin: 0;
}

.tx-contentrating-pi1 .tx-content-rating-aggregate-rating {
	margin-left: 128px;
	width: 128px;
}


/* latest */
.hbs-latest, .hbs-top {
	padding-bottom: 40px;
}
.hbs-latest h2, .keywords h2 {
    padding: 0 0 0 25px;
    margin: 25px 0 10px 0;
	font-weight: 600;
}

.hbs-latest-wrap {
    padding: 12px 0 12px 25px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

.hbs-latest li {
    list-style: none;
    margin-bottom: 10px;
}

.hbs-latest li a {
    color: #6e6e6e;
}

.hbs-latest li span {
    font-weight: bold;
    color: #0064ad;
}

/* top */

.keywords.block.freestyle h2 {
    border-bottom: 1px solid #aaaaaa;
    margin-top:0px;
    padding-bottom:5px;
    font-weight:normal;
}
.keywords.block.freestyle {
	padding-bottom:40px;
}
.hbs-top h2 {
    padding: 0 0 0 25px;
    margin: 25px 0 10px 0;
	font-weight: 600;
}

.hbs-top-wrap {
    padding: 12px 0 12px 25px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

.hbs-top-wrap a:hover, .hbs-latest-wrap a:hover {
	text-decoration:underline;
}
.hbs-top li {
    list-style: none;
    margin-bottom: 7px;
}

.hbs-latest .more-link a,
.hbs-top .more-link a {
    color: #000;
    font-weight: bold;
    background: url(../images/icon_arrow_more.png) no-repeat left center;
    padding-left: 20px;
}


/*** Search ***/

.search-results-counter {
    font-style: italic;
    margin-bottom: 25px;
	padding-left: 25px;
}


/*** Search Box ***/

.tx-hbs .hbs-search .form-field {
    margin-bottom: 6px;
}

.tx-hbs .hbs-search .form-field.text input {
    width: 260px;
    padding: 6px 40px 6px 10px;
}

.tx-hbs .hbs-search #search-btn {
    border: none;
    padding: 0;
    margin: 0 0 0 -40px;
    text-indent: -1000px;
    overflow: hidden;
    width: 40px;
    height: 26px;
    cursor: pointer;
    background: url(../images/icon_arrow_search.png) no-repeat;
}

#search-filter {
    padding-right: 5px;
    font-size: 0.9em;
}

#search-filter-link {
    float: right;
    padding-left: 20px;
    text-align: right;
    color: #A2E1FF;
    background: url(../images/icon_arrow_detail_search.png) no-repeat left center;
}

#search-filter-area {
    position: absolute;
    top: 0;
    background: url(../images/triangle_down.png) no-repeat 15px 5px #FEFEFE;
    width: 280px;
    height: 60px;
    padding: 40px 15px 15px 15px;
    border: 1px solid #DDD;
    -moz-box-shaddow: 1px 1px 2px #888;
    -webkit-box-shaddow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
    z-index: 999;
    display: none;
}

#search-filter-area .search-filter-title {
}

#search-filter-area .form-field-checkbox-set {
    padding-top: 10px;
}

#search-filter-area .form-field.checkbox {
    float: left;
    width: 140px;
}

#search-filter-area .form-field.checkbox label {
    width: auto;
    float: none;
}

#search-filter-area .form-field.checkbox input {
    float: left;
    margin-right: 5px;
}


/*** User registration ***/

#content-main .hbs-flashmessages {
    margin-bottom: 15px;
}
#content-main .hbs-flashmessages li {
    color: red;
    list-style: none;
    margin: 0;
}

.form-error-msg,
.form-error-item {
    color: red;
    margin-bottom: 15px;
}

.tx-hbs form.registration fieldset {
    border-bottom: 1px solid #a7a7a8;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.tx-hbs .form-field {
    overflow: hidden;
    margin-bottom: 8px;
}

.tx-hbs .form-field label {
    float: left;
    width: 145px;
    padding-right: 15px;
}
.tx-hbs .form-field.checkbox input {
	vertical-align: top;
}
.tx-hbs .form-field.checkbox label {
	float: right;
    width: 515px;
}
.tx-hbs .form-field.checkbox label strong {
	display: inline;
	color: inherit;
	font-size: inherit;
	font-weight: bold;
	text-transform: none;
}
.tx-hbs .form-field.text input,
.tx-hbs .form-field.select select {
    width: 400px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 4px 2px 4px 10px;
}

.tx-hbs .form-field.select select {
    width: 414px;
}

.tx-hbs #campaign-subscription .form-field.select select, .tx-hbs #contentregistration .form-field.select select  {
 		width:230px;
}

.tx-hbs #campaign-subscription .form-field.select label, .tx-hbs #contentregistration .form-field.select label  {
 		width:335px;		
}

.tx-hbs .form-field.text.annotation {
		padding-left:175px;
		font-size:11px;
		color:#333;
}

.tx-hbs .form-field #zip {
    float: left;
    width: 90px;
    margin-right: 10px;
}

.tx-hbs .form-field #city {
    width: 286px;
}

.tx-hbs form .note {
    color: #777777;
    font-size: 0.7em;
    text-align: right;
    padding-right: 50px;
}

.disclaimer-intro {
    padding: 20px 0;
    line-height: 1.3em;
}

.general-disclaimer-text {
    margin-bottom: 15px;
    display:none;
}
.general-disclaimer h4 {
		display:none;
}
.tx-hbs .form-field.submit {
    border-top: 1px solid #a7a7a8;
    padding: 20px 0 0 0;
}

.tx-hbs .form-field.submit #submit-btn {
    display: block;
    background: url('../images/btn_sprite.png') no-repeat;
    border: none;
    background-position: -0px -114px;
    width: 185px;
    height: 37px;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-left: 40px;
    text-align: left;
    color: #FFF;
    cursor: pointer;
}

/*** Paginator ***/
ul.f3-widget-paginator {
    overflow: hidden;
}
ul.f3-widget-paginator li {
    list-style: none;
    float: left;
    margin-right: 3px;
}

/* User subscription */

#contentregistration {
	margin:0px 0px 40px 25px;
}
.suscription-user-data {
    border-bottom: 1px solid #a7a7a8;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.suscription-user-data .property {
    overflow: hidden;
    margin-bottom: 8px;
}

.suscription-user-data .property .label {
    float: left;
    width: 145px;
    padding-right: 15px;
}


/*** Newsletter Subscription ***/

.newsletter-intro-text {
    margin-bottom: 15px;
}

.tx-mailnotifier .mailnotifier-subscription h3 {
    float: left;
    font-size: 1em;
}
.tx-mailnotifier .form-field {
    overflow: hidden;
    margin-bottom: 8px;
}
.tx-mailnotifier .note {
		font-size:13px;
		margin-bottom:20px;
}
.tx-mailnotifier .form-field label {
    float: left;
    width: 145px;
    padding-right: 15px;
}
.tx-mailnotifier .form-field.checkbox  label {
    float: right;
    width: 415px;
}
.tx-mailnotifier .mailnotifier-edit .form-field.checkbox  label {
    width: 380px;
    padding-top:1px;
}
.tx-mailnotifier .form-field.text input,
.tx-mailnotifier .form-field.select select {
    width: 400px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 4px 2px 4px 10px;
}
.tx-mailnotifier .form-field.checkbox {
    margin-left: 160px;
}
.tx-mailnotifier .form-field.select select {
    width: 414px;
}
.tx-mailnotifier .form-field.submit #submit-btn {
    display: block;
    background: url('../images/btn_sprite.png') no-repeat;
    border: none;
    background-position: -0px -114px;
    width: 185px;
    height: 37px;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-left: 40px;
    text-align: left;
    color: #FFF;
    cursor: pointer;
}



/*** SITEMAP ***/

.csc-sitemap {
	padding-left: 20px;
	padding-bottom: 10px;
}

.csc-sitemap ul {
	margin-left: 20px;
}

.csc-sitemap ul li {
	margin-bottom: 5px;
	list-style-type: square;
}

.csc-sitemap ul li a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.csc-sitemap ul li a:hover,
.csc-sitemap ul li a:focus {
	text-decoration: underline;
}

.csc-sitemap ul ul {
	margin-bottom: 5px;
	margin-top: 3px;
	margin-left: 20px;
}

.csc-sitemap ul ul li {
	margin-bottom: 0;
	list-style-type: disc !important;
}

.csc-sitemap ul ul li a {
	font-weight: normal;
}

.csc-sitemap ul ul ul {
	margin-left: 20px;
}

.csc-sitemap ul ul ul li {
	list-style-type: circle !important;
}

.csc-sitemap ul ul ul li a {
	padding-left: 0;
	background-image: none;
	text-transform: none;
}

.csc-sitemap ul ul ul ul {
	margin-left: 12px;
}

.csc-sitemap ul ul ul ul li {
	list-style-type: none !important;
}


/*** MAIL FROM CSS SETTING ***/

.csc-mailform {
	overflow: hidden;
}
div.csc-mailform ol {
  list-style-type:none;
}
.csc-form-element {
	clear: both;
}

#content-main div.csc-mailform li label {
	width: 190px;
	vertical-align: top;
	text-align: left;
	padding-top: 6px;
	margin-right: 10px;
	display: block;
	float: left;
}

div.csc-mailform li input, 
div.csc-mailform li textarea, 
div.csc-mailform li select {
	font-size: 12px;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 4px 2px 4px 10px;
}

div.csc-mailform li textarea {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.csc-mailform li.csc-form-element-textline input {
	width: 300px;
}

div.csc-mailform li select {
	margin-top: 5px;
	width: 314px !important;
}

div.csc-mailform li select option.subitem {
  padding-left:1em;
  text-indent:20px;
}

#content-main li.csc-form-element {
	margin: 0 0 5px 0;
}
.csc-mailform .csc-form-element-textblock {
	padding-bottom:20px;
}
.csc-mailform-submit {
	clear: both !important;
	border: 1px solid #000;
	width: 80px !important;
	margin-left: 320px;
	margin-top: 15px;
	padding: 0;
	color: #FFF !important;
	background-color: #96bf0d;
	cursor: pointer;
}

div.csc-mailform .csc-form-element-checkbox {
	padding-left: 100px;
}

div.csc-mailform .csc-form-element-checkbox input {
	float: left;
}

#content-main div.csc-mailform li.csc-form-element-checkbox label {
	float: none;
	width: 300px;
	display: inline;
}
div.csc-mailform .csc-form-element-submit {
	float: right;
	padding-right: 114px;
}
div.csc-mailform .csc-form-element-reset {
	float: left;
	clear: none;
	padding-left: 100px;
}
div.csc-mailform .csc-form-element-submit input,
div.csc-mailform .csc-form-element-reset input {
display: block;
background: url('../images/btn_sprite.png') no-repeat;
border: none;
background-position: -0px -114px;
width: 256px;
height: 37px;
font-size: 1.1em;
text-transform: uppercase;
padding-left: 40px;
text-align: left;
color: #FFF;
margin-top:20px;
}

#content-main  .csc-mailform li.csc-form-3 {
	margin-bottom: 10px;
}



/*** SLIMBOX ***/

#lbOverlay {
	position: fixed;
	z-index: 10999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 10999;
	overflow: hidden;
	background-color: #fff;
}

#lbCenter {
	z-index: 11111;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Comments */
.tx-comments-pi1 {
	width: 620px;
}
.tx-comments-comment-form {
	background: url(../images/bg_item.png) repeat-x left bottom;
}
.tx-comments-pi1 legend {
	border-bottom: 1px solid #aaaaaa;
	width: 570px;
	padding: 36px 25px 9px 25px;
	font-size: 22px;
}
.tx-comments-comment-form-inner {
	width: 570px;
	padding: 7px 25px 15px 25px;
}
.tx-comments-pi1 label {
	margin-bottom: 4px;
	width: auto !important;
	float: none !important;
}
.tx-comments-pi1 .tx-comments-comment-input {
	margin: 0 !important;
	border: 1px solid #aaa;
	width: 546px !important;
	height: 30px;
	padding: 0 10px !important;
	float: none !important;
	font-family: 'Open Sans', sans-serif;
}
.tx-comments-pi1 textarea {
	margin: 0 !important;
	border: 1px solid #aaa;
	width: 546px !important;
	height: 50px;
	padding: 10px !important;
	float: none !important;
	font-family: 'Open Sans', sans-serif;
}
.tx-comments-pi1 #tx_comments_pi1_submit {
	margin-bottom: 18px;
	border: 0;
	padding-left: 19px;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
	background: transparent url(../images/icon_arrow_search.png) no-repeat left center;
	background-size: 13px 10px;
}
.tx-comments-comments h5 {
	width: 570px;
	padding: 36px 25px 9px 25px;
	font-size: 22px;
	font-weight: 600;
}
.tx-comments-comments h5 span {
	font-weight: normal;
}
.tx-comments-comments .tx-comments-comment-item {
	border: 0;
	border-top: 1px solid #aaaaaa;
	padding: 10px 25px;
	color: #6e6e6e;
}
.tx-comments-comments .tx-comments-comment-name {
	color: #0064ad;
}
.tx-comments-comments .tx-comments-comment-content {
	margin-top: 12px;
	color: #2d2d2d;
}
.tx-comments-required-error {
	padding: 0;
	background-color: transparent !important;
}
.tx-comments-form-top-message {
	margin-top: 36px !important;
	border: 0 !important;
	border-top: 1px solid #aaaaaa !important;
	padding: 10px 25px !important;
	font-weight: normal !important;
	text-align: left !important;
}

/* FAQ */
.jpfaqCategory {
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	background: url('../../../../typo3conf/ext/jpfaq/Resources/Public/Img/plus.png') no-repeat left center;
	padding-left: 20px;
	margin-bottom: 3px;
}
.jpfaqCategory.categoryUnfolded {
	background: url('../../../../typo3conf/ext/jpfaq/Resources/Public/Img/min.png') no-repeat left center;
}
.tx-jpfaq-pi1 li h3 {
	font-size: 1em;
}
.tx-jpfaq-pi1 .jpfaqAll {
	margin-top: 10px;
}
.tx-jpfaq-pi1 .jpfaqShowAll,
.tx-jpfaq-pi1 .jpfaqHideAll {
	margin-left: 17px;
}

.jpfaqAnswer .bodytext {
	margin:10px 0px 20px 0px;
}

/*** HTML5 Form Polyfill ***/

/* Form Validator */
input.invalid{
    outline:1px solid red;
}
div.errormsg{
    padding:5px;
    position:absolute;
    display:inline-block;
    color:black;
    font-size:14px;
    margin:0;
    margin-left:10px;
    font-weight:normal;
    background-color:white;
    border:1px solid black;
    border-radius:5px;
    box-shadow:5px 5px 5px rgba(0,0,0,0.5);
    z-index:1;
}
div.errormsg:before,div.errormsg:after{
    position:absolute;
    left:-10px;
    bottom:5px;
    content:" ";
    width:0;
    height:0;
    padding:0;
    border:10px solid transparent;
    border-width:8px 10px;
    border-right-color:inherit;
    border-left-width:0;
}
div.errormsg:after{
    border-right-color: white;
    left: -8px;
}
input.invalid + div.errormsg {
}

/* Placeholder */
input.placeholder,
textarea.placeholder{
    color: #ccc;
}

#account-delete-link {
	margin:50px 0px 0px 0px;
}
.registeredforwebcast {
	color:#0064ad;
	font-weight:bold;
}
#cts-page-108 h1 {
	padding-left:25px;
}
#c198 {
	margin-left:-8px;
	font-family: 'Open Sans', sans-serif;
}
.searcherror {
	padding-left:24px;
}
.linelink {
	text-decoration:underline;
}
.tx-hbs .hbs-list h1.mycontent, h1.mycontent  {
	padding-left:25px;
	color:#0064ad;
  font-size:24px;
}
.hbs-chatiframe {
	width:620px;
}
#chatiframe-container.paidcontent {
 	  background:none;
}
#chatiframe-wrapper.hbstemplate.paidcontent {
		min-height: 645px;
}
#chatiframe-wrapper h2.buyticket {
	padding-bottom:5px;
}

#chatiframe-container {
	padding: 0 5px 25px 5px;
	background: url(../images/bg_item.png) repeat-x left bottom;
}
#chatiframe-container h2 {
	margin: 0;
	float:left;
	width: 540px;
	vertical-align:bottom;
}
#chatiframe-container .iframe-logo {
	width:350px;
	padding-top: 7px;
	float:left;
	text-align:right;
}
#chatiframe-content {
	width: 100%;
	min-height: 780px;
}
#chatiframe-header {
	margin-bottom: 24px;
}
#chatiframe-wrapper {
    width: 620px;
    height: 1145px;
    overflow: hidden;
    position: relative;
}
#chatiframe-wrapper.hbstemplate {
    height: 1145px;
}

#chatiframe-content {
    position: absolute;
    top: -121px;
    left: 0px;
    width: 620px;
    height: 1190px;
}
#chatiframe-content.hbstemplate {
    top: 0px;
}
#eventeditsubmit {
	float:left;
	width:290px;
	border:0;
}
#eventeditcontainer {
	float:left;
	height:100px;
	border-top: 1px solid #a7a7a8;
}
#eventeditleft {
	float:left;
	width:290px;
	padding-top:20px;
}
.hbs-detail-main.article .csc-rtetextpic-imagewrap figcaption {
	font-weight: bold;
	font-size: 12px;
	color:#2d2d2d;
	padding:3px 0px 2px 0px;
	float:none;
	display:block;
}
.hbs-detail-main.article .csc-textpic-image img {
	float:none !important;
}
.hbs-detail-main.article .csc-rtetextpic-imagewrap {
	float:left;
	padding:5px 20px 0px 0px;
}
#overDiv table td table td {
	padding:0px 0px 5px 5px;
}
#page-area .videocontainerhd {
	margin-bottom:30px;
}
#page-area .videohead {
	margin-left:-10px;
	margin-right:0px;
	padding-left:20px;
}
.hbs-detail .shariff {
	margin-top:20px;
	margin-bottom:40px;
	width:620px;
}
.freevent-header {
	display:block;
	width:600px;
}
.freevent-intro {
	display:none;
	color:#cc0000;
	padding-bottom:5px;
}
.tx-comments-comment-replywrap {
	margin:20px 0px 0px 0px;
	background: url(../images/kommentar_antwort.png) no-repeat 20px 9px;
}
.tx-comments-comment-reply {
	margin:0px 0px 0px 50px;
}
.tx-comments-comment-reply p {
	margin-top:10px;
	color:rgb(45, 45, 45);
}
.tx-comments-comment-name.reply {
	background: url(../images/hbs_icon2_20.png) no-repeat left bottom;
	padding-left:30px;
}
.tx-comments-comment-reply-inner {
	background-color:#e3f2ff;
	padding:10px;
}

.tx-solr-searchbox .tx-solr-q {
    width: 298px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 6px 2px 6px 10px;
} 

.tx-solr-searchbox #inputButton {
	border: none;
    padding: 0;
    margin: 0 0 0 -40px;
    text-indent: -1000px;
    overflow: hidden;
    width: 40px;
    height: 29px;
    cursor: pointer;
    background: url(../images/icon_arrow_search.png) 0px 2px no-repeat;
}
.combiheader { 
	height:40px;
	clear:both;
}
.combileft {
	width:370px;
	float:left;
}
.combiright {
	width:185px;
	float:left;
}
#allwebcasts {
	margin-top:-50px;
	float:right;
	text-decoration:underline;
}