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

/*Definition des Bodys*/
BODY {
    MARGIN-TOP: 15px;
    MARGIN-LEFT: 15px;
    COLOR: #666666;
    FONT-SIZE: 12;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFFFFF;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url();
    BACKGROUND-REPEAT: no-repeat;
	}

/*Definition der Tags*/
TD,DIV,TABLE,P { font-size: 12; font-family: Arial; }
HR { color: #CCCCCC; height: 1; border-style: solid; }
H1 { color: #333333; font-size: 18; font-family: Verdana; font-weight: bold; font-style: normal; }
H2 { color: #333333; font-size: 16; font-family: Arial; font-weight: bold; font-style: normal; }
H3 { color: #333333; font-size: 14; font-family: Arial; font-weight: bold; font-style: normal; }

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

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

.clsBasket {
	BORDER-LEFT: #CCCCCC 1px solid;    
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 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;
	}
body { background: #fff; margin:0; padding:0; }
 
html, body {
 height:100%;
 margin:0;
 padding:0;
 }
html {
 margin-bottom:0.01em;
 }
body {
 min-width:925px;
background:#fff url(../theme/images/background/winforce_border.jpg) repeat-x; 
 } 

.classButton { border-style: ridge; border-color: #ccc; border-width: 1px; font-family: Arial; color: #000; background:#fff url(../theme/images/navBackground.jpg) repeat-x;}
.cls_FrameColor { font-family: Arial; color: #000; background:#fff url(../theme/images/navBackground.jpg) repeat-x; }
ul {margin-top: 3px; }

* html body {text-align: center;}
 
div#blockMain {
 position: relative;
 width: 1024px;
 height: 100%;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background: #fff;
 }
 
#frameHeader {
 position:absolute;
 width:1024px;
 height:145px;
 top:0;
 left:0;
 background:#FFFFFF;
 }
 
#frameNavigation {
 position:absolute;
 float:left;
 top:165px;
 left:0;
 width:195px;
 height:480px;
 background: #fff;
 margin:0;
 padding:0;
 }
 
#smallBasket { background: #FFFFFF; margin:0; padding:0; overflow: hidden; }
#iframeBasket { background: #FFFFFF; margin:0; padding:0; }
 
#frameFooter {
 top: 0px;
 left: -195px;
 width: 100%;
 background:#fff url(../theme/images/navBackground.jpg) repeat-x;
 color: #666;
 margin-top: 28px;
 margin-bottom: 50px;
 padding: 4 4 4 4;
 text-align: right;
}

#frameFooter a {color: #666;}
 
/* - - - - - - - - - - - - - - - - - - - - */
/* C O N T E N T                           */
/* - - - - - - - - - - - - - - - - - - - - */
/* Startseite */
/*-----------------------------------------------------------------*/
#WelcomeWrapper {
 position:absolute;
 float:right;
 
 z-index:0;
 top:165px;
 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; } */
 
.CellTitleRight    { padding-bottom: 2px; padding-left: 5px; font-weight: bold; color: #666; background: #fff url(../theme/images/background/back-button.jpg) repeat-x 100% 0; overflow: hidden; height: 20px; border:0; }
 

/* Generelle Aufteilung Einstiegsseite Gruppen */
/*-----------------------------------------------------------------*/
div#frameContent {
 position:absolute;
 float:right;
 top:165px;
 left:195px;
 width:780px;
 margin:0;
 /* margin-left:215px; */
 /* margin-top:12px; */
 padding:0;
 padding-left:20px;
 padding-right:20px;
 background:#fff;
 }
 
#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" */
 
div#imageTheme {position: absolute; top: 63px; left: 606px; z-index:10; overflow: hidden;}
div#imageTheme img {float:right;}
 
 
 
/* 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:20px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18pt; color:#868789; }
h2 { margin:0; margin-bottom:10px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16pt; color:#868789; }
h3 { margin:0; margin-bottom:10px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14pt; color:#4E4E4E; }
h4 { margin:0; margin-bottom:10px; 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; }
 
/* 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; }

 
/* Artikel-Liste */
/*-----------------------------------------------------------------*/
#ContentTableList { margin:0; padding:0; border-bottom:1px solid #D7D8D9; }
#ContentTableList td { color:#4E4E4E; }
#ContentTableList a { color:#4E4E4E; }
#ContentTableList .ListRowSpace01 { margin:0; padding:0; height:12px; line-height:12px; }
 
#ContentTableList .ListCol01 { width:90px; height:90px; border:1px solid #DBDCDD; text-align:center; } /* Spalte Bild */
#ContentTableList .ListCol01 img { margin:0; padding:0; }
#ContentTableList .ListCol02 { margin:0; padding:0; padding-left:12px; width:495px; vertical-align:top; } /* Spalte Artikel-Bezeichnung, Kurzbeschrieb */
#ContentTableList .ListCol02 .ArticleName a { color:#007D58; font-weight:bold; }
 
#ContentTableList .ListCol03 { margin:0; padding:0; width:0px; vertical-align:top; text-align:right; } /* Spalte Info-Symbol */
#ContentTableList .ListCol04 { margin:0; padding:0; width:0px; vertical-align:top; text-align:right; } /* Spalte Artikel-Nr. */
#ContentTableList .ListCol05 { margin:0; padding:0; width:0px; vertical-align:top; text-align:right; } /* Spalte Preis */
#ContentTableList .ListCol06 { margin:0; padding:0; width:0px; vertical-align:top; text-align:right; } /* Spalte Warenkorb-Symbol */
 
/* 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                             */
/* - - - - - - - - - - - - - - - - - - - - */
/* #headLogo     { z-index:2; margin:0; padding:0; width:924px; 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; } */

#headNav table#headNavTable       { z-index:3; width:1024px; height:25px; background:#fff url(../theme/images/navBackground.jpg) repeat-x; }
#headNav td#headNavTableRow01     { z-index:4; height:25px; white-space:nowrap; }
#headNav td#headNavTableRow01 #nav-primaryA { float:left; margin:0 0 0 204; padding:0; display:block;}
 
#headCurrency { z-index:2; position:absolute; top:50px; left:67%; font-weight:bold; font-size:11px; color:#AFAFAF; }
#headSmallBasket { z-index:2; position:absolute; top:50px; left:75%; 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: 30px; padding:0; padding-top:5px; padding-left:10px; padding-right:10px; white-space: nowrap; background: url(../theme/images/navSplitter.jpg) no-repeat 100% 0px; font-weight: normal; font-size: 14px; color: #666; 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   { font-weight: bold; color:#EE3137; background: url(../theme/images/background/navHorizontalActive.jpg) repeat-x 0 0; }
 
a:link {color: #EE3137; font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none;}
a:visited {color: #EE3137; font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none;}
a:active {color: #EE3137; font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none;}
a:hover {color: #EE3137; font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;}
 

/* - - - - - - - - - - - - - - - - - - - - */
/* 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:#fff; height:45px; white-space:nowrap; color:#666; font-weight:normal; font-size:13px; }
#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; }

#navCaption { margin-left:10px; margin-bottom:20px; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px; color:#666; }

/* Baumstruktur */
/*-----------------------------------------------------------------*/
#frameNavigation a { color:#EE3137; }
#frameNavigation a:active { color:#EE3137; }
#frameNavigation a:hover { color:#EE3137; }
 
.TreeMenu {
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 12px;
  color           : #EE3137;
  white-space     : nowrap;
  }
 
.TreeMenu a {
  text-decoration: none;
  color           : #EE3137;
  font: bold 11px/15px Arial, Verdana, Helvetica, sans-serif;
  }
 
.TreeMenu a:active {
 color:#EE3137;
 }
 
.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       : 12px;
  font-style      : normal;
  font-weight     : bold;
  padding-left    : 10px;
  color           : #EE3137;
  }
 
*.Node_0:hover, *.Selected_0:hover {
  color           : #EE3137;
  text-decoration : none;
  }
 
*.Item_0:hover {
  color           : #EE3137;
  }
 
*.Node_1, *.Selected_1, *.Item_1 {
  color           : #EE3137;
  font-size       : 12px;
  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           : #EE3137;
  text-decoration : none;
  }
 
*.Item_1:hover { }
 
*.Node_2, *.Selected_2, *.Item_2 {
  color           : #EE3137;
  font-size       : 12px;
  font-weight     : bold;
  font-style      : normal;
  padding-left    : 10px;
  }
 
*.Node_2:hover, *.Selected_2, *.Selected_2:hover {
  color           : #EE3137;
  text-decoration : none;
  }
 
*.Item_2:hover { }
 
*.Selected_0, *.Selected_1, *.Selected_2 {
  color           : #EE3137;
  /* background: transparent url(../images/common/navArrow_active.gif) 0px 50% no-repeat; */
  }