/* Farbschema:
Orange:			#FF6600;
Dunkel Blau 	       #35365A;
Hell Blau		#7F85AB;
Hell Grau		#C8C8C8;
Rahmen Grau		#CCCCCC;
Fast Wei�		#AEB1C7;
*/
/*@import url(css/lightbox.css);*/
@import url(css/slimbox.css);
@import url(css/slideitmoo-11.css);

BODY {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  min-width: 1100px;
}

/* Eingabe und Formular-Felder */
HTML, CHECKBOX, RADIO, INPUT, SELECT{
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.textarea {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  /*background : #ffffff url(img/pshadow.gif) no-repeat top left;*/
  font-size: 12px;
  color: #000;
  border: 1px solid #a5a5a5;
  margin-bottom: 2px;
}

INPUT.textarea {
  width: 140px;
}
.textarea_disabled{
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #DDDDDD;
  border: 1px solid #CCCCCC;
  margin-bottom: 2px;
}
IMG {
  border: 0;
}

Form{
  display: inline;
  padding: 0;
  margin: 0 0 2px 0;
}

/* Allgemeine Klassen */
p {
  margin: 0;
  padding: 4px 0 4px 0;
  line-height: 125%;
}

em {
  font-style : normal;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
}

address {
  padding: 15px 0 10px 0;
  font-size: .8em;
  font-style: normal;
}

.baseline, .main, DIV.main {	
  font-size: 75%;
  padding-bottom: 5px;
  margin: 0;
  line-height: 16px;
}

* html DIV.main {
  width: 100%;
}
.small, .smallText {
  font-size: 65%;
  color: #555555;
}

.Headline1, H1 {
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #35365A;
  font-weight : bold
}
.Headline2, H2 {
  margin: 0;
  padding: 4px 0px 3px 0px;
  font-size: 80%;
  color: #000;
  text-transform: uppercase;
  font-weight : bold;
}

.Headline3, H3 {
  margin: 0;
  padding: 2px 0px 2px 0px;
  font-size: 80%;
  color: #555555;
  font-weight : bold;
}

.Headline4, H4 {
  font-size: 1em;
  display: inline;
  padding: 0;
  font-weight: normal;
  text-transform: uppercase;
}

DIV.clearer {
  clear: both;
  line-height: 1px;
}
DIV.clear{
  clear: both;
  line-height: 0;
  height: 0;
}
.fullHeight{
  height: 100%
}
.fullWidth{
  width: 100%
}
DIV.centered {
  text-align: center;
  background-color: transparent;
}

DIV.rightFloated{
  float: right;
  text-align: right;
  width: auto;
}

DIV.leftFloated{
  float: left;
  text-align: left;
  display: inline;
}

DIV.relative{
  position: relative;
  padding: 0;
  margin: 0;
}

DIV.hidden{
  visibility: hidden;
  display: none;
}	

/* Standard cells ********************************************************************************************/

TD.rightAlign {
  text-align: right;
  vertical-align: bottom;
  padding: 0 0 5px 0;
  margin: 0;
}
TD.smallCell {
  padding: 4px;
  width: 1px;
}
DIV.Row{
  display: table-row;
  vertical-align: middle;
}
* html DIV.Row{ /* for stupid IE */ 
  /*display: inline;*/
  width: 100%;
  text-align: center;
}
DIV.Cell{
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 4px;
  float: left;

}
* html DIV.Cell{ /* for stupid IE */ 

}
/*
LINK's *******************************************************************************************************
*/

A:Link, A:VISITED, A:ACTIVE {
  color: #666666;
  text-decoration: none;
}
A:HOVER{
  color: #000;
  text-decoration: none;
}

A.arrow {
  color: #666666;
  text-decoration: none;
  background-image : url(img/parrow.gif);
  background-position : top left;
  background-repeat : no-repeat;
  padding: 0px 3px 0px 16px;
}
A.arrow:HOVER{
  color: #000;
  text-decoration: none;
  background-image : url(img/parrow_hover.gif);
}
/*
Hover description for links **********************************************************************************
*/
A span.tooltip{
  display: none;
}
A:hover span.tooltip{
  max-width: 500px;
  min-width: 200px;
  position: absolute;
  display: block;
  z-index: 666;
  padding: 7px 9px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  color: #000000;
  cursor: default;
}
html>body a:hover span.tooltip{
  -moz-border-radius: 6px; /* this is not valid HTML 4.1 but it's nice */
  opacity: 0.75;
}
/*
Startpage *********************************************************************************************
*/

#startpage{
  height: 495px !important;
  width: 1150px !important;
  padding: 0;
  margin: 0;
  text-align: left;
}
* html #startpage{
  /*width: 1240px !important;*/
  width: 1160px !important;
}
#header{
  padding: 0;
  margin: 0;
  margin-top: 5px;
  clear: both;
}
/*
@todo, sspies: Fix background image on scroll problem
*/
#logo {
  text-align: left;
  color: #000;
  background : #fff url(img/head_border.jpg) repeat-x top left;
  height: 85px;
  margin: 0;
  padding: 0;
  padding-left: 80px;
  border-bottom: 1px solid #000;
}

#logo img  {
  float: left;
}
div.header_wrapper {
  width: 1070px !important;
}

/* Menubar************************************************************************************************
*/
#menuBar{
  margin: 0;
  padding: 0;
  float: left;
  margin-left: 100px;
  width: 770px !important;
  font-size: .7em;
  padding-top: 45px;
  text-transform: uppercase;
}

#menuBar ul {
  margin: 0;
  padding: 0;
  display: inline;
}

#menuBar li{
  display: inline;
  list-style: none;
  margin: 0;
}

#menuBar a {

}
TABLE.content {
  width: auto;
  padding: 0;
}
TABLE.content TD {
  vertical-align: top;
  white-space:nowrap;

}
/*Hauptkategorien*/
html>body #menuBar A {
  width: auto;
}
#menuBar A:LINK, #menuBar A:VISITED {

}

#menuBar A:ACTIVE, #menuBar A:HOVER {

}
* html #menuBar A:LINK, * html #menuBar A:VISITED{ /*for stupid IE only */

}
#menuBar FORM{
  display: inline;
  padding-right: 8px;
  padding-left: 8px;
  margin: 0;
}
/*
Naviagation Bar ****************************************************************************************
*/
#headerNavigation {
  font-size: 75%;
  color: #555555;
  padding: 6px 0 6px 0;
  margin: 0;
}

#headerNavigation a, #headerNavigation a:VISITED, #headerNavigation a:ACTIVE{
  text-decoration: none;
  background-image : url(img/nav-arrow.gif);
  background-position : top left;
  background-repeat : no-repeat;
  padding: 0px 8px 0px 16px;
  white-space : nowrap;
}

#headerNavigation a:HOVER{
  text-decoration: none;
  color: #FF6600;
  background-image : url(img/nav-arrow_hover.gif);
}
/*
Content und Spalten ************************************************************************************
*/

#box_column_left{
  position: relative;
  float:left;
  padding: 0;
  margin: 0;
  margin-left: 80px;
  height: 100% !important;
  width: 200px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  font-size: .9em;
}

* html #box_column_left{
  margin-left: 40px;
}

#box_column_right{
  float: right;
  width: 200px;
  padding: 0;
  margin: 0px;
}

/*
Main content*******************************************************************************
*/
#main_content{
  float: left;
  margin: 0;
  width: 840px;
  padding: 10px 0 0 25px  ;
}

#main_wide_content{
  margin: 0;
  width: 1150px;
  padding: 10px 0 0 25px;
}

DIV.contentHeader{
  font-size: 85%;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

DIV.contentCenter{  

}

DIV.contentFooter{}

DIV.about_img {
  float: left;
  margin: 144px 0 0 132px;
  padding: 0;
}
*+html DIV.about_img { /* nur für den IE7 */
  margin: 144px 0 0 70px;
}
* html DIV.about_img { /* nur für den IE6 */
  margin: 144px 0 0 24px;
}

DIV.about_img img {
  padding: 0;
  margin: 0;
  margin-right: 10px;
}

DIV.contentCenter h2 {
  margin: 8px 0 3px 0;
}

DIV.contentCenter_fixed {
  height:440px;
  width:830px;
  float: left;
  overflow: auto;
  overflow-x:hidden;
}
/*
Login Tabelle ****************************************************************************
*/
#Login {
  position: relative;
}
DIV.LoginBoxLeft{
  position: relative;
  float: left;
  width: 360px;
  height: 200px;
  margin: 15px 0 5px 0;
  padding: 0;

}
DIV.LoginBoxRight{
  position: relative;
  float: right;
  width: 360px;
  height: 200px;
  margin: 15px 0 5px 25px;
  padding: 0;
}

/*
Newsletter Box **************************************************************************
*/
DIV.NewsletterBoxLeft{
  float: left;
  width: 255px;
  margin: 5px 0 15px 0;
  padding: 0;

}
DIV.NewsletterBoxRight{
  float: right;
  width: 255px;
  margin: 5px 0 15px 0;
  padding: 0;
}

/*
Boxen ************************************************************************************
*/
DIV.boxContent {
  padding: 8px 15px 8px 15px;
  width: 170px;
  margin: 0;
  border-bottom: 1px solid #000;
}

* html DIV.boxContent {
  width: 180px;
}
DIV.boxContent h2 {
  font-size: 75%;
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

DIV.button {
  text-align: right;
  padding: 4px 0 0 0;
  margin: 0;
}
DIV.buttonAbs{
  position: absolute;
  padding: 0 0 0 0;
  text-align: right;
  right: 0px;
  bottom: 0px;
}

DIV.buttonAbsLeft{
  position: absolute;
  padding: 0 0 0 0;
  text-align: left;
  left: 0px;
  bottom: 0px;
}
/*
inner Boxes ************************************************************************************
*/
DIV.innerBoxHeader {
  padding: 0;
  margin: 5px 0 0 0;
  width: 255px !important;
  height: 20px !important;
  line-height: 20px;
  background: url(img/innerBoxHeader.gif) no-repeat top left;
  font-size: 75%;
  color: #35365A;
  font-weight: bold;
  text-align: center;
}
DIV.innerBoxContent {
  position: relative;
  padding: 5px 5px 0 5px;
  height: 155px;
  margin: 0;
  background: url(img/innerBoxContent.gif) repeat-y;
}
DIV.innerBoxContent_Notes {
  padding: 5px 5px 0 5px;
  margin: 0;
  background: url(img/innerBoxContent.gif) repeat-y;
}
DIV.innerBoxFooter{
  padding: 0;
  margin: 0;
  height: 20px !important;
  background: url(img/innerBoxFooter.gif) no-repeat top left;
}

/*
News Box ***************************************************************************************
*/
#notes{
  width: 255px;
  float: left;
  margin: 5px 10px 5px 0;
  padding: 0;
}


/* Inner Box ******************************************************************************************/
DIV.inner_boxLeft{
  float: left;
  width: 255px;
  margin: 5px 0 5px 2px;
  padding: 0;
}
DIV.inner_boxRight{
  float: right;
  width: 255px;
  margin: 5px 2px 0 5px;
  padding: 0;
}


/* Inner module ******************************************************************************************/

DIV.innerModuleHeader{
  padding: 0;
  margin-top: 10px;
  height: 20px !important;
  line-height: 20px;
  font-size: 75%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

DIV.innerModuleHeader A:LINK, DIV.innerModuleHeader A:VISITED{
  text-decoration: none;
  color: #FFFFFF;
  background-image : url(img/parrow_white.gif);
  background-position : top left;
  background-repeat : no-repeat;
  padding: 0 0 0 16px;
}
DIV.innerModuleHeader A:HOVER, DIV.innerModuleHeader A:ACTIVE{
  text-decoration: none;
  color: #FF6600;
  background-image : url(img/parrow_hover.gif);
}

DIV.innerModuleContent{
  padding: 5px 5px 0 5px;
  margin: 0;
}
DIV.innerModuleFooter{
  padding: 0;
  margin-bottom: 5px;
  height: 20px !important;
}

/* Info Links, categorie menu *****************************************************************************/
DIV.InfoLinks {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 75%;
  text-transform: uppercase;
}
DIV.InfoLinks ul.linkList {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
DIV.InfoLinks li a:visited {
  /*do nothing*/
}
DIV.InfoLinks li {
  /*height: 25px !important;*/
}
/*Hauptkategorien*/
html>body DIV.InfoLinks li.LinkItem a {
  width: auto;
}
DIV.InfoLinks li.LinkItem a{
  width: 180px; /* just for stupid IE */
  display: block;
  margin: 0;
  padding: 5px 0 5px 0;
}
DIV.InfoLinks li.LinkItem a:hover, ul.linkList li.LinkItem a:hover {
  display: block;
  text-decoration: none;
}
/*Ausgew�hlte (Haupt-)Kategorien*/
html>body DIV.InfoLinks li.LinkItemSelected a {
  width: auto;
}
DIV.InfoLinks  li.LinkItemSelected a{
  width: 180px; /* just for stupid IE */
  clear: both;
  display: block;
  text-decoration: none;
  margin: 0px;
  padding: 5px 0 5px 0;
}
DIV.InfoLinks li.LinkItemSelected a:hover,  li.LinkItemSelected a:active, li.LinkItemSelected a:visited{
  /*do nothing*/
}
/*Unterkategorien*/
DIV.InfoLinks ul.linkSubList {
  list-style: none;
}
html>body DIV.InfoLinks li.LinkItemSub a {
  width: auto;
}
DIV.InfoLinks li.LinkItemSub a {
  width: 182px; /* just for stupid IE */
  display: block;
  margin: 0;
  padding: 2px 0 3px 0;
}
DIV.InfoLinks li.LinkItemSub a:hover, ul.linkList li.LinkItemSub a:hover{
  display: block;
  text-decoration: none;
}
/*Ausgew�hlte (Unter-)Kategorien*/
html>body DIV.InfoLinks li.LinkItemSubSelected a {
  width: auto;
}
DIV.InfoLinks  li.LinkItemSubSelected a{
  width: 182px; /* just for stupid IE */
  display: block;
  margin: 0;
  padding: 2px 0 3px 0;
} 

/*
Separators ****************************************************************************************
*/
.tb_separate_trans {
  height: 5px;
}
DIV.separate {
  margin-top: 5px;
  clear: both;
}
DIV.separate_big{
  margin-top: 15px;
  clear: both;
}
.tb_separate_trans{
  height: 5px;
}
.tb_separate_trans_big {
  height: 10px;
}
.tb_separate {
  background-image:  url(img/tb_separate.gif);
  height: 5px;
  background-repeat: repeat-x;
}
.tb_separate_big {
  background-image:  url(img/tb_separate.gif);
  height: 10px;
  background-repeat: repeat-x;
}
.tb_separate_dotted{
  height: 5px;
  background:  url(img/tb_separate_dotted.gif) top repeat-x;
}
.tb_separate_dotted_big{
  height: 12px;
  background-image:  url(img/tb_separate_dotted.gif);
  background-repeat: repeat-x;
}
.ver_separate{
  background-image: url(img/tb_ver_separate.gif);
  background-repeat: repeat-y;
  width: 5px;
}
.ver_separate_trans{
  width: 5px;
}

.separate_small {
  padding: 3px;
  line-height: 3px;
  clear: both;
}

/* info box (default Table)***************************************************************************/
TABLE.infoBox{
  border: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
TABLE.infoBox TD{
  padding: 0 4px 2px 0;
}

TD.infoBoxHeading, TABLE.infoBox TH {
  background: transparent;
  padding: 2px 0 2px 0;
}

/* shopfinder ***************************************************************************/
#shopfinder{
  position: relative;
  width: 1150px !important;
  height: 465px;
  background: url(img/shopfinder.jpg) no-repeat top left;
  font-size: .8em;
}
#shopfinder a  {
  text-transform: uppercase;
}

#shopfinder h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
  margin-left: 512px;
  width: 390px;
}

#shopfinder address {
  float: left;
  width: 152px;
  margin: 0 0 15px 0;
  padding: 0;
  padding-right: 3px;
  font-size: .9em;
}

#shopfinder div.shopfinder_back {
  width: 100px;
  text-align: right;
  float: right;
  margin: 0;
  margin-top: -20px;
  margin-right: 140px;
  padding: 0;
  height: 20px;
}
* html #shopfinder div.shopfinder_back {
  margin-right: 70px;
}

#shopfinder div.shopfinder_content {
  margin-top: 5px;
  margin-left: 512px;
  width: 500px;
  height: 445px;
  overflow: auto;
  overflow-x: hide;
}

#shopfinder em {
  font-weight: normal;
}
/* info box (default Table)***************************************************************************/
TABLE.checkoutBox{
  border: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
TABLE.checkoutBox TD {
  border-bottom: 2px solid #fff;
}
DIV.shop_window, DIV.shop_window_wide {
  float: left;
  width: 350px;
  height: 465px !important;
  overflow: auto;
  overflow-x: hide;
}
DIV.shop_window_wide {
  width: 620px;
}

TABLE.shop_window {
  float: left;
  padding: 0;
  width: 100%;
}

*+html TABLE.shop_window {
  width: 97%;
}


TABLE.shop_window TH {
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
}
TABLE.shop_window TD {
  text-align: left;
  vertical-align: top;
  padding-bottom: 15px;
}

div.cart_main {
  width:670px;
  float: left;
}
div.cart_center_small {
  height:320px;
  overflow: auto;
  overflow-x:hidden;
}
* html div.cart_center_small {
  height:310px;
}
div.cart_center_big {
  height:410px;
  overflow: auto;
  overflow-x:hidden;
}

* div.cart_center_big {
  height:400px;
}

/* images********************************************************************************************/

DIV.BoxImage{
  margin: 0;
  padding: 4px;
  text-align: center;
}
DIV.BoxImage img{
  border: 0;
}
DIV.FloatedLeftImage{
  float: left;
  margin: 5px;
  border: 0;
}
DIV.FloatedRightImage{
  float: left;
  margin: 5px;
  border: 0;
}
DIV.ThumbImage{
  text-align: center;
  float: left;
  left: 0;
  margin: 3px;
  height: 90px;
  width: 120px;
}

#product {
  height: 422px;
  position: relative;
  width: 100%;
}

DIV.productLeft {
  position: relative;
  height: 422px;
  width: 300px;
  padding-right: 10px;
  float: left;
}

DIV.productCenter {
  float: left;
  width: 410px;
  text-align: center;
}

DIV.productRight {
  position: relative;
  height: 100%;
  padding-left: 10px;
  float: right;
  clear: right;
  text-align: right;
}

DIV.productRight img {
  display: block;
  padding: 4px;
  clear: both;
}

DIV.productPrice {
  padding-top: 25px;
}

DIV.productBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* message box **************************************************************************************/

#messageBox{
  position: relative;
  margin: 15px 0 15px 0;
  /*border: 1px solid #DDDDDD;*/
}
#messageBox DIV.title{
  background-color: #FFFFFF;
  /*border: 1px solid #CCCCCC;*/
  padding: 3px 15px 3px 15px;
  font-size: 75%;
  font-weight: bold;
  color: #555555;
  margin: 0;
  position: absolute;
  top: -12px;
  left: 20px;
  text-transform: uppercase;
}
#messageBox DIV.messageContent{
  margin: 12px 5px 5px 5px;
  font-size: 75%; /* all messages should have the same font size */
  /*font-weight: bold;*/
}
#messageBox DIV.messageStackError{
  background-position: center left;
  background-image: url(img/error.gif);
  background-repeat: no-repeat;
  padding: 4px 4px 4px 20px;
  color: #C21E34;
  line-height: 16px;
  vertical-align: middle;
}
#messageBox DIV.messageStackWarning{
  background-position: center left;
  background-image: url(img/warning.gif);
  background-repeat: no-repeat;
  padding: 4px 4px 4px 20px;
  color: #000;
  line-height: 16px;
  vertical-align: middle;
}
#messageBox DIV.messageStackSuccess{
  /*background-position: center left;
  background-image: url(img/success.gif);
  background-repeat: no-repeat;*/
  padding: 4px 4px 4px 4px;
  color: #35365A;
  line-height: 16px;
  vertical-align: middle;
}

.error, TD.message, SPAN.message, SPAN.errorText { 
  font-size : 75%;
  color: #C21E34;
  min-height: 20px;
  padding: 2px;
}

A SPAN.markProductOutOfStock{
  display: inline;
  color: #ff0000;
  padding: 0 2px 0 2px;
}

/* input requirement ******************************************************************************/

TD.inputRequirement { 
  font-size: 75%;
  color: #FF7E0E;
}
.inputRequirement {
  color: #FF7E0E;
}
DIV.inputRequirement {
  font-size: 75%;
  float: right;
  clear: right;
  color: #FF7E0E;
}
#inputForm TD.inputRequirement{
  color: #FF7E0E;
  text-align: right;
  padding: 0 5px 5px 0;
  margin: 0;
}

/* Prices ****************************************************************************************/
.price{
  font-weight: bold;
  text-decoration: underline;
  color: #555555;
  white-space: nowrap;
}

.special_price {
  color: #FF6600;
  text-decoration: line-through;
}
/*
Eingabefelder Beschriftung *********************************************************************
*/

#inputForm {
  position: relative;
  padding: 0;
  margin: 0;
  clear: both;
  margin-top: 3px;
}

#inputForm TABLE {
  border: 0;
  width: 100%;
}
#inputForm TD LABEL {
  font-size: 100%;
}
#inputForm TH {
  text-align: left;
  color: #35366A;
  font-size: 75%;
  padding: 5px 0 2px 0;
  margin: 0;
}
#inputForm TD {
  text-align: left;
  color: #555555;
  font-size: 75%;
  padding: 0 5px 5px 0;
  margin: 0;
}
#inputForm TD.rightAlign{
  color: #555555;
  text-align: right;
  vertical-align: bottom;
  padding: 0 0 5px 0;
  font-size: 75%;
  margin: 0;
}
#inputForm LABEL {
  font-size: 75%;
  color: #555555;
  padding: 0 10px 0 0;
}
/***************************************************************************************************   
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*   stspi hfc_040921
****************************************************************************************************/
.clDescriptionCont {
  position:absolute;
  width: 250px;
  visibility: hidden;
  z-index:999;
  background-color: #FFFFFF;
}

.clDescription {	
  width: 250px;
  left:0;
  top:0;
  overflow: hidden;
  vertical-align: top;
}

/* mouse over info, Kopf mit Schrift */
DIV.ca-term-head { 
  background-color: #35365A;
  font-weight: bold;
  color: #AEB1C7;
  font-size: 80%;
  text-align: center;
}
/* mouse over text */
DIV.ca-term-note { 
  font-weight: normal;
  font-size: 75%;
  color: #555555;
  margin: 0;
  padding: 4px;
  border: 1px solid #CCCCCC;
}
/*Footer ********************************************************************************/
div.footer {
  border-top: 5px solid #000;
  font-size: .8em;
  padding-top: 10px;
  padding-left: 80px;
}
/*Banner in Footer **********************************************************************/  
#banner{
  margin: 0;
  margin-right: 25px;
  float: left;
  vertical-align: middle;
}

/*copyright Info in footer **********************************************************/
#copyright, #xtecard_copyright{
  margin-top: 20px;
  vertical-align: middle;
  text-align: center;
  color: #888;
  font-size: 65%;
}

#copyright a, #copyright a:VISITED, #copyright a:ACTIVE, #xtecard_copyright a, #xtecard_copyright a:VISITED, #xtecard_copyright a:ACTIVE {
  color: #7F85AB;
  text-decoration: none;
}
#copyright a:HOVER, #xtecard_copyright a:HOVER{
  color: #35365A;
  text-decoration: none;
}

/*
Table Rows***************************************************************************
*/
TR.TableRowEven{
  background-color: #F1F1F1;
}
TR.TableRowOdd{
  background-color: #FFFFFF;
}
TD.TableRow{
  padding: 4px;
  font-size: 75%;
  color: #555555;
}
TD.TableHeader, TH.TableHeader{
  padding: 4px;
  font-size: 75%;
  text-transform: uppercase;
}
/*
moduleRow, Zeilen in den Tabellen (mit MouseOver Effekt)******************************
*/

TD.moduleRow{
  /* 	border-bottom: 1px solid #C1C1C1; */
  padding: 2px;
}

TR.moduleRow { 
  font-size: 75%;
  line-height: 23px;
}
TR.moduleRow TD, TR.moduleRowOver TD, TR.moduleRowSelected TD {
  padding-left: 3px;
  border-top: 2px solid #fff;
}
TR.moduleRowOver, TR.moduleRowSelected  { 
  cursor: pointer;
  font-size: 75%;
  line-height: 23px;
  /*background-color: #6bd2ff;*/
  /*background-color: #e8ff73;*/
}


TR.moduleRowOver A:LINK, TR.moduleRowOver A:HOVER, TR.moduleRowOver A:VISITED{
  text-decoration: none;
}
/*
page results****************************************************************************
Navigation bar on product info site && new_products_overview
*/
#pageResults {
  height: 30px !important;
  line-height: 30px !important;
  text-align: center;
  vertical-align: middle;
  font-size: 75%;
  padding: 4px;
  margin: 10px 0 0 0;
}

#pageResults IMG {
  border: 0;
  padding: 4px;
  margin-right: 100px;
  vertical-align: middle;
}
#pageResults DIV.PageNavigation{
  margin-left: 280px;
  text-align: center;
}
#pageResults DIV.PageCount{
  float: right;
  text-align: right;
}
/* checkout status display*************************************************************************
NOT IN USE since tabbed checkout

TABLE.checkoutStatus{
border: 0;
width: 100%;
padding: 0;
margin: 0;
}
TABLE.checkoutStatus TD{
padding: 0;
}

TD.checkoutBarCurrent{
font-size: 75%;
color: #FF6600;
font-weight: bold;
}
TD.checkoutBarTo{
font-size: 75%;
color: #555555;
}
*/

/*
Popup Image ****************************************************************************
*/

#popupImage{
  padding: 2px;
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #CCCCCC;
  color: #35365A;
  font-size: 80%;
  font-weight: bold;
}
#popupImageHeadline{
  background-color: #35365A;
  color: #AEB1C7;
  height: 20px;
  line-height: 20px !important;
  margin-bottom: 4px;
  vertical-align: middle;
}
/*
Printing**********************************************************************************
*/
#printPage {
  width: 800px;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #C1C1C1;
  text-align: left;
}
#printPage IMG {
  border: 0;
}
#printPage DIV.printLogo{
  background-image: url(img/logo.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  height: 120px;
}
#printPage DIV.OwnerAdress{
  color: #000000;
  font-size: 70%;
  border-bottom: 1px solid #C1C1C1;
  padding: 0;
}
#printPage DIV.CustomerAdress{
  color: #000000;
  font-size: 85%;
  font-weight: bold;
  padding: 20px 0 50px 0;
}

#printPage DIV.Subject{ /*Betreff*/
  color: #000000;
  font-size: 85%;
  font-weight: bold;
  padding: 0 0 30px 0;
}

#printPage DIV.PrintText{
  padding: 0;
  text-align: left;
}

#printPage DIV.LeftColumn{
  float: left;
  width: 50%;
  padding-top: 30px;
}
#printPage DIV.RightColumn{
  float: left;
  padding-top: 30px;
}
#printPage DIV.PrintSection{
  font-size: 80%;
  text-align: center;
  background-color: #35365A;
  color: #AEB1C7;
  padding: 4px;
  margin: 10px 0 10px 0;
  font-weight: bold;
}
#printPage DIV.TotalBlock{
  text-align: right;
  padding: 10px 0 40px 0;
}
#printPage DIV.PrintFooter{
  font-family : "Bitstream Vera Sans Mono", monospace;
  font-size: 65%;
  color: #888;
  text-align: center;
  padding-top: 40px;
  line-height: 12px;
  vertical-align: middle;
  text-transform : uppercase;
}
#printPage DIV.rightAlign{
  text-align: right;
  padding: 0;
  line-height: 12px;
}

/*
Print Text************************************************************************
*/

SPAN.print_topic{
  font-size: 75%;
  color: #000000;
  font-weight: bold;
}

SPAN.print_text{
  font-size: 75%;
  color: #000000;
}

/*
Print Table***********************************************************************
*/

#printPage TABLE.printTable{
  width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid #C1C1C1;
}

#printPage TABLE.printTable TH{
  font-size: 80%;
  color: #35365A;
  background-color: #F1F1F1;
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1;
  text-align: left;
}
#printPage TABLE.printTable TD{
  font-size: 75%;
  color: #000000;
  padding: 4px;
  font-weight: normal;
}

/*
Sitemap***************************************************************************
*/
#sitemap {
  font-size: 80%;
  line-height: 20px;
  color: #CCCCCC;
  padding: 0;
  margin: 0;
}
#sitemap ul {
  padding: 0;
  margin: 0 0 10px 0;
  list-style-position: inside;
}
#sitemap li.subSite{
  padding-left: 15px;
  /*list-style-type: none; */
}
/*
Special product symbol************************************************************
*/
DIV.special{
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 100;
  display: inline;
}
DIV.specialBox{
  position: absolute;
  left: -20px;
  top: 45px;
  z-index: 100;
  display: inline;
}

/*
xt:ecard (c) 2005 by optima software & services ********************************
*/
#xtecard {
  padding: 0;
  margin: 4px 0 4px 0;
}
#xtecard BR {
  line-height: 2px;
}
#xtecard IMG {
  border: 0;
  padding: 0;
  margin: 4px 0 0 0;
}
#xtecard FIELDSET {
  margin: 4px;
  padding: 4px;
  width: 375px;
  text-align: right;
  border: 1px solid #CCCCCC;
}
#xtecard LEGEND {
  font-size: 75%;
  color: #555555;
  padding: 2px;
  margin: 0 6px 0 6px;
  /*border: 1px solid #CCCCCC; */
  border-left: 10px solid #7F85AB;
}
#xtecard LABEL {
  vertical-align: top;
  text-align: left;
  width: 200px;
  line-height: 20px;
  padding-right: 4px;
  font-size: 75%;
  color: #555555;
}
#xtecard SPAN {
  font-size: 75%;
  color: #555555;
}
#xtecard INPUT.textarea, #xtecard INPUT.textarea_disabled, #xtecard TEXTAREA{
  width: 220px;
  margin-bottom: 8px;
}
#xtecard .thumbnails {
  float: left;
  text-align: center;
  padding-top: 4px;
}
#xtecard .xtecard_form {
  float: right;
  width: auto;
  padding: 4px 0 0 6px
}
#xtecard .xtecard_top {
  margin-top: 8px;
  background: url(img/xtecard_top.gif) top left no-repeat;
  height: 36px !important;
  line-height: 22px !important;
  vertical-align: top;
  text-align: center;
}
#xtecard_title {
  color: #35365A;
  font-size: 75%;
  font-weight: bold;
}
#xtecard .xtecard_preview {
  text-align: center;
  padding: 0;
  margin: 0;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
#xtecard .xtecard_bottom {
  margin-bottom: 8px;
  background: url(img/xtecard_bottom.gif) top left no-repeat;
  height: 36px !important;
  font-size: 75%;
  color: #35365A;
  line-height: 46px !important;
  vertical-align: bottom;
  text-align: center;
}
#xtecard SPAN.inputRequirement{
  font-size: 75%;
  color: #FF7E0E;
}

/*
tabbed checkout ********************************
*/
DIV.checkout, div.account {
  position: relative;
  float: left;
  width: 670px;
  height: 465px !important;
  margin: 0;
}
div.account {
  width: 830px;
}
div.checkout_center, div.account_center {
  width: 526px;
  float: left;
  margin-top: 15px;
  padding: 0 3px 0 3px;
  height: 390px;
  overflow: auto;
  overflow-x: hidden;
}

div.account_center {
  height: 410px;
  width: 650px;
  overflow: auto;
  overflow-x: hidden;
}
*+html div.account_center {
  height: 390px;
  overflow: hidden;
}
*+html div.account {
  height: 470px !important;
  overflow: auto;
  overflow-x: hidden;
}
.grayed {
  background: #ddd;
}
div.checkout_right, div.account_right {
  float: right;
  width: 170px;
  margin: 0;
}

div.checkout_bottom, div.account_bottom {
  position: absolute;
  width: 670px;
  bottom: 0;
  margin-bottom: -15px;
  padding: 0;
}

*+div.checkout_bottom, div.account_bottom {
  margin-bottom: 0;
}

#checkout_tabs {
  margin-top: 20px;
  padding: 0;
  width: 135px;
  font-size: .75em;
  list-style: none;
  float: left;
}

#checkout_tabs ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#checkout_tabs li {
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 8px;
  color: #ccc;
}

#checkout_tabs li.current {
  color: #000;
}

html>body #checkout_tabs li a {

}

#checkout_tabs li a, #checkout_tabs li a:visited{

}

#checkout_tabs li a:hover, #checkout_tabs li a:active {

}

div.popup_content {
  margin: 10px 10px 0 20px;
  width: 900px;
}

LABEL.cc_form  {
  font-size: .8em;
}

TABLE.cc_form TD {
  vertical-align: sub;
}