/*
 * [y] hybris Platform
 *
 * Copyright (c) 2000-2009 hybris AG
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of hybris
 * ("Confidential Information"). You shall not disclose such Confidential
 * Information and shall use it only in accordance with the terms of the
 * license agreement you entered into with hybris.
 */

/* ******************************************************************************** */
/* Define Layout : BORDERLAYOUT
 * We use a table as floated divs aren't so powerful (e.g. vertical-align)
 *
 * 		NORTH
 * WEST	CENTER EAST
 * 		SOUTH
/* ******************************************************************************** */

div.borderLayout {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	letter-spacing:0px;
	line-height:140%;
	/*margin: 0px auto;*/
	margin: 0px;
	/*Abstand Seite Browserrand oben*/
	margin-top: 0px;
	padding: 0 0 5px 0;
	border-style:none;
	position: relative;
	overflow: hidden;
	/*width:1031px; /*991 + 20l +20r für Schatten*/
	/*width: 1250px;*/
}

/* huberwebshop header */
div.borderLayout div.north {
	background-image:url(style1/img/header.gif);
	background-position:right top;
	height:103px; /*75*/
	height:130px; /*75*/
	margin:0;
	padding:0pt;
	position:relative;
	text-align:left;
	top:0;
}

div.northNorth {
	/*background-image:url(style1/img/ecke_oben_r.gif);*/
	text-align:right;
	float: right;
}

div.borderLayout div.north div.northNorth {	

}

div.borderLayout div.north a {
	color:#FFFFFF;
	text-decoration:none;
}

div.borderLayout div.north a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

div.borderLayout div.north a.logo {
	font-size: 22px;
	line-height: 34px;
	font-weight: normal; 
	font-family: tahoma; 
	color: #fff;
	margin: 0;
	padding: 10px 0 0 10px;
	background-image: url(style1/img/logo.gif);
	background-repeat: no-repeat;
	float: left;
	height: 120px; /*103*/
	width: 330px; /*350*/
}

div.borderLayout div.north ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

div.borderLayout div.north li {
	border: 0 none;
	float:right;
	line-height:22px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 8px 0 0 15px;
	white-space:nowrap;
}


div.borderLayout div.northSouth {
	display: none;
	background-image:url(style1/img/header_bottom.gif);
	background-repeat: repeat-x;
	border:0pt none;
	color:#FFFFFF;
	height:28px;
	letter-spacing:1px;
	margin:0;
	padding: 0 6px 0 10px;
	position:relative;
	top:0;
	z-index:3;
}	

div.borderLayout div.northSouth div.img_west {
	background-image:url(style1/img/reiter_l.gif);
	border:0pt none;
	display:inline;
	height:100%;
	margin:0pt;
	overflow:hidden;
	padding:0pt;
	float:left;
	width: 7px;
}

div.borderLayout div.northSouth div.img_center {
	background-image:url(style1/img/reiter_m.gif);
	background-repeat:repeat-x;
	border:0pt none;
	display:inline;
	height:100%;
	margin:0pt;
	padding:0pt;
	float:left;
}

div.borderLayout div.northSouth div.img_east {
	background-image:url(style1/img/reiter_r.gif);
	border:0pt none;
	display:inline;
	height:100%;
	margin:0pt;
	overflow:hidden;
	padding:0pt;
	width:10px;
	float:left;
}

div.borderLayout div.northSouth ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

div.borderLayout div.northSouth li {
	border:0pt none;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:8px 5px 0 6px;
	white-space:nowrap;
}

div.borderLayout div.northSouth ul a {
	color:#FFFFFF;
	text-decoration:none;
}

div.borderLayout div.northSouth a:hover {
	color:#E75219;
	text-decoration:none;
}

div.borderLayout div.northSouth .mainactive a {
	color:#E75219;
	text-decoration:none;
}


/* addresse im header */

div#sf_address {

	height: 20px;
	width: 700px;
	line-height: normal;
	clear: both;
	position: absolute;
	top: 105px;
	left: 300px;
	
	text-align: right;
	color: #ffffff;

}


/* left side-bar*/
div.borderLayout div.west {
	/*border: #00FF00 1px solid;*/
	/*background-color:#FFFFFF;*/
	float:left;
	/*margin: 10px 0 10px 30px;*/
	margin: 0px 0 10px 10px;
	padding: 0 0 5px 0;
	width: 210px;
	overflow: hidden;
}

*html div.borderLayout div.west { margin: 10px 0 10px 15px; }

/* right side-bar */
div.borderLayout div.east {
	/*border: #00FF00 1px solid;*/
	/*background-color:#FFFFFF;*/
	margin: 10px 30px 10px 0;
	padding: 0 0 5px 0;
	float: right;
	width: 210px;
	overflow: hidden;
}

*html div.borderLayout div.east { margin: 10px 14px 10px 0; }

/* main content */
div.borderLayout div.center {
	/*border: #00FF00 1px solid;*/
	/*background-color:#FFFFFF;*/
	/*margin: 0 auto;*/
	margin: 0;
	margin-top: 0px;
	padding: 0 0 5px 20px;
	overflow: hidden;
	/*width: 532px;*/
	/*width: 740px;*/

}

*html div.borderLayout div.center { 
	margin: 0 auto;
	margin-top: 0px;
}

div.borderLayout div.center div.quickShopComponents{
	height: 75px;
	padding: 0px;
	/*border: #dddddd solid 1px;	
	background: #fafafa;*/
	margin-bottom: 10 px;
	overflow: hidden;
	
}

div.borderLayout div.center div.contentTitle {
	font-weight: bold; 
	font-size: 18px;
	color: #e2007a;
	margin: 0 0 15px 0;
	line-height: 20px;	
	padding-top:7px;
	padding-bottom:10px;
	float:none;
	text-decoration:none;
	margin-bottom: 1em;
}