/**
 * CSS
 * __________________________________________________________________
 *
 * @date		14.09.2005
 * @modified		02.11.2007
 * @version		1.2
 * @author		Roland Schaer, 3w-publishing.ch
 * @author		Raphael Fink, 3w-publishing.ch
 */


html {
	/*height: 100%;*/
}

body {
	margin: 0px auto;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
/*	background:#eadfd8;*/
	background:#d7d0cb;
}

/*
Resetting
*/
img {
	border: 0px;
	vertical-align:bottom;
}

form, input, object {
	margin: 0px;
	padding: 0px;
}

input, select {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}



p {
	margin: 5px 0px 5px 0px;	
}

div ul {
	margin: 15px;
	padding: 0px;
	list-style-type: square;
}

div ul ul, div ul ul ul, div ul ul ul ul {
	margin: 5px 0px 0px 20px;
	list-style-type: disc;
}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.red {color:#cc3333;}

#maincontainer {
	width: 984px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background:#fff;
	min-height:540px;
}

/*
Header
_________________________________________________
*/


#printheader {
	display: none;
}

#header {
	width: 984px;
	text-align: left;
	height:122px;
	}
	#shopLogin {
		width:133px;
		height:120px;
		float:left;
		border: 1px solid #655848;
		}
		#shopLogin h2 {
			font: bold 11px/20px arial;
			margin:0;
			padding: 0 0 0 10px;
			background:#cc3333;
			color:#fff;
		}
		#shopLogin p {margin:10px;}
		#shopLogin input {width:100px;}
	#functions {
		float:left;
		height:20px;
		text-align:left;
		margin-top:3px;
		}
		#functions a {color:#655848;}
		#functions a:hover {color:#cc3333;}
		

	#tools {
		float:left;
		margin: -2px 0px 0px 0px;
		padding: 0px 0px 0 0px;
		width: 110px;
		height: 16px;
		overflow:hidden;
		}
	.tools-home {
		width: 85px !important;
		}
		#tools a {
			float: left;
			display: block;
			margin: 0px 0px 0px 0px;
			height: 16px;
			text-indent:-999px;
			overflow:hidden;
			}
			#tools a.fnc-print {
				background: url(../img/funktionen.png) no-repeat 0 0px;
				width:24px;
			}
			#tools a.fnc-print:hover {
				background: url(../img/funktionen.png) no-repeat 0px -16px;
			}
			#tools a.fnc-mail {
				background: url(../img/funktionen.png) no-repeat -24px 0px;
				width:34px;
			}
			#tools a.fnc-mail:hover {
				background: url(../img/funktionen.png) no-repeat -24px -16px;
			}
			#tools a.fnc-impressum {
				background: url(../img/funktionen.png) no-repeat -58px 0px;
				width:25px;
			}
			#tools a.fnc-impressum:hover {
				background: url(../img/funktionen.png) no-repeat -58px -16px;
			}
			#tools a.fnc-sitemap {
				background: url(../img/funktionen.png) no-repeat -83px 0px;
				width:19px;
			}
			#tools a.fnc-sitemap:hover {
				background: url(../img/funktionen.png) no-repeat -83px -16px;
			}

	#claim {
		background:url(../img/header_bg.png) no-repeat 0 0;
		text-align:right;
		float:left;
		height:38px;
		width:705px;
		padding: 61px 10px 0 0;
	}
	#logo {float:right;display:block;margin: 0 9px 0 0;}

/*
Top Navigation 
-------------------------------------------------
*/
#topNavigation {
	width:975px;
	height:20px;
	margin:8px 0 0 0;
	z-index:900;
	clear:both;
	background: #655848;
	position:relative;
	background:url(/img/navigation_background.png);
}

 /* common styling */

#topNavigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
#topNavigation ul li {
	float:left;
	position:relative;
}


* html #topNavigation ul li a, #topNavigation ul li a:visited {
	/*width:123px;*/
}
#topNavigation ul li ul {
	display: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:11px;
}

/* specific to non IE browsers */
/*
1. Stufe
*/

#topNavigation ul li a, #topNavigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: #fff;
	width:136px;
	border-right: 1px solid #fff;
	font: normal 11px arial;
	background: #655848;
	padding-left:6px; 
	line-height:20px;
}

#topNavigation ul li:hover a,
#topNavigation ul li a:hover {
	color: #fff;
	background: #cc3333;
}

#topNavigation ul li a.first,
#topNavigation ul li.first a {
	width:129px;
}

#topNavigation ul li a.last,
#topNavigation ul li.last a {
	width:118px;
	border-right:none;
	clear:both;
}



#topNavigation ul li:hover ul,
#topNavigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:-1px; 
	width:135px;
}
* html #topNavigation ul li a:hover ul {
	margin-top:0;
}

#topNavigation ul li:hover ul li ul,
#topNavigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:123px;
}

/*
2. Stufe
*/

#topNavigation ul li:hover ul li a,
#topNavigation ul li a:hover ul li a {
	display:block; 
	padding: 0 0 0 6px;
	margin: 0px 0 0 0;
	font: 11px/20px arial, helvetica, sans-serif;
	color: #fff;
	background: #655848;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
* html #topNavigation ul li a:hover ul li a {
	width:135px;
}


#topNavigation ul li ul li a.first,
#topNavigation ul li ul li.first a {
	width:136px;
}

#topNavigation ul li ul li a.last,
#topNavigation ul li ul li.last a,
#topNavigation ul li ul li,
#topNavigation ul li ul li a {
	width:136px !important;
}

#topNavigation ul li ul li a.last,
#topNavigation ul li ul li.last a {
	border-bottom:1px solid #fff;
}

#topNavigation ul li:hover ul li a:hover,
#topNavigation ul li a:hover ul li a:hover {
	color: #fff;
	background: #cc3333;
}

#topNavigation ul li:hover ul li:hover ul,
#topNavigation ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:143px;
	top:0;
	width:136px;
}
/*3. Stufe des hintersten Menus nach links öffnen */
#topNavigation ul li.last:hover ul li:hover ul,
#topNavigation ul li.last a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:-143px;
	top:0;
	width:136px;
}



/*
3. stufe
*/

#topNavigation ul li:hover ul li:hover ul li a,
#topNavigation ul li a:hover ul li a:hover ul li a {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background: #655848;
}

#topNavigation ul li:hover ul li:hover ul li:hover a,
#topNavigation ul li a:hover ul li a:hover ul li a:hover {
	background:#cc3333;
	color:#fff;
}

a.inactive {
	background: #655848 !important;
	cursor: default;
}
a.inactive:hover { background: #655848 !important; cursor: default; }


/*
 * breadcrumbs
 */

#breadcrumbs {
	/*clear:both;*/
	width: 840px;
	height:20px;
	line-height:20px;
	margin: 0 0 0 135px;
}
#breadcrumbs a {
	font-weight: normal;
	color: #655848;
}
#breadcrumbs a:hover {color:#cc3333;}
#breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#breadcrumbs ul a.first {
	padding: 0px 10px 0px 4px;
	background-image: none;
}
#breadcrumbs ul a {
	padding: 0px 10px 0px 20px;
}
#breadcrumbs ul span {
	padding: 0px 10px 0px 20px;
}
#breadcrumbs li {
	display: inline;
	width: 130px;
	padding: 5px 0px 0px 0px;
	color: #4D4D4D;
}
#breadcrumbs .B_crumbBox {
	color:#cc3333;
}




/*
Content
_________________________________________________
*/

#leftColumn {
	float:left;
	width:125px;
	}
	#leftColumn h2 {
		background:#655848;
		font:normal 15px/21px arial;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		color:#fff;
	}
	#leftColumn ul, #leftColumn li {margin:0;padding:0;list-style-type:none;}
	#leftColumn li a {
		padding-left:10px;
		display:block;
		border-bottom: 1px solid #655848;
		font-weight:normal;
		color:#655848;
	}
	#leftColumn a:hover {
		background:#b2997f !important;
		color:#fff !important;
		
	}

#contentText {
	float:left;
	margin:0 5px 20px 10px;
	width:567px;
	}
	.errors {
		margin: 10px 0;
	}
	#contentText h1 {
		padding: 40px 0 0 5px;
		margin: 0 0px 10px 0;
		height:42px;
		font: normal 17px arial;
		background:#f5efec;
	}
	#contentTitle {
		width:567px;
		background:#f5efec;
		margin-bottom:10px;
		}
		#contentTitle h1 {
			width:237px;
			float:left;
			margin:0;
		}
		#contentTitle table {float:left;}
	.contentNavigation ul  {
		margin:0 0 0 143px;
		padding:0;
		list-style-type:none;
		}
		.contentNavigation a {
			display:block;
			padding-left:3px;
			margin-right:5px;
			line-height:20px;
			border-bottom:1px solid #fff;
			background:#DFD3C8;
		}
	/*
	 * Auflistungen von Neuheiten usw.
	 */	
	 .elementText {
	 	float:left;
		width:470px;
	 }
	.katalogText {
	 	float:left;
		width:430px;
	 }	
		
/* Startseite
 * 
 */
#contentTextHome {
	float:left;
	width:849px;
	height:330px;
	margin: 0 0 0 10px;
	position:relative;
	}
	#homeTitle {
		width:711px;
		height:96px;
		/*background:url(/img/gela_01_startseite.png) no-repeat 0 0;*/
		padding:4px 0 0 4px;
		color:#fff;
		}
		#homeTitle h1  {font-size:25px;font-weight:normal;}
		#homeTitle p {color:#fff;}
	#contentTextHome #balken {
		width:109px;
		height:330px;
		position:absolute;
		right:9px;
		top:0;
		background:url(../img/balken.png) no-repeat 0 0;
		padding:8px;
		color:#fff;
		line-height:20px;
	}	
		
		
/*
 * Rechte Spalte
 */		
		
#rightColumn {
	float:left;
	width:277px;
	height:330px;
	position:relative;
	/*background:url(../img/gela_03_unternehmen.jpg) no-repeat 0 0;*/
	}
	#rightColumn #balken {
		width:109px;
		height:330px;
		position:absolute;
		left:143px;
		background:url(../img/balken.png) no-repeat 0 0;
		padding:8px;
		color:#fff;
		line-height:20px;
	}

#footer {
	width: 984px;
	margin: 10px auto;
	text-align: left;
	font-family: Arial;
	font-size: 9px;
	color: #8e908f;
	clear:both;
}
#footer a {
	color: #8e908f;
	text-decoration: none;
}

.fd-file {background:#f5efec;}

.fd-alt {
	background:#dfd3c8;
}