@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font-family: 'Crimson Text', serif;
color:#7d7d7d;
/*min-width: 960px;*/
min-height:1100px;
width:100%;
height:100%;
overflow:auto !important;
z-index:1;
}
@media only screen and (max-width: 767px;) {
body {min-height:700px; /*min-width:0px;*/}
}
.scroll-y{
	overflow-y: auto;
}
.scroll-block{
    margin: 0;

    float: none;
}
body p a {
text-decoration:none;
color:#7b9a41;
}
body p a:hover {
text-decoration:underline;
color:#595759;
}
h1 {
margin-left: 8px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
h1 {width:305px; margin:0 auto; display:block; padding-top:15px;}
}
h1>a{
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 305px;
height: 141px;
background: url(../images/logo.png) left center no-repeat;
}
h2 {
font-family: 'Marcellus SC', serif;
font-weight:normal;
font-size:26px;
color: #7b9a41;
padding-bottom: 18px;
letter-spacing: 8px;
word-spacing: 4px;
padding-left:20px;
}
@media only screen and (max-width: 767px) {
h2 {letter-spacing:2px; font-size:115%;}
}
h2 .sub {
font:30px/30px 'Crimson Text', serif;
font-style:italic;
letter-spacing: 1px;
word-spacing: 2px;
color:#595759;
}
@media only screen and (max-width: 767px) {
h2 .sub {font-size:100%;}
}
h3 {
font:87px/125px 'Crimson Text', serif, normal;
font-style:italic;
color: #fff;
padding-bottom: 24px;
letter-spacing: 1px;
text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
word-spacing: 4px;
}
p {
text-transform: none;
padding-bottom: 20px;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
@media only screen and (max-width: 767px) {
#glob {overflow:visible;}
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #282420;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #282420;
}
#slpashGrid{
position: absolute;
display: block;
width: 100%;
height: 100%;
background: url(../images/splash_grid.png);
z-index: 1;
}
@media only screen and (max-width: 767px) {
#slpashGrid {display:none;}
}
.pagin{
display: inline-block;
padding: 6px 25px;
background: url(../images/pagin_bg.png);
text-align: center;
position: absolute;
right: 1px;
top: -32px;
}
.pagin>ul>li{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 4px 0;
}
.pagin>ul>li>a{
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
background: url(../images/pagin_icon.png) center bottom no-repeat;
}
.pagin>ul>li.active>a{
background: url(../images/pagin_icon.png) center top no-repeat;
}
#splashInfo{
position: absolute;
display: inline-block;
left: 0;
top: -108px;
width: 376px;
height: 109px;
background: url(../images/more_bg.png);
overflow: hidden;
}
#splashInfo>ul{
padding: 35px 27px;
}
#splashInfo>ul>li{
display: none;
}
#splashInfo>ul>li.active{
display: block;
}
#splashInfo>ul>li>p,#splashInfo>ul>li>p>a{
font: 16px 'Marcellus SC', serif;
color: #fff;
/*text-transform: uppercase;*/
letter-spacing: 4px;
}
#splashInfo>ul>li>p>a{
font-family: 'Crimson Text', serif;
text-transform:none;
color: #7b9a41;
font-size: 20px;
line-height: 14px;
padding-top: 5px;
display: inline-block;
letter-spacing: 0;
}
#splashInfo img {
/*margin:11px 0 0 152px; */
position:relative;
left:142px;
top:11px;
}
header, footer{
position:absolute;
width:100%;
z-index:100;
}
/*header*/
header{
top:0px;
height:259px;
background: url(../images/header_bg.png) center top repeat-x;
}
@media only screen and (max-width: 767px) {
header  {height:235px; background-position:center -25px;}
}
.menu_link{
display: inline-block;
margin-left: 9px;
background: url(../images/menu_divider.png) left center no-repeat;
}
.menu_link>li{
position: relative;
display: inline-block;
background: url(../images/menu_divider.png) right center no-repeat;
height: 60px;
float: left;
text-align: center;
}
.menu_link>li>a{
position: relative;
display: inline-block;
font: 12px/14px 'Ubuntu', sans-serif;
color: #616161;
text-transform: uppercase;
margin: 23px 21px;
}
.soc_links{
display: inline-block;
right: -10px;
float: right;
position: relative;
margin-top: 2px;
}
.soc_links>li{
display: inline-block;
position: relative;
width: 36px;
height: 36px;
float: left;
margin-left: 1px;
}
.soc_links>li>a{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.soc_links>li>a>img{
position: relative;
margin-top: 10px;
}
/*end header*/
/*footer*/
footer {
bottom:0px;
height:196px;
background: url(../images/footer_bg.png) center top repeat-x;
}
footer p {
position: relative;
display: inline-block;
font: 11px 'Marcellus SC', serif;
letter-spacing:4px;
color: #7b9a41;
text-transform: uppercase;
}
footer p .grey, .footer p .grey {
color: #595759;
}
footer p>.subText {
font: bold 10px/12px Arial, sans-serif;
text-transform: uppercase;
color: #949494;
display: inline-block;
position: relative;
margin-top: 6px;
}
footer p a{
color: #949494;
}
.compName{
font-size: 24px;
line-height: 29px;
color: #5e5e5e;
padding-top: 2px;
letter-spacing: -1px;
}
.compName>a{
color: #5e5e5e;
}
.compName>a:hover{
text-decoration: none;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
float: right;
right: 0px;
top: 120px;
}
@media only screen and (max-width: 767px) {
.menu  {width:100%; top:30px;}
}
#menu>li {
display: inline-block;
position: relative;
float: left;
margin-left: 23px;
}
@media only screen and (max-width: 767px) {
#menu>li {width:20%; margin:0; padding:0;}
}
#menu>li.no_disp {
display: none;
}
#menu>li>a {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
#menu>li>a>span, #menu>li>a>strong {
position: relative;
display: inline-block;
font: 16px 'Marcellus SC', serif;
color: #595759;
text-transform: uppercase;
z-index: -1;
letter-spacing: 5px;
font-weight: normal;
height: 100%;
width: 100%;
}
#menu>li>a>.fa {
display:none;
}
@media only screen and (max-width: 767px) {
#menu>li>a>.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:80%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
}
#menu>li>a>strong{
position:absolute;
z-index: 1;
color: #7b9a41;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
#menu>li>a>span, #menu>li>a>strong  {font-size:70%; letter-spacing:1px; text-align:center;}
#menu>li>a>span.kontakt, #menu>li>a>strong.kontakt  {display:none;}
}
#menu>li>em{
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 5px;
background: url(../images/menu_arrow.png) center top no-repeat;
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 100px;
left: -22px;
top: 40px;
display: none;
text-align: center;
}
.submenu_1 li:first-child{
padding-top: 10px;
}
.submenu_1 li.last{
padding-bottom: 10px;
}
.submenu_1 li {
position:relative;
display: block;
background: url(../images/more_bg.png);
}
.submenu_1 a {
position:relative;
display: inline-block;
font: 13px/16px 'Marcellus SC', serif;
color: #fff;
text-transform: uppercase;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#7b9a41;
}
.submenu_2 {
position:absolute;
z-index:9100;
width: 100%;
left: 100%;
top: 0px;
display: none;
}
/*end menu*/
/*pages*/
#content {
font-size:15px;
position:relative;
width:940px;
height:493px;
margin: 0 auto;
z-index: 50;
line-height:133%;
}
@media only screen and (max-width: 767px) {
#content  {width:100%; height:auto; top:260px !important;}
}
#content>ul {
width:100%;
}
#content>ul>li.no_bg{
background: none;
width: 0;
height: 0;
}
#content>ul>li {
position:absolute;
width:100%;
height:100%;
}
@media only screen and (max-width: 767px) {
#content>ul>li   {height:auto;}
#content>ul   {display:block; float:left;}
}
.box1, .box2, .box3, .box4, .box5, .box6 {
display: inline-block;
position: relative;
float: left;
width: 939px;
height: 450px;
background: url(../images/content_bg.jpg) repeat-x #fff;
}
.box1{
width: 308px;
}
.box3{
width: 624px;
}
.box4{
width: 304px;
}
.box5{
width: 624px;
height: 220px;
}
.box6{
width: 711px;
height: 227px;
}
@media only screen and (max-width: 767px) {
.box1, .box2, .box3, .box4, .box5, .box6  {width:100%; height:auto; margin:0 auto; margin-bottom:10px; float:none;}
}
.absenden, .loeschen {
position: relative;
display: inline-block;
font: 10px/12px 'Marcellus SC', serif;
color: #fff;
text-transform: uppercase;
background: #2d2d2c;
padding: 10px 25px;
border-radius: 5px;
}
.absenden:hover, .loeschen:hover{
text-decoration: none;
background: #7b9a41;
color:#fff
}
.list1>li{
display: inline-block;
position: relative;
width: 286px;
height: 158px;
float: left;
margin: 0 10px 10px 0;
}
.box3 .list1>li{
width: 277px;
}
@media only screen and (max-width: 767px) {
.list1>li  {width:46%; height:46%;}
}
.list1>li.last{
margin-bottom: 0;
}
.list1>li>a{
display: inline-block;
position: relative;
width: 100%;
/*height: 100%;*/
}
@media only screen and (max-width: 767px) {
.list1>li>a, .list1>li>a>img {width:100%; /*height:100%;*/}
}
.list2{
margin-bottom: 24px;
}
.list2>li>a{
text-transform: uppercase;
color: #fff;
}
.list3>li{
margin-bottom: 5px;
}
.list3>li>img{
float: left;
margin-right: 5px;
}
.list3>li>p{
overflow: hidden;
padding-bottom: 4px;
}
.list4{
font-family: 'Crimson Text', serif;
margin-top: 6px;
}
.list4>li{
position: relative;
display: inline-block;
width: 286px;
float: left;
margin-right: 12px;
}
.list4>li.last{
margin-right: 0px;
}
.list4>li>a{
display: inline-block;
position: relative;
width: 100%;
height: 217px;
margin-bottom: 13px;
}
.list5{
margin: -2px 0 13px;
}
.list5>li{
/*background: url(../images/list_icon.png) 1px 8px no-repeat;*/
line-height:95%;
}
.list5>li>a{
color: #fff;
margin-left: 14px;
}
/*scroll*/
.scroll {
width: 896px;
height:326px;
position: relative;
overflow: hidden;
}
.box3 .scroll {
width: 580px;
height:326px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.scroll {width:auto !important; height:auto !important;}
}
._shuttle {
width: 22px;
height: 158px;
background: #595759;
}
._track{
height:326px;
}
@media only screen and (max-width: 767px) {
._track{display:none;}
}
/*end scroll*/
.sitem_over {
position:absolute;
background:url( '../images/pic_bg_over.png');
z-index:2;
width:100%;
height:100%;
display:none;
overflow: hidden;
}
.sitem_over>strong {
position:relative;
background:url( '../images/icon_zoom.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
/*PADDINGS*/
.pad1 {
padding: 75px 0 37px;
}
@media only screen and (max-width: 767px) {
.pad1 {width:100%; padding:5px;}
}
.pad2 {
padding-top: 55px;
}
.pad3 {
padding: 50px 11px 18px;
overflow-y: auto;
box-sizing: border-box;
}
.pad4 {
padding-bottom: 18px;
}
.pad5 {
padding-bottom: 9px;
}
.pad6 {
padding-bottom: 24px;
}
.pad7 {
padding: 50px 0 18px 12px;
overflow-y: auto;
}
.pad8 {
padding-bottom: 15px;
}
.pad9 {
padding: 20px 0 0px 16px;
}
.pad10 {
padding-bottom: 13px;
}
.pad11 {
padding-bottom: 21px;
}
.pad12 {
padding-bottom: 31px;
}
.mar1{
margin-bottom: 26px;
}
.mar2{
margin-right: 7px;
}
.mar3{
margin: -5px 0 -11px 8px;
}
.mar4{
margin-bottom: 10px;
}
.color2{
color: #d2b000;
}
.color3{
color: #fff;
}
.w1{
display: inline-block;
width: 75px;
}
/*additional classes*/
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nopad {
padding:0;
}
.clear {
clear:both;
line-height:0;
}
/*google map*/
.google_map{
position:  relative;
overflow: hidden;
border-radius: 0px;
width: 286px;
height: 362px;
border: none;
box-shadow: none;
background-color: #282420;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50%;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin-top: 0px;
height: 382px;
width: 287px;
}
#form1 input,
#form1 textarea {
position: relative;
background: url(../images/form_bg.png);
border: none;
color:#7d7d7d;
padding: 12px 11px;
text-transform: none !important;
width: 265px;
outline:none;
box-shadow:0px 0px 15px rgba(0,0,0,0.2) inset;
}
#form1 textarea {
width: 264px;
height: 100px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 46px;
position: relative;
width: 288px;
}
#form1 .success{
position: relative;
padding-bottom: 3px;
color: #7b9a41;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color:#7b9a41;
margin-left: 3px;
margin-top: -3px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
padding-top: 15px;
position: relative;
}
.btns a{
display:inline-block;
margin-right: 10px;
}
/* Form defaults */
input, select, textarea {
font-family: 'Marcellus SC', serif;
font-size:10px;
vertical-align:middle;
}
/*end forms*/

sup {
    vertical-align: super !important;
    font-size: smaller !important;
}
td {
	padding-right:30px !important;
	line-height:90%;
}
.einruecken {
	padding-left:20px !important;
}
img.download {
position:relative;
left:19px;
top:-7px;
}
img.kontaktdaten {
display:block;
float:left;
}
div.kontaktdaten {
width:373px;
float:right;
line-height:150%;
}
@media only screen and (max-width: 767px) {
img.kontaktdaten {clear:both;}
div.kontaktdaten {float:left;clear:both;width:auto;}
}
.icons {
margin-right:16px;
}
h4 {
font-family: 'Marcellus SC', serif;
font-weight:normal;
font-size:130%;
color:#7b9a41;
letter-spacing:5px;
word-spacing:5px;
margin-top:10px;
}
input {
-webkit-box-shadow: inset 0px 4px 8px 2px , 0.4);
-moz-box-shadow: inset 0px 4px 8px 2px , 0.4);
box-shadow: inset 0px 4px 8px 2px , 0.4); 
}
#content .footer {display:none !important;}
@media only screen and (max-width: 767px) {
#page_home h3, #splashInfo, .pagin, footer  {display:none;}
#content .footer {
	display:block !important; 
	background: url(../images/footer_bg.png); padding:20px 0 0 15px; 
    font: 12px 'Marcellus SC', serif;
    letter-spacing: 4px;
    color: #7b9a41;
    text-transform: uppercase;
}
}
@media only screen and (max-width: 767px) {
p  {font-size:90% !important;}
}

.list5 a {color:#7d7d7d !important;}
.list5 a:hover {color:#7b9a41 !important;}