/* Farbschema:
Orange:			#FF6600;
Dunkel Blau 	        #35365A;
Hell Blau		#7F85AB;
Hell Grau		#C8C8C8;
Rahmen Grau		#CCCCCC;
Fast Weiß		#AEB1C7;
*/

BODY {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background : #ECECEC;
	margin: 6px;
	padding: 0;
}

/* Eingabe und Formular-Felder */
HTML, CHECKBOX, RADIO, INPUT, SELECT{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	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: #333333;
	border: 1px solid #a5a5a5;
	margin-bottom: 2px;
}
.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: 0px;
	margin: 0px
}

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

em {
	font-weight : bold;
	color: #FF6600;
	font-style : normal;
}

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

DIV.bestsellers {	
	font-size: 75%;
  	color: #555555;
	padding: 0;
	margin: 0 4px 0 4px;
	line-height: 16px;
}

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

/*.Headline1, H1 {*/

.Headline1{
	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: #FF6600;
	font-weight : bold;
}

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

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;
	width: auto;
}

DIV.relative{
	position: relative;
	padding: 0;
	margin: 0;
}
.seo{
		position:absolute;
		top:-500px;
		height:auto;
		width:auto;
		}

/* 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;
}
* html DIV.Cell{ /* for stupid IE */ 
        float: left;
}
/*
LINK's *******************************************************************************************************
*/

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

A.arrow {
	color: #35365A;
	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: #FF6600;	
	text-decoration: none;
	background-image : url(img/parrow_hover.gif);
}

/** hover tooltips *********************************************/
a span {
  display: none;
}
/** hover Tool-Tips **/ 
/*
a:hover span{
	max-width: 500px;
	font-size: .75em;
	position: absolute;
	top: 60px;
	left: 80px;
        cursor: pointer;
        display: block;
	z-index: 999;
	padding: 7px 9px;
	background-color: #fff;
	border: 1px solid #652306;
	color: #000;
	filter:alpha(opacity=70);
        opacity: 0.7;

}
html>body a:hover span{
	left: 80px;
	-moz-opacity:0.7;
	-moz-border-radius: 6px;
	cursor: pointer;
}
*/
/*
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{
        width: 980px;
        height: 100%;
        padding: 4px;
        text-align: left;  
}

#content {
  	width: auto;
}

#header{
        padding: 0;
        margin: 0;
        height: 150px !important;
	clear: both;
}
#logo {
	float: left;
        background : url(img/plogo.gif) no-repeat top left;
        height: 150px !important;
        width: 200px !important;
	margin: 0;        
	padding: 0;
}
#eyeCatcher{
	background : url(img/eyeCatcher.gif) no-repeat top right;
	height: 105px !important;
	margin: 0;        
	padding: 0;
}

/*Menue Content ans Search-Box **********************************************************************/
#ContentAndSearch{
  	clear: both;
        padding: 0;
	margin: 0;
	background-image: url(img/contentMenue.gif);
	background-repeat : no-repeat top right;
	height: 25px !important;
	width: 980px !important;
	color: #555555;
	font-size: 75%;
}


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

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

#content_menue{
	float: left;
	padding: 2px 0 4px 0;
}

#searchBox{
	float: right;
	vertical-align: text-top;
}
#searchBox FORM{
        display: inline;
	padding: 0;
        margin: 0;
}
/* Menubar************************************************************************************************
*/
#menuBar{
	float: right;
	margin: 0;
        padding: 0;
	height: 45px !important;
	width: 780px !important;
        background: url(img/barBG.gif) no-repeat top right;
}

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

#menuBar li{
	display: inline;
	list-style: none;
        margin: 0;
        padding: 0;
}
/*Hauptkategorien*/
html>body #menuBar A {
        width: auto;
}
#menuBar A:LINK, #menuBar A:VISITED {
	color: #35365A;
	font-size: 75%;
	text-align: center;
	line-height: 45px !important;	
	text-decoration: none;	
	padding: 13px 8px 15px 8px;
	border-right: 1px solid #E3E3E3;	
}

#menuBar A:ACTIVE, #menuBar A:HOVER {
  	color: #FFFFFF;
	text-decoration: none;
	background-color: #7F85AB
}
* html #menuBar A:LINK, * html #menuBar A:VISITED{ /*for stupid IE only */
	padding: 15px 8px 15px 8px;
}
/*
  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{
	float:left;
        width: 200px;
	padding: 0 10px 0 0;
	margin: 0px;
}

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

/*
  Main content*******************************************************************************
*/
#main_content{
	float: left;
	margin: 0px; 
        width: 560px;
}
/*
DIV.contentHeader{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 25px !important;
	line-height: 17px !important;
	background: url(img/contentHeader.gif) no-repeat top left;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
*/
.contentHeader{
  background: url(img/contentHead.png) no-repeat bottom left;
  padding-bottom:10px; 
}
h1.content{
  background: url(img/contentHead.png) no-repeat top left;
  margin:0px;
  padding:2px 8px 0px 8px;
  font-size:12px;
  color:white; 
  text-align:center;
}

DIV.contentCenter{
	clear: both;
	padding: 0 10px 0 10px !important; 
  	margin: 0;
	background: url(img/contentCenter.gif) repeat-y;
}
DIV.contentFooter{
	clear: both;
  	padding: 0 0 5px 0; 
  	margin: 0;
  	width: 100%;
  	height: 25px !important;
  	line-height: 32px !important;
  	background: url(img/contentFooter.gif) no-repeat top left;
  	font-size: 75%;
	color: #AEB1C7;
	text-align: center;
}
DIV.contentFooter A:Link, DIV.contentFooter A:VISITED, DIV.contentHeader A:Link, DIV.contentHeader A:VISITED {
        color: #AEB1C7;
        text-decoration:none;
} 
DIV.contentFooter A:HOVER, DIV.contentFooter A:ACTIVE, DIV.contentHeader A:HOVER, DIV.contentHeader A:ACTIVE {
        color: #FF6600;
        text-decoration:none;
} 

/*
  Login Tabelle ****************************************************************************
*/
#Login {
  	position: relative;
}
DIV.LoginBoxLeft{
	position: relative;
	float: left;
	width: 255px;
	height: 200px;
	margin: 5px 0 5px 5px;
	padding: 0;
	
}
DIV.LoginBoxRight{
	position: relative;
	float: right;
	width: 255px;
	height: 200px;
	margin: 5px 5px 5px 0;
	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.boxHeader {
	padding-top: 2px;
	margin: 0;
	width: 100%;
	height: 25px !important;
	background: url(img/boxHeader.gif) no-repeat top left;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
DIV.boxCategoriesHeader {
	padding-top: 2px;
	margin: 0;
	width: 100%;
	height: 25px !important;
	background: url(img/boxCategoriesHeader.gif) no-repeat top left;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
DIV.boxContent {
	padding: 0 5px 0 5px !important; 
	margin: 0;
	background: url(img/boxContent.gif) repeat-y;
}
DIV.boxContentCategory {
	padding: 0;
  	margin: 0;
	background: url(img/boxContent.gif) repeat-y;
}
DIV.boxFooter{
	clear: both;
  	padding: 0 0 6px 0; 
  	margin: 0;
  	height: 25px !important;
  	background: url(img/boxFooter.gif) no-repeat top left;
}
DIV.boxCategoriesFooter{
	clear: both;
  	padding: 0 0 6px 0; 
  	margin: 0;
  	height: 25px !important;
  	background: url(img/boxCategoriesFooter.gif) no-repeat top left;
}

DIV.button {
	text-align: right;
	padding: 4px 0 0 0;
	margin: 0;
}
DIV.buttonAbs{
	position: absolute;
	padding: 0 6px 0 0;
	text-align: right;
	right: 0px;
	bottom: 0px;
}
/*
  inner Boxes ************************************************************************************
*/
DIV.innerBoxHeader {
	padding: 0;
        margin: 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;
        /*text-align: center;*/
	padding: 5px 5px 0 5px; 
	height: 190px;
  	width: 255px !important;
        margin-right: 0;
	background: url(img/innerBoxContent.gif) repeat-y;
}
DIV.innerBoxContent img.thumb, DIV.innerBoxContent_subcat img.thumb{
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 5px;
        margin-top: 5px;*/
        text-align: center;
}

DIV.innerBoxContent_Notes {
	position: relative;
        padding: 5px 5px 0 5px; 
  	margin: 0;
	background: url(img/innerBoxContent.gif) repeat-y;
}
DIV.innerBoxHeadline{
        position: absolute;
        text-align: center;
        width: 215px !important;
        top: -15px;
        margin: 0 15px 0 15px; 
        padding: 0;
        font-size: 75%;
	color: #35365A;
	font-weight: bold;
}
DIV.buttonInnerBox{
	position: absolute;
	margin: 0 18px 0 0;
	text-align: right;
	right: 0px;
	bottom: -10px;
}
* html DIV.buttonInnerBox{
	right: 18px;
	margin: 0; 
}
/* for subcategories */
DIV.innerBoxContent_subcat{ 
        position: relative;
        padding: 5px 5px 0 5px; 
        margin: 0;
	background: url(img/innerBoxContent.gif) repeat-y;
        height: 130px !important;
        width: 255px !important;
}
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;
	background: url(img/innerModuleHeader.gif) no-repeat top left;
	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;
	background: url(img/innerModuleContent.gif) repeat-y;
}
DIV.innerModuleFooter{
	padding: 0; 
  	margin-bottom: 5px;
  	height: 20px !important;
  	background: url(img/innerModuleFooter.gif) no-repeat top left;
}

/* Info Links, categorie menu *****************************************************************************/
DIV.InfoLinks {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 75%;
}
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;
	color: #35365A;
	margin: 0;
	padding: 5px 5px 4px 16px;
	background: url(img/menu_bg.gif) no-repeat top left;
}
DIV.InfoLinks li.LinkItem a:hover, ul.linkList li.LinkItem a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0px -25px;
}
/*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;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 5px 4px 16px;
	background: url(img/menu_bg.gif) no-repeat top left;
	background-position: 0px -25px;
}
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;
  	color: #35365A;
	margin: 0;
	padding: 2px 0 2px 18px;
	background: url(img/menuSub_bg.gif) no-repeat top left;
}
DIV.InfoLinks li.LinkItemSub a:hover, ul.linkList li.LinkItemSub a:hover{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0px -20px;
}
/*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;
	color: #FFFFFF;
	margin: 0;
	padding: 2px 0 2px 18px;
	background: url(img/menuSub_bg.gif) no-repeat top left;
	background-position: 0px -20px;
} 

/*
  Separators ****************************************************************************************
*/
.tb_separate_trans {
	height: 5px;
}
DIV.separate {
	margin-top: 5px;
	clear: both;
}
DIV.separate_big{
	margin-top: 15px;
	clear: both;
}
.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-image:  url(img/tb_separate_dotted.gif);
	background-repeat: 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;
}

div.smallSpace{
        float: none;
        clear: both;
        line-height: 13px !important;
        height: 13px !important;
}
/* info box (default Table)***************************************************************************/
TABLE.infoBox{
        border: 0;
        width: 100%;
        padding: 0;
        margin: 0;
}
TABLE.infoBox TD{
		padding: 2px;
}

TD.infoBoxHeading, TABLE.infoBox TH {
        background: transparent;
        height: 25px;
        border-bottom: 1px dotted #CCCCCC;
}

/* info box (default Table)***************************************************************************/
TABLE.checkoutBox{
        border: 0;
        width: 100%;
        padding: 0;
        margin: 0;
}
TABLE.checkoutBox TD {
        border-bottom: 2px solid #fff;
}
/* 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{
        float: left;
	left: 0;
	margin: 3px;
	height: 90px;
	width: 120px;
}

DIV.ThumbPreviewCol{
        float: left;
        width: 120px;
        margin-left: 4px;
        padding: 10px 10px 0 0;
        text-align: center;
	background: transparent;
        /*border-right: 1px solid #C1C1C1;*/
}
DIV.ThumbPreviewCol IMG{
        padding: 4px;
}
DIV.ProductImage{
        float: right;
        width: 380px;
        padding: 2px;
        height: 300px;
        text-align: center;
}
DIV.categorieImage{
        display: inline-table;
        text-align: center;
        vertical-align: middle;
        height: 130px;
        width: 120px;
        margin: auto;      
}
/* message box **************************************************************************************/

#messageBox{
        position: relative;
        margin: 10px 0 5px 0;
        border: 1px solid #7F85AB;
        background-color: #FFFFFF;
        -moz-border-radius: 16px; /* this is not valid HTML 4.1 but it's nice */ 
}
#messageBox DIV.title{
        background-color: #FFFFFF;
        /*border: 1px solid #CCCCCC;*/
        padding: 3px 15px 3px 15px;
        font-size: 75%;
        font-weight: bold;
        color: #35365A;
        margin: 0;
        position: absolute; 
        top: -12px; 
        left: 20px;
}
#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: #CFA329;
        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 20px;
        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;
}

.markProductOutOfStock{
	color: #C21E34;
	display:block;
	position:relative;
}

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

#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;
}

/*Banner in Footer **********************************************************************/  
#banner{
	margin: 6px 0 6px 0;
	vertical-align: middle;
	text-align: center;
}

/*copyright Info in footer **********************************************************/
#copyright, #xtecard_copyright{
        font-family : "Bitstream Vera Sans Mono", monospace;
	vertical-align: middle;
	text-align: center;
	color: #888;
	font-size: 65%;
        text-transform : uppercase;
}

#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: 80%;	
	color: #35365A;
	font-weight: bold;
	border-bottom: 1px solid #7F85AB;
}
/*
  moduleRow, Zeilen in den Tabellen (mit MouseOver Effekt)******************************
*/

TD.moduleRow{
	background-color: #F8F8F8;
  padding: 2px;
}

TR.moduleRow { 
	background-color: #F0F0F0;
	color: #35365A;
	font-size: 75%;
	line-height: 20px;
}

TR.moduleRowOver, TR.moduleRowSelected  { 
  	cursor: pointer;
	background-color: #7F85AB;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 20px;
}

TR.moduleRowOver A:LINK, TR.moduleRowOver A:HOVER, TR.moduleRowOver A:VISITED{
	color: #FF6600;
	text-decoration: none;
}
/*
  page results****************************************************************************
  Navigation bar on product info site && new_products_overview
*/
#pageResults {
/*        height: 30px !important;
        width: 380px !important;
        line-height: 30px !important;*/
        vertical-align: middle;
        color: #555555;
        font-size: 75%;
        padding: 4px;
        margin: 10px 0 10px 0;
}
#pageResults A:LINK, #pageResults A:VISITED {
        color: #35365A;
        text-decoration: underline;
        padding: 4px;
        white-space: nowrap;
}
#pageResults A:HOVER, #pageResults A:ACTIVE {
        text-decoration: underline;
        color: #FF6600;
}
#pageResults IMG {
        border: 0;
        padding: 4px;
        margin: 0; 
        vertical-align: middle;
}
#pageResults DIV.PageNavigation{
        float: left;
        text-align: left;
}
#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.gif);
        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 ********************************
*/
#checkout_tabs {
	margin: 5px 0 0 0;
	padding: 0;
	height: 22px !important;
	font-size: .75em;
	list-style: none;
	border-bottom: 1px solid #35365A;
}
html>body #checkout_tabs {
        margin: 5px 0 7px 0;
}
#checkout_tabs ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

#checkout_tabs li {
        display: block;
	float: left;
        height: 22px !important;
        width: 90px !important;
	line-height: 22px;
	text-align: center;
	color: #666666;
	margin: 0;
	padding: 0;
	background: url(img/navtab.png) no-repeat top left;
	background-position: 0px -22px;
}

#checkout_tabs li.current {
        display: block;
	float: left;
        height: 22px !important;
        width: 90px !important;
	line-height: 22px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	background: url(img/navtab.png) no-repeat top left;
	background-position: 0px -44px;
}

html>body #checkout_tabs li a {
	width: auto;
}

#checkout_tabs li a, #checkout_tabs li a:visited{
        background: url(img/navtab.png) no-repeat top left;
        background-position: 0px 0px;
        display: block;
        height: 22px !important;
        width: 90px !important;
        color: #fff;
}

#checkout_tabs li a:hover, #checkout_tabs li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0px -68px;
}

/* cat levels */

.catSep{
  font-size:0px;
  height:1px;
  overflow:hidden;
}

.catLevel0, .catLevel0_active{
	display:block;
	background:url(img/catLevel0_bg.gif) 0px 0px no-repeat;
	font-size:12px;
	padding:3px;
	padding-left:13px;
	color:#35365A;
	font-weight:normal;
}

.catLevel1, .catLevel1_active, .catLevel2, .catLevel2_active, .catLevel3, .catLevel3_active, .catLevel4, .catLevel4_active {
	display:block;
	font-size:11px;
	padding:2px;
	padding-left:23px;
	color:#35365A;
	background:url(img/catLevel_bg.gif) no-repeat 0px 0px;
	font-weight:normal;
}

.catLevel2, .catLevel2_active{
	padding-left:33px;
}

.catLevel3, .catLevel3_active{
	padding-left:43px;
}

.catLevel4, .catLevel4_active{
	padding-left:53px;
}

.catLevel0:hover, .catLevel1:hover, .catLevel2:hover, .catLevel3:hover, .catLevel4:hover{
  color:white;
  background-position:-200px 0px;
}
.catLevel0_active, .catLevel1_active, .catLevel2_active, .catLevel3_active, .catLevel4_active{
  color:white;
  background-position:-200px 0px;
}

.boxContentCategory h2{
  margin:0px;
  padding:0px;
}
.boxContentCategory h2 a{
  color:white;
}

/*
h1.content{
  margin:0px;
  padding:0px;
  color:white;
  line-height:145%;
  font-size:12px;
}
*/


#bookmarks{
  text-align:center;
}

.confirmTable{
  width:100%;
  border:1px solid #009900;
  background:#f4f4f4;
}
.confirmTable td{
  font-size:12px;
  color:#009900;
}

.m_c_select{
  background:#f0f0f0;
  border:1px solid #cccccc;
  padding:5px;
  font-size:12px;
}

/* news */

.previewImage img{
  border:1px solid #cccccc;
}
.previewImage:hover img{
  border:1px solid #333366;
}
.news_box{
  margin-top:10px;
  margin-bottom:10px;
}
.news_box td{
  font-size:12px;  
}
.news_box_headline{
  font-size:16px;
  margin:0px;
  color:#333366;
}
.news_box_headline a{
  color:#333366;
}
.news_date{
  color:#999999;
}
.btn_newsDetails{
  display:block;
  margin-top:4px;
  width:57px;
}

#news_images{
  padding:10px;
  padding-top:14px;
  border:2px solid #e4e4e4;
  background-repeat:no-repeat;
  background-color:white;
  background-position:12px 8px;  
  margin-bottom:10px;         
  background-image:url(img/german/hl_news_images.gif); 
}
.news_thumb{
  margin-right:10px;
  margin-top:10px;
  width:162px;
  height:162px;
  float:left;
} 
#news_images a{
  display:table-cell;
  display:expression('block');
  text-align:center;
  vertical-align:middle;
  font-family:verdana;
  font-size:133px;
  line-height:133px;
  width:160px;
  height:160px;
  overflow:hidden;
	border:1px solid #cccccc;
}
#news_images a img{
  vertical-align:middle;
}
#news_images a:hover{
  border:1px solid #333366;
}

.hSep{
  background:url(img/dotsGrey.gif) center center repeat-x;
  height:6px;
  padding:0px;
  font-size:0px;
  line-height:0px;
}

a.pageResults, b.pageResultsCurrent{
  display:block;
  color:#333366;
  line-height:110%;
  width:13px;
  height:13px;
  text-align:center;
  border:1px solid #cccccc;
}
a.pageResults:hover{
  border:1px solid #333366;
}
b.pageResultsCurrent{
  background:white;
  color:#333366;
  border:1px solid #333366;
}

.boxTable td{
  font-size:11px;
  padding:1px;
}
.boxTable .tinyThumb{
  margin-top:1px;
  margin-right:3px;
}

.tinyThumb{
  display:block;
  border:1px solid #cccccc;
  width:60px;
  text-align:center;
  background:white;
}
.tinyThumb:hover{
  border:1px solid #333366;
}
.boxBtnArea{
  margin-top:5px;
  border-top:1px solid #cccccc;
  padding-top:5px;  
}

/*catBoxes*/

.catBox{
  display:block;
  position:relative;     
  background:url(img/catBoxBg.gif) 0px 0px no-repeat;
  width:166px;
  height:162px;
  margin-bottom:10px;
  float:left;
  margin-right:5px; 
  margin-left:5px;
  text-align:center;
  cursor:hand; 
}
.catBox:hover{
  background-position:bottom left;
}
.catBox img{
  margin-top:8px;
}
.catBox strong{
  position:absolute;
  top:130px;
  left:5px;
  width:156px;
  height:30px;
  font-size:11px;
  overflow:hidden;
}
.noMarginRight{
  margin-right:0px;
}

/*
*******************************************************************************END
*/