/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


body {
  background-color: #bbb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0px solid yellow;
  min-width: 240px;
  font-family: 'LatoWeb';
  font-size: 15px;
  line-height: 1.1;
}

.preload {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-repeat:no-repeat;
  background-position: -9999px -9999px;
}

#body-container-1 {
  width: 100%;
  
  margin: 0;
  padding: 0 3%;
  border: 0px solid green;
  background-color: #bbb;
  
  overflow: hidden; 
  position: relative;
}
#body-container-1[id] {

}

#body-container-2 {
  
} /* for quirk explorer only*/

#body-container-2[id] {
  vertical-align: middle; 
  width: 100%; 
}

#body-container-3 {
  position: relative; 
  margin-left: auto; 
  margin-right: auto;    /* for quirk explorer only */
  max-width: 1200px;
  min-width: 320px;
} 


.container {
  border: 0px solid red;
}

.columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.resize {
  max-width: 100%;
}

.row {
	max-width: 100%;
  padding: 50px;
/*	background-image: url("../img/no.gif");
	background-repeat:no-repeat;
	background-position:center;
	/*background-size: 800px;*/

	color: #fff;
	text-align: center;
}

img#back {
    position: relative;
    z-index: 0;
}

#site, .lights {
/*  
  margin:8% auto;
  border: 1px solid orange;
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
*/  
}







a {
  text-decoration: none;
}
a:link    {color:white;}
a:visited {color:#dedede;}
a:hover   {color:#ff0000;}
a:active  {color:red;} 


#logo {
   position: absolute;
   width: 19%;
   height: 14.7%;
   top: 2%;
   right: 1.1%;
   border: 0px dashed #009999;
}

#logo img {
   width: 100%;
}

#screen {
  font-size:78%;
  line-height:78%;
  text-shadow: 0px 0px 1px white;
  color: rgba(250, 250, 250, 100);
  margin: 0;
  position: absolute;
  overflow:auto;
  top: 18.9%;
  left: 41.5%;
  width: 27.5%;
  height: 28.5%;
  border: 0px solid blue;
  *color: #dddddd;
/*
  filter: dropshadow(color=white, offx=1, offy=1);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=white,direction=45);
*/
}

#screen h1 {
  font-size: 1em;
  color: #ffffff;
}

#screen strong {
  font-size: 1em;
  color: #ffffff;
}

#content {
  font-size: 0.9em;
}

#content #logo-content {
  margin: 22% 27%;
  position:absolute;
  width: 45%;
}

#content.kontakt, #content.contact {
  margin: 12% 20%;
  line-height: 1.1em;
}

#content.kontakt p, #content.contact p{
  margin: 5% 0%;
  line-height: 125%;
}


#screen .contact-name {
  color: #dcdcdc;
}

#screen a,#screen a:link, #screen a:visited {
  text-decoration: none;
  color: #bbbbbb;
}

#screen a:hover, #screen a:active {
  color: #dddddd;
}

.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}

.foot {
	position: absolute;
	bottom: 0;
   width: 100%;
}