
html,button,input,select,textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

body {
  background-color: #f3f0eb;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-family: Verdana,Arial,sans-serif;
}

/* background: #b3d4fc; (#1D4171) */

::-moz-selection
{
    color: #000;
	background: #b3d4fc;
	text-shadow: none
}


::selection
{
    color: #000;
	background: #b3d4fc;
	text-shadow: none;
}

/* option:hover, option:focus, option:active,*/
option:checked
{
    color: #000;
    background: linear-gradient(#b3d4fc, #b3d4fc);
    background-color: #b3d4fc;
}

input[type="search"] {
	-webkit-appearance: none
}

#topFreeSearch {
	margin-top: 6px;
	margin-left: 4px;
	/*display: inline;*/
	background: #e9edf1;
	width: 160px;
	height: 27px;
	border: 0;
	color: #1d4171;
}

.article {
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 0.8125em;
    background-color: white;
    padding: 15px 20px 50px;
}

.article a {
    color: #D4130C !important;
    font-weight: bold !important;
}

.article h2, fieldset legend {
    font-size: 1.15385em;
    font-weight: bold;
    color: #1D4171;
}


fieldset {
	border: 1px solid #A6A6A6;
	padding: 0 100px; 
	margin-bottom: 10px;
}

audio, canvas, img, video {
  vertical-align: middle;
}

.dark-blue {
  background:#193864;
  border-color:#193864!important
}

a {
    color: inherit;
    text-decoration: none;
}

#wrapper {
  width: 1000px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#header {
  clear: both;
  background-color: white;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #1d4171;
}

#header .header-image {
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
}

img {
    border: none;
}

#navigation {
	height: 45px;
	border-bottom: 2px solid #d2cec5;
	padding: 0 10px 0 7px;
	position: relative;
	z-index: 2;
	background: #e5e0db;
	width: 983px
}
.headback {
  padding-top:10px;
  background-color:#e5e0db;
}

#navigation .main-navigation .main-nav .main-a {
    font-weight: bold;
    height: 30px;

}

#navigation .main-navigation .main-nav > a {
  line-height: 11px;
  padding-top: 16px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  display: block;
  text-transform: uppercase;
}

#navigation .main-navigation .main-nav .main-nav-content>div a:hover,#navigation .main-navigation .main-nav .main-nav-content>div a:focus
	{
	background: #1d4171;
	color: #f9f8f6;
	outline: 0
}

#navigation .main-navigation .main-nav .main-nav-content>div li:hover {
	background: #1d4171;
	color: #f9f8f6
}

#navigation .main-navigation .main-nav .main-nav-content>div li a {
	padding: 2px 8px;
	display: inline-block;
	width: 140px
}

#navigation .main-navigation .main-nav .main-nav-content>div li a:focus {
	background: #1d4171;
	color: #f9f8f6;
	outline: 0
}

#navigation .main-navigation .main-nav>a:focus ~ .main-nav-content,#navigation .main-navigation .main-nav>a.hover ~ .main-nav-content {
	left: 49px;
	z-index: 2
}

#navigation .main-navigation .main-nav>a+.main-nav-content:hover,#navigation .main-navigation .main-nav>a+.main-nav-content:focus {
	left: 49px;
	z-index: 2
}

#navigation .main-navigation .main-nav:first-child a, #navigation .main-navigation .main-nav.last a, #navigation .main-navigation .main-nav.search a {
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

#navigation .main-navigation .main-nav.home.active {
	background-color: #f3f0eb;
	height: 45px;
	box-shadow: none;
	border-left: 1px solid #aaa;
	border-bottom: 2px solid transparent;
}

#navigation .main-navigation .main-nav.search {
  xxborder-right: 1px solid transparent;
}
#navigation .main-navigation .main-nav.search.active {
  border-right: 1px solid #aaa;
}

#navigation .main-navigation .main-nav.active {
	background-color: #f3f0eb;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px -2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px -2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px -2px;
	border-bottom:2px solid transparent;
	border-top: 1px solid #aaa;

}

#main .breadcrumb li:not(:first-child ):before, #breadcrumb li:not(:first-child):before,.article .body .content #articleText .richtext ul li:before {
	content: ">";
	padding: 0 5px 0 0
}

#main .breadcrumb {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: .75em;
	margin: 0 0 0 10px;
	padding: 15px 0 12px 0;
	color: black
}

#main .breadcrumb li {
	list-style: none;
	padding-top: 2ex;
}

#main .breadcrumb li h1 {
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	color: inherit;
	height: 16px;
	display: inline-block
}

#breadcrumb {
	z-index: 1;
	background: #f3f0eb;
	width: 1000px;
}

#breadcrumb.is-sticky {
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px
}

#breadcrumb li {
	display: inline;
	padding: 0 0 0 5px
}

#breadcrumb li a {
	color: #1d4171
}

#breadcrumb li:not (:first-child ):before {
	display: inline-block
}

ul, dl, dd, dt {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#header ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#header li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  display: inline;
  float: left;
}

#navigation .main-navigation .main-nav {
  font-size: 11px;
  height: 45px;
}

#navigation .main-navigation .main-nav.home {
  width: 42px;
  height: 45px;
  text-indent: -1000px;
  background-color: transparent;
  background-image: url(i/home-icon.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 13px 15px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

#footer {
	background: #e5e0db;
}

#footer .content-info-social {
	color: #1d4171;
	font-size: .75em;
	font-weight: bold;
	line-height: 2.25em;
	border-bottom: 1px solid #b7b3af
}

#footer .social-wrapper {
	margin: 25px 10px 25px 20px;
	float: right
}

#footer .social-wrapper .follow-text {
	float: left;
	padding: 0 20px 0 0
}

#footer ul {
	margin: 0;
	padding: 0;
	float: left
}

#footer ul.content-info {
	margin: 25px 10px 25px 20px
}

#footer ul.content-info li {
	border-right: 1px solid #b1b8bd;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	line-height: 2.25em
}

#footer ul.content-info li:last-child {
	border-right: 0;
	margin: 0;
	padding: 0
}

#footer ul.follow-social {
	margin: 0
}

#footer ul.follow-social li {
	padding: 0 5px 0 0
}

#footer ul.follow-social a {
	background: url(../images/hb-de/icons/icons.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	display: inline-block;
	text-indent: -10000px
}

#footer ul.follow-social a.facebook {
	background-position: -396px -8px
}

#footer ul.follow-social a.twitter {
	background-position: -428px -8px
}

#footer ul.follow-social a.gplus {
	background-position: -460px -8px
}

#footer ul.follow-social a.youtube {
	background-position: -492px -8px
}

#footer ul li {
	list-style: none;
	float: left
}

#footer .important-topics h2 {
	font-size: 1.125em;
	font-weight: normal;
	color: #1d4171;
	margin: 30px 20px 15px
}

#footer .important-topics .topics-wrapper {
	margin: 0 20px 20px 20px
}

#footer .important-topics .topics-wrapper .topics>li {
	width: 140px;
	border-right: 1px solid #b1b8bd;
	padding: 10px 20px 30px 20px
}

#footer .important-topics .topics-wrapper .topics>li a {
	font-size: .75em;
	font-weight: bold;
	color: #1d4171
}

#footer .important-topics .topics-wrapper .topics>li ul {
	margin: 15px 0 0 0;
	float: none
}

#footer .important-topics .topics-wrapper .topics>li ul li {
	padding: 0;
	border: 0;
	float: none
}

#footer .important-topics .topics-wrapper .topics>li ul li a {
	font-size: .625em;
	color: black;
	font-weight: normal
}

#footer .important-topics .topics-wrapper .topics>li:last-child {
	border: 0
}

#footer.slim .content-info,#footer.slim .social-wrapper {
	margin: 12px 10px 0 20px
}

#footer.slim .important-topics {
	display: none
}

#header,#header #banner-wrapper,#navigation .main-navigation,#main,.event-links,.search-results .results,.search-results .teaser-pager,.social_share_privacy_area,.hb-teaser,.hb-intro-teaser,.quattro-teaser-wrapper,.article .header,.article .header .article-meta,.article .header .article-meta div.share .sharing,.article .header .article-meta div.share .socialshareprivacy,.article .body .content .letters-wrapper ul,.article .body .content #vak-tabs>ul,.article .body .content #vak-tabs .select-month,.article .body .content #vak-tabs #session-schedule .session-content,.article .sub-content,.article .sub-content-wrapper .sub-content .prominent,.article .sub-content-wrapper .profiles,.article ul.register li,.article .info,.article .guided-tour,.article .guided-tour dl,.article .visit,#footer,#footer .content-info-social,.article.alphabetical-members .word,.result-list .member-search-result
	{
	*zoom: 1
}

#header:before,#header #banner-wrapper:before,#navigation .main-navigation:before,#main:before,.event-links:before,.search-results .results:before,.search-results .teaser-pager:before,.social_share_privacy_area:before,.hb-teaser:before,.hb-intro-teaser:before,.quattro-teaser-wrapper:before,.article .header:before,.article .header .article-meta:before,.article .header .article-meta div.share .sharing:before,.article .header .article-meta div.share .socialshareprivacy:before,.article .body .content .letters-wrapper ul:before,.article .body .content #vak-tabs>ul:before,.article .body .content #vak-tabs .select-month:before,.article .body .content #vak-tabs #session-schedule .session-content:before,.article .sub-content:before,.article .sub-content-wrapper .sub-content .prominent:before,.article .sub-content-wrapper .profiles:before,.article ul.register li:before,.article .info:before,.article .guided-tour:before,.article .guided-tour dl:before,.article .visit:before,#footer:before,#footer .content-info-social:before,.article.alphabetical-members .word:before,.result-list .member-search-result:before,#header:after,#header #banner-wrapper:after,#navigation .main-navigation:after,#main:after,.event-links:after,.search-results .results:after,.search-results .teaser-pager:after,.social_share_privacy_area:after,.hb-teaser:after,.hb-intro-teaser:after,.quattro-teaser-wrapper:after,.article .header:after,.article .header .article-meta:after,.article .header .article-meta div.share .sharing:after,.article .header .article-meta div.share .socialshareprivacy:after,.article .body .content .letters-wrapper ul:after,.article .body .content #vak-tabs>ul:after,.article .body .content #vak-tabs .select-month:after,.article .body .content #vak-tabs #session-schedule .session-content:after,.article .sub-content:after,.article .sub-content-wrapper .sub-content .prominent:after,.article .sub-content-wrapper .profiles:after,.article ul.register li:after,.article .info:after,.article .guided-tour:after,.article .guided-tour dl:after,.article .visit:after,#footer:after,#footer .content-info-social:after,.article.alphabetical-members .word:after,.result-list .member-search-result:after
	{
	content: " ";
	display: table
}

#header:after,#header #banner-wrapper:after,#navigation .main-navigation:after,#main:after,.event-links:after,.search-results .results:after,.search-results .teaser-pager:after,.social_share_privacy_area:after,.hb-teaser:after,.hb-intro-teaser:after,.quattro-teaser-wrapper:after,.article .header:after,.article .header .article-meta:after,.article .header .article-meta div.share .sharing:after,.article .header .article-meta div.share .socialshareprivacy:after,.article .body .content .letters-wrapper ul:after,.article .body .content #vak-tabs>ul:after,.article .body .content #vak-tabs .select-month:after,.article .body .content #vak-tabs #session-schedule .session-content:after,.article .sub-content:after,.article .sub-content-wrapper .sub-content .prominent:after,.article .sub-content-wrapper .profiles:after,.article ul.register li:after,.article .info:after,.article .guided-tour:after,.article .guided-tour dl:after,.article .visit:after,#footer:after,#footer .content-info-social:after,.article.alphabetical-members .word:after,.result-list .member-search-result:after
	{
	clear: both
}

input[type="submit"], input[type="button"], button {
    padding: 7px 10px;
    background: none repeat scroll 0% 0% #E9EDF1;
    color: #1D4171;
    font-weight: bold;
    border: 1px solid #99AABD;

}

input[type="submit"]:hover, input[type="button"]:hover , button:hover
{
    background: none repeat scroll 0% 0% #1D4171;
    color: white;
}

input[type="submit"]:disabled, input[type="button"]:disabled , button:disabled
{
	color: #888;
    background: none repeat scroll 0% 0% #eee;
    border: 1px solid #bbb;
}

select, textarea, input[type="text"]{
    width : 100%;
}

textarea {
	resize: vertical
}

.message{
    font-size: 14px;
    font-weight : bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.error-message{
    color: #ff0000;
    display: block;
    font-weight: bold;
    font-size : 12px;
    margin-bottom: 20px;
    text-align: center ;
}

.elementlabel{
  min-width: 136px;
  width: 160px;
  vertical-align : top;
  line-height: 23px;
  padding: 3px 10px 13px 0px;
}

.element-field{

}

.element{
    margin: 0 auto;
    width: 100%;
}

.element-process{
    width: 100%;
}

.element-field-button{
    min-width: 387px;
    width: 100%;
}

.element input[type=checkbox]{
    margin-left: 0;
    padding-left: 0;
}

.element td{
    padding: 10px 0;
}

.element td input[type=submit], .element td input[type=button]{
    float: right;
}

.datum{
    min-width: 100px !important;
    max-width: 100px !important;
    width: 160px !important;
}

.text-field{

}

.pd_resultcount, .pd_resultnavigation{
    float: left;
    font-weight : bold;
    font-size : 12px;
}

.pd_resultnavigation{
    display: inline;
    float: right;
}

.pd_resultnavigation a{
    color: #000000 !important;
}

.activepage, .page-disable, .pd_resultnavigation a{
    font-weight: bold;
    padding: 2px 3px;
    margin: 0 2px;
}

.activepage{
    background-color : #cc0000;
    color: #ffffff;
}

.page-head-height{
    min-height: 30px;
}

#parldokresult{
    width : 100%;
}

 #parldokresult th{
    text-align: left;
 }

 #parldokresult td, #parldokresult th{
    padding: 4px 0;
 }

 .doc{
    vertical-align: top;
 }

 .doc img{
    max-width: 32px;
    cursor: pointer;
 }

 .title a{
    font-weight: bold;
    color: #000 !important;
 }

  #parldokresult button{
    font-size: 10px;
    margin-top: 6px;
    margin-right: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
 }

   div.ui-datepicker
 {
   font-size : 12px !important;
 }
 
 .ui-datepicker select
 {
   min-width:0px !important;
 }

 .element-vorgang{
    padding-bottom: 12px;
 }

 .float-right{
    float: right;
}

 #print-vorgang{
    width : 20px;
    height: 20px;
    cursor : pointer;
    float: right;
}


#vorgang-opt{
    height: 20px;
    float: right;
    margin-right: -90px;
}

#vorgang-opt a, vorgang-opt a:hover, vorgang-opt a:focus{
    text-decoration : none;
}

 #vorgang-link{
    display:none;
    position:absolute;
    width: 300px;
    background-color: #fff;
    border: 3px solid #CC0000;
    color: #000;
    padding:10px;
    text-align : center;
    z-index: 100;
 }

  #vorgang-link label{
    font-size: 14px;
    font-weight: bold;
    color: #000;
 }

 #vorgang-link input{
      width : 95%;
      margin: 0 auto;
      font-size: 15px;
 }

 #vorgang-link span{
      width : 20px;
      height : 20px;
      float : right;
      background-image: url(i/close.png);
      cursor : pointer;
 }

#clean-session-button{
    width: 100%;
    padding: 10px 0;
    text-align : center;
    background-color: #e9edf1;
    color: #1d4171;
}

#clean-session-button:hover{
    background-color: #1D4171;
    text-decoration: none !important;
    color: White;
}

.element-def-max-width{
    width: 100%;
}

.element-def-max-width div{
    text-align: center ;
    background-color: #DDDDDD;
    padding: 8px 0;
    cursor: pointer;
    font-weight: bold;
 }

  .element-def-max-width div:hover{
    text-decoration: underline;
 }

.hidden-advanced-params{
    display: none;
}

#search-advanced-params hr{
    border: 1px solid gray;
}

#open-more-params{
    margin: 20px auto 0;
    padding-left: 14px;
}

#open-more-params span{
    cursor: pointer;
    font-weight: bold;
}

.params-opened{
    background : url(i/opened.png) no-repeat 0 0;
}

.params-closed{
    background-image:  url(i/closed.png) ;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	height: 1%;
}

.selected-element{
    border: 1px solid #3399FF !important;
    -moz-box-shadow: 0px 0px 2px #033a9f;
    -webkit-box-shadow: 0px 0px 2px #033a9f;
    box-shadow: 0px 0px 2px #033a9f;
}

.check-box-element{
    margin: 10px 0 0 0;
}

.check-box-element td, .radio-button-element td{
    padding: 0 5px !important;
}


#keywords-references{
    display:none;
    position:absolute;
    width: 340px;
    background-color: #fff;
    border: 3px solid #CCCCCC;
    color: #000;
    padding:10px;
    text-align : center;
 }

  #keywords-references fieldset {
    /*border: 1px solid #CCCCCC;
    font-family: Verdana,Arial,Helvetica,sans-serif;*/
    margin: 0 0 1em;
}

 #keywords-references legend {
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: auto;
    padding: 2px;
}

 #keywords-references select{
    border: 1px solid #CCCCCC;
 }

 #keywords-references button{
    float: right;
 }

 #keywords-references span{
      width : 20px;
      height : 20px;
      float : right ;
      background-image: url("i/close.png");
      cursor: pointer;
 }

 .open-video-icon{
    margin-left: 10px;
 }

 #video-info{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    color: #ffffff;
    max-width: 720px;
}

 .process-video{
    display: inline;
    cursor: pointer;
    margin-left: 8px;
}

 #DokumentenNummer{
    max-width: 100px !important;
    min-width: 100px !important;
    width: 160px !important;
 }

 .back-icon{

 }

 input[type="text"], select {
    border: 1px solid #ccc;
    min-width: 300px;
    padding: 4px 0;
    width: 100%;
}


a.email {
    padding: 10px 0 0 20px;
}

 a.email::before {
    background: url("i/icons.png") no-repeat scroll -178px -8px rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 25px;
    margin-right: 15px;
    width: 25px;
}

.speaker-title{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
    padding-left: 12px;
 }

 .more-speakers{
    background-color: #E9EDF1;
    cursor: pointer;
    padding: 10px 0;
     font-weight: bold;
    text-align: center;
    width: 100%;
    color: #1d4171;
 }

 .more-speakers:hover{
    background-color: #1D4171;
    color: White;


 }

 .speaker-subtitle{
    margin-bottom: 10px;
 }

 .speaker-speech:hover{


 }

 .speaker-infos{
     margin-top: 5px;
     padding-left: 12px;
     padding-right: 12px;
     font-weight: bold;
 }

.speaker-date{
    font-weight: bold;
    float: right;
    padding-right: 12px;
}
.pagetitle {
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 1.1em;
    line-height:2em;
    font-weight:bold;
    padding:0px 5px 5px 10px;
    display:inline;
}


.main-nav {
   border-top: 1px solid #aaa;
   border-right: 1px solid #aaa;
   background: #d0d0d0;
}
.home
{
  border-left: 1px solid #aaa;
}

.person-text, .fraction-text {
	color: #222;
    font-weight: normal;
}

.person-container {
    width: 25%;
}
a.pastalink {
    color: black !important;
}


.cookiemsg {
    z-Index: 1000;
    position: absolute;
    width: 100%;
    color: #666;
    background: #f4f4f4;
    text-shadow: none;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: none;
    opacity: 0.001;
    overflow: hidden;
    margin-top: -86px;
}

.cookiewindow {
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    padding: 1em 1.8em;
    width: 100%;
    flex-direction: row;
}

.cookiebtn {
    display: block;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    border-color: transparent;
    background-color: rgb(75, 129, 232);
    margin-left: 10px;
    cursor: pointer;
}

.cookielink {
    color: #666;
    display: inline-block;
    padding: 0.2em;
    text-decoration: underline;
}

.legacy-button {
}

.legacy-button:hover {
}