@import url("default-settings.css");
@import url("lightbox.css");
@import url("boxen.css");
@import url("content.css");

/* STUFF  ++++++++++++++++++++++++++++++ */
body {
margin: 0; padding: 0;

/* Font */
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.2em;
	
/* Backgrounds */
background-image: url(img/bg-body.jpg); background-repeat: repeat-x;
}	

/* --------------------------------
 Allgemeine CSS-Einstellungen
*/
a { color: #325374; text-decoration: underline; }
a:hover { color: #538AC0; text-decoration: none; }

li { list-style: circle; margin: 0px 0px 0.5em 18px; padding: 0px 0px 0px 0px; font-size: 1.0em; line-height: 1.5em; }

h1,h2,h3,h4,h5,h6 { padding: 0px 0px 0.5em 0px; } 
h1 { font-size:1.4em; line-height: 1.8em; font-weight: bold;} 
h2 { font-size:1.4em; line-height: 1.8em; font-weight: bold; } 
h3 { font-size:1.2em; line-height: 1.6em; font-weight: bold; } 
h4 { font-size:1.2em; line-height: 1.6em; font-weight: normal; } 
h5 { font-size:1.0em; line-height: 1.3em; font-weight: bold; } 
h6 { font-size:1.0em; line-height: 1.3em; font-weight: normal; } 

td { padding: 0px 8px 6px 0px; vertical-align: top; }
p { padding: 0px 0px 1.5em 0px; font-size: 1.0em; line-height: 1.5em; }


.border { border:1px solid #325374; }
.border_bottom { border-bottom:1px solid #325374; }
.border_top { border-top:1px solid #325374; }

.center { text-align: center; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.strong	{ font-weight: bold;}
.small { font-size:10px; }
.clboth { clear: both; }
#nobr {	white-space: nowrap; }
.nobr {	white-space: nowrap; }
img { border: 0; }
form { margin: 0px; }
input[type=text],input[type=password] { border: 1px solid #dddddd; height: 16px; font-size: 12px; }

span.errorText { color: #ff0000; text-decoration: none;  } 
span.markProductOutOfStock { color: #c76170; font-size: 12px; font-weight: bold; text-decoration: none;  } 
span.productDiscountPrice { color: #ff0000; font-weight: bold; text-decoration: none;  } 
span.productOldPrice { color: #ff0000; font-size: 10px; font-weight: bold; text-decoration: line-through;  } 
span.productSpecialPrice { color: #ff0000; text-decoration: none;  } 


.gm_price { font-weight: bold; text-align: center; } 
.productOldPrice { color: #FF0000; font-weight: bold; text-align: center; text-decoration: line-through; } 
.product_image {  margin: 3px auto 3px auto; padding: 0px; } 
.product_price { font-size: 9px; min-height: 35px;  text-align: center; }
.product_title { margin: 0px; padding:  2px 2px 2px 2px; min-height: 50px; } 
.product_title a { font-weight: bold;  } 
.small { font-size: 9px; } 


/* Kaufen Button */
.button_to_cart { margin-left: auto; margin-right: auto; overflow: hidden; width: 130px; } 
.button_to_cart .cart_icon { background-color: #344E73; color: #ffffff; display: block; float: left; height: 25px; text-align: center; width: 25px; } 
.button_to_cart .cart_icon img { margin-left: 2px; margin-top: 7px; } 
.button_to_cart .cart_text { background-color: #344E73; color: #ffffff; display: block; float: right; height: 25px; line-height: 25px; margin-left: 0px; text-align: center; width: 104px; } 
.button_to_cart a { color: #ffffff; cursor: pointer; font-size: 11px; font-weight: bold;} 
.button_to_cart_spacer { height: 25px; width: 125px; } 


#iconizing_icon { float:left; }
#popup_box #iconized_page_head { background-color: #335475; color: #ffffff; font-size: 16px; font-weight: bold; margin-left: 45px;  padding: 11px 11px 11px 11px; text-transform: uppercase;  } 
/*
.wrap_shop #iconized_page_head { font-size: 16px; font-weight: bold; margin-left: 45px; padding: 11px 0px; text-transform: uppercase;  } 
*/
 





/* --------------------------------------------------------------------*/
/* Aufbau der Seite */

#wrap_site { 
position: relative;
padding: 0px 32px 0px 32px; margin: 0px auto; width: 896px; 
background-image: url(img/bg-site.jpg); background-repeat: no-repeat; background-position: top center;
}

/* --------------------------------------------------------------------*/
/* Kopf mit Menue */
#site_header { position: relative; top: 0px; left: 0px; width: 896px; height: 185px; }

#shop_logo { position: absolute; top: 0px; left: 0px; width: 200px; height: 120px; }

/* TOP MENU */
#topmenu { position: absolute; top: 120px; left: 0px; margin: 0px; height: 65px; }
#topmenu_block { position: absolute; left: 0px; top: 0px; width: 896px; height: 29px; }
#topmenu_block #topmenu_left { position: absolute; left: 0px; top: 0px; width: 600px; height: 29px; }
#topmenu_block ul#topmenu_left{ margin:0; padding:0; display: inline; height: 29px; list-style:none; } 
#topmenu_block ul#topmenu_left li{	float:left; display:block; list-style:none; height: 29px; margin: 0 5px; }
#topmenu_block ul#topmenu_left li a{ display: block; color: #fff; font-weight: bold; padding: 10px 9px 10px 9px; }
#topmenu_block ul#topmenu_left li a:hover,
#topmenu_block ul#topmenu_left li a#active{ background-image: url(img/bg-top-menu-over.jpg); background-repeat: repeat-x; color: #000; padding: 10px 9px 10px 9px; }


#hersteller {
	clear: both;
	text-align: center;
	width: 100%; 
	min-width: 896px;
	height: auto;
	padding: 10px 0px 10px 0px; 
	margin: 0px auto; 
}
#hersteller span.hersteller-headline { padding: 0px 0px 8px 8px; line-height: 1.5em; font-weight: bold; }
#hersteller #gm_box_pos_2 { width: 135px; float: right; }
#hersteller #menubox_manufacturers { border: none; }
#hersteller #menubox_manufacturers_head { display: none; }
#hersteller #menubox_manufacturers_body { width: 115px;  }


/* Versandkosten und Rueckrufservice */
#column_right .info_button { /* background-color: #D92B35; text-align: center; margin: 0px 0px 4px 0px; */ text-align: center; }
#column_right .info_button a { display: block; /* color: #FFFFFF; */ padding: 4px 4px 4px 4px; text-decoration: none; }

/* Breadcrumb */
#mode1_block { position: relative; top: 35px; left: 10px; width: 986px; height: 20px; }
#mode1_block #mode1_pathrow { position: relative; top: 0px; left: 0px; }
#mode1_block #mode1_pathrow a { font-size: 10px; line-height: 20px; text-align: left; text-decoration: none;  } 




/* Kategorie Menu */
#menubox_categories .categories { display: block; border-bottom: 1px solid #dddddd; background-color: #FFFFFF !important; margin: 0px; padding: 0px; }
#menubox_categories .categories a { display: inline; color: #325374; font-weight: bold; text-decoration: none !important; border-bottom: none; background-color: #ffffff !important; }
#menubox_categories .categories a:hover { display: inline; color: #538AC0; font-weight: bold; text-decoration: none !important; border-bottom: none; background-color: #ffffff !important; }
#menubox_categories .cat_icon { display: none; background-color: #FFFFFF !important; width: 0px; overflow: hidden; margin: 0px;}

#menubox_categories .cat_link { padding: 0px; margin: 0px; }
#menubox_categories .cat_link div { padding: 8px 3px 8px 4px; margin: 0px 0px 0px 0px; }
#menubox_categories .cat_link a {  }
#menubox_categories .cat_link a:hover { }

/* Zweite Ebene */
#menubox_categories .cat_sub_link div { padding: 0px 3px 0px 12px; margin: 0px 0px 0px 0px; }
#menubox_categories .cat_sub_link a { font-weight: normal !important; }
#menubox_categories .cat_sub_link a:hover { font-weight: normal !important; }

/*
#menubox_categories .cat_link .cat_active { padding: 5px 3px 5px 3px; margin: 0px 0px 0px -8px; border-left: 5px solid #b3ccdd; } 
#menubox_categories .cat_sub_link .cat_active { padding: 5px 3px 5px 5px; margin: 0px 0px 0px -8px; border-left: 3px solid #b3ccdd; } 
*/


/* Suche */
#topmenu_block #topmenu_right { position: absolute; left: 650px; top: 3px; width: 250px; height: 29px; color: #FFFFFF; }
#topmenu_block #topmenu_right span { line-height: 29px; }
#mode1_search_cell { position: absolute; left: 50px; top: 0px; margin: 3px 3px 3px 3px; width: 200px; height: 17px; color: #000000; }
#mode1_search_cell .gm_class_input { font-size: 11px; font-weight: bold; width: 120px; height: 17px;  color: #000000; } 
#mode1_search_cell input[type=image] { position: absolute; left: 130px; top: 3px; width: 25px; height: 17px;  } 

/* Warenkorb */ 
#cart_on_top { position: absolute; top: 0px; left: 600px; width: 200px; height: 50px; 
background-image: url(img/topcart-button.gif); background-repeat: no-repeat; background-position: top left;
padding: 20px 0px 0px 80px;  }
#cart_on_top_heading { display: none; }
#cart_on_top_body {}



/* --------------------------------------------------------------------*/
/* Inhalt + Boxen links und recht */ 	
#wrap_shop { position: relative; top: 0px; left: 0px; width:896px; height: auto; }


#column_left, #column_right { position: absolute; top: 0px; width: 190px; height: auto; } 
#column_left { left: 0px;; } 
#column_right { left: 706px; } 
#column_content { position: relative; left: 200px; width: 496px; height: auto; margin-bottom: 100px; min-height: 1200px; overflow: hidden;  } 

#column_content { font-size: 12px; line-height: 18px;  } 
 

#site_footer{
	clear: both;
	background: url(img/bg-footer.gif) repeat-x center top;
	height: 180px;
	padding: 0px 0px 0px 0px;
}
#site_footer_content { text-align: center; color: #FFFFFF; position: relative; padding: 25px 32px 0px 32px; margin: 0px auto; width: 896px; }
#site_footer_content a { color: #FFFFFF; }
#site_footer_content p { line-height: 20px; }

.copyright { clear: both; color: #ffffff; font-size: 9px; text-align: center; margin-top: -50px; }
.copyright a { color: #ffffff; text-decoration: none; }






 

/* Bug fixes for Browser */



/* Caution! Ensure accessibility in print and other media types... */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { .ui-tabs-hide {display: none;} }
/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav {display: none;} }


/* Skin */
.ui-tabs-nav {list-style: none; margin: 0px 0px 2px 0px; padding: 0px;}
body .ui-tabs-nav li { float: left; margin: 0px; padding: 0px; }

.ui-tabs-nav a, .ui-tabs-nav a span {float: left; } /* fixes dir=ltr problem and other quirks IE */
body .ui-tabs-nav a {white-space: nowrap; /* @ IE 6 */ outline: 0; } /* @ Firefox, prevent dotted border after click */
body .ui-tabs-nav .ui-tabs-selected a {z-index: 2;}

.ui-tabs-nav a span { text-transform: uppercase; font-size: 10px; }

.ui-tabs-nav .ui-tabs-selected a span {}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text; } /* @ Opera, use pseudo classes otherwise it confuses cursor... */ 
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer; } /* @ Opera, we need to be explicit again here now... */ 
/* .ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40); } */
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { }


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav 				{display: inline-block; } /* auto clear @ IE 6 & IE 7 Quirks Mode */ 
*:first-child+html .ui-tabs-nav {display: inline-block; } /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */