/* <![CDATA[ */

@font-face { font-family: 'weblysleekuil'; src: url('layout/fonts/weblysleek_ui/weblysleekuil.ttf') format('truetype'); }
@font-face { font-family: 'weblysleekuili'; src: url('layout/fonts/weblysleek_ui/weblysleekuili.ttf') format('truetype'); }
@font-face { font-family: 'weblysleekuisb'; src: url('layout/fonts/weblysleek_ui/weblysleekuisb.ttf') format('truetype'); }
@font-face { font-family: 'weblysleekuisbi'; src: url('layout/fonts/weblysleek_ui/weblysleekuisbi.ttf') format('truetype'); }
@font-face { font-family: 'weblysleekuisl'; src: url('layout/fonts/weblysleek_ui/weblysleekuisl.ttf') format('truetype'); }
@font-face { font-family: 'weblysleekuisli'; src: url('layout/fonts/weblysleek_ui/weblysleekuisli.ttf') format('truetype'); }

@keyframes erscheinen {
	0% {width:350px;
	border-color:#09F;}
	100% {width:390px;
	border-color:#FFF;}
}
@keyframes erscheinen_untermenue {
	0% {width:340px;
	border-color:#09F;}
	100% {width:350px;
	border-color:#FFF;}
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #333;
	height: 100%;
	border:none;
	padding:0;
	margin:0;
	width:100%;
	background-image:url(layout/bg.png);
	background-repeat:repeat-x;
	background-color:#838383;
	}
header {
	background-image:url(layout/kopf_bg.jpg);
	background-repeat: no-repeat;
	background-color:#101010;
	width:100%;
	height:380px;
	width:100%;
	}
header a {
	text-decoration:none;
	}
#logo {
	background-image:url(layout/transparent_hell.png);
	background-repeat:repeat;
	width:450px;
	height:273px;
	position:relative;
	padding-left:45px;
	padding-top:17px;
	}
#kopf_rechts {
	height:97px;
	width:auto;
	position:absolute;
	padding-left:550px;
	padding-top:210px;
	font-family:weblysleekuil;
	font-size:50px;
	color:#fff;
	text-decoration:none;
	}

div.meta_navi {
	background-image: url(layout/blau_transparent.png);
	background-repeat:repeat;
	width:100%;
	height:80px;
	position:absolute;
	top:290px;
	padding-top:10px;
	font-family:weblysleekuil;
	font-size:50px;
	color:#fff;
}

div.meta_navi ul {
	margin-top:70px;

}
div.meta_navi li {
	display:inline-block;
	padding:15px 30px;
}

div.meta_navi a {
	position:relative;
	top:-60px;
	padding-left:40px;
	padding-right:10px;
	color:#FFF;
}
li.maktiv {
	background-color:#FFF;
	color:#555;
	padding:15px 30px;
}
nav { 
	background-color:#4A4A4A;
	width:410px;
	padding:20px;
	margin:40px;
	float:left;
	}
nav ul li {
	list-style:none;
	padding-bottom:10px;
	}
img.plus {
	margin-left:-18px;
}
nav ul li a {
	color:#FFF;	
	text-decoration:none;
	font-family:weblysleekuil;
	font-size:26px;
	padding-bottom:5px;
	border-bottom: solid 1px #4A4A4A;
}
nav ul li a:hover {
	display:block;
	animation-name:erscheinen;
	animation-duration:2s;
	border-bottom:#FFF solid 1px;
	width:390px;
}
nav ul li.navi_raktiv a {
	display:block;
	border-bottom:#FFF solid 2px;
	width:390px;
}
nav ul li.navi_raktiv ul {
	padding-top:8px;
}
nav ul li.navi_raktiv ul li.navi_inaktiv a {
	display:block;
	border-bottom:solid 2px #4A4A4A;
	width:350px;
}
nav ul li.navi_raktiv ul li.navi_inaktiv a:hover {
	display:block;
	animation-name:erscheinen_untermenue;
	animation-duration:1s;
	border-bottom:#FFF solid 2px;
	width:350px;
}
nav ul li.navi_raktiv ul li.navi_aktiv a {
	display:block;
	border-bottom:#FFF solid 2px;
	width:350px;
}
nav ul li.navi_raktiv ul li.navi_aktiv a:hover {
	display:block;
	animation-name:erscheinen_untermenue;
	animation-duration:1s;
	border-bottom:#FFF solid 2px;
	width:350px;
}
main {
	}
#content_shop {
	width:750px;
	background-color:#FFF;
	position:absolute;
	left:550px;
	margin-top:40px;
	color:#333;
	padding:0 20px;
}
#content {
	width:1050px;
	background-color:#FFF;
	position:absolute;
	left:50px;
	margin-top:40px;
	color:#333;
	padding:0 20px;
}

footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	height:1100px;
	padding-top:7px;
	vertical-align:middle;
	position:fixed;
	bottom:0px;
	width:100%;
	}


div.bg {
	background-image:url(layout/bg.png);
	background-repeat:repeat-x;
	height:900px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-100;
	}


a img {
	border:0px;
}



img.kopf {
	
	}
.submit_button {
	position:relative;
	top:5px;}

img.ctop {
	position:relative;
	top:-20px;
	}

div.inhalt {
	clear:both;
	color:#333;
	font-family: weblysleekuil;
	font-size:21px;
	line-height:1.4em;
	padding:10px 0 10px 0;
}
div.inhalt p img {
	-moz-box-shadow: 2px 2px 4px 1px #999;
	-webkit-box-shadow: 2px 2px 4px 1px #999;
	box-shadow: 2px 2px 4px 1px #999;
	border:#FFF solid 3px;
	
}
div.inhalt p img.left {
	-moz-box-shadow: 2px 2px 4px 1px #999;
	-webkit-box-shadow: 2px 2px 4px 1px #999;
	box-shadow: 2px 2px 4px 1px #999;
	margin-right:20px;
	margin-bottom:15px;
	margin-top:10px;
	border:#FFF solid 3px;
}
div.inhalt p img.right {
	-moz-box-shadow: 2px 2px 4px 1px #999;
	-webkit-box-shadow: 2px 2px 4px 1px #999;
	box-shadow: 2px 2px 4px 1px #999;
	margin-left:20px;
	margin-bottom:15px;
	margin-top:10px;
	border:#FFF solid 3px;
	
}




h1 {
	font-family: weblysleekuil;
	color:#007fff;
	font-size:35px;
	font-weight:lighter;
	}	
h2 {
	font-family: weblysleekuil;
	color:#007fff;
	font-size:32px;
	font-weight:lighter;
	}
h3 {
	font-family: weblysleekuil;
	color:#007fff;
	font-size:29px;
	font-weight:lighter;
	}
h4 {
	font-family: weblysleekuil;
	color:#007fff;
	font-size:26px;
	font-weight:lighter;	
	}
h5 {
	font-family: weblysleekuisl;
	color:#007fff;
	font-weight:lighter;
	font-size:23px;
	}
h6 {
	font-family: weblysleekuisl;
	color:#007fff;
	font-size:20px;
	font-weight:lighter;
	}



	

.wraptop {
	float: right;
	padding-right:5px;
}
a.top {
	position:relative;
	top:5px;

}

div.olink {
	font-size:10px;
	color: #333;
	position:relative;
	left:270px;
}
a.olink {
	font-size:10px;
	color: #222;
	font-weight:bold;
	text-decoration:none;
	}
a.link {
	color:#104484;
	font-weight:bold;
	text-decoration:none;
	}
	
div.infobox {
	float:right;
	width:250px;
	border:solid 1px #AAA;
	background-image:url(layout/transparent_hell.png);
	padding:5px;
	margin:0 0 5px 5px;
}

img.quickpic {
	 width:250px;
	 margin-bottom:10px;
	 margin-right:25px;
	 border:solid 1px #FFF; 
	 vertical-align:top; 
	 float:left;
	 }
img.quickpic_r {
	 width:250px; 
	 margin-bottom:10px;
	 padding-left:10px;
	 border: none; 
 	 border:solid 1px #FFF;
	 vertical-align:top; 
	 float:right;
	 }
img.quickpic_c {
	 margin-bottom:10px;
	 margin-left:10px;
	 border: none; 
	 border:solid 1px #FFF;
	 vertical-align:top; 
	 float:right;
	 }
div.qtgs_spalten_gr {
	border-top: #CCC solid 1px;
	padding-top:5px;
	width:100%;
	height:100%;
	clear:left;
	}
div.qtgs_spalten_kid {
	width:50%;
	float:left;
	padding:0 10px 0 0;
	}

	
span.dispnone { display:none; }

.weiterbutton {
	line-height:1.2em;
}

.nofloat {
	clear: both;
}

div.vcaptcha {
	background-image:url(vcaptcha/formbg.png);
	background-repeat:repeat-x;
	padding:3px;
	width:151px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:10px 0;
	}

div.bildergalerie {
	padding:20px 0px 0px 0px;
	float:left;
	}
div.bildergalerie p {
	clear:both;
	font-size:12px;

}
#suche { 
	position:absolute;
	left:1120px;
	top:10px;
	z-index:100;
	}

@keyframes lupe {
	0% {	-webkit-transform: rotate(0deg);
			/* Chrome, Safari, Opera */
			-ms-transform: rotate(0deg);
			/* IE 9 */
			transform:rotate(0deg); }
	50% { 	-webkit-transform: rotate(-45deg);
			/* Chrome, Safari, Opera */
			-ms-transform: rotate(-45deg);
			/* IE 9 */
			transform:rotate(-45deg); 
		}
	100% {	-webkit-transform: rotate(0deg);
			/* Chrome, Safari, Opera */
			-ms-transform: rotate(0deg);
			/* IE 9 */
			transform:rotate(0deg); }
}

#go {
	border:none;
	background-color:transparent;
}
#go img {
	position:relative;
	top:4px;
	}
#go:hover {
	animation-name:lupe;
	animation-duration:2s;
	border:none;
	background-color:transparent;
}

span.marker {
	background-color:#FF0;
}

/*]]> */