/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
/*h1,*/ h2, h3, h4, h5, h6, p, blockquote, pre,
/*a,*/ abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: normal;
src: url('../fonts/yanone-kaffeesatz-v9-latin-300.ttf') format('truetype');
}

@font-face {
font-family: 'Yanone Kaffeesatz bold';
font-style: normal;
font-weight: bold;
src: url('../fonts/yanone-kaffeesatz-v9-latin-700.ttf') format('truetype');
}

@font-face {
font-family: 'Yanone Kaffeesatz Regular';
font-weight:normal;
src: url('../fonts/yanone-kaffeesatz-v9-latin-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Strait';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/strait-v5-latin-regular.ttf') format('truetype');
}

/* SEITENBESCHREIBUNG
Name: Bodenbeläge Walter Maus;
Description: Bodenbeläge Walter Maus Parkettböden Startseite;
Author: Walter Maus | https://www.rollingpages.de;
Version: 1.0 | Release: 2015-01-22;
Copyright: © job e.K. 2015;
*/

*, p, label, h1, h2, h3, h4, ul, li {
font-family:"Yanone Kaffeesatz", sans-serif;
font:"Yanone Kaffeesatz",sans-serif;
color:rgba(31, 0, 0, 1.0);
font-size:3.5vh; 
max-height:;
}

h2 {font-weight:700}

body,html{
width:100%;
height:100%;
background:url(../img/back.jpg) rgba(31,0,0,1.0) repeat top left;
background-size:back.jpg;
overflow-x:hidden;
/*overflow-y:scroll;*/
-webkit-overflow-scrolling:touch;
}

#container{
float:left;
position:relative;
width:80vw;
height:;
margin:2vw 10vw 10vw 10vw;
background:rgba(255,255,255,0.8);
}

/*HEADER*/
#header{
float:left;
background:transparent;
width:100%;
height:25%;
overflow:hidden;
}

#header a{font-size:; color:rgba(31,0,0,1.0);}
#header a:hover{color:rgba(179, 149, 70, 1.0);}


#h_logo {
float:left;
display:block;
background:url(../img/logo.png) transparent no-repeat top left; background-size: 100% 100%;
width:25%;
margin:3% 0 0 3%;
padding:7%;
}

#h_banner{
float:;
position:;
display:;
background:;
border:;
border-radius:;
width:;
padding:;
margin:;
}

#h_menue {
float:left;
width:80vw;
margin:0 0 0 3%; /* Positionierung Menü */
}

/*TOPCONTAINER*/
#topcontainer{
float:left;
position:relative;
display:block;
width:80vw;
height:26.7vw;
border:0;
background:url(../mod/slider/img/bild1.jpg) rgba(31, 0, 0, 0.2) no-repeat top left;;
background-size:80vw 26.7vw;
margin:1vw 0 0 0;
overflow:;
}

#topframe{
visibility:hidden;
width:80vw;
height:26.7vw;
}

/*CONTENT*/
#content{
float:left;
width:100%;
}

#text{
float:left;
width:80%;
height:100%;
padding:2% 10% 2% 10%;
text-align:justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

#text p {font-size: 3.5vh; color:rgba(31, 0, 0, 1.0);}
#text a {font-size:3.5vh; color:;}
#text a:hover{color:rgba(179, 149, 70, 1.0);}

/*SIDEBAR*/
#sidebar{
float:right;
position:relative;
color:rgba(31,0,0,1.0);
background:transparent;
width:0%;
height:100%;
}

/*SUBCONTAINER*/
#subcontainer {
float:left;
width:100%;
height:300px;
min-height:300px;
background:rgba(31,0,0,0);
}

.clear {
clear:left;
}

.clearfix {
clear: both;
}

.shadow {
	-moz-box-shadow:    6px 9px 5px 3px rgba(31,0,0,1.0);
	-webkit-box-shadow: 6px 9px 5px 3px rgba(31,0,0,1.0);
	box-shadow:         6px 9px 5px 3px rgba(31,0,0,1.0);
}

h1 {color:rgba(31,0,0,1.0);font-size:5vh; line-height:5vh !important;}
h2 {color:rgba(31,0,0,1.0);font-size:4vh; margin: 2vh 0 2vh 0; line-height:4vh !important;}
h3 {color:rgba(31,0,0,1.0);font-size:4vh; margin: 3vh 0 1vh 0; line-height:4vh;}
h4 {color:rgba(31,0,0,1.0);font-size:4vh; margin: 2% 0 2% 5%; line-height:3vh;}

ul { list-style-type: none;} 
a {text-decoration:none;outline:0;}

/* PRELOADER*/
#preloader {
	background: #000;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
}
#preloader div {
	width:400px;
	margin:auto;
	height: 3px;
	text-align:center;
	border: 4px solid #111;
	overflow:hidden;
}
#preloader_image {
	position: relative;
	left:0px;
	top:-10px;
}
/* ----- Ende Menue----- */

#ref {width:100%;padding:0;
}

#ref li{
list-style-position:outside;
background: url(../img/favicon.ico) no-repeat 7px 7px transparent;
font-size:3.5vh; 
padding: 1% 0% 4% 10%;
vertical-align: middle;
}

#ref br{height:300%;}

#top-link{
	display:none;
	position:fixed;
	right:3%;
	bottom:3%;
	height:75px;
	width:75px;
	background: url(../img/scrollup.png) transparent;
	background-size:100% 100%;
}

#top-link:hover{
	background: url(../img/scrollup_hover.png) transparent;
	background-size:100% 100%;
}

.answer {
display:none;
max-width:94%;
padding:3%;
color:rgba(31,0,0,1.0);
}

.question {
cursor:pointer;
display:block;	
width:94%;
padding:1%;
font-size:130%;
font-weight:normal;	
line-height:150%;
color:rgba(31,0,0,1.0);
text-align:center;	
text-transform:uppercase;
text-decoration:none;
-moz-user-select:none;
-khtml-user-select:none;
}

.question:hover {
padding:1%;
color:rgba(179, 149, 70, 1.0);
}

div.question {font-weight:bold;letter-spacing:1px;}