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

	
*{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	
	z-index:1;
}

a{
	color:#000000;
}

body{
	height:100%;
	width:100%;
	
	background-color:#9BB58F;
	background-image:url(../graphics/bg_blue-03.png);
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-weight:100;
	
	color:#444444;
	
	text-shadow:1px 1px 1px #EEEEEE;
}

@font-face{
	font-family: 'Fontin-Regular'; /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
	src: url('Fontin-Regular.otf') format('opentype');
	}

@font-face{
	font-family: 'Fontin-Bold'; /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
	src: url('Fontin-Bold.otf') format('opentype');
	}

#box{
	position:absolute;
	
	top:0px;
	
	height:58%;
	width:100%;
	
	min-height:330px;
	min-width:1000px;
	
	background-color:#FFD596;
	background-image:url(../graphics/bg_orange-03.png);
	background-repeat:repeat;
	
	-moz-box-shadow: -12px 0px 12px #000000;
	-webkit-box-shadow: -12px 0px 12px #000000;
	box-shadow: 0px 0px 12px #000000;
}

#kontakt{
	position:absolute;
	display:block;
	
	top:10px;
	left:0px;
	
	z-index:3;
}

#kontakt_bg{
	position:absolute;
	display:block;
	
	top:-400px;
	left:-380px;
}

#kontakt img{
	position:absolute;
}

#content{
	position:relative;
	
	top:0px;
	
	height:100%;
	width:1000px;
	
	margin:0 auto 0;
	
	background-color:#FFD596;
	background-image:url(../graphics/bg_orange-03.png);
}

#pic{
	position:absolute;
	
	bottom:-80px;
	left:0px;
	
	height:80px;
	width:450px;
	
	background:url(../graphics/dreieck-02.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#bigpic{
	position:absolute;
	
	bottom:-23px;
	left:50px;
	
	max-width:550px;
	
	background:none;
}

h1{
	position:absolute;
	
	bottom:0.2em;
	right:0em;
	
	font-family: 'Fontin-Bold',Georgia, serif;
	font-weight:900;
	font-size:91px;
	
	color:#9BB58F;
	
	text-shadow: -1px -1px 1px #000000, 1px 1px 1px #FFFFFF;
}

h2{
	position:absolute;
	
	bottom:-1.2em;
	right:1.2em;
	
	font-family: 'Fontin-Regular',Georgia, serif;
	font-size:48px;
	font-weight:400;
	
	color:#FFD596;
	
	text-shadow: 1px 1px 1px #000000, 0px 0px 3px #000000;
}

h3{
	font-size:1em;
	font-weight:900;
}

	

#text{
	position:absolute;
	
	bottom:120px;
	right:0px;
	
	width:500px;
	
	background:none;
	
	text-align:center;
}

#text.legal p{
	font-size:14px;
}

#text a{
	text-decoration:underline;
}

#navi{
	position:absolute;
	
	bottom:5%;
	left:0px;
	
	height:150px;
	width:620px;
	
	background-color:#FFD596;
	background-image:url(../graphics/bg_orange-03.png);
	
	-moz-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
	box-shadow: 0px 0px 4px #000000;
	
	transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	-webkit-transition: left .5s ease-in-out;
}

#navi:hover{
	left:0px;
}

#index{
	position:absolute;
	right:-74px;
	top:-5px;
}

#index h2{
	position:absolute;
	
	bottom:40%;
	right:-60px;
	
	font-size:31px;
	
	color:#9BB58F;
	
	background-color:#FFD596;
	background-image:url(../graphics/bg_orange-03.png);
	
	text-shadow: -1px 1px 1px #FFFFFF, 1px -1px 1px #000000;
	
	-moz-transform: rotate(-90deg) translateY(-52px);
  	-webkit-transform: rotate(-90deg) translateY(-52px);
	-o-transform: rotate(-90deg) translateY(-52px);
	transform: rotate(-90deg) translateY(-52px);
}

#navi ul{
	position:absolute;
	display:inline;
	float:left;
	
	top:0px;
	left:40px;
	
	list-style:none;
}

#navi ul li{
	display:inline;
}

#navi ul li img{
	position:relative;
	
	height:120px;
}

#navi ul li span{
	position:relative;
	
	top:10px;
	left:-95px;
	
	font-family: 'Fontin-Regular',Georgia, serif;
	font-size:21px;
	
	color:#9BB58F;
	
	background-color:#FFD596;
	background-image:url(../graphics/bg_orange-03.png);
	
	text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #000000;
}

#katalog{
	position:absolute;
	display:block;
	
	bottom:5%;
	right:5%;
	
	height:20%;
	width:auto;
	
	font-family: 'Fontin-Regular',Georgia, serif;
	font-size:31px;
	font-weight:400;
	
	color:#FFD596;
	
	text-shadow: 1px 1px 1px #000000, 0px 0px 3px #000000;
	
	z-index:0;
}

#katalog img{
	position:relative;
	display:inline;
	float:right;
	
	right:0px;
	
	height:100%;
	
	vertical-align:middle;
}

#katalog span{
	position:relative;
	text-align:right;
	top:40%;
	margin-right:15px;
}

#katalog:hover img{
	-webkit-transform:
		rotate(15deg);
	-moz-transform:
		rotate(15deg);
	-o-transform:
		rotate(15deg);
	-ms-transform:
		rotate(15deg);
	transform:
		rotate(15deg);
		
	transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}

#footer p{
	position:absolute;
	
	bottom:0px;
	
	width:100%;
	
	text-align:center;
	font-size:14px;
}