body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: url(../images/bg.jpg) repeat-x 0 0;
}
html {
height:100%;
overflow-x:hidden !important;
overflow-y:scroll !important;}


#maincontainer {
	width: 942px;
	margin: 0px auto;
	text-align:left;
}


.productImgContainer {
height:162px;
text-align:center;
clear:both;
}


#header {
	width:942px;
	height: 100px;
}

#suchfeld {float: right;width: 188px;height: 29px;padding: 8px 0 0 0;}

#suchfeld input {
	width: 165px;
	height: 19px;
	line-height: 19px;
	border-left: 1px solid #6e6e6e;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-right: none;
	margin: 0;
	padding: 0;
	color: #fe0000;
}
#suchfeld input.submit {
	border: 0;width: 21px;height: 21px;
}

/*
Top Navigation 
-------------------------------------------------
*/
#navigation {
	width: 942px;
	height: 28px;
	float:left;
}

 /* common styling */

#navigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	z-index: 11;
}
#navigation ul li {
	float:left;
	position:relative;
}

#navigation ul li ul {
	display: none;
}

/* specific to non IE browsers */
/*
1. Stufe
*/

#navigation ul li a {
	display:block; 
	text-decoration:none; 
	color: #fff;
	width:103px;
	font: normal 14px arial;
	line-height:28px;
	text-align: center;
	border-left: 1px solid #5b5b5b;
}

#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #f00;
}


#navigation ul li:hover ul,
#navigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:-1px; 
	width:135px;
}
* html #navigation ul li a:hover ul {
	margin-top:0;
}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:123px;
}

#navigation ul li.last a {border-right: 1px solid #5b5b5b;width:107px;}


/*
2. Stufe
*/

#navigation ul li:hover ul li a,
#navigation 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: #b2b2b4;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-align: left;
}
* html #navigation ul li a:hover ul li a {
	width:135px;
}


#navigation ul li ul li a.first,
#navigation ul li ul li.first a {
	width:136px;
}

#navigation ul li ul li a.last,
#navigation ul li ul li.last a,
#navigation ul li ul li,
#navigation ul li ul li a {
	width:136px !important;
}

#navigation ul li ul li a.last,
#navigation ul li ul li.last a {
	border-bottom:1px solid #fff;
}

#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {
	color: #fff;
	background: #fe0000;
}

#navigation ul li:hover ul li:hover ul,
#navigation 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 */
#navigation ul li.last:hover ul li:hover ul,
#navigation ul li.last a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:-143px;
	top:0;
	width:136px;
}



/*
3. stufe
*/

#navigation ul li:hover ul li:hover ul li a,
#navigation ul li a:hover ul li a:hover ul li a {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#navigation ul li:hover ul li:hover ul li:hover a,
#navigation ul li a:hover ul li a:hover ul li a:hover {
	color:#fff;
}


#functions {
	width: 942px;
	height: 37px;
	font-size: 11px;
	border-bottom: 1px solid #bfbfbf;
}

/*
 * breadcrumbs
 */


#breadcrumbs {
	width: 850px;
	height: 37px;
	float: left;
}
#breadcrumbs a {
	font-weight: normal;
	color: #655848;
	line-height: 37px;
}
#breadcrumbs a:hover {color:#cc3333;}
#breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#breadcrumbs li {
	display: inline;
	width: 130px;
	padding: 5px 0px 0px 0px;
	color: #4D4D4D;
}

#tools {
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0 0px;
		width: 90px;
		height: 27px;
		overflow:hidden;
		}
	
		#tools a {
			float: left;
			display: block;
			margin: 0px 0px 0px 0px;
			height: 16px;
			text-indent:-999px;
			overflow:hidden;
			}
			#tools a.fnc-mail {
				background: url(../images/funktionen.png) no-repeat 0px 0px;
				width:32px;
			}
			#tools a.fnc-mail:hover {
				background: url(../images/funktionen.png) no-repeat 0px -16px;
			}
			
			#tools a.fnc-impressum {
				background: url(../images/funktionen.png) no-repeat -32px 0px;
				width:25px;
			}
			#tools a.fnc-impressum:hover {
				background: url(../images/funktionen.png) no-repeat -32px -16px;
			}
			
			#tools a.fnc-sitemap {
				background: url(../images/funktionen.png) no-repeat -57px 0px;
				width:27px;
			}
			#tools a.fnc-sitemap:hover {
				background: url(../images/funktionen.png) no-repeat -57px -16px;
			}

#content {
	width: 942px;
	min-height: 350px;
	position: relative;
	margin: 15px 0 0 0;
}


/* News Startseite */

#news {float: left;width: 260px;}
.news {clear: both;margin: 0px 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid #bfbfbf;overflow: auto;}
.news img {float: left;border:1px solid #bfbfbf;}
.news .newstext {float: left;width: 160px;margin-left: 10px;color: #999;}
.news .newstext h2 {margin: 0 0 5px 0;font-size: 14px;color: #000;}

#hometext {float: right;width: 480px;color: #999;text-align: right;position: relative;height:430px;z-index: 10;}
#hometext h1 {font-size: 16px !important;font-weight: normal;}
#hometext #globus {position: absolute;bottom: 0;right: 0;height: 77px;text-align:left;width: 200px;background: url(../images/globus.jpg) no-repeat bottom right;color: #000;padding: 97px 0 0 0;}

#homeimg {position: absolute;top: 0;left: 280px;z-index: 1;}


/* Produktkategorien */

.searchfield {padding-left:25px;}
.searchfield input {padding: 0;margin: 0;border: 1px solid #999;color: #fe0000;}
.searchfield .button {background: #fe0000;border:1px solid #fe0000;color: #fff;width:187px;}

.productlistimage {float: left;}
.productlist div {float: left;width: 150px;}
.productlist h2 {font-size: 14px;margin: 22px 0 15px 0;color: #f00;font-weight: normal;}
.productlist ul {margin: 0;padding: 0; list-style: none;}
.productlist li {color: #999;}
.productlist a {text-decoration: none;}
td.productlist {background: url(../images/title-bg.png) no-repeat 26px 20px;vertical-align: top;width: 243px;}
.productcategorie .last {width:213px;}

/* Produktuebersicht */

.productoverview {overflow: hidden;width: 942px;}
.product {float: left;width: 162px;margin: 0px 33px 20px 0;height:230px;}
.productoverview .last {margin: 0px 0 20px 0;}
.product img {border: 1px solid #c6c6c7;clear: both;}
.product h2 {margin: 8px 0 4px 0;font-size: 12px;font-weight: bold;}
.product p {margin: 0;font-size: 11px;color: #999;}
.product strong {font-size: 11px;}

/* Produktdetail */

.productdetail img {border: 1px solid #c6c6c6;}
.productdetail td {vertical-align: top;}
.productdetail .detailtext {color: #999;}


/* Generell */

#leftNavigation {float: left;width: 260px;}
	#leftNavigation ul, #leftNavigation li {list-style: none;margin: 0;padding: 0;}
	#leftNavigation li a {
		display: block;
		width: 260px;
		line-height: 25px;
		font-size: 18px;
		border-bottom: 1px solid #ccc;
	}
	#leftNavigation li a:hover {color: #f00;}

#contentTextMiddle {float: left;width: 375px;margin-right: 10px;margin-left: 25px;}

#contentTextMiddleBig {float: left;width: 630px;margin-right: 10px;margin-left: 25px;}

#contentImg {float: left;width: 270px;text-align: right;}

/* Katalog */

.cataloglist {overflow: hidden;width: 942px;}
.catalog {float: left;width: 162px;margin: 0px 33px 20px 0;height:230px;}
.cataloglist .last {margin: 0px 0 20px 0;}
.catalog img {border: none;clear: both;}
.catalog h2 {margin: 8px 0 4px 0;font-size: 12px;font-weight: bold;}
.catalog p {margin: 0;font-size: 11px;color: #999;}
.catalog strong {font-size: 11px;}

/* Kontakt */
#leftCol {float: left;width: 260px;color:#999;}
#contentText {float: left;width: 650px;margin-left:25px;}


/* Trikora Group */

#groupmap {
	width: 658px;
	height: 346px;
	position: relative;
	background: url(../images/group-map.jpg) no-repeat 0 0;
	}
	.gm a {display: block;width: 10px;height: 10px;position: absolute;}
	#groupmap #gm-au {top: 280px;left: 595px;}
	#groupmap #tip-au {top:105px;left: 390px;}
	
	#groupmap #gm-us {top: 130px;left: 85px;}
	#groupmap #tip-us {top:145px;left: 96px;}
	
	#groupmap #gm-gb {top: 83px;left: 296px;}
	#groupmap #tip-gb {top:92px;left: 85px;}
		
	#groupmap #gm-ch {top: 103px;left: 316px;}
	#groupmap #tip-ch {top:112px;left: 105px;}

	#groupmap #gm-de {top: 92px;left: 319px;}
	#groupmap #tip-de {top:99px;left: 107px;}

	#groupmap #gm-tk {top: 111px;left: 355px;}
	#groupmap #tip-tk {top:120px;left: 144px;}

	#groupmap #gm-hk {top: 137px;left: 531px;}
	#groupmap #tip-hk {top:145px;left: 320px;}

	#groupmap #gm-cn {top: 135px;left: 520px;}
	#groupmap #tip-cn {top:140px;left: 308px;}

	/* tooltip styling */ 
	.tooltip { 
	    display:none; 
	    position: absolute;
		background: url(../images/tooltip_bg.png) repeat 0 0;
	    height:160px; 
		padding:5px;
	    width:200px;
	    border: 1px solid #999;
	}
	
	.tooltip h3 {margin: 0;font-size: 12px;color: #f00;}
	 
	.tooltip a { 
		background:transparent;
	}
	.tooltip, .tooltip p, .tooltip div {font-size: 11px;}


/* Footer */

#footer {
	width: 812px;
	margin-top:20px;
}



#copyright {
	float: left;
	width: 510px;
	text-align: right;
	font-size: 10px;
}