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

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

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

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

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

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

html {
  margin-bottom:0.01em;
}

body {
  min-width:1024px;
  COLOR: #1995D1;
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  BACKGROUND-COLOR: #fff;
}

form {
  padding: 0;
  margin: 0;
}


#blockMain {
  width: 1024px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  margin-bottom: 15px;
  background-color: #fff; 
}


#frameHeader {
  float: left;
  width: 1024px;
  height: 120px;
  background: #ffffff;
}


#frameNavigation {
  float: left;
  width: 180px;
  padding: 0;
  background: #ffffff url(../theme/images/background/navBG.jpg) 0px 0px repeat-x;
  margin-bottom: 35px;
}

#frameContent {
  float: right;
  width: 795px;
  margin-left: 15px; 
  margin-top: 0px;
  margin-bottom: 20px;
  background: #ffffff;
  min-height: 600px;
}

#frameFooter {
  /* margin-top: 20px; */
  float: left;
  width: 1024px;
}


/* 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; background: #fff url(../theme/images/navbackground.jpg) repeat-x; color:#000; 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; }
 

/* - - - - - - - - - - - - - - - - - - - - */
/* 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; }

/* 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; }




.TableWelcomeRight			{ width: 100%; border: 1px solid #47E0CB; border-collapse: collapse; margin:0; margin-bottom: 3px; }
.CellTitleRight				{ padding-bottom: 2px; padding-left: 5px; font-weight: bold; color: #0099CC; background-color: #FDFF82; height: 20px; border:0; }
.CellContent				{ padding: 8px; }
.CellContent ul				{ margin: 0; margin-left: 0px; padding: 0; list-style: none; }
.CellContent ul li				{ margin-left: 0; padding-left: 10px; background: url(../theme/images/common/navBoxBlue.gif) no-repeat 0px 0.5em; }
.CellContent a				{ font-weight: bold; text-decoration:none; margin-bottom:3px; }
.CellContent a:hover			{ font-weight: bold; text-decoration:underline; }
.CellList ol li				{ margin-left:-10px; text-decoration:none; }
.CellContentRight			{ padding: 5px; }
.CellContentRight a			{ display: block; font-weight: bold; color:#105245; text-decoration:underline; margin-bottom:5px; }
.CellContentRight a:hover	{ font-weight: bold; color:#4BA09D; text-decoration:none; }


/* - - - - - - - - - - - - - - - - - - - - */
/* U N T E R G R U P P E N                 */
/* - - - - - - - - - - - - - - - - - - - - */
#ContentDivSubGroup { float: left; margin: 0; margin-bottom: 8px; margin-right: 0px; padding: 0; width: 100%; border: 1px solid #f1f1f1; background: #fff;}
#ContentDivSubGroup #boxTitle { float: left; width: 100%; margin: 0; padding: 0; padding-top: 4px; padding-left: 5px; height: 22px; font-weight: bold; background: #f1f1f1; }
* html #ContentDivSubGroup #boxTitle { height:22px; }
#ContentDivSubGroup #boxTitle a { font-size: 12px; color: #000; }
#ContentDivSubGroup #boxDescription { float: left; width: 600px; margin: 0; padding: 0; padding-top: 4px; padding-left: 5px; }
#ContentDivSubGroup #boxImage { float: right; width: 135px; margin:0; padding:0; padding-top: 5px; padding-bottom: 5px; text-align:center; vertical-align: top; background: #fff; }
#ContentDivSubGroup #boxImage img { max-width: 150px; max-height: 90px; width: expression(this.width > 150 ? "150px" : true); height: expression(this.height > 90 ? "90px" : true); margin:0; padding:0; vertical-align:middle; }



/* Artikel-Liste
-----------------------------------------------------------------*/
#ArticleListBlock { vertical-align: text-bottom; background: url(../theme/images/background/navBackground.jpg) repeat-x 0 100%; margin-bottom: 20px; }

td.col-smallImage       {
  vertical-align: middle;
  width: 160px;
  height: 120px;
  text-align: center;
  margin: 0px;
  padding: 0px; 
  min-width: 160px;
}
td.col-smallImage img   { 
  max-width: 130px;
  /* max-height: 120px; */
  margin: 15px;
  vertical-align: middle;
}
* html td.col-smallImage img   {  
  width: expression(this.width > 130 && (this.width/this.height) > (130/this.height) ? 130 : true);  /* height: expression(this.height > 120 && (this.width/this.height) <= (160/120) ? 120 : true);  */
}
td.col-ArticleTitle	{ width: 300px; padding: 0; margin: 0; }
td.col-Spacer		{ padding: 0 15px 0 15px; }
td.col-shortDesc        { width: 100%; padding: 5px 0px 0px 0; text-align: left; }
td.col-shortDesc p      { margin: 0 0 5px; }
td.col-shortDesc table  { margin: 0 0 5px; }
td.col-price            { padding: 5px; text-align: right; }


* html #DetailRegister { height: 480px; }

#DetailHeadArticle { float: left; vertical-align: middle; height: 28px; display: block; width: 100%; margin: 0; margin-bottom: 8px; margin-top: 20px; padding: 0px; background-color: #E1EBF4; border-radius: 5px; -moz-border-radius: 5px; }
#DetailHeadArticle  h1 { padding: 0; padding: 2px 0px 2px 8px; margin: 0; font-size: 18px; }

ul#RegisterTabNav { display: block; margin:0; padding:0; list-style: none; }
ul#RegisterTabNav li { float:left; background: #627C93; margin:0; margin-right: 3px; padding:0; padding: 3px 10px 3px 8px; }
ul#RegisterTabNav li a { font-weight: normal; font-size: 14px; color: #fff; text-decoration: none; outline:0; }
* html ul#RegisterTabNav li a { width: 10px; } /* IE hack */
ul#RegisterTabNav li.over,
ul#RegisterTabNav li.active   { font-weight: normal; color:#EE3137; background: url(../theme/images/background/navHorizontalActive.jpg) repeat-x 0 0; }


#DetailImage {
  float: right;
  width: 372px;
  margin-bottom: 15px;
  padding: 8px; 
  border: 1px solid #dddddd; border-radius: 5px; -moz-border-radius: 5px;
  text-align: center;
}
* html #DetailImage { width: 364px; }
#DetailImage img {
  max-width: 364px;
}
* html #DetailImage img { 
  width: expression(this.width > 364 && (this.width/this.height) > (364/this.height) ? 364 : true);
}

#DetailPrice {
  float: right;
  width: 372px;
  padding: 8px;
  border: 1px solid #dddddd; border-radius: 5px; -moz-border-radius: 5px;
}

#DetailOverview {
  clear: both; 
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 40px;
}
#DetailOverview  .col-smallImage { border: solid 1px #ccc; border-radius: 5px; -moz-border-radius: 5px; }

.classButton            { border-style: ridge; border-color: #47E0CB; border-width: 1px; color: #0099CC; background-color: #FDFF82; font-family: Verdana, Arial, Sans-Serif; }


#address				{ margin: 15px 5px 0 0px; color: #1995D1; font: 10px Verdana, Arial, Helvetica, sans-serif; }
#address span			{ display: block; float: left; width: 60px; }
#address br				{ clear: left; }
#address a				{ color: #1995D1; text-decoration: none; }
#address a:hover			{ color: #1995D1; text-decoration: underline; }

TD,DIV,TABLE,P { font-size: 12; font-family: Verdana, Arial, Helvetica; }
H1 { color: #1995D1; font-size: 18; font-family: Verdana; font-weight: bold; font-style: normal; margin: 0px; }
H2 { color: #1995D1; font-size: 16; font-family: Verdana; font-weight: bold; font-style: normal; }
H3 { color: #1995D1; font-size: 14; font-family: Verdana; font-weight: bold; font-style: normal; }
H4 { color: #1995D1; font-size: 12; font-family: Verdana; font-weight: bold; font-style: normal; }
hr                      { margin: 7px 0; padding: 0; border: 0 none; border-top: 1px solid #1995D1; height: 1px; }
* html hr               { margin: 0; background: transparent url(../theme/images/background/navHeadRowDivider.gif) 0 50% repeat-x; } /* for IE */


/*Link Definitionen*/
A:link { font-family: Verdana, Arial, Helvetica; font-size: 12px; text-decoration: none;  }
A:visited { text-decoration: none; color:#6600CC; }
A:active { color: #2394CC; text-decoration: none; }
A:hover { text-decoration: underline; color:#6600CC; }

#frameHeader a { color:#0099CC; font-weight: bold; }


/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H  F I E L D
- - - - - - - - - - - - - - - - - - - - */

#searchBlock			{ margin-top: 15px !important; margin-top: 12px; }
#searchBlock .inputSearchField			{ height: 22px; width: 143px; margin: 0 5px; padding: 3px; vertical-align: middle; border: 1px solid #FFFED0; background: #fff; color: #777; font: 10px/16px Verdana, Arial, Helvetica, sans-serif; }
* html #searchBlock .inputSearchField		{ padding: 2px 3px; } /* IE hack */
#searchBlock img			{ vertical-align: middle; }

.titel					{ margin: 8px 5px 0; color: #0099cc; font: bold 11px Arial, Verdana, Helvetica, sans-serif; }




/* - - - - - - - - - - - - - - - - - - - - */
/* N A V I G A T I O N                     */
/* - - - - - - - - - - - - - - - - - - - - */
/* Baumstruktur */
/*-----------------------------------------------------------------*/
#frameNavigation  ul {
  padding: 0; 
  margin: 0;
  margin-top: 15px; 
}
#frameNavigation  ul ul{
  padding: 0; 
  margin: 0; 
}

#frameNavigation ul li {
  display: block;
  padding: 3px 0px 3px 7px;
  outline: 0;
  list-style: none;
  border-bottom: 1px solid #fff;
}

#frameNavigation ul li ul li {
  padding: 3px 0px 3px 12px;
  border: none; 
  background: none; 
}

#frameNavigation ul li a {
  color: #0099cc;
  font-size: 11px;
  font-weight: bold; 
  text-decoration:none;
}

#frameNavigation ul li a:hover {
  color: #9933FF;
}

#frameNavigation ul li .selected  a, #frameNavigation ul li.selected  a  {
  font-family: Arial, Verdana;
  font-size: 11px;
  font-weight: bold; 
  color: #9933FF; 
}
#frameNavigation ul li ul li .selected  a {
  font-size: 11px;
  font-weight: bold; 
  color: #9933FF; 
}
#frameNavigation ul li ul li a, #frameNavigation ul li ul li ul li a, #frameNavigation ul li.selected ul li a {
  color: #0099CC;
  font-family: Arial, Verdana;
  font-size: 11px;
  font-weight: normal; 
}