/* - - - - - - - - - - - - - - - - */
/* apfelsherry.de                  */ 
/* 2009-06-08                      */
/* benjamin.dumke@bytebetrieb.com  */
/*                                 */
/* Allgemeine Stylesheets          */
/* - - - - - - - - - - - - - - - - */




/* - - - - - */
/* R E S E T */
/* - - - - - */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#fffdc4 url(/_p/bg.jpg) top center;
	color:				#000;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size:			100%;
	line-height:		1.2em;
}


a,
a:link 		{ text-decoration: none; color: #444; border-bottom:1px dotted #444; }
a:visited 	{ text-decoration: none; color: #333; border-bottom:1px dotted #333; }
a:hover 	{ text-decoration: none; color: #be2b21; border-bottom:none; }
a:active 	{ text-decoration: none; color: #be2b21; border-bottom:none; }
a:focus 	{ text-decoration: none; color: #be2b21; border-bottom:none; }
a img, img,
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }

fieldset { border:none; }

h1 { }
h2 { }
h3 { color:#7b7b7b; }
h4 { color:#7b7b7b; }
h5 { color:#7b7b7b; }
h6 { color:#7b7b7b; }

strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

p {
	margin:				0 0 12px;
	font-size:			14px;
	line-height:		19px;
	color:				#444;
}

ol, ul { margin:0 0 12px 1em; }
li {
	font-size:			12px;
	line-height:		1.25em;
}

fieldset {border:none}

table {
	table-layout:		auto;
	border-collapse:	collapse;
	empty-cells:		show;
}
td, th {
	padding:			6px;
	border:				1px solid #000;
	background:			#eee;
	color:				#000;
	vertical-align:		top;
}
th { font-style:bold; }







/*------------------------------------------------------------------------------------------------*/
/* G R U N D G E R Ü S T 																		  */
/*------------------------------------------------------------------------------------------------*/

#seitenblock {
	padding:				0 13px 0 13px; 
	width:					941px;
	background:				transparent url(/_p/seitenblock-bg.png) top center repeat-y;		
	margin: 				0 auto;
	overflow:				hidden;
}

#seiten-wrapper {
	position:				absolute;
	top:					0;
	bottom:					0;
	left:					0;
	right:					0;
	background:				transparent url(/_p/seitenblock-bg.png) top center repeat-y;		
}




h1#logo {
	width:					329px;
	height:					195px;
	position:				absolute;
	top:					0;
	margin:					0 0 0 -49px;
	text-indent:			-9999px;
	z-index:				9999;
	background:				transparent url(/_p/logo.png) no-repeat scroll 0 0;		
	}

.ie6 h1#logo{margin-left:-513px}
.ie7 h1#logo {margin-left:-514px}

.ie6 h1#logo {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_p/logo.png');
}

h1#logo a{
	width:					329px;
	height:					195px;
	display:				block;
	border:					none;
	}


.ie6 #verlauf {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_p/verlauf.png');
}

/*------------------------------------------------------------------------------------------------*/
/* N A V I G A T I O N E N 																		  */
/*------------------------------------------------------------------------------------------------*/

#navigation-wrapper {
	position:				relative;
	width:					240px;
	padding:				194px 0 0 0;
	float:					left;
	}
	
#navigation {	
	width:					236px;
	list-style-type:		none;
	margin:					0 0 20px;
	}

		
#navigation a {
	background:				transparent url(/_p/navi.png) 0 0 no-repeat;			
	display:				block;
	width:					200px;
	height:					19px;
	border:					none;
	padding:				14px 0 0 10px;;	
	color:					#fff;
	font-weight:			bold;
	}
.ie6 #navigation a {
	position:relative;
	width: 100%;
	}

#navigation a:hover {
	background-position:0	-34px;
	color:					#d90000;
	}

#navigation .aktiv a {
	background-position:0	-34px;
	color:					#d90000;
}


#navigation ul{ list-style-type:none; }
#navigation li li a{
	background:				none;			
	height:					10px;
	color:					#444 !important;
	font-size:				12px;
	font-weight:			bold;
	}
	
#navigation li li.aktiv a,
#navigation li li a:hover{ color:#d90000 !important; }	
	
	
	



.adresse {
	font-size:				12px;
	line-height:			18px;
	margin:					50px 0 0 10px;
	font-weight:			bold;
	width:					210px;
	overflow:				hidden;
	}
	
.adresse a:visited { color:#333;}	
.adresse a:hover { color:#be2b21;}

.bb { font-weight:normal; font-size:10px; line-height:12px; }


/*------------------------------------------------------------------------------------------------*/
/* I N H A L T E 																				  */
/*------------------------------------------------------------------------------------------------*/

#contentbildwrapper {

}
#contentbild {
	width:					228px;
	height:					750px;
	float:					left;
	overflow:				hidden;
	position:				relative;
	z-index:				1000;
	margin:					0 0 0 -4px;
	background:				transparent url(/_p/slide-apfelsherry-1.jpg) top right no-repeat;
	}
.ie6 #contentbild {margin-left:-10px}

#schattenwrapper {
	position:				absolute;
	left:					0;
	bottom:					0;
	margin:					0 0 -2px;
	z-index:				2000;
	width:					228px;
	height:					215px;
	overflow:				hidden;
	background:				transparent url(/_p/verlauf.png) 0 0 no-repeat;
}


#sub-navi {
	width:					300px;
	float:					right;
}

#btn-schlafen,
#btn-facebook,
#btn-finder,
#btn-kaufen {
	float:					right;
	border:					none;
	margin: 				20px 0 5px 0;
	width:					259px;
	height:					44px;
	text-indent:			-9999px;
	background:				transparent url(/_p/btn-as.png) right 0 no-repeat;
}
a#btn-kaufen:hover {background-position:right -44px;}
	
#btn-finder,
#btn-schlafen,
#btn-facebook {
	margin: 				0;
	width:					199px;
	height:					27px;
	background-position:	right -88px
}
a#btn-facebook:hover {background-position:right -115px}
a#btn-schlafen {background-position:right -144px}
a#btn-schlafen:hover {background-position:right -171px}
a#btn-finder {background-position:right -198px}
a#btn-finder:hover {background-position:right -225px}

#inhalt {
/*
	float:					left;
	margin:					40px 0 0 0;
*/
	float:					right;
	margin:					40px 20px 0 0;
	
	width:					415px;
	padding:				0 0 20px;
	}	
	
#inhalt h2 { 
	margin:  				0 0 10px 0;
	font-size:				22px;
	color:					#be2b21;
	}

#inhalt a.button {
	display:				block;
	width:					136px;
	height:					67px;
	text-indent:			-9999px;
	border:					none;
	float:					left;
	}
	
#button01 { background: #fffcca url(/_p/buttons.png) 0 0 no-repeat; margin: 0 0 0 0; }	
#button02 { background: #fffcca url(/_p/buttons.png) -136px 0  no-repeat;margin: 0 5px;  }	
#button03 { background: #fffcca url(/_p/buttons.png) -272px 0 no-repeat; }	

a#button01:hover  { background: #fffcca url(/_p/buttons.png) 0 -67px no-repeat; }	
a#button02:hover { background: #fffcca url(/_p/buttons.png) -136px -67px  no-repeat; }	
a#button03:hover { background: #fffcca url(/_p/buttons.png) -272px -67px no-repeat; }	

#button-wrapper	{ padding: 8px 0 24px 0; float:left; width:420px; height: 58px; overflow:hidden;margin: 0 0 10px -4px; }
img.fliessbild { margin:0 0 15px 0; }
a.thumbnail {
	margin: 				5px 13px 15px 0;
	display:				block;
	border:					none;
	width:					90px;
	height:					90px;	
	float:					left;
	}
	
dl {
	width: 					400px;
	font-size:				12px;
	color:					#444;
	margin:					10px 0 20px	 0;
	overflow:				hidden;
	}	
	
dt, 
dd { 
	float:					left;
	width:					190px;
	margin:					10px 0 0 0;
	border-top:				1px dotted #7d7d7d;
	padding: 				7px 0 0 10px;
 	}
	
dt		{ font-weight:bold; }	
.first 	{ border:none; }


a.backbutton {
	clear:					both;
	display:				block;
	border:					none;
	font-size:				12px;
	margin-top:				20px;
	text-align:				center;
}



.produktliste { }
.produktliste a {
	display:				block;
	border:					none;
	height:					90px;
	margin:					0 0 10px;
}
.produktliste img {
	float:					left;
	margin:					0 15px 0 0;
}

.produktliste.zeile-1 a,
.produktliste.zeile-0 a {
	height:					53px;
	padding:				35px 0 0 0;
	background-color:		#eae587;
	border:					1px solid #eae587;
	border-width:			1px 1px 1px 0;
}
.produktliste.zeile-0 a {background-color:#fffcca}
.produktliste.zeile-1 a img,
.produktliste.zeile-0 a img {margin-top:-36px}
.produktliste.zeile-1 a:hover,
.produktliste.zeile-0 a:hover {
	border:					1px solid #be2b21;
	border-width:			1px 1px 1px 0;
}

.finderbanner a {
	display:				block;
	border:					none;
	height:					43px;
	padding:				10px 0 0 145px;
	margin:					0 0 10px;
	border:					1px solid #eae587;
	font-size:				12px;
	line-height:			15px;
	background:				#fffdc8 url(/_p/btn-asfinder.png) 0 0 no-repeat;
}
.finderbanner a strong {
	display:				block;
}
.finderbanner a:hover {
	background-position:	0 -55px;
	border-color:			#be2b21;
}
#asbanner a {
	clear:					both;
	display:				block;
	height:					115px;
	margin:					10px 0 20px;
	border:					1px solid #eae587;
	text-indent:			-9999px;
	background:				transparent url(/_p/btn-asfinder-banner.png) 0 0 no-repeat;
}
#asbanner a:hover {
	border-color:			#be2b21;
}


.cta a{
	display:				block;
	font-weight:			bold;
	border:					none;
	background:				transparent url(/_p/bg-selrow.png) 0 -40px no-repeat;
	color:					#be2b21;
	text-align:				center;
	padding:				10px 0 0;
	height:					30px;
}
.cta a:hover{
	background-position:	0 0;
	color:					#fff;
}
.cta a span{}




ul.socmed {
	margin:					20px 0;
	overflow:				hidden;
	text-align:				center;
}
.socmed li {
	display:				inline-block;
}

.socmed a{
	display:				inline-block;
	width:					188px;
	overflow:				hidden;
	margin:					0 5px 0;
	padding:				10px 0;
	border:					1px solid #8688c0;
	color:					#fff;
	background:				#8688c0;
}
.socmed a:hover{
	color:					#8688c0;
	background:				#eee;
}

.ie7 .socmed li {float:left}
.ie7 .socmed li.fb {margin-left:5px}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O N T A K T                                                                                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
form		{ margin-bottom:20px; }
.ie-error 	{ margin: 0 0 35px 0; display:block;}

fieldset {
	width:				375px;
	border:				none;
}

label {
	float:				left;
	font-size:			14px;
	color:				#535353;
	margin-bottom:		10px;
	width:				200px;
}
	
html>body label	{ font-weight:normal; }

.textfeld {
	background-color:	#e6e6e7;
	border:				none;
	float:				left;
	height:				15px;
	margin-bottom:		10px;
	padding:			5px 0 0 5px;
	width:				370px;
}

input {
	color:				#000;
	text-decoration:	none;
}
	
.submitbutton {
	color:				#000;
	float:				right;
	height:				24px;
	margin:				20px 0 0 0;
	width:				139px;
}
	
	
.gross {
	background-color:	#e6e6e7;
	border:				0
	float:				left;
	height:				150px;
	width:				375px;
}
 





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F I N D E R                                                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form#asfinder {overflow:hidden;display:none}
#asfinder fieldset {
	padding:			2px 0 20px;
	width:				395px;
}
#asfinder legend {
	font-size:			14px;
	width:				395px;
	height:				20px;
	color:				#fff;
	font-weight:		bold;
	padding:			10px;
	margin:				0 0 2px;
	background: 		transparent url(/_p/bg-selrow.png) 0 0 no-repeat;
	text-shadow:		#6d6e99 0 1px;
}
#asfinder legend.error {
	color: 				#BE2B21;
	text-shadow:		#a7aaea 0 1px;
}
.ie6 #asfinder legend,
.ie7 #asfinder legend {margin-left:-7px}

#asfinder .selrow {
	overflow:			hidden;
	width:				415px;
	height:				40px;
	padding:			0;
	margin:				0 0 2px;
	background:			transparent url(/_p/bg-selrow.png) 0 -40px no-repeat;
	position:			relative;
}
#asfinder .selrow:hover {background-position:0 -80px}
#asfinder .selrow:hover label{color:#fff}

#asfinder .step {
	padding:			0 0 0 10px;
	font-weight:		normal;
	font-size:			12px;
}
#asfinder label {
	width:				375px;
	height:				20px;
	cursor:				pointer;
	padding:			10px 0 10px 50px;
	margin:				0 0 0 0;
	font-weight:		bold;
	background:			transparent url(/_p/icn-sel.jpg) 0 0 no-repeat;
	position:			absolute;
}
#asfinder input {
	position:			absolute;
	margin:				15px 0 0 12px;
}
#asfinder .submitbutton {
	display: 			none;
	position:			static;
	width:				auto;
}

#asfinder .feedback {
	padding:			10px;
	border:				1px solid #BE2B21;
	color:				#BE2B21;
	background:			#fff;
	font-weight:		bold;
	
}
#asfinder .finderrow-1-1 label {background-position:0 0}
#asfinder .finderrow-1-2 label {background-position:0 -40px}
#asfinder .finderrow-1-3 label {background-position:0 -80px}
#asfinder .finderrow-1-4 label {background-position:0 -120px}
#asfinder .finderrow-2-1 label {background-position:0 -160px}
#asfinder .finderrow-2-2 label {background-position:0 -200px}
#asfinder .finderrow-2-3 label {background-position:0 -240px}
#asfinder .finderrow-2-4 label {background-position:0 -280px}
#asfinder .finderrow-2-5 label {background-position:0 -320px}
#asfinder .finderrow-2-6 label {background-position:0 -360px}
#asfinder .finderrow-3-1 label {background-position:0 -400px}
#asfinder .finderrow-3-2 label {background-position:0 -440px}
#asfinder .finderrow-3-3 label {background-position:0 -480px}
#asfinder .finderrow-3-4 label {background-position:0 -520px}
#asfinder .finderrow-4-1 label {background-position:0 -560px}
#asfinder .finderrow-4-2 label {background-position:0 -600px}
#asfinder .finderrow-4-3 label {background-position:0 -640px}
#asfinder .finderrow-4-4 label {background-position:0 -680px}
#asfinder .finderrow-4-5 label {background-position:0 -720px}
#asfinder .finderrow-4-6 label {background-position:0 -760px}
#asfinder .finderrow-4-7 label {background-position:0 -800px}

#asfinder .finderrow-5-1 label {background-position:0 -840px}
#asfinder .finderrow-5-2 label {background-position:0 -880px}
#asfinder .finderrow-5-3 label {background-position:0 -920px}
#asfinder .finderrow-5-4 label {background-position:0 -960px}
#asfinder .finderrow-5-5 label {background-position:0 -1000px}
#asfinder .finderrow-5-6 label {background-position:0 -1040px}

#asfinder .finderrow-6-1 label {background-position:0 -1080px}
#asfinder .finderrow-6-2 label {background-position:0 -1120px}
#asfinder .finderrow-6-3 label {background-position:0 -1160px}
#asfinder .finderrow-6-4 label {background-position:0 -1200px}
#asfinder .finderrow-6-5 label {background-position:0 -1240px}
#asfinder .finderrow-6-6 label {background-position:0 -1280px}

dl.sorten {
	font-size:				12px;
	color:					#444;
	
	margin:					0 0 0;
	float:					none;
	width: 					auto;
}	
	
.sorten dt, 
.sorten dd { 
	padding: 				0;
	border:					none;
	width:					auto;
	float:					none;
	font-weight:			bold;
}
.sorten dt {
	margin:					0 0 10px;
}
.sorten dd { 
	margin: 				0;
	text-align:				left;
}
.sorten dd a {
	display:				block;
	border:					none;
	height:					40px;
	line-height:			40px;
	padding:				0 0 0;
	margin:					0 0 2px;
	background:				#eae587;
	overflow:				hidden;
}
.sorten dd img {
	width:					40px;
	height:					40px;
	margin:					0 10px 0 0;
	float:					left;
}





.typergebniss {
	border:					1px solid #be2b21;
	padding:				10px 10px 8px;
	background:				#fffdc4;
	text-align:				center;
}









/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/_p/_slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/_p/_slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/_p/_slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/_p/_slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}