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

@font-face{

font-family:"eberli-45Light";

src:url("../Fonts/722105/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");

src:url("../Fonts/722105/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),url("../Fonts/722105/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),url("../Fonts/722105/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),url("../Fonts/722105/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");

}

#contenthome h1 {
	font-family: eberli-45Light, sans-serif;
/*font-family: 'Istok Web', sans-serif;*/

}
#contenthome {

	height: 760px;
	width: 100%;
}
#apDiv0 {
	position:absolute;
	left:510px;
	top:385px;
	width:325px;
	height:325px;
	z-index:30;
	text-decoration: none;
}
#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv6, #apDiv7, #apDiv8  {
	position:absolute;
	height:150px;
	z-index:200;
	border-top-width: 10px;
	border-top-style: solid;
	display: block;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}

#apDiv1  {
	border-top-color: #FFD84B;
}

#apDiv2 {
	border-top-color: #FFB33F;
}

#apDiv3 {
	border-top-color: #F7984D;
}

#apDiv4 {
	border-top-color: #D9441C;
}


#apDiv5  {
	border-top-color: #C1EB52;
}

#apDiv6 {
	border-top-color: #6FD3A9;
}

#apDiv7 {
	border-top-color: #1EA2CA;
}

#apDiv8 {
	border-top-color: #1D7CC5;
}
#apDiv1, #apDiv4, #apDiv5, #apDiv8  { width:520px; }
#apDiv2, #apDiv3, #apDiv6, #apDiv7  { width:400px; }
#apDiv2 h1, #apDiv3 h1, #apDiv6 h1, #apDiv7 h1  { width:150px; }

#apDiv1, #apDiv2,#apDiv3, #apDiv4  { left:15px; }

#apDiv5, #apDiv8  { right:15px; }
#apDiv6,#apDiv7  { 	right:15px; }

#apDiv1, #apDiv5 { top: 191px; z-index:10;}
#apDiv2, #apDiv6 { top: 476px; z-index:10;}
#apDiv4, #apDiv8 { top: 764px; z-index:10;}

.shadowL , .shadowR {
	background-color: rgb(68,68,68); /* Needed for IEs */
	-moz-box-shadow: -5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: -5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: -5px 5px 5px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	position: absolute;
}
.shadowR .content, .shadowR img, .shadowL img, .shadowM div {
	position: absolute;
	background-color: #DDD;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 100;
}

#apDiv0 h1 {

	font-family:'Open Sans',sans-serif;
 	font-weight:400;
	font-style: italic;
	background-image: url(../userfiles/image/medium/shop_titelbild.png);
	height: 75px;
	width: 325px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-size:40px;
	line-height: 75px;
	color:transparent;
}
#apDiv0 .slidetitel {  	color:#C1EB52;}
#apDiv0 .slidetitel2 {	color:#034592;}

.shadowM {
	background-color: rgb(68,68,68); /* Needed for IEs */
	-moz-box-shadow: -3px 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow:-3px 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: -3px 5px 5px 5px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=-3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=-3,MakeShadow=true,ShadowOpacity=0.30)";
	position: absolute;
}
.shadowL {		
	top: -25px;
	right: -50px;
	height: 172px;
	width: 306px;

}
.shadowR {
	top: -25px;
	left: -50px;
	height: 172px;
	width: 306px;
}
.shadowR img,.shadowL img {
	height: 172px;
	width: 306px;
	
}
.shadowM {
	top: 0px;
	left: 0px;
	height: 325px;
	width: 325px;
}





.links h1, .rechts h1 {
	font-size: 26px;
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #515151; /*#666 */
	letter-spacing: 1px;

}

.rechts h1 {
	float:right;
	text-align: right;/**/
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #515151; /*#666*/
	letter-spacing: 1px;

}

.textbox1 {
	width: 300px;
}
.rechts {
}
.textbox2 {
	width: 200px;
}
.clr1 {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

.links p, .rechts p  {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 19px;
	margin-left: 25px;
}
.rechts div {
	float: right;
}
.rechts {

}


.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
.fader {position: relative; display: inline-block; /**/ }
.fader img { vertical-align: top; }

.homesuche {position: absolute; bottom: 0px; left: 0; /* border:solid 1px red; background-color:lightblue;*/ z-index: 300; width: 100%; padding:0px; margin:0px; text-align:center; }

/* Tablet Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1324px) {
	#contenthome {  height: 540px; }
	#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv6, #apDiv7, #apDiv8 {  height: 120px;}
	
	
		
	.links h1, .rechts h1 { font-size: 22px;  line-height: 30px; }	
	
	#apDiv0 { left:372px; top:255px; width:260px; height:260px; }	
	#apDiv0 h1 { height: 60px; width: 260px;  font-size: 30px; line-height: 60px; background-position: center center; }
	
	
	
	#apDiv0 img {width:260px; height:auto;}
	#apDiv1, #apDiv4, #apDiv5, #apDiv8  { width:360px; }
	#apDiv2, #apDiv3, #apDiv6, #apDiv7  { width:280px; }
	#apDiv2 h1, #apDiv3 h1, #apDiv6 h1, #apDiv7 h1  { width:140px; }
	
	#apDiv1, #apDiv2,#apDiv3, #apDiv4  { left:15px; }
	
	#apDiv5, #apDiv8  { right:15px; }
	#apDiv6,#apDiv7  { 	right:15px; }
	
	#apDiv1, #apDiv5 { top: 140px; }
	#apDiv2, #apDiv6 { top: 345px; }
	#apDiv4, #apDiv8 { top: 550px; }
	
	
	
	
	
	.shadowM {  height: 260px;  width: 260px; }
	.shadowR img, .shadowL img {  height: 160px; width: 290px; }
	.shadowR img, .shadowL img, .shadowL, .shadowR {height: 120px;width:217px;}

}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#contenthome {  height: 840px; }
	#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv6, #apDiv7, #apDiv8 {  height: 120px;}

	.links h1, .rechts h1 { font-size: 22px;  line-height: 30px; }	

	#apDiv0 { left:240px; top:100px; width:260px; height:260px; }	
	#apDiv0 h1 { height: 60px; width: 260px;  font-size: 30px; line-height: 60px; background-position: center center; }
	#apDiv0 img {width:260px; height:auto;}
	
	#apDiv1, #apDiv4, #apDiv5, #apDiv8  { width:300px; }
	#apDiv2, #apDiv3, #apDiv6, #apDiv7  { width:300px; }
	#apDiv2 h1, #apDiv3 h1, #apDiv6 h1, #apDiv7 h1  { width:140px; }
	
	#apDiv1, #apDiv2,#apDiv3, #apDiv4  { left:15px; }
	
	#apDiv5, #apDiv8  { right:15px; }
	#apDiv6,#apDiv7  { 	right:15px; }
	
	#apDiv1, #apDiv5 { top: 420px; }
	#apDiv2, #apDiv6 { top: 585px; }
	#apDiv4, #apDiv8 { top: 750px; }
	
	
	
	
	
	.shadowM {  height: 260px;  width: 260px; }
	.shadowR img, .shadowL img {  height: 160px; width: 290px; }
	.shadowR img, .shadowL img, .shadowL, .shadowR {height: 120px;width:217px;}
	
	
}


/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) {
		.links h1, .rechts h1 { font-size: 22px;  line-height: 30px; }	

	
	#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv6, #apDiv7, #apDiv8  { position:static; width:100%;}
	#apDiv0 { position:static; width:260px; height:260px; margin-bottom:70px;}	
	#apDiv0 h1 { height: 60px; width: 260px;  font-size: 30px; line-height: 60px; background-position: center center; }
	#apDiv0 img {width:260px; height:auto;}
	
	.homesuche {position: relative; margin-top:-40px; /*background-color:pink;*/}
	
	
	
	
	
	.shadowM {  height: 260px;  width: 260px; }
	.shadowM { position:static; margin:40px auto 40px auto; }
		
		
	.shadowR .content, .shadowR img, .shadowL img, .shadowM div { position: static;}
	.shadowL, .shadowR {  position: static; }
	.shadowR img, .shadowL img, .shadowL, .shadowR { height: 120px;  width: 217px; }
	.textbox1, .textbox2 { width: auto; margin-right:10px;}
	.links div { float: right; }
	#apDiv2 h1, #apDiv3 h1, #apDiv6 h1, #apDiv7 h1 {  width: auto;}

	
	
}
/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {	
	.shadowR img, .shadowL img, .shadowL, .shadowR { height: auto;  width: 150px; }
	.textbox1, .textbox2 { /*width: 140px; */ margin-right:10px;}
	


}