body{
font-family: Arial,sans-serif;
color: #333;
line-height: 1.166;	
margin: 0;
padding: 0;
background: #ccc url(bg_grad.jpg);
}
h1{
font: 22px Verdana;
color: #111;
text-align: center;
}
h2{
font: 16px Verdana;
color: #111;
text-align: center;
}
h3{
font: bold 14px Verdana;
color: #111;
font-style: italic;
padding: 0 20px;
}
h4{
font: 100% Arial,sans-serif;
color: #333;
margin: 0;
padding: 0;
}
.header{
display: flex;
justify-content: space-between;
padding: 0;
margin: 0;
color: #333;
font-family: sans-serif;
}
.logoblock{
display: flex;
align-items: center;
padding: 15px 0 0 30px;
width: 20%;
}
.logoblock img{
max-width: 100%;
height: auto;
}
.title{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 15px;
font-size: 1.3em;
width: 55%;
text-shadow: 1px 0px black;
color: #fff;
}
.cont{
text-align: left;
padding: 15px;
width: 25%;
}
.cont a{
text-decoration: none;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-shadow: 1px 0px #333;
}
.Phone{
padding-top: 5px;
}
.Phone a{
font-size: 18px;
color: #fff;
text-decoration: none;
text-shadow: 1px 0px #333;
font-weight: 500;
}
#pagecell{
position:absolute;
top: 135px;
left: 2%;
right: 2%;
width: 96%;
background-color: #fff;
}
#pageNav{
text-align: center;
}
#pageNav img{
width: 157px;
height: 157px;
}
.telefon{
font-weight: 600;
}
#tl{
position:absolute;
top: -1px;
left: -1px;
margin: 0;
padding: 0;
z-index: 100;
}
#tr{
position:absolute;
top: -1px;
right: -1px;
margin: 0;
padding: 0;
z-index: 100;
}
.masthead{
position:absolute;
top: 95px;
left: 2%;
right: 2%;
width: 96%;	
}
#pageNav{
float: left;
width: 178px;
padding: 10px 0 0 0;
background-color: #F5f7f7;
border-right: 1px solid #ccc;
font: small Verdana,sans-serif;
}
#content{
padding: 0 10px 0 0;
margin: 0 0 0 178px;
border-left: 1px solid #ccc;
}
#globalNav{
position: relative;
width: 100%;
min-width: 240px;
height: 32px;
color: #ccc;
padding: 0;
margin: 0;
background-image: url("glbnav_background.gif");
}
#globalNav img{
margin-bottom: -4px; 
}
#gnl{
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 32px;
}
#gnr{
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 32px;
}
#menu,
label{
display: none;
}
.menu{
 z-index: 300;
}
.menu ul{
margin: 0;
list-style: none;
padding: 0;
display: flex;
justify-content: center;
background-color: #e4e4e4;
}
.menu li a{
display: block;
padding: 7px 12px;
color: #333;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
}
.menu li a:hover{
background: #454547;
color: #fff;
box-shadow: 1px 5px 10px -5px black;
transition: all 0.3s ease;
}
.menu li ul{
position: absolute;
min-width: 150px;
display: none;
}
.menu li > ul li{
border: 1px solid #c7c8ca;
}
.menu li > ul li a{
padding: 10px;
text-transform: none;
background: #e4e4e5;
}
.menu li:hover > ul{
display: block;
z-index: 300;
}
.subglobalNav{
position: absolute;
top: 84px;
left: 0;
min-width: 240px;
height: 20px;
padding: 0 0 0 10px;
visibility: hidden;
color: #fff;
}
.feature{
padding: 10px 0 0 10px;
font-size: 80%;
height: auto;
}
.feature img{
width: 100%;
padding: 0;
}
.story {
padding: 10px;
text-align: justify;
line-height: 1.5;	
}
.story p {
font-size: 15px;
padding: 0 40px;
}
.story img{
max-width: 100%;
height: auto;
margin: 1px;
}
.story ul{
font-size: 15px;	
list-style-type: circle;
margin: 0 40px;
}
.underline{
text-decoration: underline;
}
.underline_left{
text-decoration: underline;
text-align: left;
margin: 15px 100px;
}
.textcenter{
text-align: center;
}
.mailcenter{
text-align: center;
}
.mailcenter a{
text-decoration: none;
text-align: center;
line-height: 1.9;
color: #712310;
font-size: 14px;
}
.formsize{
text-decoration: none;
}
.red{
color: #FF0000;
font-weight: bold;
}
.leftimg img{
float: left;
width: 170px;
height: 123px;
margin: 0 10px;
}
.centr-img{
text-align: center;
}
.centr-img img{
width: 320px;
height: 240px;
}
.left-img{
text-align: center;
}
.left-img img{
width: 285px;
height: 250px;
}
.boldfont{
font-weight: bold;
}
.boldfont_centr{
font-weight: bold;
text-align: center;
}
.boldfont_size p{
font-size: 20px;
text-align: center;
}
.underital{
text-decoration: underline;
font-style: italic;
}
.images{
text-align: center;
}
.red-yellow{
color: #F00;
background: #fced3f;
text-align: center;
padding: 10px 0;
margin-top: 10px;
}
.text-center{
text-align: center;
}
.cont-center{
text-align: center;
font-weight: bold;
color: #712310;
}
.table{
width: 90%;
max-width: 900px;
margin: 0 auto;
}
table{
width: 100%;
border-collapse: collapse;
text-align: center;
}
td,
th{
padding: 0;
border:  1px solid black;
}
td{
position: relative;
max-width: 300px;
}
.table img{
width: 255px;
height: 170px;
}
#siteInfo{
clear: both;
border-top: 1px solid #ccc;
font-size: small;
color: #003333;
padding: 10px;
margin-top: -1px;
}
#siteInfo p{
text-align: center;
}
#siteInfo a{
color: #333;
text-decoration: none;
font-weight: 600;
}
.over {
background: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
}
.notfound{
padding-top: 50px;
text-align: center;
color: #fff;
font-size: 1.8em;
position: relative;
z-index: 2;
}
.notfound a{
color: #fff;
font-size: 0.7em;
}
.notfound a:hover{
color: #999;
text-decoration: none;
}
.social{
	width: 25px;
    margin: 0 auto;
    padding: 0;
}
.instagram{
	display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
	background: url(images/instagram_icon.png);
}