/**
 * 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-image: url(/img/background.gif);
	font-family: arial,Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #000;
}

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

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

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

h1 {
	font-family: Arial;
	font-size: 17px;
	font-weight:bold;
	line-height: 26px;
	color: #666;
}

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;}
a {
	color: #97233f;
	text-decoration:none;
}

a:hover {
	color: #8e908f;
}



#maincontainer {
	width: 944px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/*
Header
_________________________________________________
*/


#printheader {
	display: none;
}

#header {
	width: 944px;
	text-align: left;
	height:106px;
}

	
	#logo {
	float: left;
	width: 250px;
	height: 95px;
	text-align: right;
}

#linie {
	width: 944px;
	height: 2px;
	background-color: #97233f;
	font-size:1px;
}
#slogan {
	width: 944px;
	margin-top: 7px;
	text-align: right;
	height: 50px;
}
	
	
	

#tools {
	float:left;
	margin: 26px 0px 0px 0px;
	padding: 0px 0px 0 0px;
	width: 85px;
	height: 12px;
	overflow:hidden;
}

			#tools a {
				float: left;
				display: block;
				margin: 0px 0px 0px 0px;
				height: 12px;
				/*width:47px;*/
				text-indent:-999px;
				overflow:hidden;
				}
				#tools a.fnc-print {
					background: url(/img/funktionen.png) no-repeat 0 0px;
					width:21px;
				}
				#tools a.fnc-print:hover {
					background: url(/img/funktionen.png) no-repeat 0px -12px;
				}
				#tools a.fnc-mail {
					background: url(/img/funktionen.png) no-repeat -21px 0px;
					width:25px;
				}
				#tools a.fnc-mail:hover {
					background: url(/img/funktionen.png) no-repeat -21px -12px;
				}
				#tools a.fnc-impressum {
					background: url(/img/funktionen.png) no-repeat -46px 0px;
					width:18px;
				}
				#tools a.fnc-impressum:hover {
					background: url(/img/funktionen.png) no-repeat -46px -12px;
				}
				#tools a.fnc-sitemap {
					background: url(/img/funktionen.png) no-repeat -64px 0px;
					width:16px;
				}
				#tools a.fnc-sitemap:hover {
					background: url(/img/funktionen.png) no-repeat -64px -12px;
				}



/*
Top Navigation 
-------------------------------------------------
*/
#topNavigation {
	/*float:left;*/
	width:786px;
	height:15px;
	margin:0;
	z-index:900;
	clear:both;
	background: #666;
}

 /* 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:116px;
	border-right: 1px solid #fff;
	font: bold 11px arial;
	background: #666;
	padding-left:6px; 
	line-height:15px;
	height:15px;
}

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

#topNavigation ul li a.active,
#topNavigation ul li.active a {
	color: #fff;
	background: #97233f;
}

#topNavigation ul li:hover ul,
#topNavigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:0; 
	width:123px;
}
* 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: -1px 0 0 0;
	font: 11px/15px arial, helvetica, sans-serif;
	color: #fff;
	background: #97233f;
	text-decoration: none;
	border-top: 1px solid #fff;
}
* html #topNavigation ul li a:hover ul li a {
	width:123px;
}


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

#topNavigation ul li:hover ul li:hover ul,
#topNavigation ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	/*left:107px;*/
	left:122px;
	top:0;
	width:105px;
}

#topNavigation ul li ul li.last a {
	border-right:none;
	width:116px;
}

/*
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:none;
	background: #97233f;
}

#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:#8e908f;
	color:#fff;
}

/*
4. stufe
*/

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



#topNavigation ul li:hover ul li:hover ul li:hover ul,
#topNavigation ul li a:hover ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	/*left:107px;*/
	left:123px;
	top:0;
	width:165px;
}


#topNavigation ul li:hover ul li:hover ul li:hover ul li a,
#topNavigation ul li a:hover ul li a:hover ul li a:hover ul li a {
	border-left:1px solid #fff;
	border-right:none;
	background: #97233f;
	width:165px;
}

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

#topNavigation ul li.last a {
	border-right:none;
	width:42px;
}



#breadcrumbs {
	clear:both;
	width: 774px;
	padding: 4px 0px 7px 6px;
	background:#ccc;
}
#breadcrumbs a {
	font-weight: normal;
	color: #8e908f;
}
#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:#8e908f;
}


/*
Content
_________________________________________________
*/


#promoContent {
	width:158px;
	float:left;
}
#content {
	float: left;
	margin: 0px auto;
	padding: 0;
	width: 786px;
	/*Min height*/
	min-height: 365px;
	height:auto !important;
	]height:365px;
	background:#ccc;
	}
#contentProduct {
	float: left;
	margin: 0px auto;
	padding: 0;
	width: 786px;
	/*Min height*/
	min-height: 365px;
	height:auto !important;
	]height:365px;
	background:url(/img/contentbg.png) repeat-y 0 0 #ccc;
	}
	#content img.imgBorder {border:1px solid #fff;}
	#contentText {
		margin:0 5px 0 124px;
		width:657px;
		}
		#contentText #mct {width:500px;}
		#mct h2 {
			font-size:18px;
			font-weight:normal;
			color:#666;
		}
		ul#overview {
			margin:0;
			padding:0;
			list-style-type:none;
			}
			#overview li {
				float:left;
				display:block;
				width:122px;
				height:125px;
				margin-right:6px;
				}
				#overview li h2 {
					margin:2px 0 0 0;
					}
					#overview li h2 a {
						font:bold 11px/14px arial;
						padding:0 0 0 12px;
						background:url(/img/bullet.png) no-repeat 0 3px;
					}
					#overview li h2 a:hover {background:url(/img/bullet_over.png) no-repeat 0 3px;}
		
		
		
	#contentTextHome {
		margin:0 5px 0 5px;
		width:776px;
		}
		#contentTextHome #mct {
			margin:11px 0 0 157px;
			width:450px;
			font-size:12px;
			}
			#contentTextHome #mct h1 {
				margin:0 0 10px 0;
			}
		#contentTextHome h2 {
			background:#97233f;
			height:40px;
			width:150px;
			margin:0;
			}
			#contentTextHome h2 a {
				font: normal 12px/25px arial;
				color:#fff;
				margin:0px 0 0 3px;
			}
	#contentTextProduct {
		padding:0;
		}
		#contentTextProduct #gallery {
			float:left;
			width:246px;
			overflow:hidden;
			}
			#contentTextProduct #gallery .thumb {
				float:left;
				width:75px;
				height:51px;
				margin:0 7px 6px 0;
				}
				#contentTextProduct #gallery img {border:1px solid #fff;}
		#contentTextProduct #productText {
			float:left;
			margin:0 75px 0 6px;
			width:288px;
			}
			#contentTextProduct #productText h1 {margin-top:0;line-height:22px;}
		#contentTextProduct #productInformation {
			float:left;
			width:150px;
			padding:0 0 0 6px;
			}
			#productInformation p {margin:0;}
			#productInformation .techInfo {
				display:block;
				width:140px;
				padding-left:8px;
				color:#fff;
				line-height:15px;
				font-weight:bold;
				background:#97233f;
			}
			#productInformation .contactPerson {
				display:block;
				width:140px;
				padding:0 0 0 8px;
				margin:0;
				line-height:15px;
				color:#fff;
				font-weight:bold;
				background:#8e908f;
			}
			#productInformation ul {
				list-style-type:none;
				margin:0;
				padding:0;
				}
				#productInformation li {
					margin:0;
					padding:0;
					}
					#productInformation li a {
						background:url(/img/bullet.png) no-repeat 0 3px;
						padding:0 0 0 15px;
						display:block;
					}
					#productInformation li a:hover {
						background:url(/img/bullet_over.png) no-repeat 0 3px;
						padding:0 0 0 15px;
					}
					
#footer {
	width: 500px;
	margin: 35px 0px 0px 158px;
	text-align: left;
	font-family: Arial;
	font-size: 9px;
	color: #8e908f;
	clear:both;
}
#footer a {
	color: #8e908f;
	text-decoration: none;
}