/* - - - - - - - - - - - - - - - - - - - -
  M A S T E R - S T Y L E S
- - - - - - - - - - - - - - - - - - - - */

/*Definition der Tags*/
TD,DIV,TABLE,P { font-size: 11; font-family: Verdana; }

/*Link Definitionen*/
A:link { text-decoration: none; color:#2D3393; }
A:visited { text-decoration: none; color:#990000; }
A:active { text-decoration: none; color:#990000; }
A:hover { text-decoration: underline; color:#990000; }

/*Klassen Definitionen*/
.clsTitlePage { color: #333333; font-size: 16; font-family: Verdana; font-weight: bold; font-style: normal; }
.classButton { border-style: ridge; border-color: #2D3393; border-width: 1px; background-color: #CCD2EB;	font-family: Verdana; color: #333333; }
.cls_FrameColor { background-color: #CCD2EB; color: #333333; }
.cls_Line { background-color:#2D3393; }

.clsBasket {
	BORDER-LEFT: #2D3393 1px solid;    
	BORDER-RIGHT: #2D3393 1px solid;
	BORDER-TOP: #2D3393 1px solid;
	BORDER-BOTTOM: #2D3393 1px solid;
	PADDING-LEFT: 6px;
	background-color: #FFFFFF;
	font-weight: normal;
	COLOR: #333333;
	FONT-SIZE: 11;
	FONT-FAMILY: Verdana;
	}

#frmborder{
	background-color: #FFFFFF;
	border-style: none;
	font-family: Verdana;
	font-size: 11;
	color: #333333;
	overflow: hidden;
	}
html, body {
 height:100%;
 margin: 0 auto;
 padding:0;
 color: #000;
 text-align: center;
}

html {
  margin-bottom:0.01em;
}

body {
  min-width:1024px;
  COLOR: #333333;
  FONT-SIZE: 11;
  FONT-FAMILY: Verdana;
  BACKGROUND-COLOR: #FFFFFF;
}


form {
  padding: 0;
  margin: 0;
}

div#blockMain {
  width: 1024px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: #fff;
}

#frameHeader {
  float: left;
  width: 1024px;
  height: 115px;
  background: #FFFFFF;
}

#frameNavigation {
  float: left;
  width: 190px;
  min-height: 360px;
  background: #CCD2EB;
}

div#frameContent {
  float: left;
  width: 819px;
  margin-left: 15px; 
  margin-top: 15px;
  background: #fff;
}

#frameFooter {
  clear: both;
  float: left;
  width: 1024px;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  margin-bottom: 15px; 
  padding-right: 10px;
  color: #000; 
  font-size: 12px;
  text-align:right;
}
#frameFooter a { color: #000; }

#showsmallBasket { top: 20px; height: 35px; width: 160px; background: #FFFFFF; margin:0; padding:0; overflow: hidden; }
#iframeBasket { background: #FFFFFF; margin:0; padding:0; }


/* Trennlinie */
/*-----------------------------------------------------------------*/
hr { margin:0; padding:0; height:1px; line-height:1px; border:0; border-top:1px solid #D7D8D9; }

/* Buttons */
.classButton { background-image: url(/data/theme/images/background/back-button.jpg) repeat-x 100%; }


/* Titel, Ueberschriften */
/*-----------------------------------------------------------------*/
h1 { margin: 0; margin-bottom: 26px; padding: 0; font-family: Verdana; font-weight: bold; font-size: 18; color: #333333; }
h2 { margin: 0; margin-bottom: 26px; padding: 0; font-family: Verdana; font-weight: bold; font-size: 16; color: #333333; }
h3 { margin: 0; margin-bottom: 26px; padding: 0; font-family: Verdana; font-weight: bold; font-size: 14; color: #333333; }

/* Infobox (rechts) */
/*-----------------------------------------------------------------*/
.TableInfoRight { margin:0; margin-bottom:5px; padding:0; border:1px solid #AFAFAF; }
.TableInfoRight .CellTitleRight { margin:0; padding:0; padding-left:5px; padding-right:5px; background:#AFAFAF; color:#fff; font-size:12px; font-weight:bold; height:22px; }
.TableWelcomeRight { padding: 0px; border: solid 1px #f1f1f1; margin-bottom: 10px; }
.CellTitleRight { margin:0; padding:0; padding-left:5px; padding-right:5px; color: #ffffff; background-color: #2D3393; font-size:13px; font-weight:bold; height:25px; }
.CellContent { margin:0; padding:5px; }


 .option-col-image  { width: 45px; padding: 2px 2px 2px 2px; border: solid 1px #cccccc; }
 
td.shadedTableWithHeaderFirstRow {
    padding: 4px;
    border: 1px solid #CCCCCC;
	background-image: url(/data/theme/images/background/bg_th_blue.png); 
    background-repeat: no-repeat;
    background-repeat: repeat-x;
	text-align: left;
	font-weight: bold; 
	color: #FFFFFF; 
}

/* - - - - - - - - - - - - - - - - - - - - */
/* H E A D E R                             */
/* - - - - - - - - - - - - - - - - - - - - */
#headNav table#headNavTable       { z-index:3; width: 1024px; height: 110px; }
#headNav td#headNavTableRow01     { z-index:4; height:25px; border-bottom: solid 1px #000; white-space:nowrap; background: #AFAFAF url(../theme/images/navbackground.jpg) repeat-x;}
#headNav td#headNavTableRow01 #nav-primaryA { float:right; margin:0; padding:0; padding-right:40px; }
#headSmallBasket { float: left; margin-bottom: 8px; z-index:2; font-weight:bold; font-size:11px; color:#AFAFAF; }

#frameHeader a:link {color: #fff; font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#frameHeader a:visited {color: #fff; font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#frameHeader a:active {color: #fff; font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#frameHeader a:hover {color: #fff; font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}


/* Formatierung Rubriken (z.B. Home, Kontakt, Partner-Login, ...)
-----------------------------------------------------------------*/
ul#nav-primaryA { margin:0; padding:0; list-style: none; }
ul#nav-primaryA li { float:left; margin:0; padding:0; }
ul#nav-primaryA li a { display:block; height: 20px; padding:0; padding-top:5px; padding-left:10px; padding-right:10px; white-space: nowrap; font-weight: bold; font-size: 13px; color: #4E4E4E; text-decoration: none; outline:0; }
* html ul#nav-primaryA li a { width: 10px; } /* IE hack */

ul#nav-primaryA li.over,
ul#nav-primaryA li.active   { color:#FFFFFF; }






/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H - B O X
- - - - - - - - - - - - - - - - - - - - */
#searchBlock { margin:0; padding-left:10px; padding-top:5px; height:50px; color: #ffffff; background-color: #CCD2EB; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; }
#searchBlock .inputSearchField	      { width: 130px; height: 20px; vertical-align: middle; border: 1px solid #999; background: #ffffff; color: #000; font: 11px/17px Verdana, Arial, Helvetica, sans-serif; margin-top: 3px;}
* html #searchBlock .inputSearchField { padding: 2px 3px; } /* for IE  */
#searchBlock img                      { vertical-align: middle; margin-top: 4px; }
#searchBlock td                       { font: bold 11px/15px Verdana, Arial, Sans-serif; }
#searchTable table { background-color:#CCD2EB; margin-left:15px; margin-top:15px; }

/* - - - - - - - - - - - - - - - - - - - -
  N A V I G A T I O N
- - - - - - - - - - - - - - - - - - - - */
#navlist                     { width: 187px; margin: 1px 0; margin-left: 1px; border-collapse: collapse; }
ul#nav-secondary,
ul#nav-secondary ul          { margin: 0; padding: 0 0 0 1px; list-style: none; }
ul#nav-secondary ul          { padding: 0 0 0 1px; }
ul#nav-secondary li a        { display: block; padding: 2px 0px 2px 8px; color: #2D3393; background: #f1f1f1; font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; outline: 0; margin-bottom: 1px;}
ul#nav-secondary li.over a   { color: #ffffff; background: #2D3393; }
ul#nav-secondary li.active a { color: #ffffff; background: #2D3393; }
* html ul#nav-secondary li a { height: 1px; } /* for IE */
ul#nav-secondary ul li,
ul#nav-secondary ul li.over,
ul#nav-secondary ul li.active { border: 0; }






/* - - - - - - - - - - - - - - - - - - - - */
/* A R T I K E L - L I S T E               */
/* - - - - - - - - - - - - - - - - - - - - */
#ContentTableList { margin:0; padding:0; border: 2px solid #F1F1F1; }
#ContentTableList td { color:#000; }
#ContentTableList a { color:#000; }
#ContentTableList .ListRowSpace01 { margin:0; padding:0; height:6px; line-height:6px; }

/* Darstellung UNTEREINANDER (LISTE) */
#ContentTableList .ListCol01 { width:110px; height:130px; border:1px solid #DBDCDD; text-align:center; } /* Spalte Bild untereinander */
#ContentTableList .ListCol01 img { margin:0; padding:0; vertical-align:middle; }
#ContentTableList .ListCol02 { margin: 0; padding: 0; padding-left:12px; width:210px; height: 400px; vertical-align:top; } /* Spalte Artikel-Bezeichnung, Kurzbeschrieb */
#ContentTableList .ListCol02 .ArticleName { color: #EC6629; font-weight: bold; }
/* #ContentTableList .ListCol03 { margin:0; padding:0; width:18px; vertical-align:top; text-align:right; } */ /* Spalte Info-Symbol */
#ContentTableList .ListCol04 { margin:0; padding:0; width:100px; vertical-align:top; text-align:right; } /* Spalte Artikel-Nr. */
#ContentTableList .ListCol05 { margin:0; padding:0; width:90px; vertical-align:top; text-align:right; } /* Spalte Preis */
#ContentTableList .ListCol06 { margin:0; padding:0; width:30px; vertical-align:top; text-align:right; } /* Spalte Warenkorb-Symbol */

/* Darstellung NEBENEINANDER */
#ContentTableList .ListRow01 { width:170px; height:130px; text-align:center; } /* Spalte Bild nebeneinander */
#ContentTableList .ListRow01 img { margin:0; padding:0; vertical-align:middle; }
#ContentTableList .ListRow02 { width:170px; height: 125px; vertical-align: top; background-color: #f1f1f1; }
#ContentTableList .ListRowPrice { height: 25px; vertical-align: top; background-color: #f1f1f1; }
#ContentTableList .ListRow03 { width:170px; height: 40px; vertical-align: bottom; background-color: #f1f1f1; }

td.col-smallImage img   { 
  max-width: 100px;
  margin: 15px;
  vertical-align: middle;
}
* html td.col-smallImage img   { 
  width: expression(this.width > 100 && (this.width/this.height) > (100/this.height) ? 100 : true);
}




/* Baumstruktur */
/*-----------------------------------------------------------------*/
.treemenu_0, .treemenu_1, .treemenu_2, .treemenu_3, .treemenu_4 {
  padding: 0; 
  margin: 0; 
  background-color: #F1F1F1;
  text-decoration: none;
}

*.Node_0, *.Node_1, *.Node_2, *.Node_3, *.Node_4, *.Node_5,
*.Selected_0, *.Selected_1, *.Selected_2, *.Selected_3, *.Selected_4, *.Selected_5 {
  display: block;
  padding: 3px 0px 3px 10px;
  outline: 0;
  list-style: none;
}

*.Node_0, *.Selected_0 {
  padding: 3px 0px 3px 8px;
  border-bottom: 1px dotted #CCCCCC;
}
/*
*.Node_0 a:hover, *.Node_0:hover {
  background-color: #2D3393;
  color: #fff;
}
*/ 

.Selected_0 a {
  font-family: Arial, Verdana;
  font-size: 12px;
  font-weight: bold; 
  color: #FC3737; 
  text-decoration: none;
}

*.Selected_1 a, .Selected_2 a, .Selected_3 a, .Selected_4 a, .Selected_5 a {
  font-family: Arial, Verdana;
  font-size: 11px;
  font-weight: bold; 
  color: #FC3737; 
  text-decoration: none;
}

.treemenu_2 .Selected_2 a { 
  font-weight: bold; color: #FC3737;
}

.Node_0 a, .Node_0 a:visited {
  color: #2D3393;
  font-family: Arial, Verdana;
  font-size: 12px;
  font-weight: BOLD; 
  text-decoration: none;
}
.Node_1 a, .Node_2 a, .Node_3 a, .Node_4 a,
.Node_1 a:visited, .Node_2 a:visited, .Node_3 a:visited, .Node_4 a:visited {
  color: #2D3393;
  font-family: Arial, Verdana;
  font-size: 11px;
  font-weight: normal; 
  text-decoration: none;
}


/*NAVIGATION-CONTROLS*/
@media print {
.controls					{ display: none; }
}