/* Diese Datei enthaelt alle Website-spezifischen StyleSheets */
/* */
/* Version 1.0, 4. Mai 2009*/
/* */

.unsichtbar { display: none; }

.inactive
{
	opacity: 0.50; 
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
	text-decoration: none;
}

#printordersummary
{
	display: none;
}

/* Container für die ganz obenstehende Toolbar über die gesamte Breite des Browserfensters */
#toolbar-container
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	background-color: #FFF;
	position: relative;
	background-image: url(../images/background_toolbar_fs.gif) !important;
}

#toolbar-language-picker
{
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 0.75em;
	text-transform: uppercase;
}

#toolbar-language-picker a:link { color: #252525; }
#toolbar-language-picker a:visited { color: #252525; }
#toolbar-language-picker a:hover { color: #999999; }
#toolbar-language-picker a:active { color: #252525; }

/* Inhalt der Toolbar. Zunächst auch auf die Breite der Bühne begrenzt */
#toolbar-content
{
	top: 0px;
	left: 0px;
	width: 960px;
	height: 100px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

#toolbar-hauptnavigation
{
	position: relative;
	border: 0px;
	width: 560px;
	height: 30px;
	top: 70px;
	left: 8px;
	float: left;
}

/* Image-Replacement auf den Überschriften */
#toolbar-hauptnavigation h1
{
	height: 30px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
	float: left;
}

#toolbar-hauptnavigation-unternehmen { background: url(../images/hauptnavigation_texte.png) 0px 0px no-repeat; }
#toolbar-hauptnavigation-unternehmen a:hover, #toolbar-hauptnavigation-unternehmen.active { background: url(../images/hauptnavigation_texte.png) 0px -30px no-repeat; }
#toolbar-hauptnavigation-shop { background: url(../images/hauptnavigation_texte.png) -130px 0px no-repeat; }
#toolbar-hauptnavigation-shop a:hover, #toolbar-hauptnavigation-shop.active { background: url(../images/hauptnavigation_texte.png) -130px -30px no-repeat; }
#toolbar-hauptnavigation-braxclub { background: url(../images/hauptnavigation_texte.png) -260px 0px no-repeat; }
#toolbar-hauptnavigation-braxclub a:hover, #toolbar-hauptnavigation-braxclub.active { background: url(../images/hauptnavigation_texte.png) -260px -30px no-repeat; }
#toolbar-hauptnavigation-service { background: url(../images/hauptnavigation_texte.png) -390px 0px no-repeat; }
#toolbar-hauptnavigation-service a:hover, #toolbar-hauptnavigation-service.active { background: url(../images/hauptnavigation_texte.png) -390px -30px no-repeat; }

#toolbar-hauptnavigation h1 a
{
	display: block;
	height: 30px;
	width: 130px;
}

#toolbar-logo-brax
{
	position: relative;
	width: 93px;
	height: 33px;
	top: 57px;
	float: left;
}

/* Positionierung des Warenkorbs in der Toolbar. Wahlweise als <div> oder als iFrame */
#toolbar-suche-warenkorb
{
	width: 300px;
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
}

/* Omnipräsente Navigation in der Toolbar. Container für die Navigations-Liste. */
#toolbar-omni-navigation
{
	position: absolute;
	width: 440px;
	top: 0px;
	right: 300px;
	margin-top: 6px;
	color: #252525;
}

#toolbar-omni-navigation ul
{
	list-style: none;
	margin: 0px;
	float: right;
}

#toolbar-omni-navigation li
{
	margin: 0px;
	margin-right: 4px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;	
	
}

#toolbar-omni-navigation a
{
	font-weight: normal;
	font-size: 12px;
	font-family: arial, Arial, sans-serif;
	line-height: 140%;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;	
}

#toolbar-omni-navigation a:link 
{ 
	color: #252525;
	ont-weight: normal;
	font-size: 12px;
	font-family: arial, Arial, sans-serif;
	line-height: 140%;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;
	
}
#toolbar-omni-navigation a:visited 
{ 
	text-decoration: none;
	text-transform: uppercase;	
	color: #252525;
}

#toolbar-omni-navigation a:hover
{
	color: #999999;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, Arial, sans-serif;
	line-height: 140%;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;
	
}

#toolbar-omni-navigation a:active
{
	color: #036;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: normal;
	font-familiy: arial;
}

#subnavigation
{
	background-color: #f3f3f3;
	height: 34px;
	padding-top: 4px;
	padding-left: 130px;
	margin: 0px;
}

/* Image-Replacement auf den Überschriften der Subnavigation */
#subnavigation div
{
	height: 30px;
	width: 120px;	
	float: left;
	
}

#subnavigation div:hover
{
	height: 30px;
	width: 120px;	
	float: left;	
	border: solid 1px #ccc;
	vertical-align: middle;
}


#subnavigation_1 
{
	/*background-image: url(../images/subnavigation_shop.png);*/
	padding: 0px;
    font-size: 16px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	font-weight: normal;
	color:#8b8c8e;
	margin: 1px 81px 1px 1px;
	vertical-align: middle;
}

#subnavigation_1:hover
{
	color: red;
	margin: 0px 80px 0px 0px;
	
}

#subnavigation_1 a, 
#subnavigation_1 a:hover, 
#subnavigation_1.active 
{
	font-family: verdana, arial, sans serif;
	padding: 0px;
    font-size: 12px;
    font-weight: bold;
	text-align: center;	
	text-decoration: none;	
	color:#8b8c8e;
	text-transform: uppercase;
}


#subnavigation_1active 
{
	/*background-image: url(../images/subnavigation_shop.png);*/
	padding: 0px;
    font-size: 16px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	font-weight: normal;
	color:#8b8c8e;
	margin: 0px 80px 0px 0px;
	vertical-align: middle;
	border: solid 1px #ccc;
}


#subnavigation_1active a, 
#subnavigation_1active a:hover, 
#subnavigation_1active.active 
{
	font-family: verdana, arial, sans serif;
	padding: 0px;
    font-size: 12px;
    font-weight: bold;
	text-align: center;	
	text-decoration: none;	
	color:#8b8c8e;
	text-transform: uppercase;
}


#brotkrumen-navigation
{
	background-color: #DFE3E3  !important;
	color: #454545 ;
	height: 20px;
	padding-top: 4px;
	padding-left: 10px;
	border-top: #DFE3E3  solid !important;
	border-bottom: #DFE3E3  solid !important;
	font-size: 0.8em;
	text-transform: uppercase;
}

#brotkrumen-navigation a
{
	text-decoration: underline;
	text-transform: uppercase;
}

#brotkrumen-navigation a:link
{
	color: #454545  !important;
	text-decoration: underline;
}

#brotkrumen-navigation a:visited { color: #454545  !important; }

#brotkrumen-navigation a:hover
{
	color: #999999 !important;
	text-decoration: underline;
	font-size: 10px;
}

#brotkrumen-navigation a:active
{
	color: #4D769C  !important; 
	text-decoration: underline;
}

/* Hauptbereich */
#stage
{
	margin: 0px auto;
	width: 960px;
}

#stage.popup
{
	margin: 10px;
	width: 950px;
}

#lefthand-navigation
{
	width: 154px;
	height: 580px;
	float: left;
	margin: 0px;
	padding: 16px 6px 0px 6px;
	overflow: hidden;
}

#lefthand-navigation h2
{
	font-size: 1.0em;
	margin: 6px 0px 0px 0px;
}

/* Sonderauszeichnung für Sale */
#lefthand-navigation h2.sale
{
	background-color: #921414;
	padding: 3px;
	border: 1px dotted #CCC;
	width: 120px;
}

#lefthand-navigation h2 a
{
	color: #454545;
	font-size: 1em;
	text-decoration: none;
	text-align: left;
	font-family: Arial;
	/*text-weight: normal; HM: Text-weight gibt es nicht, keine Auswirkung*/
	text-transform: uppercase;
}

#lefthand-navigation h2 a:hover
{
	color: #454545 ;
	font-size: 1em;
	text-decoration: underline;
	text-align: left;
	font-family: Arial;
	/*text-weight: normal; HM: Text-weight gibt es nicht, keine Auswirkung*/
	text-transform: uppercase;
	
}

#lefthand-navigation .active
{
	border: 1px solid #FFF;
	padding: 2px;
	color: #999999;
}

#lefthand-navigation a:hover
{
	color: #999999;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	
}

#lefthand-navigation  a.active:hover
{
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 2px;
}

#lefthand-navigation ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#lefthand-navigation li 
{
	margin: 0px;
	padding: 4px;
	font-size: 0.8em;
	font-family: arial,Arial;
	text-transform: uppercase;
	
}

#lefthand-navigation li a
{
	color: #454545 ;
	text-decoration: none;
	padding: 3px;
	margin: 0px;
	font-family: arial,Arial;
	font-size: 10px;
	border: 0px;
	zoom: l;
	text-weight: normal;
	text-indent: 0px;
	
}

#lefthand-navigation li a:hover
{
	color: #454545;
	text-decoration: underline;
	padding: 3px;
	font-family: arial,Arial;
	margin: 0px;
	top: 0px;
	font-size: 10px;
	border: 0px;
	zoom: l;
	text-weight: normal;
	text-indent: 0px;
}

#lefthand-navigation li .active
{
	border: 1px solid #656565;
	color: #656565;
	text-decoration: underline;
	padding: 3px;
	font-family: arial,Arial;
	margin: 0px;	
	font-size: 10px;
	text-weight: normal;
	text-indent: 0px;
}

#main-content
{
	width: 790px;
	float: right;
	position: relative;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4 { margin: 0px 0px 0px 0px; }

#main-content hr
{
	margin: 0px 0px 10px 0px;
	color: #242424;
	height: 1px;
}



#cntr-artikelbildtabelle
{
	width: 458px;
	margin: 0px;
	position: relative;
	float: left;
}

#cntr-artikelbildtabelle table { margin: 10px; }
#cntr-artikelbildtabelle td.dekoriert-1 { border-bottom: 2px solid #999; }
#cntr-artikelbildtabelle td.dekoriert-2 { border-left: 2px solid #999; }

#cntr-artikelbildtabelle #lupe-voransicht-1
{
	z-index: 1;
	position: absolute;
	top: 124px;
	left: 102px;
}

#cntr-artikelbildtabelle #lupe-voransicht-2
{
	z-index: 1;
	position: absolute;
	top: 256px;
	left: 102px;
}

#cntr-artikelbildtabelle #lupe-voransicht-3
{
	z-index: 1;
	position: absolute;
	top: 388px;
	left: 102px;
}

#cntr-artikelbildtabelle #lupe-ansicht
{
	z-index: 1;
	position: absolute;
	top: 383px;
	left: 427px;
}



#cntr-artikelbeschreibungstabelle
{
	width: 332px;
	heigth:100%;
	margin: 0px;
	padding-top: 10px;
	float: right;
}

#cntr-artikelbeschreibungstabelle #formbuttons
{
	height: 55px;
	width: 332px;
}

#cntr-artikelbeschreibungstabelle #formbuttons input, #popup-artikelbeschreibung-tabelle-text #formbuttons input
{
	float: left;
	margin-bottom: 4px;
}

#formbuttons input.right-button {
	margin-left: 4px;
}


#cntr-zuletzt-angesehene-artikel
{
	height: 170px;
	width: 280px;
	float: left;
}

#cntr-zuletzt-angesehene-artikel strong { text-transform: uppercase; }

#cntr-zuletzt-angesehene-artikel table
{
	border: 1px solid #535355;
	width: 83px;
	background-color: #7d7d80;
	float: left;
	margin: 0px 6px 0px 0px;
}

#cntr-zuletzt-angesehene-artikel td.zuletzt-angesehen-text
{
	padding: 4px;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px;
}

td.zuletzt-angesehen-text strong { font-size: 12px; }

td.zuletzt-angesehen-text h3
{
	font-size: 10px;
	margin: 0px 0px 3px 0px;
	text-decoration: underline;
}

#cntr-zuletzt-angesehene-artikel a { color: #FFF; }
#cntr-zuletzt-angesehene-artikel a:link { color: #FFF; }
#cntr-zuletzt-angesehene-artikel a:visited { color: #E5E5E5; }
#cntr-zuletzt-angesehene-artikel a:active { color: #B55555; }
#cntr-zuletzt-angesehene-artikel a:hover { color: #036; }

#cntr-stylingvorschlaege
{
	/* height: 155px; HG: wird nicht verwendet, damit die Fusszeile bei mehr als 3 Vorschlägen auch runterrutscht */
	width: 366px;
	float: right;
}

#cntr-stylingvorschlaege strong { text-transform: uppercase; }
#cntr-stylingvorschlaege p { margin: 0px; }

#cntr-stylingvorschlaege table
{
	/*border: 1px solid #535355;*/
	width: 83px;
	/*background-color: #7d7d80;*/
	float: left;
	margin: 0px 6px 0px 0px;
}

#cntr-stylingvorschlaege img { border: 1px solid #535355; }

#cntr-stylingvorschlaege td.stylingvorschlaege-text h3
{
	font-size: 10px;
	margin: 0px 0px 3px 0px;
	text-decoration: none;
}

/* Fussbereich */
#footer
{
	margin: 0px auto;
	margin-top: 4px;
	height: 24px;
	width: 960px;
	background-color: #C6CBCC;
	color: #404040  !important;
}

#footer ul
{
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	width: 640px;
}

#footer li
{
	margin: 0px;
	margin-right: 4px;
	margin-top: 4px;
	float: left;
	font-size: 0.8em;
}

#footer a
{
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a:link { color: #404040  !important;  }
#footer a:visited {  color: #404040  !important; }

#footer a:hover
{
	color: #243648 !important;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:active
{
	color: #4D769C  !important;
	text-decoration: underline;
}

/* Allgemeingültiger Bereich */
.breaker
{
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

/* Popup-Fenster Detailansicht */
#popup-inline
{
	width: 990px;
	height: 580px;
	position: absolute;
	left: -185px;
	top: -40px;
	border: 1px solid #333;
	z-index: 1000;
}

#popup-cntr-stage
{
	position: absolute;
	height: 580px;
	width: 960px;
	float: left;
}

.popup-platzhalter-grossansicht-reiter
{
	position: absolute;
	top: 0px;
	width: 100px;
	height: 22px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #efefef;
	text-align: center;
	cursor: hand;
}

#popup-platzhalter-grossansicht-reiter-1 { left: 125px; background-color: #efefef;}
#popup-platzhalter-grossansicht-reiter-2 { left: 230px; }
.popup-platzhalter-grossansicht-reiter.inactive { text-decoration: underline; cursor:pointer; }

#popup-platzhalter-grossansicht
{
	position: absolute;
	top: 24px;
	left: 120px;
	border: 1px solid #c0c0c0 !important;
	height: 556px;
	width: 463px;
	color: #000;
}

#popup-platzhalter-grossansicht p
{
	width: 363px;
	margin: auto;
	padding: 8px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	background-color: #000;
	position: absolute;
	bottom: 10px;
	left: 50px;
	color: #FFF;
}

.popup-cntr-voransicht { margin: 24px 0px 0px 0px; }

.popup-cntr-voransicht img
{
	border: 1px solid #c0c0c0;
	height: 130px;
	width: 108px;
}

#popup-artikelbilder { width: 587px; }

#popup-artikelbeschreibung
{
	width: 360px;
	float: right;
	position: relative;
	top: 0px;
}

#popup-artikelbeschreibung #fenster-schliessen-link a
{
	font-size: 0.8em;
	text-transform: uppercase;
}

#popup-artikelbeschreibung #fenster-schliessen-link a:hover
{
	color: #AAA;
}

#popup-artikelbeschreibung-tabelle-text td { padding: 4px; }
#popup-artikelbeschreibung-tabelle-text td #formbuttons { margin-left: -4px; }
#popup-artikelbeschreibung-tabelle-text td h2 { margin: 0px; }

.popup-weitere-infos
{
	background-color: #F0F3F3;
	border: 1px solid #DCDDDD;
	padding: 4px;
	text-decoration: none !important;
	width: 327px;
	color: #636363 !important;
	margin: 0px 0px 4px -4px;
}

.popup-weitere-infos img
{
	margin: -3px 4px 0px -1px;
	float: left;
}

/* Zusatzstile für das Akkordeon in der Lefthand-Navigation */
.ui-accordion .ui-accordion-header
{
	cursor: pointer;
	position: relative;
	display: block;
}

.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a 
{ 
	display: block;
}
.ui-accordion .ui-accordion-header a:hover 
{ 
	display: block;
 }

.ui-accordion .ui-accordion-content
{
	border-top: 0;
	position: relative;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active { display: block; }


/* Mini ShopCart Display */



.minisc_container
{

    background-image: url(../images/wk_bg.gif);
    background-color: #D9DADB;
    background-repeat: no-repeat;
	color:#FFF;
	font-family:arial, Arial, sans-serif;
	font-size: 13px;		
	margin:0px 5px;
	overflow:hidden;
	padding:6px;
	width: 288px; /* größer geht für ie nicht*/
	height: 90px;
	position: relative;
	left: 7px;
	top: -2px;

	
	
}



.minisc_container_ie6
{
    background-image: url(../images/wk_bg.gif) ;
    background-color: #D9DADB;
    background-repeat: no-repeat;
	color:#FFF;
	font-family:arial, Arial, sans-serif;
	font-size: 13px;		
	margin:0px 5px;
	overflow:hidden;
	padding:6px;
	width: 287px; /* größer geht für ie nicht*/
	height: 90px;
	position: relative;
	left: 0px;
	top: -2px;
}

#minisc_container_ex
{

    background-image: url(../images/wk_bg.gif) ;
    background-color: #D9DADB;
    background-repeat: no-repeat;
	color:#FFF;
	font-family:arial, Arial, sans-serif;
	font-size: 13px;		
	margin:0px 0px;
	overflow:hidden;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:6px;
	
	width: 288px; /* größer geht für ie nicht*/
	height: 92px;
	position: relative;
	left: 0px;
	top: 0px;

	
	
}

.minisc_breaker 
{
	clear:both;
	height:0px;
	overflow:hidden;
}

.minisc_form 
{
	text-align:right;
	margin:0px;
}
	
.minisc_label
{
	color:#252525;
	font-size: 0.9em;
	text-transform: uppercase;
}
.minisc_input 
{
		margin: 0px;
		padding: 0px;
		width: 140px;
}
#minisc_senden {
		width:16px;
	}

.minisc_ul {
		color:#8b8c8e;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;   		
	}
	
	.minisc_li {
		display:inline;
		float:left;
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px;
		/*width: 130px;*/
	}
	
	.minisc_lilast {
		margin-left: 8px;
		list-style:none;
	}

	.minisc_a {
		font-size: 0.8em;
		font-family: arial;
		font-weight: normal;
		color: #252525;
		text-transform: none;
		text-decoration:underline;
	}

	.minisc_a:link {
		font-family: arial;
		font-weight: normal;
		font-size: 0.8em;
		color: #252525;
		text-transform: none;
		text-decoration:underline;
	}

	.minisc_a:visited {
	    font-family: arial;
		font-weight: normal;
		color: #252525;
		text-transform: none;
		text-decoration:underline;
	}

	.minisc_a:hover {
		
		font-family: arial;
		font-weight: normal;
		font-size: 0.8em;
		color:#999999;
		text-transform: none;
		text-decoration:underline;
	}

	.minisc_a:active {
		font-family: arial;
		font-weight: normal;
		text-transform: none;
		font-size: 0.8em;
		color:#8b8c8e;
		text-decoration:underline;
	}
	
	#minisc_merkzettel {
		margin:11px 0px 0px 0px;
	}
	
	#minisc_merkzettel a {
		background:url(../images/wk_symbol_merkzettel.gif) 0px 5px no-repeat;
		font-weight:bold;
		text-transform: uppercase;
		padding:5px 0px 5px 20px;
	}
	
	#minisc_warenkorb {
		margin:5px 0px 0px 0px;
	}
	
	#minisc_warenkorb a {
		background:url(../images/wk_symbol_warenkorb.gif) 0px 5px no-repeat;
		font-weight:bold;
		text-transform: uppercase;
		padding:5px 0px 5px 20px;
	}
	
	.minisc_table {
		margin:0px;
	}

	.minisc_td {
		font-size: 11px;
		padding-right: 5px;
		color: #999 !important;
	}	



.page_container
{	

	min-height: 520px;
	margin: 0px auto;
	width: 960px;
	
}

#reiter-warenkorb, #reiter-merkzettel
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #c0c0c0;
	width: 220px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #dfe3e3;
}

#reiter-warenkorb
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-merkzettel
{
	position: absolute;
	left: 240px;
	top: 0px;
}


.kreditkartemaske
{
	border: 1px solid #c0c0c0;
	padding: 10px;
	background-color: #d4d6d6;
	margin-top: 10px;
	display: none; 
}

/*style="border: 1px solid rgb(68, 68, 68); padding: 10px; background-color: rgb(85, 85, 85); margin-top: 10px; display: none;"*/

td.artikel { width: 420px; }

.flipflop { background-color: #D4D6D6; }

.artikelnummer, .artikelbeschreibung { color: #404040; }

.artikel img
{
	margin: 0px 8px 0px 0px;
	border: 1px solid #c0c0c0;
}

td.einzelpreis, td.gesamtpreis, td.totalkosten, td.versandkosten
{
	font-size: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}

td.einzelpreis strong { color: #921414; }

td.totalkosten-text, td.versandkosten-text
{
	background-color: #555?;
	color: #252525;
}

td.totalkosten, td.versandkosten
{
	background-color: #424242?;
	color: #252525;
}

a.warenkorb_aktionen
{
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: bold;
}

a.warenkorb_aktionen:hover
{
	color : #999999;
}

/*td a { text-transform: uppercase; }*/

strike
{
	text-decoration: line-through;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
}			

#h1_shop { font-size: 1.1em; text-transform: uppercase;}

#table_shop
{
	width: 770px;
	border-collapse: collapse;
	margin-top: 0px;
	border: 1px solid #c0c0c0;
}

#table_order
{
	width: 790px;
	border-collapse: collapse;
	margin-top: 0px;
}

.shopcart_back
{
	padding: 10px;
	background-color: #dfe3e3;
	text-align: right;
	border: solid 1px #c0c0c0;
}

/* style="padding: 10px; background-color: rgb(109, 109, 109); text-align: left;" old gray background*/

.address_back
{
	margin-left: 36px;
	width: 646px;
	margin-bottom: 8px;
	display: no ne;
	border: 1px solid #c0c0c0;
	background-color: #d4d6d6;
}

.search_back
{
	/*padding: 4px 8px 0px 10px;
	background-color: rgb(109, 109, 109);
	text-align: left;
	margin-top: 8px;*/
	
	padding: 4px 8px 0px 10px;
	background-color: #dfe3e3;
	text-align: left;
	margin-top: 8px;
	
}

.searchheader_back
{
	/*border: 1px solid rgb(85, 85, 85);
	margin-bottom: 8px;
	padding-top: 8px;
	background-color: rgb(105, 105, 105);
	width: 768px;*/
	
	border: 1px solid #c0c0c0;
	margin-bottom: 8px;
	padding-top: 8px;
	background-color: #d4d6d6;
	width: 768px;
}

.addres_back_useredit
{
	background-color: #dfe3e3;
	border: 1px solid #c0c0c0;
	margin: 4px 0px 4px 4px;
	width: 480px;

	/*
	background-color: #4C4C4C;
	border: 1px solid #444;
	margin: 4px 0px 4px 4px;
	width: 480px;
	*/
}

.login_back
{
	border: 1px solid #c0c0c0;
	width: 360px; 
	background-color: #EDF0F0;
	margin-left: 36px; 
	margin-bottom: 8px; 
	display: block;
}
.customer_back
{
	padding: 10px;
	background-color: #dfe3e3;
	border: dotted 1px #c0c0c0;
}

.braxclub_back
{
	margin: 4px 64px 4px 36px;
	padding: 4px;
	width: 640px;
	padding: 10px;
	background-color: #EDF0F0;
	border: dotted 1px #c0c0c0;
}

.whishlist_back
{
	padding: 10px;
	background-color:  #dfe3e3;
	text-align: right;
	border: solid 1px #c0c0c0;
}

#th_shop { background-color: #D4D6D6; }

#tr_shop { background-color: #EDF0F0; }

#td_shop, #th_shop { border: 1px solid #c0c0c0; }

#content_container
{
	padding: 10px;
	text-align: left;
	min-height: 532px;
	background-color: #edf0f0;
	position: relative;
}

/*content_container_advantages: Für die Seite "Ihre Vorteile"*/
#content_container_advantages {
	height:300px;
	left:30px;
	overflow:hidden;
	position:absolute;
	top:30px;
	width:420px;
}

#content_container_text_absolute 
{
left:0;
padding:12px;
position:absolute;
top:0;
background-image: url(../images/abdecker_anthrazit_75_prozent_1024x768.png);
}

#content_container_text h2
{
	text-transform: uppercase;
	margin-bottom: 8px;
}

#content_container_text h3
{
	text-transform: uppercase;
	margin-bottom: 8px;
	margin-top: 12px;
}			

.error
{
	border: 1px dotted #961210;
	background-color: #96605C;
	padding: 5px;
	color: white !important;
}

.warning
{
	border: 1px dotted #A66A00;
	background-color: #96605C;
	padding: 5px;
	color: white;
}


.info
{
	border: 1px dotted #060006;
	background-color: #f6fff6;
	padding: 5px;
	color: black;
}


#reiter-erstens h1, #reiter-zweitens h1
{
	font-size: 1.1em;
	text-transform: uppercase;
}

h2, h3 { text-transform: uppercase; }

#reiter-erstens, #reiter-zweitens, #reiter-drittens
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #29292a;
	width: 380px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #edf0f0;
}

#reiter-erstens
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-zweitens
{
	position: absolute;
	left: 398px;
	top: 0px;
}

.wichtige-info
{
	color: #252525;
	font-size: 130%;
}

.error
{
	border: 1px dotted #961210;
	background-color: #96605C;
}

.form-section
{
	border: 1px solid #c0c0c0;
	background-color: #d4d6d6;
	margin-left: 2px;
	margin-bottom: 8px;
	display: no ne;
	width: 100%;
}

.form-section h3 { padding: 4px; }

.form-section table
{
	width: 480px;
}

.form-section .tablediv
{
	width: 480px;
	height: 100%;
}

.form-section .infobox
{
	float: right;
	width: 260px;
	padding: 8px;
	color: #252525;
	height: 100%;
}

/* Background for login */
#content_gesamt
{
	position: relative;
	background-color: transparent;
	height: 595px;
	background-image: url(../images/keyvisual_login_595_x_790.jpg);
	/* live : https://www.brax.de/common/referenced/braxclub/images/keyvisual_login_595_x_790.jpg */
}
#hintergrund_content_container
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 800px;
	height: 800px;
	background-image: url(../images/abdecker_anthrazit_75_prozent_1024x768.png);

}
#hintergrund_content_container img
{
	position: relative;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=75);
}
#content_container_text
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	padding: 12px;
}

.accountDisplay_content_container
{
	/*position: absolute;
	top: 0px;
	left: 150px;
	width: 420px;
	height: 550px;
	overflow: hidden;*/
	position: absolute;
	top: 90px;
	left: 350px;
	width: 420px;
	height: 420px;
	overflow: visible;
}

.accountDisplay_content_container p
{
	font-size: 13px;
}

.accountDisplay_content_container td
{
	font-size: 13px;
}

.artikel_sel_dialog
{
  background-color: white !important;
  border: 1px solid #c0c0c0 !important;
}

.artikel_size_dialog
{
  background-color: white !important;
  border: 1px solid #c0c0c0 !important;
}

.artikel_besch 
{
	width: 295px;
	height: 123px;
	background-color: transparent !important;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	
}

.artikel_besch-outfit 
{
	width: 212px;
	height: 59px;
	/*background-image: url(../images/bg_outfit_ov.jpg);*/
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 5px;
	border: solid 1px #c0c0c0;
}

.imglink IMG
{
	border: solid 1px #c0c0c0;
}



.artikel_besch_small-outfit
{
	font-size: 12px;
	
}

.ov_header
{
	font-size: 24px;	
	font-weight: bold;
}

.of_item_header
{
	font-size: 20px;
	
	color: #bdbdbd;
	
}


.of_description
{
	height: 91px;
	padding: 3px;
	margin-top: 3px;
	width: 280px;
	float: left;
}

.of_summe
{
	height: 86px;
	margin-top: 3px;
	padding: 5px;
	width: 268px;
	background-image : url(../images/bgofsum.jpg);
	background-repeat: repeat-x;
	float: left;
	border: solid 1px #c0c0c0;
	text-align: right;	
}

.of_sum_1
{
	font-size: 14px;
	font-weight: bold;
	color: #505050;
}

.of_sum_2
{
    font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 6px;
}

.chkbox_item_choose
{
	/*background-image: url(../images/of_item_choose_bg.jpg);*/
	width: 93px;
	height: 21px;
	color: #000;
	text-align: center;
	border: 1px solid #c0c0c0;
	float: right;
}

.of_item
{
	width: 268px;
	height: 107px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	/*background-image: url(../images/bg_of_item.jpg);*/
	background-color: #fff;
	background-repeat: repeat-x;
	float: left;
	margin: 2px;
	border: 1px solid #c0c0c0;
}


.of_item_ie6
{
	width: 263px;
	height: 90px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	/*background-image: url(../images/bg_of_item.jpg);*/
	background-color: #fff;
	background-repeat: repeat-x;
	float: left;
	margin: 2px;
	border: 1px solid #c0c0c0;
}


.of_infobox
{
	float: left;
	width: 180px;
}

.of_infobox_ie6
{
	float: left;
	width: 140px;
	height: 80px;
}

.ov_header2
{
	font-size: 24px;
	color: #adadad;
}

.of_offerprice 
{
  	font-size: 18px;
  	font-weight: bold;
  	color: #000;
}

.artikel_sel_dialog 
{
	width: 295px;
	height: 115px;
	display: none;
	background-color: red;	
}
.vertical_space
{
	width:3px;
	height:100%;
	background-color: black;
}

.error {padding: 5px; border: 1px dotted #961210; background-color: #96605C;}

.zeile-radio {border: 1px solid #c0c0c0; margin-bottom: 8px; font-size: 14px;}

.absatz { margin: 30px;}

p, td {font-size: 13px;}	
h1 { font-size: 1.1em; text-transform: uppercase;}
h2 { text-transform: uppercase; }

#reiter-erstens_cust, #reiter-zweitens_cust, #reiter-drittens_cust
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #29292a;
	width: 249px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #dfe3e3;
}

#reiter-erstens_cust
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-zweitens_cust
{
	position: absolute;
	left: 265px;
	top: 0px;
}

#reiter-drittens_cust
{
	position: absolute;
	left: 530px;
	width: 248px;
	top: 0px;
}

#reiter-erstens_lief, #reiter-zweitens_lief, #reiter-drittens_lief
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #29292a;
	width: 380px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #dfe3e3;
}

#reiter-erstens_lief
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-zweitens_lief
{
	position: absolute;
	left: 265px;
	top: 0px;
}

#reiter-drittens_lief
{
	position: absolute;
	left: 398px;
	top: 0px;
}




.ExplainPayment
{
	border: 1px solid #c0c0c0;
	padding: 10px;
	background-color: #d4d6d6;
	margin-top: 10px;
	display: none;
}
/*style="border: 1px solid rgb(68, 68, 68); padding: 10px; background-color: rgb(85, 85, 85); margin-top: 10px; display: none;"*/

.OrderSummary
{
	padding: 10px;
	background-color:#dfe3e3;
	text-align: left;
}

/*style="padding: 10px; background-color: rgb(109, 109, 109); text-align: left;"*/
.AGBBox
{
	padding: 10px;
	background-color: #d4d6d6;
}
/*style="padding: 10px; background-color: rgb(102, 102, 102);"*/

.OuterAGBBox
{
	border-color: #c0c0c0;
	margin-top: 8px !important;
	margin-bottom: 16px;
}

/*border-color: rgb(51, 51, 51);
	margin-top: 8px;
	margin-bottom: 16px;*/

#reiter-erstens_order, #reiter-zweitens_order, #reiter-drittens_order
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #29292a;
	width: 380px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #dfe3e3;
}

#reiter-erstens_order
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-zweitens_order
{
	position: absolute;
	left: 265px;
	top: 0px;
}

#reiter-drittens_order
{
	position: absolute;
	left: 398px;
	top: 0px;
}



#reiter-erstens_order_c, #reiter-zweitens_order_c, #reiter-drittens_order_c
{
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #29292a;
	width: 249px;
	height: 20px;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #dfe3e3;
}

#reiter-erstens_order_c
{
	position: relative;
	left: 0px;
	top: 0px;
}

#reiter-zweitens_order_c
{
	position: absolute;
	left: 265px;
	top: 0px;
}

#reiter-drittens_order_c
{
	position: absolute;
	left: 530px;
	width: 248px;
	top: 0px;
}

.aktive_trefferanzahl { }

.aktive_trefferanzahl a
{
	text-decoration: underline;
	font-weight: bold;
}

.aktive_trefferanzahl a:link { color: #2F2f2f; }
.aktive_trefferanzahl a:visited { color: #2F2f2f; }
.aktive_trefferanzahl a:hover { color: #00174b; }
.aktive_trefferanzahl a:active { color: #00174b; }
.inaktive_trefferanzahl { }

.inaktive_trefferanzahl a
{
	color: red;
	text-decoration: underline;
	font-weight: normal;
}

.inaktive_trefferanzahl a:link { color: #999999; }
.inaktive_trefferanzahl a:visited { color: #999999; }
.inaktive_trefferanzahl a:hover { color: #2F2f2f; }
.inaktive_trefferanzahl a:active { color: #2F2f2f; }

.kategorieanzeiger
{
	margin-bottom: 4px;
	color: #252525;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px;
	background-color: #dfe3e3;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #dfe3e3;
}

.artikelnummer { font-size: 11px; color: #252525;}

.einzelbox
{
	background-color: #d4d6d6;
	border: 1px solid #c0c0c0;
	width: 240px;
	height: 230px;
	float: left;
	margin-right: 7px;
	padding: 4px;
	margin-bottom: 7px;
	position: relative;
}

.einzelbox img { border-color: #525252; }
.einzelbox a { text-transform: uppercase; }

.aktionsflaeche
{
	width: 120px;
	height: 110px;
	position: relative;
	/*left: 120px;*/
	float: right;
	
}

.table_finalOrderSummary
{
	width: 770px;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 8px;
}
.table_finalOrderSummary th
{
	text-transform: uppercase;
	border: 1px solid #c0c0c0;
}
.table_finalOrderSummary td
{
	font-size: 13px;
	border:1px solid #c0c0c0;
}

#finalOrderSummary{
	font-size: 13px;
}
#finalOrderSummary p{
	font-size: 13px;
}

/* PointsAndOrdersView */
.mein_braxclub
{
	width: 100%;
	border: 1px solid #c0c0c0;
	border-bottom: 0px;
	padding: 0px;
}

.mein_braxclub a
{
	text-transform: none;
}

.points_tr_1
{
	background-color: #dfe3e3;
	/*background-color: #828282;*/
}
.points_tr_2
{
	background-color: #d4d6d6;
	/*background-color: #dfe3e3;*/
}

.mein_braxclub_table_header
{
	background-color: #dfe3e3;
	padding: 6px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #c0c0c0;
}

.mein_braxclub_table_column
{
	padding: 6px;
	border-bottom: 1px solid #c0c0c0;
}

.mein_braxclub_table_subheader
{
	background-color: transparent;
	font-size: 12px;
	padding: 2px;
}				
				
.mein_braxclub_linke_spalte
{
	border-right: 1px solid #c0c0c0;
}

span.inactive{
	text-decoration: none;
}
.success {
    border: 1px dotted #7CA276;
    background-color: #9DBA90;
    color: #333;
}


# Popup for recommendation

.recommendation
{
	background-color: #FFF !important;	
}

.ui-dialog { }
.ui-dialog .ui-dialog-titlebar { background-color: #d4d6d6; padding: 10px; }
.ui-dialog .ui-dialog-title { font-size: 20px; } 
.ui-dialog .ui-dialog-titlebar-close {  }
.ui-dialog .ui-dialog-titlebar-close span { position: absolute; left: 525px; background-image: url(../images/button_close.png); color: #626262; background-repeat:no-repeat; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {  }
.ui-dialog .ui-dialog-content { /*background-image: url(../images/background_body.png); */ background-color: #fff; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; }
.ui-dialog .ui-dialog-buttonpane {  }
.ui-dialog .ui-dialog-buttonpane button { }
.ui-dialog .ui-resizable-se { }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.reiter-product-beschreibung
{
	width: 100px;
	height: 22px;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #c0c0c0;
	border-bottom: 1px solid #FFF !important;
	background-color: #fff;
	text-align: center;
	cursor: default;
	float:left;
	top: 1px;
	position: relative;
	margin-left: 5px;
}

.reiter-product-pflege
{
	width: 80px;
	height: 22px;
	border-width: 1px 0px 0px 1px;
	border-bottom: 1px solid #FFF !important;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #fff;
	text-align: center;
	cursor: default;
	float:left;
	top: 1px;
	position: relative;

}

.reiter-product-material
{
	width: 80px;
	height: 22px;
	border-width: 1px 1px 0px 1px;
	border-bottom: 1px solid #FFF !important;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #fff;
	text-align: center;
	cursor: default;
	float:left;
	top: 1px;
	position: relative;
	
}


.reiter-product-beschreibung.inactive 
{ 
	text-decoration: underline; cursor:pointer;
}
.reiter-product-pflege.inactive 
{ 
	text-decoration: underline; cursor:pointer;
}
.reiter-product-material.inactive { 
	text-decoration: underline; cursor:pointer;
}

.product-content
{
	width:300px;
	height:200px;;
	padding: 10px;
	border: 1px solid #c0c0c0;
}

.product-content-popup
{
	width:350px;
	height:300px;;
	padding: 10px;
	border: 1px solid #c0c0c0;
}

#dialogaddtosc
{
	height: 164px;
	width: 454px;
	border: 1px solid #333;
	background-color: #777;
	z-index: 1001;
	position: absolute;
	padding: 8px;
	color: #EEE;
	display: none;
}

.accountdata
{
	
	background-image: url(../images/background_66_prozent.png);
	
}

.customer_service
{
	border: 1px solid #c0c0c0;
	margin-top: 8px;
	font-size: 11px;
	padding: 4px;
	background-color: #f6fff6 !important;
	width: 157px;
}

.customer_service2
{
	border: 1px solid #c0c0c0;
	margin-top: 8px;
	font-size: 11px;
	padding-left: 4px;
	background-color: #f6fff6 !important;
	width: 154px;
}


/* style="border: 1px solid #444; margin-top: 8px; font-size: 11px; padding-left: 4px; background-color: #7E8786; width: 154px;" */


.preisangabe_final
{
	background-color: #d4d6d6;
	border: 1px solid #c0c0c0 !important;
}

li.special {
	 
	 color: white ! important;
     margin-left: 20px ! important;
     
     list-style-position:inside !important;
     position: relative;
     left: -17px;
     list-style-image: url(../images/special_bullet.gif);
}