/* special overrides */

a.typo3-fieldUid {font-size:0; border: none; margin: 0;}

.content {padding: 50px 30px;}

#header-partner {
  top: 15px;
  width: auto;
  font-size: 13px;
  color: #888;
}

#page-header {min-height: 100px; padding-top: 10px;}
#page-header h1 {top:0;}

#page-header nav#website-menu {
  font-size: 20px;
  padding-top: 20px;
  padding-left: 370px; 
  padding-right: 30px;
  
  font-size: 16px;
  padding-top: 30px;
}
#page-header nav#website-menu a {
  border: solid 1px #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
}

#page-header nav#website-menu a.act {
  background:#007AC2;
  color:#fff;
  border-color:#007AC2;
}

#page-header nav#website-menu a:hover {
  border-color:#ccc !important;
  background: #f2f3f4;
  color:#888 !important;
}

#page-header nav#website-menu a.act:hover {
  color:#fff !important;
  border-color:#007AC2 !important;
  background:#48a3ee;
}

#page-header #navspecial {
  top: 10px;
  right: 30px;
  z-index:3;
}

#page-header #navspecial a {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  /*
  border: solid 1px #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  */
  margin-right: 20px;
}

#content-hot {padding-left: 50px;}

.content nav.subMenu {padding-top:30px;}

/* main image */
.intro #content-image {position: relative; margin-bottom: 30px;}

.ms1slider > .ms1slider__slide {display:none;}

.ms1slider__ears {
  width: 80px;
  opacity: 0.8;
}

.ms1slider__ears:hover {
  opacity:1;
  background-color: rgba(255,255,255,0.2)
}


.ms1slider.main {width:100%; height: 450px; background:#fff;}

.ms1slider.main .slide-text {
  position: absolute;
  z-index:3;
  bottom:50px;
  left:50px;
}

.ms1slider.main .slide-text h2 {
  color: #fff;
  font-size: 40px;
  margin:0;
  line-height:1.5;
}

.ms1slider.main .slide-text h2 a {
  background: #000;
  padding: 0.2em 0.5em;
  border:none;
}

.ms1slider.main .slide-text h5 {
  color: #fff;
  margin:0 0 3px;
  line-height:1.5;  
  font-weight: bold;
  display:inline-block;
  background:rgba(0,0,0,0.7);
  background: #000\9;
  padding: 0.2em 0.5em;  
  color: #00ADEF;
}

.ms1slider.main .slide-text h5 a {border-bottom:none;}

.ms1slider.main .slide-text p.abstract {display:none;}

.ms1slider.main img {
  width: 100%;
  height: auto;
}




/* main page other */
.main #content-middle {
    border: solid 1px #8E9FAF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  padding: 20px;
  margin: 50px 0;
}








#header-partner a {
  margin-left: 2em;
  border: none;
  /*display: inline-block;
  *display: inline;
  padding-left: 22px;*/
}

#header-partner a.social {margin-left: 5px;}

#header-partner a.ico-feedback {}



/* common nav */

.chapter-next-prev {
  position: relative;
  overflow: hidden;
  /*padding: 30px 20px;
  border: solid 1px #eee;*/
  margin: 50px 0;
  border-top: 1px solid #eee;
}

.chapter-next-prev div.item {
  display: inline-block;
  vertical-align: top;
  _overflow:hidden;
  zoom:1;
  height:auto;
  *display:inline;
  position: relative;

  box-sizing: border-box;
  
  width: 49.5%;
  padding:0;  
  
  *width: 45%;
  padding:20px 0;  
}

.chapter-next-prev div.item.prev {
  text-align: right; 
  padding-right: 25px;
  border-right: solid 1px #eee;
}

.chapter-next-prev div.item.next {padding-left: 25px;}


.chapter-next-prev h3 {
  margin:0;
  font-size: 18px;
}



.chapter-next-prev p.subtitle {
  color:#888;
  margin:0;
}

/* related content */
div.related-pages {
  margin: 0 0 30px;
}

div.related-pages h2 {margin-bottom:0;}

div.related-pages .container {
  margin: 0 -25px 0;
}

div.related-pages .related-item {
  display: inline-block;
  vertical-align: top;
  _overflow:hidden;
  zoom:1;
  height:auto;
  *display:inline;
  position: relative;

  box-sizing: border-box;
  
  width: 33%;
  padding:25px;
  *width:30%; 
  margin-bottom: 20px;
  /*border: solid 1px #efefef;*/
}

div.related-pages .related-item h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 0.1em 0 0.5em;
}

div.related-pages .related-item .subtitle {color:#888;}
div.related-pages .related-item .date {font-size: 13px; color:#007dc6;}
div.related-pages .related-item .thumb img {
  max-width: 100%;
  height: auto;
  width: 100% \9;
  margin: 0 0 10px;
}

aside div.related-pages {margin:0 0 30px;}
aside div.related-pages h2 {margin-bottom:0.6em;}

aside div.related-pages .container {margin:0;}
aside div.related-pages .related-item {
  display: block;
  width: auto;
  padding:0;
  margin: 0 0 1em;
  border: none;
}

aside div.related-pages .related-item h3 {
  margin-bottom: 1px;
}

/* misc */
.thumb-menu {
  margin:0 -20px 0;
  *margin: 0 -1% 0;
  text-align: center;
}
.thumb-menu .col.chapter-thumb {
  box-sizing: border-box;
  width: 24.5%;
  padding: 0 20px;
  *width: 22%;
  *padding:0 1%;  
}

.colgrid-3 .thumb-menu .col.chapter-thumb {
  width: 32.8%;
  padding: 0 20px;
  *width: 31%;
  *padding:0 1%;  
}

.thumb-menu .col.chapter-thumb img {
  max-width: 100%;
  width: 100% \9;
  height: auto;
  
  margin-bottom: 0.5em;
}

/* thumb-menu expanded view */
.expanded .thumb-menu {text-align: left;}
.expanded .thumb-menu .abstract {display: block;}
.expanded .thumb-menu .chapter-thumb-text h3 {font-size: 20px;}
.expanded .thumb-menu .image-thumb {padding:3px; background: #eee;}
.expanded .thumb-menu .image-thumb img {margin:0;}





/* temp */
.search_short {display: none;}



/* temp main page */
#page-content.main {padding:0;}
#page-content.main #section-normal {
  position: relative;
  min-height: 900px; /* 1000px */
  background:url(/fileadmin/f/main/main1.jpg) 0 0 no-repeat;
  /*padding-left: 30%;*/
}
  /* #content-normal */
#page-content.main #content-normal {
  margin-left: 35%;
  padding: 50px;
  color: #fff;
}

#page-content.main #content-normal h2, #page-content.main #content-normal h3 {color:#fff;}
  
#page-content.main #content-normal .intro-block h2 {
  font-size: 36px;
  line-height: 48px;
}
  
#page-content.main {}
  
  /* #content-right */
#page-content.main #content-right {
  position: absolute;
  top:0;
  bottom:0;
  /*right:0;
  left: 65%;*/
  left: 0;
  right: 65%;
  background:rgba(0,0,0,0.7);
  color:#fff; 
  padding: 30px;
  
  font-size: 13px;
}

#page-content.main #content-right h3 {
  color:#ccc;
  margin: 0 0 0.3em;
  font-weight: bold;
}
#page-content.main #content-right ul.csc-menu {margin: 0 0 30px;}

#page-content.main #content-right ul.csc-menu > li {background:none; padding:0;}
#page-content.main #content-right ul.csc-menu a {border: none;}



/* registers pages */
body.register .content.inner #content-normal {max-width: none;}

.inner nav#register {
  margin: -50px -30px 50px;
}

nav#register {
  overflow: hidden;
  position: relative;
  padding: 20px 30px 15px;
  color:#111;
  background: #f2f3f4;
  border-left: 30px solid #007AC2;
  font-size: 13px;
}

nav#register > h2 {
  margin:0 0 0.2em;
}

.inner nav#register > h2 {display: none;}

nav#register  h3 {
  color:#666;
  font-weight: bold;
}

nav#register > .register-menu {
  float:left;
  width: 50%;
}

nav#register > .register-menu ul li {
  padding:0;
  background: none;
  margin: 0 0 3px;
}

nav#register > .register-menu.cert ul ul {padding:0; font-weight: 300; margin: 0.3em 0 0;}
nav#register > .register-menu.cert > ul > li {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  *width: 45%;
  font-weight: bold;
  margin:0 0 1em;
}

nav#register > .register-menu.cert > ul > li > a {border: none;}

nav#register  > .register-menu li > a {
    display: inline-block;  
    *display: inline;
    padding: 2px 4px;
    border: none;
}
nav#register  > .register-menu li.current > a {
    border-bottom-color: #fff;
    background: #007dc6;
    color: #fff;
    font-weight: normal;
}

nav#register  > .register-menu li.current > a {
  border-color: transparent !important;
}

/* main register menu */
.main nav#register {
  margin: 50px 0;
  background: rgba(78,61,13,0.7);
  border-left-color: rgba(195,128,45,0.42);
  color:#fff;
  font-size: 16px;
}
.main nav#register > .register-menu.cert > ul > li > a {opacity: 0.4;}
.main nav#register > h2 {opacity: 0.4;}

/* register tables */
.jstable-container {overflow-x:auto;}

.jstable-modal {
  display: none;
  position: fixed;
  overflow: auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:50px;
  background:#888;
  z-index:10;
}

.jstable-modal .btn {
  display: block;
  text-align: center;
  color: #fff;
  cursor: pointer;
  width: 5em;
  padding: 0.3em 0em;
  margin: -30px auto 15px;
  border: solid 2px #fff;
  font-weight: bold;
}

.jstable-modal .btn:hover {
  color:#00ADEF;
  border-color:#00ADEF;
}

.jstable-modal > .container {
  display: block;
  background:#fff;
  padding: 50px;
  position: relative;  
  max-width: 1100px;
  margin:0 auto;
}

.jstable-modal dl {}

.jstable-modal dt {font-weight: bold; font-size: 13px; color:#0c7abf;}
.jstable-modal dd {margin: 0 0 1em;}

/* type dependent tables */
.jstable td {cursor: pointer;}
.jstable tr:after {
  content:'\2026';
  display: table-cell;
  padding: 0 5px;
  border-bottom: solid 1px #e6e6e6;
  font-weight: bold;
  color: #00ADEF;
  vertical-align: middle;
}

.jstable tbody tr:hover:after {
  content:' + ';
  background: #f1f2f3;
}

.jstable tr.tr-0:after {border-bottom-color:#00ADEF;}
  /* table hide columns */ 

/* js tables types */
.type-1 td, .type-1 th
{display:none;}

.type-1 .td-0, .type-1 .td-1, .type-1 .td-4, .type-1 .td-6, .type-1 .td-9, .type-1 .td-13
{display:table-cell;}

.type-2 .td-2, .type-2 .td-3, .type-2 .td-5, .type-2 .td-7, .type-2 .td-8, .type-2 .td-11, .type-2 .td-13  
{display:none;}

.type-3 .td-1, .type-3 .td-2, .type-3 .td-8
{display:none;}

.type-4 .td-2, .type-4 .td-7
{display:none;}

.type-99 td, .type-99 th {display:none;}
.type-99 .id, .type-99 .date, .type-99 .company, .type-99 .cos, .type-99 .subject, .type-99 .entity
{display:table-cell;}

/* js table explicitely SHOW columns */
.jstable[class*="show-"] [class*="td-"] {display:none;}
.jstable[class*="show-"][class*="-0-"] .td-0 {display:table-cell;}
.jstable[class*="show-"][class*="-1-"] .td-1 {display:table-cell;}
.jstable[class*="show-"][class*="-2-"] .td-2 {display:table-cell;}
.jstable[class*="show-"][class*="-3-"] .td-3 {display:table-cell;}
.jstable[class*="show-"][class*="-4-"] .td-4 {display:table-cell;}
.jstable[class*="show-"][class*="-5-"] .td-5 {display:table-cell;}
.jstable[class*="show-"][class*="-6-"] .td-6 {display:table-cell;}
.jstable[class*="show-"][class*="-7-"] .td-7 {display:table-cell;}
.jstable[class*="show-"][class*="-8-"] .td-8 {display:table-cell;}
.jstable[class*="show-"][class*="-9-"] .td-9 {display:table-cell;}
.jstable[class*="show-"][class*="-10-"] .td-10 {display:table-cell;}
.jstable[class*="show-"][class*="-11-"] .td-11 {display:table-cell;}
.jstable[class*="show-"][class*="-12-"] .td-12 {display:table-cell;}
.jstable[class*="show-"][class*="-13-"] .td-13 {display:table-cell;}
.jstable[class*="show-"][class*="-14-"] .td-14 {display:table-cell;}
.jstable[class*="show-"][class*="-15-"] .td-15 {display:table-cell;}
.jstable[class*="show-"][class*="-16-"] .td-16 {display:table-cell;}
.jstable[class*="show-"][class*="-17-"] .td-17 {display:table-cell;}
.jstable[class*="show-"][class*="-18-"] .td-18 {display:table-cell;}


/* ms-filtered tables interface */
.ms-filtered-filters {
	margin:0 0 25px;
	background:#f2f3f4;
	font-size:14px;
	padding:1em;
}

.ms-filtered-filters > .filters {
	position:relative;
	overflow:hidden;
}

.ms-filtered-filters > .filters > .filterGroup {
	overflow:hidden;
	position:relative;
}

.ms-filtered-filters > .filters.cols-2 .col {width:50%;}
.ms-filtered-filters > .filters.cols-3 .col {width:33%;}
.ms-filtered-filters > .filters.cols-4 .col {width:25%;}

.ms-filtered-filters > .title {display:none;}

.ms-filtered-filters select {max-width:100%;}

/*
.ms-filtered-filters .filter {
	display:inline-block;
	cursor:pointer;
	margin:0 1em 1em 0;
}

.ms-filtered-filters .filter.active {color:#c00;}
.ms-filtered-filters .filter.active:before {
	content:'x';
    color: #fff;
    margin-right: 0.5em;
    vertical-align: middle;
    line-height: 1em;
    display: inline-block;
    background: #c00;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    text-align: center;
    font-weight: normal;
    font-size: 0.8em;
}

.ms-filtered-filters .filter .value {
	color:#007dc6;
	display:inline-block;
	margin-left:0.5em;
	font-weight:400;
	font-size:0.9em;
}
*/

table .ms-filtered-out {display:none};


/* jquery ui */
.ui-helper-hidden-accessible {display:none;}
ul.ui-autocomplete {
    z-index: 10;
    display: block;
    width: 600px;
    background: #fff;
    box-shadow: 1px 1px 5px 0px #666;
    list-style: none;
    padding: 0;
    font-size: 14px;
}

ul.ui-autocomplete li {
  padding:0.3em 0.5em;
  border-bottom: solid 1px #eee;
  background:none;
  line-height:1.3;
}

ul.ui-autocomplete li a {
  border: none;
}

/* form proposal specials */
form #okpd-all {
  padding:1em;
  margin:1em 0;
  background:#e9f2f9;
}

form #okpd-all .ui-helper-hidden-accessible {display:none;}

form .chosen-container {margin: 1em 0 0.5em;}

form .chosen-container ul li {
  padding:0.5em 0.8em;
  margin:0 0 0.5em;
  border: solid 1px #adadad;
  border-radius: 5px;
  background:none;
  cursor: pointer;
}

form .chosen-container ul li:hover {
  color:#c00;
  border-color:#c00;
} 

form span.notice {
  font-size:14px;
  vertical-align:-6px;
  margin-left: 1em;
  color:#888;
}

form span.notice strong {
  color:#007dc6;
}

body > ul.ui-autocomplete {
  max-height:500px;
  overflow-y:auto;
}
