/*
* www.donberg.ie
* Layout, Ver 2, Screen
* 09-07-2008
*/


/* IE 5/6/7 Hacks & Workarounds */

* html #leftcol {
	margin-left: 5px;
	m\argin-left: 5px;
}

* html #content_box_separator {
	margin-left: 5px;
	m\argin-left: 5px;
}

* html #footer {
	margin-left: 5px;
	m\argin-left: 5px;
}

* html #misc_content {
	padding-top: 10px;
	p\adding-top: 10px;
}


* html #logo_bottom {
	margin-left: 5px;
	m\argin-left: 5px;
}

* html #header {
	margin-left: 5px;
	m\argin-left: 5px;
}

/* ALLGEMEIN */

body {
	padding:0;
	margin:0;
	text-align:left;
	background-color:#fff;
	font-size:0.8em;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif ! important;
	color: #000;
	height:100%;
	background-image: url(/images/outer_header.gif);
	background-repeat: repeat-x;
}

h1 {
	font-weight:bold;
	font-size:1.4em;
	color: #8b230e;
	margin:0;
	padding-top: 15px;
}

h2 {
	font-weight:bold;
	font-size: 1.3em;
	margin:0;
	padding-top: 15px;
}

h3 {
	font-weight:bold;
	font-size: 1.2em;
	padding-top: 15px;
}

hr {
	color: #fff;
}

h1.content {
	margin-bottom:12px;
	padding:0;
}

td,p {
	vertical-align:top;
}

a {
	font-size:1em;
	text-decoration:none;
	color: #96250f;
}

a:hover {
	text-decoration:underline;
}

form {
	padding:0px;
	spacing:0px;
	border:0px;
	margin:0px;
}

/* Other browsers */
input[type=text],input[type=password] {
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 border-style: solid;
 border-width: 1px;
 border-color: #336680 #E4E8EC #E4E8EC #336680;
 padding: 2px 4px 2px 4px;
 background-color: #fcfdff;
}
textarea {
 font-family: courier new, monospaced;
 font-size: 9.5pt;
 border-style: solid;
 border-width: 1px;
 border-color: #336680 #E4E8EC #E4E8EC #336680;
 padding: 2px 4px 2px 4px;
 background-color: #fcfdff;
}
/* IE 8 */
input[type=text],input[type=password],textarea {
 padding/*\**/: 2px\9 4px\9 3px\9 4px\9;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus {
 border-color:#003366 #8080CC #8080CC #003366;
 background-color:#F0F6FF;
}



/* Layout */

#overall {
	margin:auto;
	width:940px;
}


#outer_shadow {
	float: left;
	width: 950px;
	background-image: url(/images/background_shadow.gif);
	background-repeat: repeat-y;

}

#mainnav_spacer {
	float: left;
	width: 950px;
	height: 20px;
	background-image: url(/images/background_shadow.gif);
	background-repeat: repeat-y;
}


/* HEADER */


#header {
	float:left;
	margin-left:10px;
	width:930px;
	height: 68px;
	background-image: url(/images/background_header.gif);
}

#logo_left {
	float:left;
	width:500px;
	margin-top: 0px;
	height: 68px;
}

#logo_bottom {
	float: left;
	width:106px;
	height:36px;
	margin-left: 10px;
	overflow: hidden;
	background-color: #bb2808;
}

#top_menu {
	float:right;
	width:351px;
	height: 25px;
	line-height: 2em;
	font-weight: bold;
	color: #000;
	text-align: center;
}

#top_menu a {
	color: #000;
}


#suche {
	float:right;
	width:349px;
	height: 42px;
	background-image: url(/images/background_search_box.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
}

#suche_felder {
	padding-left: 10px;
	padding-top: 8px;
}

#suche_felder a {
	font-size: 10px;
	color: #fff;
}

.such_eingabe {
	font-size: 11px;
	width: 160px;
	height: 16px;
	font-weight: bold;
	color: #666;
	border: 1px solid #000;
}

.such_button {
	background-color: #f8f8f8;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000;
}

/* HAUPTNAVIGATION */


/* Navigation */
#navcontainer {
	float:left;
	width:824px;
	height:37px;
	padding-left:0px;
	margin-left: 0px;
	background-color: #9f270f;
	background-image: url(/images/background_main_nav.gif);
	background-repeat: repeat-x;
}
#navcontainer h2 {
	display: none
}
#navcontainer ul {
	margin-top: 1px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 16px;
	float: left;
	background-color: #9f270f;
	background-image: url(/images/background_main_nav.gif);
	font-weight: bold;
}
#navcontainer ul li {
	display: inline
}
#navcontainer ul li a {
	border-right: #fff 1px solid;
	padding-right: 0.8em;
	padding-left: 0.8em;
	float: left;
	padding-bottom: 0.3em;
	color: #fff;
	height: 26px;
	line-height: 1.5em;
	padding-top: 0.3em;
	text-decoration: none
}

#navcontainer ul li a:hover {
	color: #8b230e;
	background-color: #fdfdd1;
	text-decoration: none;
}
#navcontainer ul li a.current {
	color: #8b230e;
	background-color: #fff;
	border-left: 1px solid #8b230e;
	border-right: 1px solid #8b230e;
}
#navcontainer ul li a.current:hover {
	text-decoration: underline;
}



/* Subnavigation links */

/* Linke Navigation, 1. Ebene */
.subnav_left {
	float:left;
	vertical-align: top;
	background-color: #fff;
}

.subnav_left ul {
	padding-left: 0px;
	font-size: 13px;
	margin-left: 0px;
	margin-top: 0px;
	list-style-type: none;
	background-color: #fdfdcd;
}
.subnav_left a {
	display: block;
	width: 216px;
	padding-left: 5px;

	padding-bottom: 2px;
	color: #000;
	line-height: 2em;
	padding-top: 0.1em;
	border-bottom: #8b230e 1px solid;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}
.subnav_left a.last {
	border-bottom-style: none;
}
.subnav_left a.current {
	color: #ffffff;
	background-color: #c93011;
	font-weight: bold;
}
.subnav_left a:hover {
	color: #ffffff;
	background-color: #c93011;
	text-decoration:none;
}
UNKNOWN {
	width: auto
}


/* 2. Ebene */

.subnav_left2 {
	padding-top: 0px;
	background-color: #fff;
}

.subnav_left2 ul {
	padding-left: 0px;
	list-style-type: none;
	font-size: 12px;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #fff;
}

.subnav_left2 a {
	display: block;
	width: 200px;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 2px;
	color: #fff;
	line-height: 1.3em;
	padding-top: 0.1em;
	border-bottom: #8b230e 1px solid;
	text-align: left;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.subnav_left2 a.last {
	border-bottom-style: none
}

.subnav_left2 a.current {
	color: #fff;
	background-color: #c93011;
	font-weight: bold;
}

.subnav_left2 a:hover {
	color: #fff;
	background-color: #c93011;
	text-decoration:none;
}


/* CONTENT */


#contentall {
	float:left;
	width:690px;
	overflow: hidden;
	background-color: #fff;
	padding-left: 10px;

}

#content_box_separator {
	float:left;
	width: 710px;
	margin-left: 10px;
	border-top: 1px solid #8f240e;
	border-left: 1px solid #8f240e;
}


#site_navigation {
	float:left;
	width: 245px;
	text-align: right;
	font-size: 11px;
	padding-bottom: 10px;
}

#site_navigation a {
	color: #8b230e;
	font-size: 11px;
}


#site_generated_content {
	float: left;
	width: 670px;
	font-size: 11px;
	/* background-color: #fff; */
}

#site_generated_content ul {
 text-indent:0em;
 margin-left:1em;
 padding-left:1pt;
}
#site_generated_content ol {
 text-indent:0em;
 margin-left:1em;
 padding-left:20pt;
}
#site_generated_content li {
 margin-bottom:6pt;
}


#content {
	float:left;
	width: 670px;
	height: auto;
	padding-left: 10px;
	padding-right: 0px;
	overflow: hidden;
	font-size: 12px;
	background-image: url(/images/background_content_header.gif);
	background-repeat: repeat-x;
}


/* Tabelle für Listenansicht */

.table_header {
	background-color: #ffffa0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align: bottom;
}

.product_link, .p {
	color: #96250f;
	font-size: 11px;
	/*font-weight:bold; */
}

.table_yellow , .y, .y td {
	background-color: #fdfdcd;
	vertical-align: top;
}

.table_white , .w, .w td {
	background-color: #fff;
	vertical-align: top;
}

.content_list tr:hover {
	background-color: #ffffa0;
}
.obsolete {
	color:#808080;
}
.replacement {
	font-style:italic;
}

.bestseller_table {
	width: 660px;
}
.bestseller_table td {
	margin: 5px;
	padding: 3px;
	text-align: center;
}
.bestseller_table a:hover {
	text-decoration: none;
	color: #ff6600;
}
.bestseller_image {
  max-width: 150px;
  max-height: 112px;
  width: expression(this.width > 150 ? "150px" : true);
  height: expression(this.height > 112 ? "112px" : true);
}


#totop_link {
	float: left;
	width: 660px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}

#totop_link a {
	color: #8b230e;

}

/* LeftCol */

#leftcol {
	float:left;
	margin-left: 10px;
	width: 220px;
	background-color: #fff;
}

.ie_hack {
	background-color: #fff;
}

#left_separator {
	float:left;
	width: 220px;
	height: 20px;
	background-color: #fff;
}

#leftcol_info {
	float:left;
	width: 210px;
	height: 170px;
	background: white;
	padding-left: 10px;
	padding-top: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
}

#order_info {
	float:left;
	width: 210px;
	height: 205px;
	background-image: url(/images/background_order_info.gif);
	padding-left: 10px;
	padding-top: 10px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}


#order_info a {
	color: #fff;
}

#misc_content {
	float:left;
	width: 220px;
	background-color: #fdfdcd;
	padding-top: 20px;
	text-align: center;
}



/* Footer */


#footer {
	clear:all;
	float:left;
	width: 930px;
	border-top: 1px solid #8f240e;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #545454;
}

#footer_links {
	float:left;
	width: 670px;
}

#last_update {
	float:left;
	width: 240px;
	padding-left:10px;
}

#footer a {
	font-size: 10px;
	color: #545454;
}

#footer a:hover {
	text-decoration: underline;
}



/* Breadcrumb Navigation */
#site_breadcrumb {
	float: left;
	width: 420px;
	font-size: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #545454;
}

#site_breadcrumb_wide {
	float: left;
	width: 660px;
	font-size: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #545454;
}

#site_breadcrumb_box {
	margin-left: 264px;
	text-align: left;
}

#site_breadcrumb a {
	color: #545454;

}

#site_breadcrumb a:hover {
	text-decoration: underline;
}


/* Sprachauswahl */

/* ================================================================
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

.menu {
font-size:0.85em;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:170px;
position:relative;
text-align: left;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:170px;
height:24px;
border:1px solid #fdfdcd;
border-width:1px 1px 0 0;
padding-left:10px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0;
width:160px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:25px;
t\op:25px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fdfdcd;
color:#000;
height:auto;
line-height:24px;
padding:5px 10px;
border-bottom: 1px solid #96250f;
border-left: 1px solid #F4E9BB;
border-right: 1px solid #F4E9BB;
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a {
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
color:#fff;
background-color: #ffff7d;
}



/*.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
height: 23px;
/*background-color: #000;
text-decoration: underline;
}
*/
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* Erweiterte Suche */

#advanced_search_field {
	float: left;
	width: 640px;
	padding-left: 10px;
	background-color: #ffffa0;
	margin: 5px;
	border: 1px solid #96250f;
}

#product_groups {
	float: left;
	width: 650px;
	margin-top: 20px;
	padding-left: 10px;
	border: 1px solid #96250f;
	background-color: #fdfdcd;

}

#search_results {
	float: left;
	width: 400px;
}

#search_results_tab {
	float: left;
	width: 650px;
}

.browse_topic {
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
}

.browse_info {
	padding-left: 20px;
	padding-top: 1px;
}


/* Produktdetailseite */

#detail_separator {
	float: left;
	width: 670px;
	border-bottom: 1px solid #96250f;
	margin-bottom: 20px;
}

#detail_left {
	float:left;
	width: 450px;
	background-color: #fdfdcd;
	overflow: hidden;
}

#detail_left_pic {
	float:left;
	width: 150px;
	background-color: #ffe080;
	background-image: url(/images/background_productimage.gif);
	background-repeat: repeat-x;
	padding:5px;
	height: 500px;
	min-height: 400px;
	text-align: center;
}

#detail_left_pic img {
	padding-bottom:5px;
}

#detail_left_name {
	float:left;
	width: 270px;
	background-color: #8f240e;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
#detail_left_name h2 {
	font-size: 14px;
	padding:0;
	margin:0;
}
.product_tab {
	font-size: 14px;
	font-weight: bold;
	width: 280px;
}

#detail_left_price {
	float:left;
	width: 280px;
	padding-left: 5px;
}

#detail_left_description {
	float:left;
	width: 450px;
	background-color: #fff;
	padding-top: 10px;
}
#detail_left_paymethods {
	float: left;
	padding: 5px 20px 20px 20px;
}

#detail_right {
	float:left;
	width: 200px;
	margin-left: 20px;
}


#detail_right_groups {
	float:left;
	width: 190px;
	padding-left: 5px;
	background-color: #fdfdcd;
}

#detail_right_separator {
	float:left;
	width: 190px;
	height: 20px;
	background-color: #fff;
}

#detail_right_curreny {
	float:left;
	width: 190px;
	padding-left: 5px;
	background-color: #fdfdcd;
}

.homebox {
	padding:6px;
	margin:6px;
	float:left;
	width:305px;
	height: 180px;
	background-color: #fbe37e;
	background-image: url(/images/homebox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #962811;
}
.homebox h3 {
	padding-top: 0px;
	spacing:0px;
	margin:0px;
	padding-bottom: 12px;
	font-size: 12px;
	color: #800000;
}
.homefoot {
	clear:all;
	float:left;
	width: 640px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 12px;
}

/*  message and error boxes---------------------- */

.ct_messagebox {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 float: left;
 background-color: #fff;
 width:99%;
}

.message_error {
 float: left;
 border: 2px solid #c71818;
 background: #fff url(/images/red_fader.gif) repeat-x;
}

.message_warning {
 float: left;
 border: 2px solid #ee8800;
 background: #fff url(/images/orange_fader.gif) repeat-x;
}

.message_info {
 float: left;
 border: 2px solid #339933;
 background: #fff url(/images/green_fader.gif) repeat-x;
}

.message_error_title {
 font-size: 12pt;
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
}

.message_warning_title {
 font-size: 12pt;
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
}

.message_info_title {
 font-size: 12pt;
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
}

.ct_message_image {
 float: left;
 height: 37px;
 width: 35px;
 margin: 10px 6px 10px 12px;
}

.image_error {
 background: url(/images/error_symbol.gif) no-repeat;
}

.image_warning {
 background: url(/images/warning_symbol.gif) no-repeat;
}

.image_info {
 background: url(/images/info_symbol.gif) no-repeat;
}

.ct_message_text {
 float: left;
 padding: 5px 0px 10px 5px;
 width: 85%;
}



/* Old definitions */

.small { color: black; font-size: smaller; }
.tiny { color: black; font-size: x-small; }
.search { color: black; font-size: small; }

.partlist { font-size: 11px; }

.gray { color: #888; }

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.m { vertical-align: middle; }
.t { vertical-align: top; }
.b { vertical-align: bottom; }

.h { display: none; }
.hp { font-size: 10pt; }

.b { font-weight: bold; }

.showbasket{ text-align:center; }