@media screen, print {
html, body {
    font: 88% Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 0;
	height:100%;
    overflow-y:hidden;
}
body {
    width:95%;
	border-right:1px solid #ccc;
	background:#DDD url(../../images/backgrounds/streifen.gif);
}

#nb_content_container	{
	width: 100%;
	height:77%;
	z-index: 0;
	overflow: auto;
	background:#FFF;
	
}

#nb_content {
	float: left;
	padding:0 20px 0 210px;
	width:72%;
}

#nb_sidebar	{
	z-index: 3;
	position: absolute;
	width: 190px;
    height: 77%;
	top: 20%;
	left: 0;
  	background: #DDD url(../../images/backgrounds/streifen.gif);
	overflow: auto;
}
#nb_nav {margin:0 0 0 10px;}

#nb_header_container {height:20%; min-height:115px; background:#FFF url(../../images/backgrounds/streifen_rounded.gif) no-repeat;}
#logobalken { margin:10px 0 0 0; width:95%}
#metanav {margin:0 0 0 12px; width:165px;}
#nb_footer_container {height:3%; background:#FFF;}

#footer {
background:#039 url(../../images/backgrounds/balken.jpg) repeat-x bottom;
text-align:right;
height:24px;
padding:0 10px 4px 0;
width:95%;
border-top:2px solid #111;}

#footer .copy {
text-align:left;
color:#fff;
background:none;
padding:0 0 5px 15px;}

#footer td {
padding:0 0 5px 0;
}

#footer a {
color:#fff;
background:transparent url(../../images/portal/pfeil_re.gif) 0 5px no-repeat;
text-decoration:none;
padding:0 25px 0 12px;
display:inline;
}
#footer a:hover {
color:#fff;
background:transparent  url(../../images/portal/pfeil_re.gif) 0 -38px no-repeat;
text-decoration:none;
display:inline;
}
#footer a.aktiv {
color:#fff;
background:transparent  url(../../images/portal/pfeil_re.gif) 0 -38px no-repeat;
text-decoration:none;
display:inline;
}

#nb_subnav
{
	margin-left:210px;
		
}

#nb_subnav a
{	font-size: 8pt;
	display:inline;
	width:auto;
	padding:3px 10px 2px 15px;
	color:#039;
	background: url(../../images/backgrounds/subnav.gif) top left no-repeat;
	text-decoration: none;
	border-right: 1px solid #039;
	margin-right:2px;
}
#nb_subnav a:hover 
{
	background-position: 0 -39px;
	color: #099;
	border-right: 1px solid #099;
}

#nb_nav a { font-size: 10pt; text-decoration: none; width:100%;display:block;}
#nb_nav a:link { color: #039}
#nb_nav a:visited { color: #039}
#nb_nav a:hover { color: #A00}
#nb_nav a:active { color: #A00}

#nb_nav a.unav { font-size: 8pt; text-decoration: none; width:100%;display:block;}
#nb_nav a:link.unav { color: #333}
#nb_nav a:visited.unav  { color: #333}
#nb_nav a:hover.unav  { color: #A00}
#nb_nav a:active.unav  { color: #333}

#metanav a img, #metanav a:hover img {border:none}

div {
  margin: 0px;
	padding: 0px;		
}


.selbalken { background: #039 url(../../images/backgrounds/balken.jpg) repeat-x; border-top:2px solid #111111;border-bottom: 1px solid #FFFFFF;}
td.subnav { font-size: 8pt}
h1,a,p,td,table,ul,ol,li {  font-family: Arial, Helvetica, sans-serif}
h1 {  font-size: 13pt; color: #003399}
p,td,table,ol,ul,li { font-size: 10pt}

a { font-family: Arial, Helvetica, sans-serif}
a:link { color: #039}
a:visited { color: #039}
a:hover { color: #A00}
a:active { color: #A00}

a.bshop { font-size: 8pt; text-decoration: none; color:#333; width:100%;}
a:link.bshop { color: #333; text-decoration: none}
a:visited.bshop  { color: #333; text-decoration: none}
a:hover.bshop  { color: #A00; text-decoration: none}
a:active.bshop  { color: #A00; text-decoration: none}

/* fuer die fett formatierten Buttons */
a.bshopf { font-size: 8pt; font-weight: bold; text-decoration: none; color:#039; width:100%;}
a:link.bshopf { color: #333; font-weight: bold; text-decoration: none}
a:visited.bshopf  { color: #333; font-weight: bold; text-decoration: none}
a:hover.bshopf  { color: #A00; font-weight: bold; text-decoration: none}
a:active.bshopf  { color: #A00; font-weight: bold; text-decoration: none}



.ausgabetopb { font-weight: bold; color: #003399; background-color: #DADADA}
.ausgabetop { font-weight: bold}
.ausgabehead {  color: #FFFFFF; text-indent: 3px}
.ausgabehead2 {  color: #FFFFFF; background-color: #516EC5; text-indent: 3px}
.ausgabezelle {  background-color: #DADADA}
.tabausgabei {  background-color: #F0F0F0}
.tabausgabea {	background-color: #039}
.listembild  {  background-color: #FFF}

.formhead {  color: #FFFFFF; text-indent: 3px}
.formzelle {  background-color: #DADADA}
.tabforma {  background-color: #039}
.tabformi {  background-color: #F0F0F0}

.klein {font-size: 11px}
.fettblau {font-weight: bold; color: #039;}
.fettweiss {font-weight: bold; color: #FFF;}
.fettrot {font-weight: bold; color: #A00;}
.blau { color: #039 }
.blaugross {font-size: 13pt;color: #039; }
.rot {color: #A00;}
.rotgross {font-size: 13pt;	color: #A00; }
.initial {color: #099}
.underline {font-size: 10pt; text-decoration : underline}

.help { font-size: 8pt; padding-left: 6px}
.hinweis {font-size: 10pt; color: #990000}

.trand {border:1px #111111 solid}
.hinweiss {font-size: 14px; color: #FFF}
.regon { color: #FFF; background: #039}
.regoff { background: #CCC}
.hotdealsheader {  font-size:small; color: #A00}
.hotdealstext {  font-size: 10pt ; color: #FFF; background: #F60; padding: 3px 3px; border: 1px #CCCCCC solid}

.storniert {  color: #999; text-decoration: line-through}

.fzh1 {  font-size: 16px; font-weight: bold; color: #039}

.bildtitel { font-size: 8pt; }

.punktzahl {color: #003399;} /* Verkaufswettbewerb */

/* fuer die Feedback-Artikel Darstellung */
.ftable {border: 1px solid #999999; width: 100%}
.abbildung {font-size: 8pt; padding: 5px; width: 20%; text-align: center}
.beschreibung {font-size: 8pt; border-left: 1px dashed #999999; padding: 20px; width: 50%}
.punkte {font-size: 8pt; border-left: 1px dashed #999999; padding: 5px; width: 15%; text-align: center}
.bestellen {font-size: 8pt; border-left: 1px dashed #999999; padding: 5px; width: 15%; text-align: center}

/* Feedback-Artikel Postit */
.postit {  background: url(../../images/pics/postit.jpg) no-repeat; font-weight: bold}

/* Marketingdollars Punktestand */
.mdpstand {  background: url(../../images/pics/mowbli_marketing_dollar.gif) no-repeat; font-weight: bold}
/* Marketing-Dollar Anzeige */
.md {  background: url(../../images/pics/mowbli_marketing_dollar.gif) no-repeat;}
.md td {font-weight: bold;color:#FFFFFF;}

/* fuer die Werbemittel Darstellung */
.wtable {border: 1px solid #999999; width: 100%}
.wabbildung {font-size: 8pt; padding: 5px; width: 20%; text-align: center}
.wbeschreibung {font-size: 8pt; border-left: 1px dashed #999999; padding: 20px; width: 50%}
.wnr {font-size: 8pt; border-left: 1px dashed #999999; padding: 5px; width: 15%; text-align: center}
.wbestellen {font-size: 8pt; border-left: 1px dashed #999999; padding: 5px; width: 15%; text-align: center}


/* --------------------------------------------------------------------- */
/* ------------------ AB HIER NEUE SHOPFORMATIERUNGEN ------------------ */
/* --------------------------------------------------------------------- */



/* Shopbuttons mit Farbverlauf, Formularbuttons und Hintergrund der Formularfelder */

.buttshop, .formbutton { color:#000; background: url(../../images/backgrounds/buttshop.gif) repeat-x; border: 1px solid #888 !important;} /* important, da sonst in inneren Tabellen die Rahmen der Buttons durch taba td td ausgeblendet werden */
input, textarea { background: url(../../images/backgrounds/input.gif) no-repeat top left; border: 1px solid #888;padding-left:3px;}
input.checkbox {
	background: none;
	border: 0px none #FFF;
}

input.image {
	background: none;
	padding-left: 0px;
	border: 1px solid #FFF;
}


/* so machen es alle CSS2-faehigen Browser
input[type="text"], input[type="password"] */

caption {padding: 2px 0 3px 7px; /* Ueberschrift der auesseren Tabellen */
color:#fff;
background:#003399 url(../../images/backgrounds/caption.gif);
margin:0;
text-align:left;
font-size:10pt;
}


/* Tabellen im Shop taba=aussen tabi=innen, Ausschalten von td Rahmen bei verschachtelten Tabellen */
.taba {border-collapse: collapse;
	border: 1px solid #ccc;}
.taba table {border-collapse: collapse;
	border: none;}

.taba td {border: 1px solid #ccc;}
.taba td td {border: none; }
.taba td td td {border: none;}
.taba a {text-decoration:none;}
.taba .tabi {border-collapse: collapse;
	border: none;}
.taba .tabi td {border: 1px solid #ccc;}
.taba .tabi td td {border: none;}


.legendeg {margin:15px 0;} /* Die Tabellen fuer die Symbol-Legenden legendeg=gross legendek=klein */
.legendek {margin:0 0 15px 0;}

.produktanzahl, .pagecursor {font: 10pt Arial, Helvetica, sans-serif;
margin: 20px 0 0 15px;}

.pbbg /* Hintergrundgrafik im Preisbuch */
{
	background:#FFFFFF url(../../images/backgrounds/preisbuch.gif) 92% 45% no-repeat fixed; 
}

.pbbg_hotdeals /* Hintergrundgrafik im Preisbuch ausgeschaltet */
{
	background-image:none; 
}
/*********************** Container fuer die Hotdeals in den Preisbuechern  ***************/
#hotdeals_vertikal /* Hotdeals vertikal rechts neben den Kategorie-Links*/
{
	border: 1px #DDD;
	border-style:none dashed dashed dashed;
	position:absolute;
	right:5%;
	top:35px;
	margin:8px 0 0 0;
	padding: 0px;
	width:30%;
	height:auto;
	line-height:120%;
}

#hotdeals_horizontal /* Hotdeals horizontal unter den Kategorie-Links*/
{
	border: 1px #DDD;
	border-style:none dashed dashed dashed;
	margin:25px 0 0 0;
	padding: 0px;
	width:60%;
	height:auto;
}

#hotdeals_vertikal h1, #hotdeals_horizontal h1
{
	font-size:12px;
	letter-spacing:2px;
	color:#FFF;
	background:#039;
	margin:0;
	padding:2px 4px;
}

#hotdeals_vertikal .text
{
	font-size:10px; padding:2px 2px 8px 2px;
}

#hotdeals_horizontal .text
{
	font-size:10px; padding:2px;
	vertical-align:top;
}

#hotdeals_vertikal .bild
{
	padding:2px;
	text-align:center; /* richtet Bilder zentriert aus */
}

#hotdeals_horizontal .bild
{
	padding:2px;
	text-align:center; /* richtet Bilder zentriert aus */
}


.breadcrumb, .breadcrumb a /* Brotkruemel-Navigation in den Preisbuechern und Artikellisten */
{font-size: 8pt;
text-decoration:none;
margin:0 0 15px 0;} 

#katlinks /* Navigationsebene und Links in den Produktkatalogen */
{  
	width:60%;
}

.pbuch2 #katlinks  /* Navigationsebene und Links in den Produktkatalogen mit 2 Spalten*/
{  
	width:84%;
}

#katlinks a {font-size:10pt;}

#katlinks a:link, #katlinks a:visited
{  	
	background: #EEE url(../../images/backgrounds/pb_an.gif) right center no-repeat;			
	display:block;
	padding:2px 20px 2px 5px;
	border-style:solid;
	border-width:1px 1px 1px 3px;
	border-color:#FFF #BBB #BBB #E3E3E3;
	text-decoration:none;
	width:100%;
}

#katlinks a:hover
{  
	color:#A00;
	background:#EEE url(../../images/backgrounds/pb_ah.gif) right center no-repeat;
	padding:3px 20px 1px 6px;
	border-style:solid;
	border-width:1px 1px 1px 3px;
	border-color:#BBB #FFF #FFF #039;
	text-decoration:none;

}
#katlinks a:active
{ 	
	color:#099;
	display:block;
	padding:3px 20px 1px 6px;
	border-style:solid;
	border-width:1px 1px 1px 3px;
	border-color:#BBB #FFF #FFF #039;
	text-decoration:none;
}

/* Fuer die Darstellug bei Vorfuehr- oder Gebrauchtgeraeten */
#katlinks a:link.vorfuehr, #katlinks a:visited.vorfuehr
{
	background: #F1DDBE url(../../images/backgrounds/pb_vorfuehr_an.gif) right center no-repeat;
}

#katlinks a:hover.vorfuehr
{
	background: #F1DDBE url(../../images/backgrounds/pb_vorfuehr_ah.gif) right center no-repeat;
	color:#000;
}
tr.vorfuehrgeraet
{
	background:#FFFAF2;

}

/*  Link auf Images mit Rollover Effekt */
a img {
	border: 1px solid #FFF;
}
a:hover img {
	border: 1px solid #A00;
}

.preis /* Standardpreis eines Produktes */
{
font-size:8pt;
text-align:right;
}
.vorpreis /* ehemaliger Preis eines Produktes, durchgestrichen */
{
text-decoration: line-through;
font-size:8pt;
text-align:right;
}
.sonderpreis /* Sonderpreis eines Produktes, rot */
{
color:#FFF;
font-size:11px;
text-align:right;
padding:0 2px;
font-weight:bold;
background:#da2031;
}
.trenner /* Absatz als Trenner, eingesetzt z. B. bei den Marketing-Dollars */
{
width:100%;
margin:5px 0;
background: url(../../images/pics/trenner.jpg) center no-repeat;
}




#nb_nav a,p,td,table,ul,ol,li {  font-family: Arial, Helvetica, sans-serif}
#nb_nav a { font-size: 10pt; text-decoration: none; width: 100%;display:block;}
#nb_nav a:link { color: #039}
#nb_nav a:visited { color: #039}
#nb_nav a:hover { color: #A00}
#nb_nav a:active { color: #A00}

#nb_nav a.unav { font-size: 8pt; text-decoration: none; width: 100%;display:block;}
#nb_nav a:link.unav { color: #333}
#nb_nav a:visited.unav  { color: #333}
#nb_nav a:hover.unav  { color: #A00}
#nb_nav a:active.unav  { color: #333}

p { font-size: 10pt}
td { font-size: 10pt}
table { font-size: 10pt}
ul { font-size: 10pt}
ol { font-size: 10pt}
li { font-size: 10pt}

/* Hintergruende fuer die Buttons */
.nav {
border-bottom:1px solid #CCC;
border-left:10px solid #CCC;
border-right:1px solid #CCC;
background: #F0F0F0;
text-align: right;
padding:2px 4px 2px 0;
} 
.nav a:hover {
background: #E6E6E6;
height:auto;
} 
 
#navtable .nav img {float:left; margin-top:2px;} /* fuer die Navigationstabelle im oeffentlichen Bereich */
 
 /* Hintergruende fuer die helleren Buttons */
.unavp {
border-bottom: 1px solid #CCC;
border-left: 4px solid #CCC;
border-bottom: 1px solid #CCC;
background: #F9F9F9;
text-align: right;
padding:1px 4px 1px 0;
}
.unavp a:hover {
background: #F0F0F0;
}

#nb_nav input { background: url(../../images/backgrounds/input.gif) no-repeat top left; border: 1px solid #888;}

/* used for mandatory fields to color the "*" */
.star {
	color: #A00;
}

/* ##################   ERROR & CONFIRMATION BOXES   ################## */
/* makes a frame around the error message */
.error_box {
	background-color: #FFF;
}

/* makes a frame around the error message */
.error_icon {
	background-color: transparent;
}

/* text in error messages */
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #A00;
}

/* makes a frame around the confirmation message */
.confirm_box {
	background-color: #FFF;
}

/* text in confirm messages */
.confirm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #A00;
}

/* used for the text in front of the input fields; font is bold */
.fielditem2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	padding: 6px;
	vertical-align: top;
}


/* used for the text in front of the input fields; font is red */
.fielditem2_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #A00;
	padding: 6px;
	vertical-align: top;
}

/* ##################   INPUT FIELDS   ################## */

/* used for the input fields*/
.inputfield_en {
	font-size: 10pt;
	color: #000;
	background-color: #FFF;
}

/* used for the select boxes*/
.select {
	font-size: 10pt;
	color: #000;
	background-color: #FFF;
}


/* ##################   ALIGNMENTS   ################## */
/* horizontal, the name implies */
.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* vertical, the name implies */
.baseline {
	vertical-align: baseline;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

/* ##################   TEXT   ################## */
.bold {
  font-weight: bold;
}

/* Darstellung der Hotdeals auf der Shopstartseite */
/*.hotdealstart {
	height:295px;
	text-align:center;
}
.hotdealstart img {
	background:url(../../images/backgrounds/hotdeal.jpg) no-repeat center center;
	padding:25px;
}*/
	
/* Darstellung der Hotdeals auf der Shopstartseite */
#nb_hotdeals_container h1 {
	font-size:1.1em;
	color:#555;
	background:#F2F2F2;
	font-weight:normal;
	margin:0;
	padding:1px 6px 2px 6px;
	border-bottom: 1px solid #CCC;	
}

#nb_topproduct, #nb_redaktion, #nb_crossproduct, #nb_newproduct {
	border: 1px solid #CCC;
	height:auto;
}

#nb_topproduct {
	float:left;
	width:35%;
}
#nb_redaktion, #nb_crossproduct, #nb_newproduct {
	float:right;
	width:62%;
	margin-bottom:15px;
	clear:right;
	
}
.product_info {
	background:url(../images_online/backgrounds/hotdeal_boxschatten.gif) no-repeat center top;
	padding:4px;
	clear:left;
}
.boxschatten {
	background:url(../images_online/backgrounds/hotdeal_boxschatten.gif) no-repeat center bottom;
	height:5px;
	position:relative;
	top:6px;
	clear:both;
}
.standardbild {
	text-align:center;
	padding: 6px 4px 2px 4px;
}
.thumbnail {
	float:left;
	padding: 6px 15px 4px 4px;
}
.preisaktion {
	text-align:right;
}
.preisaktion span {
	padding:0 3px;
	margin:0 3px;
}
	

} /* Abschlussklammer fuer Medientyp Screen */

@media print {
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	overflow:visible; 
}

#nb_sidebar, #nb_header_container, #nb_footer_container, .breadcrumb, .legendek, .legendeg {display:none} /* Bereiche vom Druck ausschliessen */
#nb_content_container	{	
	overflow: visible;
	height: auto;
}

#nb_content {
	padding:0;
	margin:0;
	width:95%;
	overflow: visible;
}

} /* Abschlussklammer fuer Medientyp Print */