@CHARSET "utf8";
/* 
 * CVS Infos :
 * $Id: main_layout.css 24 2008-04-27 10:18:29Z manfred $
 * $Log: main_layout.css,v $
 * Revision 1.12  2007/08/10 04:16:15  administrator
 * Layout verbessert : Navigationsbar 2. Kategorie
 *
 * Revision 1.11  2007/02/07 19:33:02  administrator
 * NavBar2 dynamische Höhe
 *
 * Revision 1.10  2007/01/27 14:39:27  administrator
 * Umbau der rechten Spalte
 *
 * Revision 1.9  2006/12/29 08:27:03  administrator
 * Farbe für Linien bei Menü geändert
 *
 * Revision 1.8  2006/12/02 15:50:52  administrator
 * Weihnachtslayout Nachbesserungen
 *
 * Revision 1.7  2006/12/01 05:29:15  administrator
 * Weihnachtslayout
 *
 * Revision 1.6  2006/10/30 17:52:54  administrator
 * Top 20 eingefuehrt
 *
 * Revision 1.5  2006/05/07 04:04:12  administrator
 * Merkliste NEU!
 * Font Styles für Navigationsbar geändert
 *
 * Revision 1.4  2006/03/31 19:08:52  administrator
 * Währungen wechseln
 *
 * Revision 1.3  2006/03/19 16:57:46  administrator
 * Versandinformationen für jeden Artikel aus der Produktinfo aus anzeigen
 *
 * 
 *  Allgemeine Definitionen um Unterschiede in den Default Werten zwischen 
 * IE und Mozilla auszugleichen 
 *
*/

form{
	margin: 0px;
}


/* page layout */
html, body {margin: 0; padding: 0; border: 0;}

body {
	color:  #444444; 
	/*color: #000000;  
	background-color: #b0b5bb; */
	background: #b0b5bb; /* url(/templates/blue/images/border-background.jpg) repeat;    /* header  */
	font-family: arial,geneva,helvetica,sans-serif;
	/* font-size: 72%; */
	font-size:small;
	line-height:1.5em;  /* entpricht 18px, 100% == 16px */ 
	font-weight: 400;
	text-align: center;
	margin: 0px 0 20px 0;
}
* +html body{}
* html body{
	font-size: 12px;
	line-height:1.6em;
}
p  {
	margin: 6px 0; 
	padding: 0;
	line-height: 1.4em;
}
* html p{line-height: 1.5em}

h1, h2, h3, h4, h5{
	z-index: 1;
	padding:0;
	margin:0;
}
h1, h2{
	font-size: 120%;
	margin-bottom: 10px;
}
h2{
	padding-left:0px;
}
h3{							/* heading for headlines of boxes in right column */
	font-size:100%;
	margin: 10px 0px 2px 0px;
	padding-top: 10px;
	font-weight: 800;
}
img{
	border:none;	
}
select, input{						/* alle Drop Down Felder mit grauem Rand */
	border:1px solid #D7D6D2;
}
input.image{
	border:none;
}
.clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}
.darkorange{background-color: #EED5B6; }
.lightorange{background-color: #F2E9DA; }

.wide {
	width: 100%; 
	text-align: left;
}

.topp {
	background: #dedcdd url(/images/categories/header_startseite.jpg) no-repeat;    /* header  */
	float: left;			/* dynamische Höhe, und innere gefloatete Elemente werden beachtet */
	padding-bottom: 0px;
}

/* .bottom {border-top: 1px solid #000; position: relative;} */

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}
/*
.ap-test {
position: absolute; 
top: -102px; 
font-size: .6em; 
width: 150px; 
height: 100px; 
border-top: 1px solid #000; 
background: #5b5; 
color: yellow;
}
*/
/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}


.wrapper {
	margin: 0 auto;
	width: 892px;
	text-align: left;
	/* background: url(/templates/blue/images/background/background_wrapper.jpg) repeat-y;  orange */
	background: url(/templates/blue/images/background/background_grau-wrapper.jpg) repeat-y;  /* grau */
	font-size:90%;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 894px;
wid\th: 892px;
}

.outer {
	/* position: relative; wenn aktiv dann wird navbar1Frame und navbar2Frame überdeckt von outer. deshalb wurde es entfernt.
	****** keine Probleme beim IE
	/*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 180px;    /*** Critical left col dimension value ***/
	width: 528px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	
}

* html .outer {   /*** IE5.x/win box model fix ***/
	width: 528px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th: 526px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
	float: left;
	width: 528px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}

.center {
	float: right;
	width: 526px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
	margin-left: -1px; 
	margin-right: -1px;
/* Hidden from IE-mac */
	background-color: #fff;
}
* html .center{
	width: 526px;
}

.left {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 184px;    /*** Critical left col/divider dimension value ***/
	margin-left: -183px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
	float:left;	
}

*>html .left {width:183px;}   /*** Fix only for IE/Mac ***/

.container-left {
	width: 182px;    /*** Critical left col dimension value ***/
	padding-bottom: 0px;   /***110px; To keep content from going underneath the AP bottom boxes ***/ 
	padding-top:10px;
}

.right {
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 184px;    /*** Critical right col/divider dimension value ***/
	margin-right: -183px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -184px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -212px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 182px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding-bottom: 0px;   /*** 110px; To keep content from going underneath the AP bottom boxes ***/
	padding-top: 10px;
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */




a:link, a:visited,a:hover {	
	text-decoration:none;
	color: #444444; 
}
a:hover{
	cursor:pointer;
}   
/* Definition for navigation in page */		
#navBar1Frame{
	padding: 10px 0 0px 0px;
	float:left;
	background-color: #F4F0F1;
}
* +html #navBar1Frame{
	padding-bottom: 5px;
	
}
ul#navBar1List{
	list-style:none;
	margin: 0px;
	font-weight: 400;
	padding-left:8px;
	float:left;
}
#navBar1List li{
	display:inline;
	padding-right:10px;
}
#navBar1List li.selected, #navBar1List li.selected a{
	font-weight:800;
	color: #EE7700;
}
#navBar1List li span{		/* Menues mit javascript */
	cursor: pointer;	
}
#navBar2Frame{						/* 2.Menuezeile im Header */
	padding: 10px 5px 5px 5px;
	float:left;
}
#navBar2Frame p{
	display: inline;
}
.search-box{					/* Suche nach artikel */
	display:inline;
	margin: 5px 0;
}
.search-box input.txt{					/* Rand um input Feld wie Linienfarbe */
	border: 1px solid #D7D6D2;
	width: 120px;
}
.search-box input.image{				/* icon für Suche 6px nach unten  */
	position:relative;
	top:6px;
}
.search-box p label{
	padding-right:3px;
	padding-top:3px;
	width: auto;
}
* +html .search-box p label{		/* Feinjustierung Label "Suche" für IE7 */
	padding-top:7px;
}
.no-float{
	float:none ! important;
}

#myEinrichten{
	float: left;
	width: 120px;
}
/* Währung und Sprache wechseln */
#regionLanguageSwitcher{
	display: none;
}
div.regionLanguageSwitcher{
	padding: 10px;
	border: 1px solid #AABBBB; 
	background-color:#F0f0f0;
	width: 300px;
}

#newNode4RegionLanguageSwitcher dl, #newNode4RegionLanguageSwitcher dt, #newNode4RegionLanguageSwitcher dd{
	margin: 0;
	padding: 0;
	text-align:left;
}
div.currency-language-link{
	float:right;
	cursor:pointer;
	margin-top: 0px;
	margin-right: 20px;
	width: 100px;
	text-align:right;
}

ul, li, dl, dd{
	margin:0;
	padding:0;
	list-style:none;
}
#catList{				/* Produktkategorien im Menu */
	display:none;
	width: 150px !important;
	text-align: left;
	
}
div.submenuListWrapper{
	width: 150px !important;
	text-align: left;
}
ul.catList li {
	list-style:none;
	padding: 5px 0;
}
ul.catList{
	margin:0;
	padding: 5px 10px;
	border: 1px solid #AABBBB;  
	background: #FFE7C9;  
	line-height: 1.3em;
	text-align:left;
}
#catList_productMenu, .submenuList{
	background-color: #FFFFFF;	
	z-index: 100;
	margin: 0;
	padding:0;
	width: 150px;
}


/* Special definition for emphasize actual navigation */
.verticalBar
{
	font-family:sans-serif;
}
div.infoBoxFL{
	background-color: #F4F0F1;
}