@charset "utf-8";
/* CSS Document */

body {
	background-image:url(bg-pic.JPG);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
.balken {visibility:visible;
	width: 100%;
	position:absolute;
	top:10%;
	background:#F3DD15;
	color:#000;
	text-align: center;
	font-size: 22px;
	font-stretch: extra-expanded;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	}
a:link {text-decoration:none;color:#fff;}
a:visited {text-decoration:none;color:#fff;}
a:hover {text-decoration:none;
			color:#fff;
			font-weight:bold;}
a:active {text-decoration:none;color:#fff;}

.main-tbl {
	width:1000px;
	height:55px;
	top:-8px;
	position:relative;
	background-color:#fff;
	z-index:10;
	}

.main-tbl2 {
	width:1000px;
	position:relative;
	top:-8px;
	background-color:#fff;
	
	}

	
.tbl-inner {
	width:100%;
	background-image:url("hp-back1.png");
	height:600px;
	position: relative;
  	background-attachment: scroll;
  	-webkit-background-attacement:scroll;
  	-moz-background-attacement:scroll;
  	-o-background-attacement:scroll;
  	background-position: center 5px;
  	background-repeat: no-repeat;
  	background-size: 100%;
  	-webkit-background-size: 100%;
  	-moz-background-size: 100%;
  	-o-background-size: 100%;
  	min-height:95%;
	
	
}

.tbl-inner-light {
	width:100%;
	background-image:url("hp-back2.png");
	height:600px;
	position: relative;
   	background-attachment: scroll;
  	-webkit-background-attacement:scroll;
  	-moz-background-attacement:scroll;
  	-o-background-attacement:scroll;
  	background-position: center 5px;
  	background-repeat: no-repeat;
  	background-size: 100% auto;
  	-webkit-background-size: 100% auto;
  	-moz-background-size: 100% auto;
  	-o-background-size: 100% auto;
  	min-height:95%;
	font-family:Arial, Helvetica, sans-serif;
	
}

.menu {
	width:997px;
	background-color:#fff;
	border:0px;
	top:0px;
	position:fixed;
	margin-left:-2;
	z-index:10;
	
}

.inner-menu {
	background-color:#33F;
	color:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:16%;
	border:0px;
	padding-bottom:20px;
	padding-top:5px;
	z-index:10;
	
	
}

.spacer {
	background-color:#fff;
	width:3px;
	border:0px;
	z-index:10;
	
}

.footer {
	height:180px;	
	background:#000;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.footer-inner {
	float:left;
	width:23%;
}
.footer-inner2 {
	float:left;
	width:23%;
}
.footer-inner-hdr {
	width:23%;
	font-size:18px;
	font-weight:bold;
}
.footer-inner-hdr2 {
	width:23%;
	font-size:18px;
	font-weight:bold;
}


.sidenav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    height: 100%;
    width: 0px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #33f;
	overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
	z-index:12;
}

.sidenav a {
    padding: 8px 8px 8px 22px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #0FF;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 46px;
    margin-left: 50px;
	
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

.menu2 {
	visibility:collapse;
	color:#fff;
	position:fixed;
	top:0px;
	width:100%;
	height:50px;
	background-color:#33F;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	left:-10px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	vertical-align:middle;
	z-index:10;
}

.greytxt {
color: #777;
text-align:center;
padding:50px 80px;
text-align: justify;	
}

.greytxt a:link{color:#000;text-decoration:none;}
.greytxt a:hover{color:#000;text-decoration:none;font-weight:bolder;}
.greytxt a:active{color:#000;text-decoration:none;}
.greytxt a:visited{color:#000;text-decoration:none;}


.greentxt {
color: #060;
text-align:center;
padding-left:0px;
text-align: left;	
}

.redtxt {color:#900;font-size:18px;}
.redtxt a:link {text-decoration:none;color:#900;}
.redtxt a:hover {text-decoration:none;color:#F00;}
.redtxt a:active {text-decoration:none;color:#900;}
.redtxt a:visited {text-decoration:none;color:#900;}

.inner50 {
	vertical-align:top;
	width:50%;
	float:left;
	height:300px;
	/* border-right-style:solid;
	border-right-width:3px;
	border-right-color:#039; */
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-image:linear-gradient(to top,white 10%, #9CF 100%);
	background-repeat:no-repeat;
	padding-left:5px;
}

.inner30 {
	vertical-align:top;
	width:33.3%;
	float:left;
	height:700px;
	/* border-right-style:solid;
	border-right-width:3px;
	border-right-color:#039; */
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:5px;
}
.inner20 {
	vertical-align:top;
	width:49%;
	float:left;
	height:500px;
	/* border-right-style:solid;
	border-right-width:3px;
	border-right-color:#039; */
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:5px;
}
.website-1 {
	background-color:#fff;
	width:50%;
	float:left;
	height:250px;
border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background-image:linear-gradient(to top,white 10%, #9CF 100%);
	background-repeat:no-repeat;
	}
.website-1 img {width:300px;height:200px;}
.website-1 a:link {text-decoration:none;color:#900;}
.website-1 a:hover {text-decoration:none;color:#F00;}
.website-1 a:active {text-decoration:none;color:#900;}
.website-1 a:visited {text-decoration:none;color:#900;}

.website-2 {
	background-color:#fff;
	width:50%;
	float:left;
	height:250px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background-image:linear-gradient(to top,white 10%, #9CF 100%);
	background-repeat:no-repeat;
	}

.website-2 a:link {text-decoration:none;color:#900;}
.website-2 a:hover {text-decoration:none;color:#F00;}
.website-2 a:active {text-decoration:none;color:#900;}
.website-2 a:visited {text-decoration:none;color:#900;}


.inner50x500 {
	vertical-align:top;
	width:50%;
	float:left;
	height:500px;
	/* border-right-style:solid;
	border-right-width:3px;
	border-right-color:#039; */
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#039;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-image:linear-gradient(to top,white 10%, #9CF 100%);
	background-repeat:no-repeat;
	padding-left:5px;
}
.sorglos {
	width:25%;
	float:left;
	padding-left:5%;
	padding-right:5%;
	}
.sorglos img {
	
	width:80%;
	height:auto;
	text-align:center;
}

.butone {
	position:absolute;
	background-color:#C00;
	height:100px;
	width:300px;
	border-radius:50%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	box-shadow:#000 10px 10px 10px;
	text-align:center;
	vertical-align:central;
	top:480px;
	left:60%;
	transform:rotate(-20deg);
	
	}


.butdue {
	visibility:collapse;
	position:absolute;
	
	background-color:#FF6;
	
	width:100%;
	
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	vertical-align:central;
	top:75px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
		
}



@media screen and (max-width: 1170px) {
	
.menu {
	visibility:collapse;
	width:0px;
}
.inner-menu {
	visibility:collapse;
	width:0px;
}
.spacer {
	visibility:collapse;
	width:0px;
}
	
.menu2 {
	visibility:visible;
}	

.main-tbl {
	width:100%;	
	top:0px;
}
.main-tbl2 {width:100%;
			top:0px;
}

.tbl-inner {
	height:270px;
	  	background-position: center 2px;

}
.tbl-inner-light {
	height:270px;
  	background-position: center 2px;
	
	
}
.footer {font-size:16px;}
.footer-inner {
	width:100%;
	border-top-style:solid;
	border-top-color:#fff;
	border-top-width:2px;
}

.footer-inner2 {width:100%;}
.footer-inner-hdr2 {
	visibility:collapse;
	height:0px;
	font-size:1px;
	font-weight:normal;
	
}



.inner50 {width:100%;}
.inner30 {width:100%;height:auto;}
.inner50x500 {width:100%}
.website-1 {width:100%;
	background:#fff;
	vertical-align:text-top;
}
.website-1 {border-bottom:none;}
.website-1 img {width:100%;height:auto;}
.website-2 {width:100%;
	height:100px;
	vertical-align:text-top;
	background-image:linear-gradient(to bottom,white 10%, #9CF 100%);
	background-repeat:no-repeat;

}
.sorglos {width:100%;
padding:0;
}
.sorglos img{max-width:200px;}
.butone {
	top:180px;
	left:100px;
	
}

.butdue {
	top:180px;
	
	
}


}