﻿body{color:#707070;font-size:14px;padding:0px;margin:0px;height:100%;background-color:#336633;font-family:Verdana,Arial,sans-serif;background-image: url("../pics/foto_bg.jpg");}
h1{position:relative;font-size:30px;font-weight:bold;margin-bottom:45px;color:#1BD152;text-align:center;}
h2{position:relative;font-size:24px;font-weight:bold;margin-bottom:30px;color:#1BD152;}
h3{position:relative;font-size:18px;font-weight:bold;margin-bottom:15px;color:#1BD152;}
h4{position:relative;font-size:16px;font-weight:bold;margin-bottom:15px;color:#1BD152;}
#header{position:relative;height:170px;width:970px;background-image: url(./pics/empty.gif);z-index:20;}
#menuview{position:relative; height:170px;background-image: url(./pics/empty.gif);z-index:20;}
.menu{ position: relative; clear: both;}
.logo{position:relative;float: left;left:20px; top: 8px;}
.logotext{position:absolute;float: left;top: 120px;left: 230px;color: #AD0000; font-weight:bold;font-style:italic;}
img{border:none;}
a{text-decoration:none;color:#107A2B;}

a:hover{text-decoration:underline;}
#container{
	position:absolute;
	width:970px;
	text-align:left;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	padding-bottom: 50px;
	top: 5%;
	left: 5%;
	opacity: 0.85;
}
#site{position:relative;width:100%;overflow:visible;top:0px;left: 0px;}
.middle{position:relative;float:left;width:940px;min-width:900px;margin-left:10px;}
.right{position:relative;float:left;width:250px;}

#bgvid {
	object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

/*Menu*/
ul.mod-menu {
    position: absolute;
    clear:both;
    margin: 0px;
    top: 270px;
	left: 200px;
    list-style: none;
    z-index:15;
    width:618px;
}

ul.mod-menu li {
    width: 113px;
    display:inline;
    float:left;
}

ul.mod-menu li a {
    display: block;
    float:left;
    width: 110px;
    height: 25px;
	font-size: 18px;
    /*background-color:#ffd074;
    background-repeat:no-repeat;
    background-position:50% 1px;
    border:1px solid #ffb321;
    text-decoration:none;
    text-align:center;
    padding-top:48px;
    border-radius:5px;
    opacity: 0.7;
    filter: alpha(opacity=70);*/
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
*/
}
ul.mod-menu li a:hover{ font-weight:bold;}
ul.mod-menu li a span{
    letter-spacing:2px;
    font-size:14px;
    color:#c87119;
    text-shadow: 0 -1px 1px #fff;
}

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

#CanvasContainer {
	position: relative;
	border: none;
}
.content_text{padding:15px;text-align:left;margin-top:10px;line-height:18px;}
.cle_text{clear:both;}
#InfoBox{
	border: 1px solid #ff00AA;
	width: 200px;
	height:100px;
}

.picstext_re img
{
	float: left;
	margin-right: 10px;
}

.picstext_li img
{
	float: right;
	margin-left: 10px;
}
