/*********************   Basic Styles   **********************/

* { 
	margin:0; 
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 11px;
	letter-spacing:0.1px;
}

html,body {
	height:100%; margin:0; padding:0; background:#FFF;
}

body {
	background:url('/images/2008/bg_header.png') repeat-x;
	margin: 0;
	padding: 0;
	color: #1c1c1c;
	line-height:15px;
	letter-spacing:0.4px;		
}
body.example {
	background:#fff;
	margin: 0;
	padding: 0;
	color: #1c1c1c;
	line-height:15px;
}
#contentContainer {
	width:950px;
	padding:0;
	margin:0 auto -57px auto;
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	letter-spacing:0.4px;		
}
#headerDiv {
	display:block;
	width:950px;
	height:72px;
	min-height:110px;
	padding:0;
	border:none;
}
#contentDiv {
	position:relative;
	width:950px;
	padding:0;
	margin:0;
	overflow:hidden;
	text-align:left;
}
html>body div#contentDiv {
	min-height:230px; 
	height:auto;
}
	#boxesHolder {
		float:left;
		width:220px;
	}
	#contentHolder {
		float:right;
		width:720px;
	}
#footerDiv {
	background:url('/images/2008/bg_footer.png') repeat-x top;
	height:57px; 
	padding:0;
}

/*********************   General Styles   **********************/

.hide { display:none; }

/*********************   Header Styles   **********************/

div#headerDiv h1 {
	float:left;
	background:url('/images/estant_logo_gmbh.png') no-repeat top left;
	background-position:0px 10px;
	width:250px;
	height:107px;
	margin:0;
	padding:0;
	border:0px;
}
div#headerDiv h1 a {
	float:left;
	display:block;
	width:200px;
	height:72px;
	background:none;
}

/*********************   Footer Styles   **********************/

div.push {
	height:57px; clear:both; 
}
div#footerContent {
	width:950px;
	margin:0 auto;
	padding:30px 0 0 0;
}
div#footerLeft {
	float:left; 
	width:500px; 
	padding:0;
	color:#161616;
}
div#footerRight {
	float:right; 
	width:450px; 
	padding:0;
	color:#161616;
	text-align:right;
}
div#footerRight ul {
	list-style:none; 
	margin:0; 
	padding:0;
}

div#footerRight ul li {
	display:inline; 
	padding:0 5px 0 5px; 
	color:#FFF; 
	border-right:1px solid #161616; 
	font-size:11px;
}

div#footerRight ul li a {
	color:#161616; 
	font-size:11px;
	text-decoration:none;
	letter-spacing:1px;
}
div#footerRight ul li a:hover {
	color:#3f98db;
}

/*********************   Topmenu Styles   **********************/

div#headerDiv ul.topMenu {
	float:right;
	list-style:none;
	width:700px;
	margin:0;
	padding:0;
	height:38px;
}
div#headerDiv ul.topMenu li {
	float:right;
	list-style:none;
	margin:22px 5px 0 0;
	padding:0;
	height:38px;
	background:url('/images/2008/button/topmenu.png') repeat-x top right;
	background-position:0px 10px;
}
div#headerDiv ul.topMenu li a {
	float:left;
	display:block;
	background:url('/images/2008/button/topmenu_left.png') no-repeat top left;
	background-position:0px 10px;	
	height:38px;
	line-height:46px;
	padding:0 8px 0 8px;
	margin:0;
	color:#161616;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	letter-spacing:0.2px;
	outline:none;
}
div#headerDiv ul.topMenu li a:hover {
	color:#3f98db;
	letter-spacing:0.2px;
}

/*********************   Second Level Menu Styles   **********************/

div#headerDiv ul.secondLevelMenu {
	float:right;
	list-style:none;
	width:700px;
	margin:25px 0 0 0;
	padding:0px;
	height:19px;
}
div#headerDiv ul.secondLevelMenu li {
	float:right;
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
	height:19px;
	background:url('/images/2008/button/second_level_menu2.png') repeat-x top right;
}
div#headerDiv ul.secondLevelMenu li a {
	float:left;
	display:block;
	background:url('/images/2008/button/second_level_menu_left.png') no-repeat top left;
	height:19px;
	line-height:17px;
	padding:0 9px 0 8px;
	margin:0;
	color:#161616;
	text-transform:none;
	text-decoration:none;
	font-size:10px;
	word-spacing:1.2px;
	letter-spacing:0.2px;
	outline:none;
}
div#headerDiv ul.secondLevelMenu li a:hover {
	color:#3f98db;
	letter-spacing:0.2px;
}

/*********************   Menu Styles   **********************/

ul#menu {
	list-style:none;
	margin:0;
	padding:0;
}
.menuItemActive {
	text-transform:uppercase;
	letter-spacing:1px;
	color:#3f98db;
	padding:0 0 3px 0;
}
ul#menu li {
	text-transform:uppercase;
	padding:3px 0 3px 0;
	border-top:1px dashed #c7c7c7;
}
ul#menu li.noborder {
	text-transform:uppercase;
	padding:3px 0 3px 0;
	border:0;
}
ul#menu li a.menu {
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	color:#1c1c1c;
	padding:3px 0 3px 0;
	outline:none;
}
ul#menu li a.menu:hover {
	color:#3f98db;
}

/*********************   Submenu Styles   **********************/

div#box ul#subMenu {
	list-style:none;
	padding:0;
}

/*** Submenu Level I ***/

ul#subMenu li.navlevel_1 {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:3px 0 3px 0;
	border-bottom:1px solid #e5e5e5;
	letter-spacing:1.0px;
}
ul#subMenu li.navlevel_1 a {
	background:url('/images/2008/menu_level_I_inactive.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#1c1c1c;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:1.0px;	
}
ul#subMenu li.navlevel_1 a:hover {
	background:url('/images/2008/menu_level_I_active.png') no-repeat top left;
	color:#3f98db;
}
ul#subMenu li.navlevel_1_active {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:3px 0 3px 0;
	border-bottom:1px solid #e5e5e5;
}
ul#subMenu li.navlevel_1_active a {
	background:url('/images/2008/menu_level_I_active.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#3f98db;
	padding:0 0 3px 12px;
}

/*** Submenu Level II ***/

ul#subMenu li.navlevel_2 {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 12px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_2 a {
	background:url('/images/2008/menu_level_II_inactive.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#1c1c1c;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_2 a:hover {
	background:#edeeed url('/images/2008/menu_level_II_active.png') no-repeat top left;
	color:#3f98db;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_2_active {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 12px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_2_active a {
	background:url('/images/2008/menu_level_II_active.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#3f98db;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}

/*** Submenu Level III ***/

ul#subMenu li.navlevel_3 {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 24px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_3 a {
	background:url('/images/2008/menu_level_II_inactive.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#1c1c1c;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_3 a:hover {
	background:#edeeed url('/images/2008/menu_level_II_active.png') no-repeat top left;
	color:#3f98db;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_3_active {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 24px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_3_active a {
	background:url('/images/2008/menu_level_II_active.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#3f98db;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}

/*** Submenu Level IV ***/

ul#subMenu li.navlevel_4 {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 38px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_4 a {
	background:url('/images/2008/menu_level_IV_inactive.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#1c1c1c;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_4 a:hover {
	background:#edeeed url('/images/2008/menu_level_IV_active.png') no-repeat top left;
	color:#3f98db;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_4_active {
	text-transform:none;
	list-style:none;
	margin:0;
	padding:0 0 3px 38px;
	border:0;
	letter-spacing:0.4px;	
}
ul#subMenu li.navlevel_4_active a {
	background:url('/images/2008/menu_level_IV_active.png') no-repeat top left;
	text-decoration:none;
	text-transform:none;
	color:#3f98db;
	padding:0 0 3px 12px;
	outline:none;
	letter-spacing:0.4px;	
}

/*********************   Boxes Styles   **********************/

div#box {
	width:210px;
	height:auto;
	overflow:hidden;
	border:1px dashed #c7c7c7;
	margin:0;
	padding:5px;
}
html>body div#box{
	min-height:50px; 
	height:auto;
	overflow:hidden;
}
div#box h1.cart_hl {
	background:url('/images/2008/icon_cart.png') no-repeat top left;
	font-size:10px;
	color:#3f98db;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:5px 0 5px 28px;
	
} 
.cartTxt {
	text-align:right;
	line-height:15px;
}
div#rbox {
	float:right;
	width:130px;
	height:auto;
	overflow:hidden;
	border:1px dashed #c7c7c7;
	margin:8px 0 0 0;
	padding:5px;
}
html>body div#rbox{
	min-height:50px; 
	height:auto;
	overflow:hidden;
}
div#rbox h1 {
	font-size:10px;
	color:#3f98db;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
div#rbox a {
	font-size:10px;
	color:#3f98db;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
}
div#rbox a:hover {
	text-decoration:none;
	background-color:#f6f6f6;
}
div#box a.cart, a.cart:active, a.cart:visited {
	font-size:10px;
	padding:5px 0 0 0;
	margin:0;
	color:#636466;
	text-transform:uppercase;
	text-decoration:none;
}
div#box a.cart:hover {
	color:#3f98db;
}
div#box div#bt_checkout {
	background:url('/images/2008/button/bt_checkout.png') top no-repeat;
	height:19px;
	width:100px;
	padding:2px 0px 0 14px;
	margin:8px 0 0 0;
	text-align:left;
}
div#box tr.ordervalue {
	background:url('/images/2008/bg_ordervalue.png') no-repeat top right;
}

/*********************   Two Colums Styles   **********************/

div.twoCol {
	float:right;
	height:91px; 
	padding:0 0 10px 0;
	width:720px;
}
html>body div.twoCol {
	min-height:40px; 
	height:auto; 
	overflow:hidden;
}
div.col1 {
	width:300px;
	float:left;	
}
div.col2 {
	width:400px;	
	float:right;
	text-align:right;
}
div.col2:after {
	clear:both;
}

/*********************   Single Colum   **********************/

div.mainContent {
	position:relative;
	clear:both;
	width:720px;
	padding:0;
	line-height:15px;
	background:url('/images/2008/bg_headline.png') repeat-x;
	text-align:left;
	
}

/*********************   Two Colums Products Styles   **********************/

div#prodTwoCol {
	width:720px;
}
html>body div#prodTwoCol {
	min-height:40px; 
	height:auto; 
	overflow:hidden;
}
div#prodcol1 {
	width:280px;
	float:left;	
}
div#prodcol2 {
	width:430px;	
	float:right;
	text-align:justify;
}
div.prodcol2:after {
	clear:both;
}

/*********************   Pricelist Styles   **********************/

div#pricelist {
	clear:both;
	position:relative;
	width:720px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;	
}
div#pricelist h1 {
	font-size:12px;
	letter-spacing:1px;
	margin:0 0 10px 0;
	color:#3f98db;
	text-transform:uppercase;
	text-align:center;
}
div#pricelist h2 {
	font-size:11px;
	letter-spacing:1px;
	color:#3f98db;
	text-align:left;
	font-weight:bold;
}

div#pricelist th {
	font-weight:normal;
	color:#3f98db;
	background-color:#edeeed;
}
/*********************   Content Styles   **********************/

h1 {
	font-size:13px;
	margin:0 0 10px 0;
	color:#3f98db;
	letter-spacing:1.0px;		
}
h2 {
	font-size:12px;
	margin:10px 0 10px 0;
	color:#3f98db;
	letter-spacing:0.6px;
}
h3 {
	font-size:11px;
	margin:10px 0 10px 0;
	color:#3f98db;
	letter-spacing:0.6px;	
}
p {
	font-size:11px;
	line-height:1.4;
	letter-spacing:0.3px;		
}
i {
	font-size:11px;
	line-height:1.4;
	letter-spacing:0.5px;
	font-style:italic;	
}
b {
	font-size:bold;
	font-size:11px;
	letter-spacing:0.5px;
	}
strong {
	font-size:bold;
	letter-spacing:0.6px;
	}	
th.header, td.header {
	background-color:#edeeed;	
}
hr {
	border:0px;
	border-top:1px dashed #a5a5a5;
	border-bottom:transparent;
}
div#mainContent h1 {
	font-size:13px;
	margin:0 0 10px 0;
	color:#3f98db;
}
div#mainContent h3 {
	font-size:11px;
	margin:0 0 10px 0;
}
div#mainContent p {
	font-size:11px;
	line-height:1.4;
}
div#mainContent ul {
	list-style-image:url('/images/2008/menu_level_I_active.png');
	list-style-position:inside;
	padding:0;
	margin:10px 0 10px 0;
}
div#mainContent ol {
	margin:10px 0 10px 0;
}
.splitter {
	line-height:7px;
	background:url('/images/2008/bg_splitter.png') repeat-x;
}
.alter {
	background-color:#edeeed;	
}
.blue {
	color:#3f98db;	
}
div#mainContent a, a:active, a:visited {
	color:#3f98db;
	text-decoration:none;
	outline:none;
}
div#mainContent a:hover {
	color:#3f98db;
	text-decoration:none;
	background-color:#edeeed;
	outline:none;
}
div#mainContent a.imglink {
	text-decoration:none;
	background-color:none;	
	outline:none;
}
a, a:active, a:visited {
	color:#3f98db;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#3f98db;
	text-decoration:none;
	background-color:#edeeed;
	outline:none;
	letter-spacing:0.4px;		
}
a.imglink {
	text-decoration:none;
	background-color:none;	
	outline:none;
}

/*********************   Overlay Styles   **********************/

div#overlay {
	position: fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75;
}
* html div#overlay { /* ie6 hack */
     position: absolute; top:0; left:0; 
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*********************   Form Styles   **********************/

form {
	margin:0;
	padding:0;
}
.form-text {
	font-size:11px;
	color: #1c1c1c;
	letter-spacing:0.4px;		
}
.anzahl {
	border:1px solid #c7c7c7;
	background:transparent;
	height:16px;
	padding:0 2px 0 2px;
}
.inp-anz-basket {
	border:1px solid #474747;
	background-color:#94bcff;
	height:16px;
	padding:0 2px 0 2px;
}
.form-input {
	border:1px solid #c7c7c7;
	background:transparent;
	height:16px;
	padding:0 2px 0 2px;
}
.form-textarea {
	border:1px solid #c7c7c7;
	background:transparent;
	padding:0 2px 0 2px;
}
.searchInput {
	border:1px solid #c7c7c7;
	background:#ffffff;
	height:16px;
	width:130px;
	padding:0 2px 0 2px;
	color:#1c1c1c;
}
.loginInput {
	border:1px solid #c7c7c7;
	background:transparent;
	width:120px;
	padding:0 2px 0 2px;
	margin:0 0 3px 0;
	color:#808080;
}
.formButton {
	border:0;
	margin:3px 0 0 0;
}

div#headerDiv ul {
	float:left;
	list-style:none;
	width:700px;
	margin:0;
	padding:0;
	height:28px;
}

/*********************   Button Styles   **********************/

/*   Standard Button   */

a.button {
   background: transparent url("/images/2008/button/bt_right.png") no-repeat top right;
   font-size: 10px;
   color: #666!important;
   display: block;
   height: 19px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}

a.button span {
   background: transparent url("/images/2008/button/bt_left.png") no-repeat;
   display: block;
   line-height: 19px;
   padding: 0 0 0 18px;
}

a.button:active {
   background-position: bottom right;
   background-color:none;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.button:active span {
   background-position: bottom left;
   background-color:none;
   color: #000!important;
   padding: 0 0 0 18px; /* Text 1px nach unten verschieben */
}
a.button:hover {
   text-decoration: none;
   background-color:none;
   color: #000!important;
}

/*   Button Kaufen   */

a.bt_buy {
   background: transparent url("/images/2008/button/bt_right.png") no-repeat top right;
   font-size: 10px;
   color: #666!important;
   display: block;
   height: 19px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}

a.bt_buy span {
   background: transparent url("/images/2008/button/bt_left.png") no-repeat;
   display: block;
   line-height: 19px;
   padding: 0 0 0 18px;
}

a.bt_buy:active {
   background-position: bottom right;
   background-color:none;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.bt_buy:active span {
   background-position: bottom left;
   background-color:none;
   color: #000!important;
   padding: 0 0 0 18px; /* Text 1px nach unten verschieben */
}
a.bt_buy:hover {
   text-decoration: none;
   background-color:none;
   color: #008000!important;
}

/*   Button Delete   */

a.bt_delete {
   background: transparent url("/images/2008/button/bt_right.png") no-repeat top right;
   font-size: 10px;
   color: #666!important;
   display: block;
   height: 19px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}

a.bt_delete span {
   background: transparent url("/images/2008/button/bt_left.png") no-repeat;
   display: block;
   line-height: 19px;
   padding: 0 0 0 18px;
}

a.bt_delete:active {
   background-position: bottom right;
   background-color:none;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.bt_delete:active span {
   background-position: bottom left;
   background-color:none;
   color: #000!important;
   padding: 0 0 0 18px; /* Text 1px nach unten verschieben */
}
a.bt_delete:hover {
   text-decoration: none;
   background-color:none;
   color: #900000!important;
}

/***   Action Button   ***/

a.button_action {
   background: transparent url("/images/2008/button/bt_action_right.png") no-repeat top right;
   font-size: 10px;
   color: #666!important;
   display: block;
   float: left;
   height: 19px;
   margin-right: 6px;
   padding-right: 20px; /*sliding doors padding */
   text-decoration: none;
}

a.button_action span {
   background: transparent url("/images/2008/button/bt_left.png") no-repeat;
   display: block;
   line-height: 19px;
   padding: 0 0 0 18px;
}

a.button_action:active {
   background-position: bottom right;
   background-color:none;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}

a.button_action:active span {
   background-position: bottom left;
   background-color:none;
   color: #000!important;
   padding: 0 0 0 18px; /* Text 1px nach unten verschieben */
}
a.button_action:hover {
   text-decoration: none;
   background-color:none;
   color: #000!important;
} 

a.prodinfo, a.prodinfo:active, a.prodinfo:visited {
	font-size:10px;
	padding:5px 0 0 0;
	margin:0;
	color:#636466;
	text-transform:uppercase;
	text-decoration:none;
}
a.prodinfo:hover {
	background-color:none;
	color:#3f98db;
}
div#bt_info {
	background:url('/images/2008/button/bt_checkout.png') top no-repeat;
	height:19px;
	width:100px;
	padding:2px 0px 0 14px;
	margin:8px 0 0 0;
	text-align:left;
}

/***   Action Button Print  ***/

div.button_print {
	float: left;
  	clear: both;
 	background: transparent url('/images/2008/button/bt_left_1.png') no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.button_print a {
  float: left;
  height: 19px;
  background: transparent url('/images/2008/button/bt_stretch.png') repeat-x left top;
  line-height: 19px;
  padding: 0 1px;
  color: #666!important;
  font-size: 10px;
  text-decoration: none;
}
.button_print span {
  background: url('/images/2008/button/bt_print_right.png') no-repeat;
  float: left;
  width: 20px;
  height: 19px;
}
.button_print a:hover {
   background-color:none;
   color:#3f98db;
}

.button_print a:active {
   outline: none; /* die gepunktete Linie im FF abschalten */
}

/***   Action Button Download  ***/

div.button_download {
	float: left;
  	clear: both;
 	background: url('/images/2008/button/bt_left_1.png') no-repeat;
	background-color:none;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.button_download a {
  float: left;
  height: 19px;
  background: url('/images/2008/button/bt_stretch.png') repeat-x left top;
  background-color:none;
  line-height: 19px;
  padding: 0 1px;
  color: #000;
  font-size: 10px;
  text-decoration: none;
}
.button_download span {
  background: url('/images/2008/button/bt_download_right.png') no-repeat;
  float: left;
  width: 20px;
  height: 19px;
}
.button_download a:hover {
   background-color:none;
   color:#3f98db;
}

.button_download a:active {
   outline: none; /* die gepunktete Linie im FF abschalten */
}

/***   Button Pagelinks  ***/

a.pagelink {
   background: transparent url("/images/2008/button/bt_right.png") no-repeat top right;
   font-size: 10px;
   color: #666!important;
   display: block;
   height: 19px;
   margin-right: 6px;
   padding-right: 5px; /*sliding doors padding */
   text-decoration: none;
}

a.pagelink span {
   background: transparent url("/images/2008/button/bt_left.png") no-repeat;
   display: block;
   line-height: 19px;
   padding: 0 0 0 5px;
}

a.pagelink:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.pagelink:active span {
   background-position: bottom left;
   color: #000!important;
   padding: 0 0 0 18px; /* Text 1px nach unten verschieben */
}
a.pagelink:hover {
   background-color:none;
   text-decoration: none;
   color: #000!important;
}