ol {
	margin:0px;
	margin-left: 1.1em; 
	padding-left: 1.1em;
}


h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	margin:0px;
	font-size:12px;

}
.hbox4 h1, 
.hbox4 h2, 
.hbox4 h3, 
.hbox4 h4, 
.hbox4 h5, 
.hbox4 h6,
.boxright h5 {
	display: inline;
} 

form {
	margin:0px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


.floatLeft {
   float:left;        
}

.floatRight {
   float:right;        
}

div.hbox1 {
   float:right;
   width:5px;
}

div.hbox2 {
   float:left;
   width:5px;
}

div.catov-left{
   float:left;
   width:290px;
   vertical-align:top;
}

div.empty{
   font-size:0px;
}

div.catov-right{
   float:right;
   width:290px;
   vertical-align:top;
}

div.hbox3 {
   float:left;
   width:10px;
}

img.pfeil {
   margin-top:12px;
}

div.hbox4 {
   padding-left:5px;
   padding-right:5px;
   padding-top:8px;
   white-space: nowrap;
   float:left;
}

.product_list .bgbox, 
.product_list .bgboxtop { padding: 10px 0 }
.product_list .bgbox ul, 
.product_list .bgboxtop ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.product_list .bgbox li, 
.product_list .bgboxtop li {
	background-image: url(../../images/cbstart.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px 10px 20px;
}
.product_list .bgbox li ul, 
.product_list .bgboxtop li ul {
	margin:0px;
	padding-left:0.8em;
	margin-left:0.8em;
	list-style-type: disc;
}
.product_list .bgbox li ul li,
.product_list .bgboxtop li ul li { background: transparent; padding: 0 }

.product_list .bgbox li.last_row,
.product_list .bgboxtop li.last_row  { background: none; padding: 10px 10px 5px; }
.product_list .bgbox li.first_row,
.product_list .bgboxtop li.first_row { padding: 0 10px 20px; }
.product_list .pager { margin-top: -20px; }

.navfont{
font-size:10px;
}

.bright2 {
color: #54514c;
}

.selectednavfont{
font-size:11px;
font-weight:bold;
}

.small{
font-size:9px;
}

.bright{
color:#54514c;
}

.legalnote{

margin-left:5px;
font-size:10px;
color:black;
font-weight:normal;

}

td.boxtop{
padding-left:10px;
/*padding-top:4px;*/
font-weight:bold;
}

span.boxtop{
margin-left:5px;
}

img.boxtop{
margin-bottom:1px;
}

input.input{

	border-style:none;
	border-width:0px;
   font-size:10px;
   
	width:142px;
   border-top:1px solid #bdbcba;
   border-bottom:1px solid #bdbcba;
   background-color:#f6f6f6;
   padding: 2px 0;
   float:left;

}

.bold { font-weight: bold; }
.italic { font-style: italic; }

a.black:link { color: #000000; text-decoration: none; }
a.black:visited { color: #000000; text-decoration: none; }
a.black:hover { color: #000000; text-decoration: underline; }
a.black:active { color: #000000; text-decoration: none; }

a.read:link { color: rgb(186, 40, 40); text-decoration: none; }
a.red:visited { color: rgb(186, 40, 40); text-decoration: none; }
a.red:hover { color: rgb(186, 40, 40); text-decoration: underline; }
a.red:active { color: rgb(186, 40, 40); text-decoration: none; }

.fields	{
	border: 1px solid #cccccc;
	background-color:#FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}

input.fields {
 padding-left:3px;
 padding-right:3px;
}

.size9 { font-size: 9px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }

.login	{
	border: 1px solid #e9edf0;
	background-color:#ffffff;
	width: 180px;
	font-size: 9px;
	padding-left: 2px;
}

hr{
	background-color: #CCCCCC; /* Mozilla 1.4 */
	color: #CCCCCC; /* IE 6 */
	border: #CCCCCC; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	width: 100%;
}

img.border{
border:5px solid #917171;
}

.nobr{
	white-space: nowrap;
}

.topbox {background-color:#F2F3F5;}

.boxpadding{padding-left:10px;padding-right:10px;}

.red { color:#C11C1A; }
.green { color:#1FA032; }
.bold { font-weight: bold; }

div#loading {
 display:none;
 position:absolute;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
 width:100%;
 height:100%;
	background-color:#cccccc;
 top:0px;
 left:0px;
}

div#complete {
 display:none;
 position:absolute;
 filter: alpha(opacity=80);
 -moz-opacity:0.8;
 bottom:40px;
 left:30px;
	background-color:#000000;
 color:white;
 padding:20px;
 font-weight:bold;
 font-size:16px;
 text-align:center;
 border:1px solid white;
}

/* Shop */

#cart_table div { margin: 0; padding: 0 }
#cart_table input[type="text"] {
	width:30px;
	font-size: 90%;
	padding: 1px;
	text-align: right;
	float:right;
	margin: 0 10px;
}
#cart_overview #cart_table td,
#cart_overview #cart_table th {
	padding: 5px 10px;
}
#basket {
	text-align: left;
	float:left;
	margin: 0 0 20px;
	width:590px;
}

#basket li {
	float:right;
	list-style-type: none;
}

#legal_note { padding: 0 20px 0 0; color: gray; font-size: 90%; }

#basket_info {
	font-weight: bold;
	width:387px;
	height: 57px;
	padding: 10px 11px 0 12px;
	
	background-image: url(../../images/bg-basket.gif);
	margin: 0 0 0 20px;
}
#basket_info h2 { margin-bottom: 10px; display: block; }
#basket_info div { padding-right: 20px; float: right; }
#basket_info span { float:left; margin: 0 10px 0 0 }

img.update_number { float:right; margin: 3px 0 0 }

#product #number {
	margin: -2px 0 4px;
	padding: 2px 5px 3px;
	width: 28px;
	border: 0 none;
	background-color: white;
	border: 1px solid #ddd;
	font-size: 80%;
}

#product_features { padding: 0; margin: -8px 0 0 }
#product_features li {
	border-top: 1px solid #ccc;
	padding: 8px;
	list-style-type: none;
	height: 1%;
	overflow: hidden;
}
#product_features strong {
	width: 22%;
	display: block;
	padding-right: 10px;
	float: left;
}
#product_features span { float: left; display: block; width: 74% }

#product_gallery li img { padding: 1px; border: 3px solid #ccc; }
#product_gallery ul { margin: -7px -7px 0 2px; padding: 0; }
#product_gallery li {
	list-style-type: none;
	float: left;
	margin: 7px 7px 0 0;
}
#product_gallery li img:hover {
	border: 3px solid #C11C1A;
}
#product_gallery li span {
	background-color: #eee;
	font-size: 10px;
	display: block;
	padding: 2px;
	margin-top: -3px;
	width: 84px;
}

#price_table {
	font-size: 100%;
}
#price_table td.price { white-space: nowrap; }
#price_table th { font-weight:bold; padding: 0 10px 5px; }
#price_table td { padding: 5px 10px}
#price_table tr.list_dark { background-color: #f6f6f6; }
#price_table td.border, #price_table th.border { padding-right: 10px; border-right: 1px solid #eee }
select.shop { font-size: 11px }

#product table.options { padding-bottom: 5px; font-size: 11px; }

#product table.options td { 
	vertical-align: top ;
	padding: 5px;
}
#product table.options td input { margin: 1px }

#product input[type="text"] {
	text-align:right;
	width: 80px;
	font-weight: bold;
	background: transparent;
}
#product input.shop_input_value[disabled] { background-color: #eee }
#product input.shop_input_value {
	text-align:left;
	font-size: 90%;
	width: 180px;
	font-weight:normal;
	padding: 1px 5px;
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#product .value_name {
	white-space: nowrap;
	padding-left: 5px;
}

#product .pricebox1 {
	font-size: 11px;
	border-width:0px;
	cursor: default;
}

#product .pricebox2 {
	font-size: 11px;
	border-width:0px;
	cursor: default;
}

#cart_table .shopnav1 td,
#cart_table .shopnav2 td  { padding: 5px 0; }

#cart_table .shopnav1 td,
#product .shopnav1 td {
	border-top: 3px solid #fff;
	border-bottom: 1px solid #eee;
	background-color:#f6f6f6;
}

#product .shopnav2 td {
	background-color:#f6f6f6;
	border-top: 3px solid #fff;
	border-bottom: 1px solid #eee;
}
#cart_table .shopnav2 td {

}

#payment_options span { float: right; width: 375px; }
span.cart_info {
	width: 70px;
	float: right;
	margin-left: 10px;
}

#product table.options val_info_box { background-color: #f2eeee; }
#product table.options val_info {
	
}

#product table.options td.selected_box {
	/*background-color: #f2f2ee;*/
}

#product table.options .val_info_box td {
	background-color: #f2eeee;
	padding: 5px 10px;
	border-top: 1px solid white;
}


#product table.options td.val_info:hover {
	cursor: pointer;
}

td.x-scroll {
	background-color: #f0f0f0;
	border-top: 1px solid white;
}
div.x-scroll
{
	width: 560px;
	height: 80px;
	position: relative;
}
div.x-scroll div.scrollableArea img {
	padding: 0 5px;
}
div.x-scroll div.scrollableArea *
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../images/x-scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/x-scroll/cursors/cursor_arrow_left.cur), url(images/x-scroll/cursors/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/x-scroll/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/x-scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/x-scroll/cursors/cursor_arrow_right.cur), url(images/x-scroll/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/x-scroll/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}



/* Shop Ende */