/*Styles Layout pkz.ch Jan. 2008 by update.ch - Ph.Urlich */


/* ##################################################################*/
/* #### GLOBAL ELEMENT STYLES ##### -------------------------------- */

html{
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
}

body{
	margin:25px 0 0 20px;
	padding:0;
	font-size:1em;
	font-weight:normal;
	color:#333;
	background-color:#fff;
}


/* clear float class */ 
.clearfix:after{
	content: ".";
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


a,img{
	border:none;
	outline:none;
	text-decoration:none;
}


/* ##################################################################*/
/* LINK STYLES GLOBAL ---------------------------------------------- */

a,a:visited{
	color:#A05F43;
}

a:hover{
	color:#333;
}

p.link a{
font-weight:bold;
}

p.indexItemStores{
	margin:0;
}


a.adminLink,
a.adminLink:visited{
	color:#fff;
}



/* ##################################################################*/
/* BASIC LAYOUT STYLES	---------------------------------------------*/


#wrapper{
	width:970px;
	}
#wrapper:after{
	content:'.';
	clear:both;
	height:20px;
	}

#navCol{
	float:left;
	width:195px;
	background-color:#fff;
	padding:74px 0 0 0;
	}

#leftCol{
	float:left; 
	width:360px;
	background-color:#fff;
	border:1px solid #A05F43;
	border-width:1px 1px 0 0;
	}
* html #leftCol{display:inline;}
	
#rightCol{
	float:left;
	width:411px;
	background-color:#fff;
	}
* html #rightCol{display:inline;}


/* Start Mac IE5 filter \*/
#leftCol, #rightCol{ /* makes cols equal height */
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
	
/* opera 8 hack */
@media all and (min-width: 0px) {
	#leftCol, #rightCol
	{
	xpadding-bottom: 0 !important;
	xmargin-bottom: 0 !important; 
	}
	#leftCol:before, #rightCol:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */

#contentCol{
	float:left;
	width:774px;
	background-color:#fff;
	border-left:1px solid #A05F43;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */	
	}
	
/* easy clearing */
#contentCol:after
	{
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#contentCol{
	display: inline-block;
}
/*\*/
#contentCol{
	display: block;
}
/* end easy clearing */
	

#footer{
	margin-left:195px;
	}
#footer .left{
	float:left;
	width:362px;
	height:23px;
	padding-top:5px;
	background-color:#A05F43;
	color:#fff;
	font-size:.625em;
	text-indent:36px;
	line-height:1em;
	}
#footer .right{
	float:left;
	width:411px;
	height:23px;
	padding-top:5px;
	border-top:1px solid #A05F43;
	color:#333;
	font-size:.625em;
	text-indent:36px;
	line-height:1em;
	}



/* ##################################################################*/
/* ### Content Area Styles	 ---------------------------------------------*/


/* Content Div */
#content{
	width:375px;
	margin:90px 0 0 36px;
	padding:16px 0 36px 0;
	}
	
/* Special Positioned for ct type */
#contentTitleOnly{
	position:absolute;
	top:130px;
	left:576px;
	width:375px;
	margin-left:36px;
	padding:0 0 0 0;
	}
	

/* Startpage-Image in #leftcol*/
.imageIndex{
	border-bottom:1px solid #A05F43;
	}
.heightFiller {/* for adding space below .imgIndex in left col*/
	padding-bottom:207px;
	}
.heightFillerSmall {/* for adding space below .imgIndex in left col*/
	padding-bottom:37px;
	}	
.heightFillerSpecial {/* for adding space below .imgIndex in left col*/
	width:360px;
	padding-bottom:37px;
	border:1px solid #A05F43;
	border-width: 0 1px 0 0;
	}
* html .heightFillerSpecial {/* IE5.5 width fix*/
	width:361px; /* IE5.5 */
	width/**/:/**/360px; /* IE 6+ */
	}
	
	
	
/* Special Bild-Text Content Type Test --------------------------	*/


#oneCol{
	float:left;
	display:block;
	width:772px;
	background-color:transparent;
	}

.ct_bild-text1{
	width:772px;
	margin:0;
	overflow:hidden;
	float:left;
	}
	
.ct_bild-text1 table{width:400px;margin:0;}
.ct_bild-text1 table td{height:299px;padding:0 0 0 36px}

.ct_bild-text1 .first{
	padding-top:200px;
	}
	
.ct_bild-text1 .imageBox{
	float:left;
	width:360px;
	height:312px;
	border:1px solid #A05F43;
	border-width:0 1px 0 0;
	}
* html .ct_bild-text1 .imageBox{
	display:inline;
	}
	
.ct_bild-text1 .imageBox .imageFull{
	border:1px solid #A05F43;
	border-width: 1px 0 1px 0;
	margin:0 0 20px 0;
	}

/* first item adds padding on top */
.ct_bild-text1 .text_first{
	float:left;
	width:370px;
	padding:130px 0 20px 36px;
	}
* html .ct_bild-text1 .text_first{
	display:inline;
	white-space: normal;
	}

/* following normal items */
.ct_bild-text1 .text{
	float:left;
	width:370px;
	padding:0 0 0 36px;
	}
* html .ct_bild-text1 .text{
	display:inline;
	white-space: normal;
	}
	
/* makes columns equal height */
.ct_bild-text1 .text,
.ct_bild-text1 .imageBox{
	margin-bottom:-32767px !important;
	padding-bottom:32767px !important;
	}
	
/* IE6 wierd floating problem fix */
#oneCol .last{float:left;width:772px;height:0;overflow:hidden;margin-top:-10px;}
#oneCol .last div{height:0;line-height:0;overflow:hidden;}



/* ##################################################################*/
/* #### CONTENT TEXT STYLES	 #### ------------------------------------*/

p{
	margin:.5em 0 1em 0;
	padding:0;
	font-size:.75em;
	line-height:1.3em;
	}
	
p.link{
	margin:0 0 .25em 0;
}


h1,h2,h3,h4{margin:1em 0 .5em 0;padding:0;}

h1{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	}
h2{
	font-size:.9em;
	font-weight:bold;
	color:#333;
	text-transform:none;
	}
h3{
	margin:0 0 .5em 0;padding:0;
	font-size:.85em;
	font-weight:bold;
	color:#333;
	text-transform:none;
}

blockquote{
	font-size:.75em;
}

/* Inline Box Styles*/

.pmBoxRight{
	float:right;
	background-color:#ddd;
	padding:5px;
	border:1px solid #333;
	width:45%;
	margin:3px 0 0 10px;
	font-size:.75em;
}
.pmBoxLeft{
	float:left;
	background-color:#ddd;
	padding:5px;
	border:1px solid #333;
	width:45%;
	margin:3px 10px 0 0;
	font-size:.75em;
}

/* Images Inline with Legend */

.imageBoxRight{
	float:right;
	padding:3px 0 0 0;
	width:auto;
	height:auto;
	margin:0 0 0 10px;
	font-size:.6em;
}

.imageBoxCenter{
	clear:both;
	padding:3px 0 0 0;
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	font-size:.6em;
}

.imageBoxLeft{
	float:left;
	padding:3px 0 0 0;
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	font-size:.6em;
}


/* List Styles Content */

ul,ol{
	font-size:.75em;
	padding:0 0 0 0;
	margin:0 0 25px 25px;	
}

ul{
	list-style-type:square;
}


ul li {
	padding:0;
	margin:0;
	line-height:1.5em;
}

ol{
	margin:0;
	padding:0 0 0 30px;
}


/* Table Styles Content */

table{
	font-size:1em;
	margin:0 0 10px 0;	
}
* html table{
	font-size:1em;

}

/* Table Styles Content ohne rahmen (fuer formulare) */
table.blank{
	width:100%;
	font-size:.75em;
	border-collapse:collapse;
	margin:0 0 10px 0;
}
* html table.blank{
	font-size:1em;
}

table.blank th{
	text-align:left;
	text-transform:none;
}

table.blank td, table.blank th{
	padding:3px 5px 3px 0;
	border:0;
	height:0;
}

/* Oeffnungszeiten Tabelle */
table.openings{
	font-size:.75em;
	border-collapse:collapse;
	margin:0 0 10px 0;
}
* html table.openings{
	font-size:1em;
}

table.openings th{
	text-align:left;
	text-transform:none;
}

table.openings td, table.openings th{
	padding:1px 5px 1px 0;
	border:0;
}


/* Table Styles Content */
table.withBorder{
	font-size:.75em;
	border-collapse:collapse;
}

table.withBorder th{
	text-align:left;
	text-transform:none;
}

table.withBorder td, table.withBorder th{
	padding:5px;
	border:1px solid #aaa;
}


/* styles fuer texte in mittelspalte des ressorts stores */

.heightFiller h2, .heightFiller h3, .heightFiller h4, .heightFiller p {
	margin-left: 40px;
}

.heightFiller table {
	margin-left: 40px;
}
* html .heightFiller table {
	margin-left: 0;
}

/* Table Styles company > people */
.heightFiller table.people{
	border:0;
	border-collapse:collapse;
	padding:0;
	margin:0;
}

.heightFiller table.people th{
	text-align:left;
	text-transform:none;
}

.heightFiller table.people td, table.people th{
	padding:0;
	border:0;
}

/* ##################################################################*/
/* #### CROSSBROWSER FLYOUT LIST MENU STYLES ####--------------------*/


/* #### 1.Level styles start #### */

/* Box holding main menu */
#menu {
	z-index:1000;
	height:435px;
	border-bottom:solid 1px #A05F43;
	font-weight:bold;
	text-transform:uppercase;	
}
* html #menu{
	height:436px;
	height/**/:/**/435px;
	}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:195px;
	border-bottom:1px solid #A05F43;
}
/* hack for IE5.5 */
* html #menu ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
#menu ul li {
	position:relative;
	background:transparent;
	line-height:2em;
	padding:0 0 1px 0;
}

/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#menu a,
#menu a:visited {
	display:block; 
	text-decoration:none;
	line-height:2em;
	width:186px; /* 1px more width to avoid leack between menu and submenu*/ 
	color:#A05F43;
	text-align:right;
	letter-spacing:.125em;
	word-spacing:.125em;
	padding-right:10px;
	font-size:12px;
	border:1px solid #A05F43;
	border-width:1px 0 0 0;
}


/* hack for IE5.5 */
* html #menu a,
* html #menu a:visited {background:#fff; width:195px; w\idth:185px;}

/* style the link hover */
* html #menu a:hover {color:#333; background:#fffffe;}

#menu a:hover {color:#333;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul li.sub ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:196px;
	width:196px;
	padding:5px 0 8px 0;
	text-transform:uppercase;
	border:1px solid #A05F43;
	border-width:1px 0 0 0;
	background:#fff;
	opacity: .80;
	filter: alpha(opacity=80);
}
* html #menu ul li.sub ul{
	left: 211px; /* for IE 5.x */
	left/**/:/**/195px; /* only seen by IE6+ */		
	border:1px solid #A05F43;
	border-width:1px 0 0 1px;
}
html* #menu ul li.sub ul{ /* IE7 */
	border:1px solid #A05F43;
	border-width:1px 0 0 1px;
	left:195px;
}


#menu ul li.sub ul li {
	/*display:inline;*/
	line-height:12px;
	margin:0 0 2px 10px;
}
* html #menu ul li.sub ul li {margin-left:-6px;margin-left/**/:/**/10px;}

/* sublevel link styles */ 
#menu ul li.sub ul li a,
#menu ul li.sub ul li a:visited{
	display:block;
	text-indent:0;
	width:185px;
	text-align:left;
	font-weight:bold;
	line-height:12px;
	border:0;
	font-size:10px;
	letter-spacing:0;
	font-size:10px;
	/*white-space:nowrap;*/
}


* html #menu ul li.sub ul li a,
* html #menu ul li.sub ul li a:visited{ width:195px; width/**/:/**/185px;}

#menu ul li.sub ul li a:hover{
	border:0;
}


/* make the second level visible when hover on first level list OR link */
#menu ul li.sub:hover ul,
#menu ul a:hover ul {
	visibility:visible;
}



/* #### 2.level list styles - to display permanent #### */

#menu li.subActive a,
#menu li.subActive a:visited{
	color:#333;
}

#menu ul li.subActive ul li a,
#menu ul li.subActive ul li a:visited{
	display:block;
	color:#A05F43;
	border-width:0;
	line-height:13px;
	font-size:10px;
}


#menu ul li.subActive ul li a:hover{
	color:#333;
}

#menu ul li.subActive ul li.navActive a,
#menu ul li.subActive ul li.navActive a:visited{
	color:#333;
}


#menu li.subActive{
	height:auto;
}

#menu li.subActive ul{
	list-style-type:none;
	border:none;
	margin:0;
	padding:0 0 15px 0;
	display:inline-block; /* IE6 important */
	position:relative;
	left:0;
	top:0;
}

#menu ul ul li{list-style-type:none; /* for IE5.5 */}






/* #### 3.level list styles --------------- #### */


#menu ul li.subActive ul li.navActive{
	height:auto;
}

#menu ul li.subActive ul li.navActive ul {
	list-style-type:none;
	border:none;
	margin:0;
	padding:3px 0 15px 0;
	display:inline-block; /* IE6 important */
	position:relative;
}

#menu ul li.subActive ul li.navActive ul li{
	height:12px;
	line-height:12px;
}

#menu ul li.subActive ul li.navActive ul li a,
#menu ul li.subActive ul li.navActive ul li a:visited{
	color:#A05F43;
	border-width:0;
	height:12px;
	line-height:12px;
	text-transform:none;
	font-size:10px;
}


#menu ul li.subActive ul li.navActive ul li a:hover{
	color:#333;
}


#menu ul li.subActive ul li.navActive ul li.level3Active a,
#menu ul li.subActive ul li.navActive ul li.level3Active a:visited{
	color:#333;
}




/* ##################################################################*/
/* #### METANAVIGATION LIST STYLES #### ---------------------------- */

	
/* absolute positioned */
#metaNavBox{
	position:absolute;
	z-index:100;
	top:25px;
	left:577px;
	width:411px;
	height:74px;	
	border-bottom:1px solid #A05F43;
	}

#metaNav{
	list-style-type:none;
	position:absolute;
	bottom:4px;
	left:36px;
	padding:0;
	margin:0;
}
#metaNav li{
	float:left;
	padding:0;
	margin:0;
}
#metaNav li a,
#metaNav li a:visited{
	display:block;
	padding:0;
	margin:0 36px 0 0;
	color:#333;
	font-size:1em;
	font-weight:bold;
	letter-spacing:.125em;
}
#metaNav li a:hover{
	color:#A05F43;
}




/* ##################################################################*/
/* #### CROSSNAV LIST STYLES #### ---------------------------------- */

/* Box holding crossNav */
#crossNavBox{
	position:absolute;
	top:535px;
	}
ul.crossNav{margin:6px 0 0 0;padding:0;list-style-type:none;}
ul.crossNav li{margin:0;padding:4px 0;}
ul.crossNav li a,
ul.crossNav li a:visited{
	display:block;
	padding:0;
	width:186px;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	letter-spacing:.125em;
	color:#333;
}
ul.crossNav li a:hover{
	color:#A05F43;
}