/* CCS-Style created  24.02.2008 10:44:37
		Andreas Petermann (c) bytenation.de
*/

/* hier sind festen Werte, definiert,
   um jedem Browser zu erklären, was ich gerne hätte
*/

#bn_box
{	background-image:url(/misterbutton2_start.jpg);
	background-repeat:no-repeat;
	width:532px;
	margin:auto;
	height:244px;
	position:relative;
	clear:both;
	z-index:10;
}


#bn_box input#count
{	position:absolute;
	left:50px;
	top:82px;
	font-size:14px;
	width:195px;
	background-color:transparent;
	border-width:0px;
	text-align:center;
}

#bn_box ul
{	list-style-position:outside;
	list-style-type:none;
	list-style-image: url(/clear.gif);
	width:198px;
	overflow:hidden;
	display:none;
	margin:0px;
	padding:0px 0px 0px 25px;
}

#bn_box ul li
{	height:20px;
	overflow:hidden;
	background-color:#FDF6DC;
	overflow:hidden;
}

#bn_box ul li a,#bn_box ul li a:link,#bn_box ul li a:visited, #bn_box ul li a:active
{	display:block;
	width:100%;
	text-decoration:none;
	color:#232323;
	padding-left:5px;
}

#bn_box ul li a:hover, #bn_box ul#verschluss li a:hover, #bn_box ul#button li a:hover,#bn_box ul#colors li a:hover
{	background-color:#FEAD5E;
}

#verschluss
{	position:absolute;
	left:280px;
	top:80px;
	width:220px;
	cursor:pointer;
	z-index:3;
	list-style-position:outside;
	list-style-type:none;
	list-style-image: url(/clear.gif);
}

#button
{	position:absolute;
	left:25px;
	top:123px;
	width:220px;
	cursor:pointer;
	z-index:2;
	list-style-position:outside;
	list-style-type:none;
	list-style-image: url(/clear.gif);
}


#verschluss ul, #colors ul, #button ul,#button ul
{ position:relative;
  z-index:10;
	border:2px outset #c3c3c3;
	border-top-width:0px;
	width:196px;
	left:24px;
	list-style-position:outside;
	padding:0px;
}

#verschluss ul li, #colors ul, #button ul, #button ul li
{ position:relative;
  z-index:10;
}

#colors
{	position:absolute;
	left:280px;
	top:123px;
	width:220px;
	cursor:pointer;
	z-index:2;
	list-style-position:outside;
	list-style-type:none;
	list-style-image: url(/clear.gif);
}

#verschluss span,#button span,#colors span
{	padding-left:28px;
	display:block;
	height:18px;
	overflow:hidden;
}

#bn_box #price
{	position:absolute;
	left:160px;
	top:160px;
	width:165px;
	height:30px;
	line-height:40px;
	font-weight:bold;
	z-index:1;
	text-align:center;
	font-size:14px;
}

#bn_box #link_angebot
{	position:absolute;
	left:15px;
	top:210px;
	width:82px;
	height:20px;
	z-index:1;
}
#bn_box #link_hilfe
{	position:absolute;
	left:115px;
	top:210px;
	width:100px;
	height:20px;
	z-index:1;
	border:0px solid #f90000;
}

#bn_box #link_bestellung
{	position:absolute;
	left:230px;
	top:210px;
	width:90px;
	height:20px;
	z-index:1;
	border:0px solid #f90000;
}

#bn_box #link_staffel
{	position:absolute;
	left:335px;
	top:210px;
	width:173px;
	height:20px;
	z-index:1;
	border:0px solid #f90000;
}


#bn_formular
{	display:block;
	border:0px solid #f90000;
	height:198px;
	width:530px;
	position:absolute;
	top:0px;
	left:0px;

}
#bn_box #bn_hilfe
{	display:none;
	width:530px;
	margin:auto;
	height:175px;
	overflow:hidden;
	position:absolute;
	border:0px solid #f90000;
	top:30px;
	left:0px;
	background-image:url(/misterbutton2_lieferzeit.jpg);
}

#bn_box #bn_upload
{	display:none;
	width:530px;
	margin:auto;
	height:175px;
	overflow:hidden;
	position:absolute;
	border:0px solid #f90000;
	top:30px;
	left:0px;
	background-image:url(/misterbutton2_bestellung.jpg);
}


#bn_box #bn_hilfe p,#bn_box #bn_upload p
{	padding:20px 0px 0px 30px;
}