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

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

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

/*Klassen Definitionen*/
.clsTitlePage { color: #666666; font-size: 14; font-family: Arial; font-weight: normal; font-style: normal; }
.classButton { border-style: ridge; border-color: #666666; border-width: 1px; background-color: #CCCCCC;	font-family: Arial; color: #000000; }
.cls_FrameColor { background-color: #CCCCCC; color: #000000; }
.cls_Line { background-color:#666666; }

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

#frmborder{
	background-color: #FFFFFF;
	border-style: none;
	font-family: Arial;
	font-size: 12;
	color: #666666;
	overflow: hidden;
	}
/* - - - - - - - - - - - - - - - - - - - -
  C U S T O M - S T Y L E S
- - - - - - - - - - - - - - - - - - - - */

/* General Styles */
body		{ margin: 10px; }
hr		{ margin: 7px 0; padding: 0; border: 0 none; border-top: 1px solid #999; height: 1px; } 
* html hr	{ margin: 0; } /* for IE */


A:link {text-decoration: underline; color:#000099}
A:visited {text-decoration: underline; color:#000099}
A:active {text-decoration: underline; color:#000099}
A:hover {text-decoration: underline; color:#666666}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

html, body {
 height:100%;
 margin: 0 auto;
 padding:0;
 color: #000;
 text-align: center;
 }

html {
	margin-bottom:0.01em;
	}
body {
	min-width:1024px;
	}

form {
  padding: 0;
  margin: 0;
}

table { border-color: #fff; }

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

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

#frameNavigation {
  float: left;
  width: 230px;
  background: #fff;
}

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

#frameFooter {
  float: left;
  width: 1024px;
  height: 200px; 
  margin-top: 25px;
  margin-bottom: 15px; 
  clear: both;
  }

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


/* - - - - - - - - - - - - - - - - - - - - */
/* C O N T E N T                           */
/* - - - - - - - - - - - - - - - - - - - - */
/* Startseite */
/*-----------------------------------------------------------------*/
#WelcomeWrapper {
	position:absolute;
	float:right;
	z-index:0;
	top:135px;
	left:195px;
	margin:0;
	padding:0;
	padding-left:20px;
	}

#WelcomeSlide { margin:0; padding:0; }
#ContentDivSubGroup img { border:0px solid #C6C4C1; }
/* #ContentDivSubGroup .SubGroupEmpty { margin:0; padding:0; width:22px; } */




#ContentDivLeft { margin:0; padding:0; } /* float:left; */
/* #ContentDivRight { position:absolute; top:160px; left:530px; margin:0; padding:0; width:200px; } */ /* if "width" changes also change "left" */

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

/* Titel, Ueberschriften */
/*-----------------------------------------------------------------*/
h1 { margin:0; margin-bottom:26px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18pt; color:#868789; }
h2 { margin:0; margin-bottom:26px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16pt; color:#868789; }
h3 { margin:0; margin-bottom:26px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14pt; color:#4E4E4E; }
h4 { margin:0; margin-bottom:20px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; color:#4E4E4E; }

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

/* Gruppen */
/*-----------------------------------------------------------------*/
#GroupImgTopic { margin:0; margin-top:-12px; padding:0; }

/* Subgruppen */
/*-----------------------------------------------------------------*/
#ContentDivSubGroup { display:block; float:left; margin:0; margin-right:10px; padding:0; } /*border:1px solid #333;*/
#ContentDivSubGroup #boxImage { margin:0; margin-bottom:8px; padding:0; width:146px; height:146px; background:url(../theme/images/background/bkgGroup.gif) no-repeat 0 0; }
#ContentDivSubGroup #boxImage img { margin:0; padding:0; padding-top:3px; padding-left:3px; }
#ContentDivSubGroup #boxTitle { margin:0; margin-bottom:25px; padding:0; padding-top:3px; padding-left:5px; font-weight:bold; height:18px; background:#F5F6F6 url(../theme/images/background/bkgTitle.gif) no-repeat 0 0; }
#ContentDivSubGroup #boxTitle a { color:#707072; }
/* border-bottom: 1px solid #CCCCCC; */

/* Artikel-Liste */
/*-----------------------------------------------------------------*/
#ContentTableList { margin:0; padding:0; border: 2px solid #F1F1F1; }
#ContentTableList td { color:#000000; }
#ContentTableList a { color:#000000; }

#ContentTableList .ListRowSpace01 { margin:0; padding:0; height:6px; line-height:6px; }

.classButton { border-style: ridge; border-color: #f1f1f1; border-width: 1px; background-image: url(/data/theme/images/background/bg_th_blue.png); 
    background-repeat: no-repeat;
    background-repeat: repeat-x; color: #ffffff; }

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


/* Artikel-Detail */
/*-----------------------------------------------------------------*/
.CellTitleBar { height: 5px; line-height: 5px; background-color: #CCCCCC; }
.CellTitle { padding-left: 5px; font-weight: bold; height: 22px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }

#ContentDiv { width:100%; }
#ContentDiv td.CellTitleBar, td.CellTitle { width:100%; }
#ContentDiv td.ContentLongDescription { width:100%; }

#TablePurchase { float:right; margin:0; margin-top:8px; padding:0; }
#TablePurchase .DetailCol01 { margin:0; padding:0; width:100px; vertical-align:top; }
#TablePurchase .DetailCol02 { margin:0; padding:0; width:65px; vertical-align:top; }
#TablePurchase .DetailCol03 { margin:0; padding:0; width:40px; vertical-align:top; text-align:right; }
#TablePurchase .DetailCol04 { margin:0; padding:0; width:20px; vertical-align:top; text-align:right; }
#TablePurchase .DetailCol05 { margin:0; padding:0; width:150px; vertical-align:top; text-align:right; }


/* - - - - - - - - - - - - - - - - - - - - */
/* H E A D E R                             */
/* - - - - - - - - - - - - - - - - - - - - */
#headNav table#headNavTable       { z-index:3; width:1024px; height:135px; background:#AFAFAF; }
#headNav td#headNavTableRow01     { z-index:4; height:25px; white-space:nowrap; }
#headNav td#headNavTableRow01 #nav-primaryA { float:right; margin:0; padding:0; padding-right:40px; }

#headLogo     { z-index:2; margin:0; padding:0; width:1024px; height:110px; background: url(../theme/images/logo/logo.gif) no-repeat 12px 24px; }
#logo { z-index:0; position:absolute; top:5px; left:12px; }
#logo a	{ display:block; width:400px; height:70px; outline:none; }
 
#headCurrency { z-index:2; position:absolute; top:50px; left:67%; font-weight:bold; font-size:11px; color:#AFAFAF; }
#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; background: url(../theme/images/background/navHorizontalDivider.gif) no-repeat 100% 7px; font-weight: bold; font-size: 12px; 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; background: url(../theme/images/background/navHorizontalActive.jpg) repeat-x 0 0; }


/* - - - - - - - - - - - - - - - - - - - - */
/* F O O T E R                             */
/* - - - - - - - - - - - - - - - - - - - - */
#ContentFooter { margin:0; padding:0; padding-top:6px; font-size:11px; color:#4E4E4E; border-top:1px solid #D7D8D9; }
#ContentFooterInline { text-align:right; font-size:10px; color:#4E4E4E; }


/* - - - - - - - - - - - - - - - - - - - - */
/* N A V I G A T I O N (links)             */
/* - - - - - - - - - - - - - - - - - - - - */
/* Suche */
/*-----------------------------------------------------------------*/
#searchBlock { margin:0; padding:0; padding-left:10px; padding-top:12px; background:#007D58; height:45px; white-space:nowrap; color:#fff; font-weight:bold; font-size:11px; }
#searchBlock table#searchTable { margin:0; margin-top:3px; padding:0; padding-bottom:8px; white-space:nowrap; }
#searchBlock table#searchTable input { height:19px; line-height:19px; }


/* Baumstruktur */
/*-----------------------------------------------------------------*/
#frameNavigation a { color:#8B8E91; }
#frameNavigation a:active { color:#007D58; }
#frameNavigation a:hover { color:#007D58; }

.TreeMenu {
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 11px;
  color           : #8B8E91;
  white-space     : nowrap;
  }

.TreeMenu a {
  text-decoration: none;
  color           : #8B8E91;
  font: bold 11px/15px Arial, Verdana, Helvetica, sans-serif;
  }

.TreeMenu a:active {
	color:#007D58;
	}

.TreeMenu img {
  border          : 0px;             
  vertical-align  : middle;
  }

*.Node_0, *.Selected_0 {
  display: block;
  padding: 3px 5px 3px 10px;
  outline: 0;
  list-style: none;
  border-top: 1px solid #e2e3d9; border-bottom: 1px solid #fff;
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  padding-left    : 10px;
  color           : #8B8E91;
  }

*.Node_0:hover, *.Selected_0:hover {
  color           : #007D58;
  text-decoration : none;
  }

*.Item_0:hover {
  color           : #007D58;
  }

*.Node_1, *.Selected_1, *.Item_1 {
  color           : #007D58;
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  padding-left: 18px;
  display         : block;
  height          : 18px;
  line-height     : 18px;
  vertical-align  : middle;
  }

*.Node_1:hover, *.Selected_1, *.Selected_1:hover {
  color           : #007D58;
  text-decoration : none;
  }

*.Item_1:hover { }

*.Node_2, *.Selected_2, *.Item_2 {
  color           : #007D58;
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  padding-left    : 10px;
  }

*.Node_2:hover, *.Selected_2, *.Selected_2:hover {
  color           : #007D58;
  text-decoration : none;
  }

*.Item_2:hover { }

*.Selected_0, *.Selected_1, *.Selected_2 {
  color           : #007D58;
  /* background: transparent url(../images/common/navArrow_active.gif) 0px 50% no-repeat; */
  }