/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 24, 2013 06:18:35 AM America/New_York */


/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFFFFF; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../pics/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


@font-face {
    font-family: 'BodoniXTRegular';
    src: url('../fonts/BodoniXT-webfont.eot');
    src: url('../fonts/BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BodoniXT-webfont.woff') format('woff'),
         url('../fonts/BodoniXT-webfont.svg#BodoniXTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Communist';
    src: url('../fonts/COMMUNIS-webfont.eot');
    src: url('../fonts/COMMUNIS.eot?#iefix') format('embedded-opentype'),
         url('../fonts/COMMUNIS-webfont.woff') format('woff'),
         url('../fonts/COMMUNIS-webfont.svg#BodoniXTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body  {
	height: 100%;
	font-family: Communist;
	color: #000000;
	background-color: #000000;
	font-size: 14px;
	padding: 0;
	margin: 0;
	
	}
#shopwrap {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	height: 100%;
}
#shopwrap iframe {
	height: 100%;
	width: 100%;
}
#shopwrap object {
	height: 100%;
	width: 100%;
}



.openHand{
	cursor:url(../pics/openhand.cur), default;
}

.closeHand{
cursor:url(../pics/closedhand.cur), default;
}
#preloading{
	display:inline;
	height:100%;
	width:100%;
	position:fixed;
	z-index:9999;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0;
	background-image: url(../pics/preloader.gif) no-repeat;
}


#wrapper {
	width: 500%;
	height:100%;
	overflow-y:hidden;
}
#wrapper section{
	position:absolute;
	width:100%;
	height:100%;
	background-attachment:fixed;
	display: block;
}

div#home {
	text-align:left;
	color: #000000;
	width: 150px;
	padding-top: 15%;
	padding-right: 18%;
	padding-bottom: 0;
	padding-left: 18%;
}
div#sh-content {
	color: #000000;
	text-align: center;
	padding-top: 20%;
}


h1{
	font-weight:400;
	font-style:normal;
	font-size:60px;
	letter-spacing:0px;
	line-height:0.8;
	margin:0;
	font-family: BodoniXTRegular;
	text-align: center;
}


h2{
	font-weight:normal;
	font-style:normal;
	font-size:18px;
	letter-spacing:3px;
	line-height:1.5;
	margin:0;
}

h3{
	font-weight:400;
	font-style:normal;
	font-size:40px;
}
#hownav {
	width: 250px;
	padding-left: 10%;
	padding-top: 30px;
}
#hownav p {
	font-size: 12px;
	color: #000000;
	text-align: right;
	line-height: 20px;
}
article {
	font-size: 0.8em;
	letter-spacing: 0px;
	font-style: normal;
	line-height: 1.4;
}

p {
	font-style:normal;
	font-size:20px;
	letter-spacing:0px;
	line-height:1.4;
	text-decoration: none;
}



#homebg {
	left:0;
	background:url(../pics/u-bg1.jpg) 0 50% no-repeat fixed;
	z-index: 100;
}

#newsbg{
	left: 100%;
	background-image: url(../pics/u-bg3-new.jpg);
	z-index: 200;
	}
#aboutbg {
	left: 200%;
	background-image: url(../pics/u-bg4-new.jpg);
	background-position: left;
}
#shopbg {
	left: 300%;
	background-color: #333333;
	background-image: url(../pics/u-bg4.jpg);
}

#contactbg {
	left: 400%;
	background-image: url(../pics/u-bg2-new.jpg);
}


#inhalt {
	padding: 2% 10% 0 10%;


}
#inhalt-about {
	padding: 2% 10% 0 10%;

}

div#news {
	max-width:500px;
	height:100%;
	background-color: #15aa8c;
	padding: 0;
	overflow: hidden;
}


div#about {
	max-width:500px;
	height:100%;
	background-color: #016297;
	overflow: hidden;
}

div#shop {
	max-width:500px;
	height:100%;
	background-color: #4e5d64;
}

div#contact {
	max-width:500px;
	height:100%;
	background-color: #d9e2ad;
}

.white {
	color: #FFFFFF;
}