@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.errorBox { background: #ffb3b5; font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { color: #08B5BB; text-decoration: underline; }

.main, .main_headline { color: #021A51; word-wrap:break-word;}
* html .main_headline { font-weight:bold; }

.main { line-height:1.5em;}

.column_main_div div.info {margin-bottom:20px; padding:10px; border:solid 1px #CCC;}

a img {border:0}
object {border:0}

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

body {
  background-color: #d6d6d6;
  background-color: #fff\9;
  color: #000000;
  margin: 0px;
  min-width:550px;
  overflow-x:hidden;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

a, a:visited, a:active, a:link{
	color:#408A9F/*hellblau*/;
	text-decoration: none;
}

a:hover { 
	/*color:#68BAD9/*hellblau hover*/
	text-decoration: underline;
}






FORM {
	display: inline;
}


TR.headerError, .headerError {
  background: #ff0000;
}

TD.headerError, .headerError {
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

.infoBox {
  background: #FFFFFF;
}

SPAN.newItemInCart {
  color:#960;/*dunkel-braun*/
}

CHECKBOX, INPUT, RADIO, SELECT {}
CHECKBOX,RADIO{}
TEXTAREA { width: 95%; }

SPAN.greetUser { color: #021A51; font-weight: bold; }

SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { color: #ff0000; }
SPAN.errorText { color: #ff0000; }


.moduleRow, .moduleRowSelected, div.box_checkout:hover .moduleRow { width:100%; height:auto;  overflow:hidden; position:relative;}

div.box_checkout:hover .moduleRow { background-color:#F1F4F5 /*sehr_hell_blau_grau*/; cursor: pointer; cursor: pointer;}
.moduleRowSelected { background-color:#F1F4F5 /*sehr_hell_blau_grau*/;}



.messageBox { font-size: 0.8em; }
.messageStackError, .messageStackWarning { background-color: #ffb3b5; }
.messageStackSuccess { font-size: 1em; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 0.8em; color: #ff0000; }
/*TR.productListing-even { background: #FFFFFF; } */


 
 
 /*////////////////////*/
.pageHeading, .pageHeading_right, .pageHeading_left, .pageHeading_preis { 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.7em;
	font-weight: bold;
	/* color: #BBC3D3; */
	color:#C90/*hell-braun*/;
	margin:0;
	float:left;
} 
.pageHeading_left, .pageHeading_preis { float:none; display:block;}
.pageHeading_preis { font-size: 1.1em; line-height:40px;}
.pageHeading_right { float:right; height:0px; }
.pageHeading_div { /* overflow:hidden; */height:50px; padding-top:0px; padding-bottom:0px; margin:0; width: 95%;}
 

#product_listing_container {
	height: auto;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	vertical-align: top;
	padding-bottom:10px;
	display:block;
}

.smallText { font-size:0.8em; }

.product_box .alignleft {
	float: left;
	height: 0px;
}
.product_box .alignright {
	float: right;
	display: table;
}

.product_box_image img{
	height:100%;
	width:auto;
	display:block;
}

.product_box_image {
	position:relative;
	height:300px;
	width:auto;
}

.product_box, .product_box_pur{
	display: inline-block; 
	position:relative;
	clear:both;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	zoom:1;
	*display: inline;
}

.product_box_pur{ padding-bottom: 5px; }

.product_box { padding-bottom: 30px; vertical-align:top;}


/* bilder auf 100% */

.box_bild {
	height:100%;
	width:100%;
	margin:0;
}

.box_bild img {
	margin:0;
	display:block;
	width:auto;/*100% bei mobile */
	height:250px;/* auto bei mobile */
}

/* skalierbar im rechten bereich*/
.box_col_right .box_bild img { 
	margin:0;
	display:block;
	width:100%;
	height:auto;
}

/* tables */

#main_table { height:auto; padding:0; margin:0; z-index:3; width:100%;}
.table_div { height:auto; width:100%; background-color:#FFF; padding-top:30px; padding-bottom:20px;}
#main_table td{ vertical-align:top; }

#main_table #main_table_left{ background-color: #fff; }
#main_table #main_table_center{ background-color: #fff; width:100%; }
#main_table #main_table_right{ background-color: #fff; }

.column_left_div, .column_main_div, .column_right_div { padding-bottom:0px; padding-top:50px; z-index:2; position:relative;}

.column_main_div { padding-left:20px; padding-right:20px; z-index:3; position:relative; width:auto; padding-top:0px;}

.column_left_div {
	float:left;
	display:block;
	width:170px;
	height:100%;
}

.column_main_div { height:100%; }
.column_main_div p { margin:0; padding:0;}


.column_right_div { float:right; width:0px; height:100%; }

.footer_div {
	clear:both;
	width:100%;
	text-align:center;
	background-color: #d6d6d6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #94a8ad;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #000;
}

.banner_div { width:100%; text-align:center; padding:0px; }
.copyright { width:100%; text-align: center; }


/* main layout*/
  .box, .box_col_left, .box_col_right{ /* #box_auto, */
	position:relative;
	display: inline-block;  
	vertical-align: top;
	height: auto;
	zoom:1; *display: inline;/***/
  }

 .box { width: 350px; overflow:hidden; }
 /* #box_auto { width: auto; } */
 
 .box_col_left { width: 65%; padding-right:20px;}
 .box_col_right {width: 30%;}
 
 
 #box_container{ position:relative; width:auto; }
/*  divBoxes */
TD.infoBoxHeading, .infoBoxHeading {
  /*font-weight: bold;*/
  color: #021A51;
  background-color:#E6EBEC /*hell_blau_grau*/; 
  width:100%;
  align:top;
  float:left;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:15px;
}

.divBox_basic {
	background-color: #Fff;	
 	overflow: hidden;
	width:100%;
	padding-top:0px;
}

.divBox_sub { padding-top:5px; float:left; width:100%; }

.divBox_sub p{
	margin:0px;
	margin-top:0px;
	padding:0px;
}

.boxText { width:100%;}
.boxText a, .boxText img, .boxText div.text, .boxText table { padding-left:15px; display:block;}


.column_box {
	background-color: #FFf;	
	padding-bottom:10px;
}

.box_pageLinks { font-size: 1em}
a.pageResults { padding-left:15px;padding-top:15px;}
a.pageResults:hover { }
.box_pageLinks , #box_container .box .box_pageLinks { overflow:hidden; }
.box_pageLinks p , #box_container .box .box_pageLinks p{ float:left; color:#960/*dunkel-braun*/; padding-top:15px; padding-bottom:5px}
.box_pageLinks a , #box_container .box .box_pageLinks a{ color:#C90/*hell-braun*/;}
.box_pageLinks a:hover , #box_container .box .box_pageLinks a:hover{ color:#960/*dunkel-braun*/;}
.box_pageLinks .right , #box_container .box box_pageLinks .right { float:right; }

.box_btns { overflow:hidden; padding-top:20px; padding-bottom:20px; position:relative; width:100%;}

/*.box_btns p { float:left;}*/
.box_btns .left { float:left;}
.box_btns .right { float:right; }
.box_btns .center { float:right; }

.boxReviews { overflow:hidden; width:100%;}
.boxReviews a { color:#C90/*hell-braun*/;}
.boxReviews a:hover { text-decoration:underline; color:#960/*dunkel-braun*/;}
.boxReviews .right { float:left; display:inline; padding-right:0px;}
.boxReviews .right .main, .boxReviews .stars .main{ color:#ccc; }
.boxReviews .stars { float:none; display:block; padding-bottom:15px;}

.boxReviews div { float:left; display:inline; padding-right:150px; padding-bottom:5px; width:100%;}
.boxReviews .box_bild { width:250px; height:auto; }

.box_col_left .boxReviews {
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.boxAccount { overflow:hidden;}
.boxAccount p {  }


.boxInput { overflow:hidden; margin:0; width:100%; /*background-color:#FfC;*/}
.boxInput p { margin-top:10px;  margin-bottom:10px;}
.boxInput .left { float:left; width:35%;}
.boxInput .right { float:left; }
.boxInput .full { float:left; width:100%;}



.product_box_oben { overflow:hidden; width:100%; height:20px; *display: inline;}
.product_box_unten { overflow:hidden; width:100%; height:20px; position:relative; *display:inline; }


.product_box_checkbox{ position:absolute; top:0px; left:0px;  }
/*.product_box_oben .product_box_name { float:left;}*/

/*.product_box_unten .product_box_name { float:left; }*/
.product_box_quantity { position:absolute; top:0px; left:0px; }
.product_box_price {  position:absolute; top:0px; right:0px; color:#aaa;}

.product_box_name { width:100%; text-align:center; color:#000; }

.product_box_price {  *width:100%; *text-align:left; }
.product_box_name { text-align:center; }

.box_checkout{ padding-right:20px; padding-bottom:10px; overflow:hidden;}
.box_checkout .main_headline, .box_checkout .main,
.boxInput .main_headline, .boxInput .main { padding-left:10px; }


/*main_headline*/
.box_checkout .main_headline, .boxInput .main_headline { font-size: 1em; margin-bottom:8px; padding-top:2px; padding-bottom:2px; height:auto; background-color:#E6EBEC /*hell_blau_grau*/;}
.box_checkout .main {padding-bottom:5px;}
.box_checkout .main_seperator {height:10px; background-color:#69C;}
.box_checkout td.main {padding-bottom:0px;}
.box_checkout .main_headline a { font-size: 0.8em; padding-left:15px;}


.box_checkout .left, .box_checkout .right {display:inline}


.account_orders {background-color:#E6EBEC /*hell_blau_grau*/; margin-bottom:20px; padding:10px; margin-right:20px;}
.account_orders .box_btns{ padding-bottom:0px;}

.box_checkout .left {float:left; }
.box_checkout .right {float:right; }

.box_address { background-color:#Ff0; }


.box_address_oben, .box_address_oben .moduleRowSelected, .box_address_oben .moduleRow{ overflow:hidden; position:relative; width:100%; height:auto;}
.box_address_oben .left, .box_address_oben .moduleRowSelected .left, .box_address_oben .moduleRow .left{ float:left; width:50%; position:relative; }
.box_address_oben .right, .box_address_oben .moduleRowSelected .right, .box_address_oben .moduleRow .right{ float:right; position:relative; text-align:right;}





 /* header_categories */
.header_div { z-index:5; width:100%; }

.header_zeile {
	width:100%;
	position:relative;
	min-width:950px;
	height:127px;
	background-image:url(images/bild_header/bild_header_hg.png);
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.header_zeile table{ background-image:url(images/bild_header/bild_header_hg.png); background-color:#669;}
.header_zeile td{ text-align:right; background-image:url(images/bild_header/bild_header_hg.png); background-color:#669;}

.header_pfeil_spiel {
	position:absolute;
	display:inline;
	text-align:right;
	width:95%;
	min-width:900px;
	top:50px;
	left:0px;
}

.lang_box {
	position:absolute;
	top:0px;
	right:0px;
	width:80px;
}
.lang_box img{
	width:24px;
	height:15px;
	padding:2px;
}

.header_pfeil_spiel a, .header_pfeil_spiel a:visited , .header_pfeil_spiel a:hover{
	color:#ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

.header_pfeil_spiel a:hover {
	color:#FFF;
}


.header_pfeil_spiel img{
	padding-left:5px;
}


.header_menu_zeile {
	width:100%;
	background-color:#787c98;  /* hg farbe kopfzeile unten*/
	height:auto;
	/*background-image:url(images/bild_header/menu_hg.png);*/
}
.header_menu_zeile_bg {
	width:100%;
	width:*0%;
	background-color:#94a8ad; /* hg farbe kopfzeile oben*/
	height:24px;		/* hoehe menu_zeile */
	position:absolute;
	display:inline;
	z-index:0;
}
#top { width:0; height:0; visibility:hidden; line-height:0; padding:0px; margin:0px;}

*html .header_menu_zeile_bg { position:relative; }


.header_navigation_right_div{
	display:inline;
	position:relative;
	z-index:1;
	float:right;
	display:inline;
	background-color:#94a8ad; /* hg farbe kopfzeile oben*/
	width:auto;
}

.header_btn:hover {
	background-color:#C1CED0 /*hell_blau_grau*/;
}

.header_btn, .header_btn_linie, a.header_btn, a.header_btn:visited, a.header_btn:link
{
	float:right;
	display: inline-block; 
	padding-top: 4px;
	padding-bottom: 0px;
	height:20px;	/* hoehe menu_zeile */
	font-family: Verdana;
	font-size: 1em;
	text-decoration:none;
	color: #FFF;
	text-decoration: none;
	zoom:1; *display: inline; _height: auto; /***/
}

.header_btn, .header_btn:hover { padding-left:10px; padding-right:10px; }

.header_shadow {
	display:block;
	width:100%;
	background-image:url(images/bild_header/menu_zeile_schatten_hg.png);
	height:7px;
	overflow: hidden;
}
/* drop down menu */


/* ================================================================ 
This copyright notice must be untouched at all times.

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) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
/* style the outer div to give it width */
.menu {
	z-index:4;
	float:left;
	position:static;
	display:inline;
	width:480px; 
	font-size: 1em;
	font-family:Verdana, Geneva, sans-serif;

	padding-bottom:0px;
	background-color:#787c98;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:160px;
}
/* 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:160px;
position:relative;
z-index:6;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
text-decoration:none; 
color:#fff; 
width:149px; 
height:24px;  /* hoehe menu_zeile */
/*border:1px solid #fff; */
/*border-width:1px 1px 0 0; */
background:#787c98; /* hg farbe kopfzeile unten*/
padding-left:10px; 
line-height:23px; /* hoehe menu_zeile */
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:160px;
w\idth:149px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color: #888AA2;/* farbe_menu_3 */
}
/* style the second level hover */
.menu ul ul a.drop:hover{
/* 	background:#999cb5; farbe_menu_2 */
	background:#999cb5;/* farbe_menu_2 */
}

.menu ul ul :hover > a.drop {
	background:#999cb5;/* farbe_menu_2 */
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#999cb5;/* farbe_menu_2 */
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#999cb5;/* farbe_menu_2 */
}
.menu ul ul ul :hover > a {
	background:#999cb5;/* farbe_menu_2 */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px; /* hoehe menu_zeile + 1*/
left:0; 
width:160px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:24px; /* hoehe menu_zeile + 1*/
t\op:25px; /* hoehe menu_zeile + 1*/
}

/* position the third level flyout menu */
.menu ul ul ul{
left:160px; 
top:0;
width:160px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-160px;
}

/* 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:#b5b8ca; farbe_menu_3 */
background-color: #888AA2;/* farbe_menu_3 */
color:#fff; 
height:auto; 
/*line-height:1em; */
padding:0px 10px; 
width:139px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:160px;
w\idth:139px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
	background:#999cb5;/* farbe_menu_2 */
}
.menu :hover > a {
	color:#fff;
	background-color: #888AA2;/* farbe_menu_3 */
}

.menu ul ul :hover > a {
color:#fff;
	background:#999cb5;/* farbe_menu_2 */
}



/* 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; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/*checkout_bar*/

#checkout_bar { width:100%;background-color:#3FC; margin-top:20px; margin-bottom:20px;}
#checkout_bar .bar, #checkout_bar .bar_aktiv { color:#999;
	padding:5px;
	font-size: 0.8em;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	background-color:#F1F4F5 /*sehr_hell_blau_grau*/;
}
#checkout_bar .bar_aktiv { color:#000; background-color:#E6EBEC /*hell_blau_grau*/;}

p.link:hover { background-color:#F1F4F5 /*sehr_hell_blau_grau*/; }
.box_checkout p.link:hover, .box_checkout p.link { padding-top:3px; padding-bottom:3px; }
.box_checkout p.link a:hover{ text-decoration:none; }
div.boxText p.link:hover { width:100%; height:100%;}
div.boxText a:hover { text-decoration:none;}
div.boxText p { padding-top:2px; padding-bottom:2px; }


/* btns
*/
TABLE.main_btn {height:30px; display:table; vertical-align:middle; overflow-y: hidden;}

TD.left_btn, .right_btn { width:16px;}
TD.left_btn, .right_btn, .mid_btn {}
TD.mid_btn { }
p.btn_text { font-size:1.1em }

.btn { text-decoration:none; color:#333; font-family:Verdana, Geneva, sans-serif; font-size: 0.8em; width:auto; float:left; cursor: pointer;}
.btn:hover { text-decoration:none; color:#000; cursor:pointer;}

.btn:hover .left_btn, .btn:hover .mid_btn, .btn:hover .right_btn, .left_btn, .mid_btn, .right_btn { background-size:100% 100%;}

.left_btn { background-image:url(images/btn_lft_up.png); }
.mid_btn { background-image:url(images/btn_mid_up.png); }
.right_btn { background-image:url(images/btn_rt_up.png); }

.btn:hover .left_btn { background-image:url(images/btn_lft_dn.png); }
.btn:hover .mid_btn  { background-image:url(images/btn_mid_dn.png); }
.btn:hover .right_btn { background-image:url(images/btn_rt_dn.png); }

/* trick for preload images */
.hidepics .left_btn, .hidepics .mid_btn, .hidepics .right_btn { width:0px; height:0px; visibility:hidden; position:absolute;}



/* Hacks for IE7 und drunter */
/*------------------------------*/
/*   * html     */
TABLE.main_btn { *height:25px; }

TD.left_btn, .right_btn { *width:16px;}

TD.mid_btn {
	*background-color:#E6EBEC; /*hell_blau_grau*/
	*border-top-width: 1px;
	*border-bottom-width: 1px;
	*border-top-style: solid;
	*border-bottom-style: solid;
	*border-color: #CCC;
}
p.btn_text { *font-size:1.1em; *font-weight:bold; }



.left_btn { *background-image:url(images/btn_lt_ie6.png); }
.mid_btn { *background-image:none; }
.right_btn { *background-image:url(images/btn_rt_ie6.png); }

.btn:hover .left_btn { *background-image:url(images/btn_lt_ie6.png); }
.btn:hover .mid_btn  { *background-image:none; }
.btn:hover .right_btn { *background-image:url(images/btn_rt_ie6.png); }



/* minimum for all browser: */
/*-------------------------------*/
TABLE.main_btn { height:25px; }

TD.left_btn, .right_btn { width:16px;}

TD.mid_btn {
	background-color:#E6EBEC; /*hell_blau_grau*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #CCC;
}
p.btn_text { font-size:1.1em; font-weight:bold; }

.left_btn { background-image:url(images/btn_lt_ie6.png); }
.mid_btn { background-image:none; }
.right_btn { background-image:url(images/btn_rt_ie6.png); }

.btn:hover .left_btn { background-image:url(images/btn_lt_ie6.png); }
.btn:hover .mid_btn  { background-image:none; }
.btn:hover .right_btn { background-image:url(images/btn_rt_ie6.png); }

/* upgrade for */
/* Hacks for all except IE8 && below */
/*------------------------------*/

:root *> TABLE.main_btn {height:30px; }

:root *> TD.left_btn, .right_btn { width:16px;}
:root *> TD.left_btn, .right_btn, .mid_btn {}
:root *> TD.mid_btn { 
	background-color:none;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
:root *> p.btn_text { font-size:1.1em; font-weight:normal; }

:root *> .left_btn { background-image:url(images/btn_lft_up.png); }
:root *> .mid_btn { background-image:url(images/btn_mid_up.png); }
:root *> .right_btn { background-image:url(images/btn_rt_up.png); }

:root *> .btn:hover .left_btn { background-image:url(images/btn_lft_dn.png); }
:root *> .btn:hover .mid_btn  { background-image:url(images/btn_mid_dn.png); }
:root *> .btn:hover .right_btn { background-image:url(images/btn_rt_dn.png); }



.pageHeading_right img{ visibility:hidden; }

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  width:100%;   /* min-width:300px; */  
  min-width:0px;

  background-color:#FFF;
  background-color: #d6d6d6;
  font-size: 1.1em;
}

.product_box, .product_box_pur{ width:100%; display:block; padding-bottom: 5px;}
.product_box_pur img{ width:100%; height:auto; }

.product_box_image {
	width:100%;
	height:auto;
}

.infoBoxHeading { min-width:120px;}

.product_box_image img{
	height:auto;
	width:100%;
	display:block;
}

.box_bild img {
	margin:0;
	display:block;
	width:100%;/*100% bei mobile */
	height:auto;/* auto bei mobile */
}

.column_left_div {
	float:left;
	display:block;
	width:100%;
	height:100%;
}

.column_main_div{ width:90%; padding-left:5%; padding-right:5%;}

.product_box_oben { height:auto; padding-bottom:10px;}
.product_box_name { height:auto; }

#box_container{ width: 100% }
.box { width: 100%; overflow:hidden; } /* war 350px*/

#product_listing_container { width:100%;}
.box_pageLinks .right { float:none; display:block; }

.box_col_left { width: 100%; padding-right:0px;}
.box_col_right {width: 100%;}

.box, .box_col_left, .box_col_right{ /*#box_auto,*/
	display: block;  
	height: auto;
}
  
div.boxText p { padding-top:5px; padding-bottom:5px;}
.column_box { padding-bottom:15px; font-size:1em;}

.pageHeading_right img{ visibility:hidden; }
.pageHeading_div { /* overflow:hidden; */height:70px; }
.pageHeading, .pageHeading_right, .pageHeading_left { 
	font-size: 1.5em;
} 
.pageHeading_preis { font-size: 1.1em; }

.boxReviews div { float:left; display:block; padding-right:0px; padding-bottom:5px; width:100%;
}
.boxReviews .box_bild { width:250px; height:auto; }

.header_div { width:100%;}
.header_zeile { width:100%;  display:block; min-width:0px;/* min-width:300px; */   height:90px;}
.header_zeile table{ margin-top:-20px;}
.header_pfeil_spiel { min-width:300px; visibility:hidden;}


.lang_box {
	position:absolute;
	top:0px;
	right:20px;
	width:50px;
}
.lang_box img{
	width:40px;
	height:auto;
	padding:7px;
}

.header_navigation_right_div{ display:block;}
	
.header_btn, .header_btn_linie { font-size: 1em; 	padding-top: 5px; padding-bottom: 5px;height:24px;  display:block;}
.header_menu_zeile_bg {height:34px;		/* hoehe menu_zeile */}

.boxInput .left { width:100%;}
.boxInput .right { width:100%;}
.boxInput .full { width:100%;}
input {font-size: 1em;}

.menu { width:100%; font-size:1em;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
display:block;
visibility:visible;
height:auto;
}
.menu ul ul {
width:160px; /* 100 px */
display:block;

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
width:150px;/* 100 px */
overflow:hidden;
float:left;
display:block;
height:auto;
}
.menu li li { width:100%; display:block; width:170px;}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
width:170px; 
height:auto;  /* hoehe menu_zeile */
padding-top:8px;
padding-bottom:8px;
padding-left:5px; 
line-height:23px; /* hoehe menu_zeile */
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
height:auto; 
padding:0px 10px; 
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
float:left;
top:0px;
position:relative;
visibility:visible;
height:auto;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:24px; /* hoehe menu_zeile + 1*/
t\op:25px; /* hoehe menu_zeile + 1*/
}

/* 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; 
}
/* hide everything from 3rd to 4th*/
.menu ul ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul ul{ visibility:hidden; }
.menu ul :hover ul :hover ul{ visibility:hidden; }
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:hidden; }


/*

div{
  clear:both!important;
  display:inline-block!important;
  width:100%!important;
  float:none!important;
}

.menu,.menu li{
  float:none!important;
  clear:both!important;
  margin:0 0 20px 0!important;
  display:block;
  padding:0;
  text-align:left!important;
  width:100%;
}
.menu{
  border:1px solid #ccc;
  padding:5px;
  -webkit-border-radius:5px;
}
.menu li{
  margin:0!important;
}
.menu li a{
  display:block;
}
*/
}