body, html {
  height: 100%;
  margin:0px; padding:0px;
  font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF;background-color:#FFFFFF;background-color:#000000;


}

.bg {
  /* The image used */
  
  background-image: url("../images/headlayout.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #FFFFFF;}

.caption span a{

  color: #fff;
  width:207px;
  height:47px;
  padding:10px; 
  letter-spacing:7px;
  font-size: 15px;
  font-weight:bold; 	
  
  background-image:url(../images/goto.png);
  background-repeat: no-repeat;
}



a.zero:link {font-size:15px;letter-spacing: 0.8em; color:#FFFFFF;font-weight:bold; }
a.footer:link {font-size:20px;letter-spacing: 1em; color:#979797;}
a.one:link {font-size:20px; font-color:#FF6347;}
.rta{margin-bottom:500px;}
#mother {margin-bottom:50px;align: margin-left: auto;
    margin-right: auto;}



.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{ display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img:hover { webkit-filter: blur(2px); /* Chrome, Safari, Opera */filter: blur(4px);}

img{margin:0 auto; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:10px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:1240px; margin:0 auto; text-align:left;}

.row1, .row1 a{color:#FFFFFF;padding-left: 0px; padding-bottom:20px;font-weight:bold;}
.row2{color:#FFFFFF;}
.row2 a{color:#FFFFFF;}
.row3{border-top:1px solid #DEDEDE;}
.row3, .row3 a{color:#FFFFFF; }

/*----------------------------------------------Generalise-------------------------------------*/

#header {float: left;}
#content {margin-top:50px; margin-left:auto; margin-right:auto; font-size:18px;}

#jp_container_1, #jp_container_2, #jp_container_3{margin-bottom:30px;margin-left: auto;
    margin-right: auto;}

#header, #container, #footer{display:block; width:1240px;}

#footer {margin-bottom:400px; margin-top:0px; border:0px solid #D6D6D6;font-family:"Arial", "Times New Roman";}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3 {margin:0; margin-bottom:30px;padding:0; font-size:30px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}
h4, h5, h6 {margin-top:15px; margin-bottom:0px; font-size:40px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}
address{font-style:normal;}

blockquote, q{display:block; padding:0px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

/*----------------------------------------------Header-------------------------------------*/

#header{}

#header #hgroup{}
#header #hgroup h1, #header #hgroup h2{font-weight:normal; text-transform:none;}
#header #hgroup h1{font-size:36px;}
#header #hgroup h2{font-size:13px;}

#header nav{top:0%;z-index:2; position: fixed; width:100%; padding:20px 0px 20px 0px; display:block;background-color:#000000;}
#header nav ul{}
#header nav li{display:inline;margin-top:10px; margin-left:100px; text-transform:uppercase;background-color:#000000;}
#header nav li.last{margin-right:0;}
#header nav li a{}
#header nav li a:hover{color:#FFFFFF;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:10px;margin-left: auto; margin-right: auto;}
#container section{display:block; width:100%; margin-top:0; margin-left: auto; margin-right: auto;}
#container .last{margin:0;}
#container .more{text-align:right; text-transform:uppercase; font-size:smaller; font-weight:bold;}

/* ------Slider-----*/

#container #slider{display:block; width:100%;}
#container #slider a{display:block; padding:0px; border:0px solid #DEDEDE;}
#container #slider a:hover{border-color:#000000;}

/* ------Main Content-----*/

#container #content{margin-left: auto; margin-right: auto; width:1240px; line-height:1.6em;}

#container #content #latest{margin-top:70px;margin-left: auto; margin-right: auto; }
#container #content #latest ul{margin:0; padding:0; list-style:none;}
#container #content #latest ul li{display:block; width:100%; margin-bottom:30px;margin-left:auto; margin-right:auto;}
#container #content #latest ul li.last{margin-bottom:0;margin-left:auto; margin-right:auto;}
#container #content #latest ul li article{margin-left:auto; margin-right:auto;}
#container #content #latest ul li article figure{}
#container #content #latest ul li article figure img{ margin-top:-30px; margin-left: 175px; margin-right: auto;  width:880px; height:500px; padding:4px; border:1px solid #666666;}
#container #content #latest ul li article figure figcaption{margin-left: 175px; margin-right: auto; display:block; width:880px;background-color:#000000;}
#container #content #latest ul li article figure h2{font-size:14px;}
#container #content #latest ul li article figure footer{}



/*----------------------------------------------Footer-------------------------------------*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;

 
	
	}
}
-----------------------------------------------ScrolltoAnchor----------------------------*/

