/* 
    Document   : screen
    Created on : 19.10.2013, 16:44:24
    Author     : IKJ
    Description:
        Purpose of the stylesheet follows.
*/
/*ikj_logo
Die gefloateten Divs reagieren nicht auf die height-Parameter!
*/

/*@import url(/css/yaml/core/base.css);
@import url(/css/yaml/navigation/hlist.css);
@import url(/css/yaml/forms/gray-theme.css);
@import url(/css/yaml/screen/typography.css);
@import url(/css/yaml/screen/screen-FULLPAGE-layout.css);
@import url(/css/yaml/print/print.css);*/

body, html { 
    width: 100%;
    height: 100%;
    min-height: 600px;
    min-width: 1024px;
    margin: 0 auto;
    padding: 0 auto;
    font-family: verdana, sans-serif;
}

#oben{
    position: static;
    width: 100%;
    height: 139px;
    padding: 0;
    margin: 0;
}

#links_oben{
    width: 16%;
    height: 100%;
    background-color: #F5F5F5;
    float: left;
}

#mid{
    width: 67%;
    height: 100%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    float: left;
}

#rechts_oben{
    width: 16%;
    height: 100%;
    background-color: #F5F5F5;
    float: left;
}

#oben #mid #ikj_logo .ym-cbox img{
    width: 6%;
    height: 100%; 
    margin-top: 0.8%;
}


#site{
	
/*    overflow: hidden;*/
    padding-left: 0; /* column width */
    width: 100%;
    height: 70%;
    min-height: 40%;
}
.impressum-seite{
	 color: #5a5a5a;
    font: 13px;
	height: 135% !important;
	margin-right: 10px;
}
.impressum-seite #content{
	margin-left: 15px;
}
.impressum-seite a{
	color: #e2001a;
	font-weight: bold;
	}
#rand_links{
    float: left;
    width: 16%;
    height: 103.4%;
    background-color: #F5F5F5;
}
.impressum-seite #rand_links{
	
	 height: 101.5% !important;
}

.impressum-seite #rand_rechts{
	
	 height: 101.5% !important;
}
#middle{
    top: 33%;
    float: left;
    width: 68%;
    height: 100%;
}

#rand_rechts{
    float: left;
    width: 16%;
    height: 103.4%;
    background-color: #F5F5F5;
}

/*.ym-col2 .ym-cbox{
    position: relative;
    top: 23%;
    
}*/

#header{
    position: relative;
    height: 250px;
    width: 100%;
    /*background-color: blue;*/
    z-index: 99;
    padding: 0;
    margin: 0;
}

#balken_links{
    width: 16%;
    height: 250px;
    background-image: url("../images/Rand_neu.png");
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    float: left;
}

#balken_rechts{
    width: 16%;
    height: 250px;
    background-image: url("../images/Rand_neu.png");
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    float: left;
}

#slideshow{
    width: 67%;
    height: 100%;
    float: left;
    background-color: #E2001A;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  /*margin-top: -5.2%;*/
  /*margin-left: 5.5%;*/
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 250px;
  float: left;
  width: auto;
  border: 0;
  max-width: 1000px;

  }
 
  
  #content{
      position: relative;
      top: 40%;
      width: auto;
      height: auto;
      padding: 1% 1.5% 2% 1%;
  }

  @media (min-height: 769px) and (min-width: 1366px){
      .rslides img {
            display: block;
            height: 250px;
            float: left;
            width: auto;
            border: 0;
            max-width: 1000px;
            margin-left: 5%;
            margin-right: 5%;
        }
  }


#login_user-element{
    width: 10%;
}/*

*/.loginForm{
    margin-left: 40%;
}


.errors{
    clear: both;
	text-align: center;
	color: red;
}

/**  Footer **/


.back-to-top span{
	
	margin-top: 25px;
	margin-left: 10.5px;
	
	}
.back-to-top {
vertical-align:middle;
background: none;
margin: 0;
position: fixed;
bottom: 150px;
right: 0;
width: 70px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
display: flex;
 background-color: rgba(0, 0, 0, 0.50);
}

.back-to-top i {
  font-size: 60px;
}

h1 {
	color: #e2001a;
	font-size:24px;
	font-weight:  bold;
}

h2 {
	font-size: 18px;
}

.footer{
	background-color: #f5f5f5;
	bottom: 0;
	height: 60px;
	width: 100%;
}

/**  Footer 

.footer{
	background-color: #f5f5f5;
	bottom: 0;
	height: 60px;
	width: 100%;
}

footer a {
  color: #9f9a93;
}

footer a:hover {
  color: #635f58!important;
}

footer .phone {
  font-size: 1.4em;
  font-weight: 700;
  color: #E0E6AE;
}

footer .navbar {
  margin-bottom: 0;
  min-height: 0;
}

footer .navbar-default {
  border: none;
  margin-right: 40px;
}

footer .navbar-nav>li a {
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: underline;
  color: #EEC856 !important;
}
footer span.pull-right{
	margin-right: 120px;
}
**/
#loading {
    position: fixed;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.50);
    top: 0;
    z-index:999;
}

.plus {
    display: flex;
    margin: 0 auto;
}

.mainContent{
	margin-bottom: 29px;
}