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

@font-face {
    font-family: 'OswaldLight';
    src: url('webfonts/oswald-light-webfont.eot');
    src: url('webfonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/oswald-light-webfont.woff') format('woff'),
         url('webfonts/oswald-light-webfont.ttf') format('truetype'),
         url('webfonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldRegular';
    src: url('webfonts/oswald-regular-webfont.eot');
    src: url('webfonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/oswald-regular-webfont.woff') format('woff'),
         url('webfonts/oswald-regular-webfont.ttf') format('truetype'),
         url('webfonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('webfonts/PTS75F-webfont.eot');
    src: url('webfonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/PTS75F-webfont.woff') format('woff'),
         url('webfonts/PTS75F-webfont.ttf') format('truetype'),
         url('webfonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('webfonts/PTS55F-webfont.eot');
    src: url('webfonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/PTS55F-webfont.woff') format('woff'),
         url('webfonts/PTS55F-webfont.ttf') format('truetype'),
         url('webfonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('_normalize.css');

body {position:absolute;width:100%;height:100%;overflow:hidden;perspective:1000;-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;text-rendering:geometricPrecision;padding:0;margin:0;}

#glob-wrapper {position:relative;width:100%;height:100%;overflow:hidden;}

.padding-t-50 {padding-top:50px;}
.margin-r-10 {display:inline-block;margin-right:10px;}

a {text-decoration:none;}
::selection {background:#95be0e;}
::-moz-selection {background:#95be0e;}

.start{border:0;width:50%;height:10px;background: url(../img/bars.png) repeat-x;}
h2 {color:white;font: 700 14px 'PTSansBold', Helvetica, Arial, sans-serif;margin:0px;padding:0px;}
header {height:325px;text-align:center;overflow:hidden;}
header, nav {}
header > h1 {display:none;}
header > img {position:relative;top:35px;}
header, header > div {position:relative;top:0px;left:0px;width:100%;}
header > div {background:url(../img/greenHeader.png) no-repeat;border-bottom: 1px solid #9c9c9c;height:55px;}
header > div > span {display:block;width:300px;color:white;text-transform:uppercase;padding-top:10px;font: 24px 'OswaldRegular', Helvetica, Arial, sans-serif;}

.header-shadow {-moz-box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);box-shadow: 0px -2px 7px 4px rgba(0,0,0,0.2);}
.header-gradient {background-image: -webkit-linear-gradient(white 0%, #f8f8f8 100%);background-image: -moz-linear-gradient(white 0%, #f8f8f8 100%);background-image: -o-linear-gradient(white 0%, #f8f8f8 100%);background-image: linear-gradient(white 0%, #f8f8f8 100%);border-bottom: 1px solid #5f5f5f;}
.logo-shadow {bottom:0;width:100%;height:20px;background:url(../img/shadowHeader.png) no-repeat center 5px;}

nav {position:absolute;right:0px;top:0px;}
nav > ul {margin:0;padding:0;list-style:none;}
nav > ul > li {float:left;line-height:31px;}
nav > ul > li > a {display:block;padding:15px 20px;text-align:center;font-weight:300;color:#868889;font: 18px 'OswaldLight', Helvetica, Arial, sans-serif;text-transform:uppercase;}
nav > ul > li > a:hover, a.active {background:#95be0e;color:white;}

article {width:100%;height:100%;position:relative;}
.image-holder {width:100%;height:100%;}

.homePic {background: url('../img/startpage.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/startpage.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/startpage.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.mietenPic {background: url('../img/mieten.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mieten.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mieten.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.kaufenPic {background: url('../img/kaufen.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/kaufen.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/kaufen.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.anfragePic {background: url('../img/anfrage.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/anfrage.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/anfrage.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.kontaktPic {background: url('../img/kontakt.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/kontakt.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/kontakt.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.impressumPic, .datenschutzPic, .disclaimerPic, .agbPic {background: url('../img/default.jpg') no-repeat center 200px fixed;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/default.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/default.jpg', sizingMethod='scale')";-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.stripes {position:absolute;top:0;left:0;right:0;bottom:0;background-image: url('../img/stripes.png');z-index: 0;}
.content {position:absolute;z-index:10;width:100%;height:100%;}

.content > h2 {text-align:center;font-size:4em;text-transform:uppercase;text-shadow:0px 0px 5px rgba(0,0,0,.8);letter-spacing:.05em;position:relative;}
.content > h2.green {color:#8de00f;}

.footerHide {background: none repeat scroll 0 0 #95be0e;bottom: -50px;left:0;padding:10px 4px 10px 0;position: absolute !important;transition: all 0.5s ease-in-out 0s;z-index:5000;width:100%;height:40px;text-align:center;color:white;font:14px 'PTSansRegular', Helvetica, Arial, sans-serif;line-height:3em;}
.footerHide:before {content: '';position:absolute;top:-8px;left:310px;width:15px;height:8px;background: url(../img/footer_arrow.png) center no-repeat;}
.footerHide:after {content: '';position: absolute;left:0;top:-30px;width:100%;height:30px;}
.footerShow {bottom:0px;}
.footerHide > a {color:white;border-bottom:2px solid none;}
.footerHide > a:hover {border-bottom:2px solid white;}

.scroll {width:100%;height:500px;overflow:auto;}
.scroll:before {content: '';position:relative;top:0px;left:0px;height:30px;display:block;}
.textItem {width:500px;height:100%;margin:0 auto;color:white;font: 200 1em 'PTSansRegular', Helvetica, Arial, sans-serif;text-shadow:0px 0px 3px rgba(0,0,0,.85);padding:10px;background:rgba(0,0,0,.4);}
.textItem a {color:#c4ff00 !important;}
.textItem h3 {color:white;font: 300 2em 'PTSansRegular', Helvetica, Arial, sans-serif;margin:0px;padding:0px;text-transform:uppercase;}
.textItem h4 {color:#95be0e;}
.textItem span {width:65px;float:left;}

form#kontakt {width:500px;}
form#kontakt fieldset {float:left;width:220px;border:none;padding:0;}
form#kontakt fieldset label {font-size:12px;}
form#kontakt fieldset input, form#kontakt fieldset select, form#kontakt textarea {height:25px;background:rgba(255,255,255,.85);padding:4px;border:none;width:220px;font: 200 1.25em 'PTSansRegular', Helvetica, Arial, sans-serif;}
form#kontakt fieldset select {height:33px;width:228px;line-height:33px;padding-top:5px;}
form#kontakt fieldset select option {padding:4px !important;background: rgba(0,0,0,0.3);}
select>option:hover {color:white;cursor:pointer;background:#95be0e !important;}
form#kontakt textarea {width:460px;height:100px;margin-bottom:10px;}
form#kontakt .submit {
    background: -moz-linear-gradient(center top , #78b41d 0%, #41a52a 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-image:-webkit-linear-gradient(top, #78b41d 0%, #41a52a 100%);
  	background-position:initial initial;
  	background-repeat:initial initial;
	background-image: -o-linear-gradient(#78b41d 0%, #41a52a 100%); 
	background-image: linear-gradient(#78b41d 0%, #41a52a 100%);"
	background: -ms-linear-gradient (#78b41d, #41a52a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b41d',endColorstr='#41a52a');
    color:white;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    width: 100px;
	margin-left:2px;
	border:none;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
}
form#kontakt .submit:hover {
	background: none repeat scroll 0 0 #78b41d;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);color:white;cursor:pointer;}

div.messageBox {}
div.error, div.success{background:#e10019;width:458px;padding:10px;display:none;text-align:center;}
div.success {background:#71bf44 !important;}
span.name, span.email, span.vemail, span.datum, span.installation, span.nachricht, span.success {color:#fff;display:none;float:none !important;}
/* GOOGLE */
span.google {float:none !important;}