/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

.moduletable_menu {
	border: solid 1px #ddd;
	/* background: #d7e8f1; */
	background: #fff1f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 20px
}

.hof_menu {
	max-width: 220px;
	margin-left:10px;
}

.img_logo {
	width : 149px;
	height: 190px;
}

.hof_search {
	max-width: 215px;
    margin-left: 15px;
    margin-top: 20px;
}

.igui-width-48-48 {
  padding: 10px 10px 20px 10px;
  border: 1px solid #BFBFBF;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
}

h2 {
	font-size: 26px;
	font-weight: normal; 
	margin-bottom: 0.75em;
}

h3 {
	font-size: 22px;
	font-weight: normal; 
}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	font-weight: normal;
	margin-bottom: 1.5em;
}

@media (min-width: 576px) {
  .site {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .site {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .site {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .site {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .site {
    max-width: 1140px;
  }
}



ul.menu {
	margin: 0 0 20px 0;
	
}

ul.menu a {
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
	box-shadow:0 1px 0 #fff;
}

ul.menu ul {
	margin: 0;
	padding: 0
}

ul.menu ul a {
	padding-left: 20px
}




ul.menu ul ul a {
	padding-left: 30px
}

ul.menu ul ul ul a {
	padding-left: 40px
}

ul.menu ul ul ul ul a {
	padding-left: 45px
}

ul.menu,ul.menu ul {
	list-style-type: none;

}

ul.menu ul a {
	/* background: #e5e5e5; */
	background : #f5dcdc;
	margin-bottom:1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;

}

ul.menu ul ul ul ul a {
	background: #fff;
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

ul.menu li:last-child a {
	border: 0;
	box-shadow: none
}

ul.menu a:hover,
ul.menu a:active,
ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #004746;
}


/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */

ul.menu li.active a,ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a ,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
{font-weight:bold; }

ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
{font-weight:normal}


.site {		
    margin: 10px auto 0 auto;
}

.new-site {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
}

.right_side {
	margin: -8px;
    margin-top: 1px;
}

.bg-left {
	   /* Background pattern from Toptal Subtle Patterns */
   /* background-image: url("../images/hg_left_long.png"); */
   background-color: red; 
   background-repeat: no-repeat;
   min-width:250px;
}

.bg-right {
	/* background-image: url("../images/page_hg.png");  #FFB6C1 fff1d9 */ 
	background-color: #fff1f8;
    background-repeat: repeat-x;
	   /* Background pattern from Toptal Subtle Patterns */
   height: auto;
   width: 100%;
   padding-left:10px;
   	
   
}

a:link,
a:visited
{
	color:#0A5E69
}

a:hover,
a:active,
a:focus
{
	background:#0A5E69;
	color:#ffffff;
}

.logo {
	padding-top: 30px;
    padding-left: 50px;
}

.content-top {
	padding: 25px 45px;
}


.zeitleiste {
	position: relative;
	margin-left: 5.5em;
	list-style-type: none;
}

.zeitleiste::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	top: 0;
	background: black;
	width: 0.1em;
}

.zeitleiste::after {
	position: absolute;
	content: "";
	bottom: -1.3em;
	left: -0.8em;
	width: 0;
	height: 0;
	border-width: 1em;
	border-style: solid;
	border-color: grey transparent transparent transparent;
}

.zeitleist_top {
	
}

.table_no_hover {
   background-color: transparent !important;
   border: solid 0px !important; 
}

.table_no_hover tr:hover td, 
.table_no_hover tr:hover th {
   background-color: transparent !important;
   border: solid 0px !important;
  
}

.table_no_hover th, table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
  line-height: 1.5em;
  text-align: left;
}

.show-ul {
	overflow: visible !IMPORTANT;
}

.zeitleiste >li::before {
	position: absolute;
	content: "";
	width: 0.2em;
	height: 0.2em;
	left: -0.2em;
        margin-top: 0.3em;
	border-radius: 50%;
	border: 0.2em solid #e92163;
	background: #e92163;
	box-shadow: 0px 0px 0px 3px rgba(233,33,99,0.3);
}

.zeitleiste >li {
	margin-bottom: 1em;
}

.zeitleiste li h3 {
	margin: -1.3em 0 0.2em;
}

.color_red{	
	color : #e92163;
}

.zeitleiste time {
	display: block;
	font-weight: bold;
	margin-left: -6em;
	width: 3em;
	text-align: right;
}

.zeitleiste_time_red {
  top:0px;
  margin-left: -6em;
  padding:0px 4px;
  width: 6.5em;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}

.zeitleiste p {
  margin: -1.7em 0 0.2em;
}



.zeitleiste_small {
  margin-left: -6em;
  width: 3em; 
}

.table_no_hover {
   background-color: transparent !important;
   border: solid 0px !important; 
}


.timeline{
  position:relative;
  margin:10px auto;
  padding:20px 0;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.timeline_content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:rgba(233,33,99,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:rgba(233,33,99,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li h3{
  padding:0;
  margin:0;
  color:rgba(233,33,99,1);
  font-weight:600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .timeline_time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(odd) .timeline_time
{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}
.timeline ul li:nth-child(even) .timeline_time
{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}

.timeline_color {
   color : #e92163; 
}

.timeline_red {
   color : red; 
}

.timeline_orange {
   color : orange; 
}

.timeline_blue {
   color : blue; 
}

.timeline_yellow {
   color : yellow; 
}

.timeline_green {
   color : green; 
}

.timeline_cyan {
   color : cyan; 
}

.timeline_purple {
   color : purple; 
}

.timeline_pink {
   color : pink; 
}

.timeline_brown {
   color : #8B4513; 
}

.timeline_white {
   color : white; 
}

.timeline_bg_red {
   background-color : red; 
}

.timeline_bg_black {
   background-color : black; 
}

.timeline_bg_blue {
   background-color : blue; 
}

.timeline_bg_green {
   background-color : green; 
}

.timeline_bg_pink {
   background-color : pink; 
}

.timeline_bg_white {
   background-color : white; 
}

.timeline_border {
   border-style  : solid;
   border-color  : black;
   border-width  : 1px;  
   padding: 10px;
}

.timeline_smaller {
   font-size: smaller;
}


.table_no_hover {
   background-color: transparent !important;
   border: solid 0px !important; 
}


.table_no_hover tr:hover td, 
.table_no_hover tr:hover th {
   background-color: transparent !important;
   border: solid 0px !important;
}

.accordion-container {
  background-color: lila;
}

.accordion-box {
  background-color: pink; 
}

.accordion {
  background-color: yellow; 
}

.accordion-group {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.accordion-heading {

}
.accordion-body {

}

.accordion-inner {
  padding: 0 18px;
  background-color: white;
}

.accordion-toggle {
 
}

a.accordion-toggle {
 display:block;
}


@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .timeline_time,
  .timeline ul li:nth-child(even) .timeline_time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}  
 
.megmenu{
padding: 20px;
}

.table-marker {
   background-color: #FEFDE2;
}