html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%
}

body {
	background-color: #000;
	color: #858585;
	font-family: verdana, sans-serif
}

a {
	color: #f00;
	text-decoration: none
}

a img {
	border: 0
}

h1 {
	margin: 0;
	padding: 10px 0; /* In order not to clip top and bottom in IE */
	font-size: 24px;
	font-weight: normal;
	line-height: 34px
}

#containerContentInner a:hover {
	color: #444
}

#containerContentOuter,
#containerContentInner {
	height: 548px;
	background-color: #fff
}

#containerContentInner,
#containerMenuInner {
	position: relative;
	margin: 0 auto;
	width: 978px
}

#containerContentInner {
	font-size: 11px;
	line-height: 20px
}

#containerMenuInner {
	font-size: 11px
}

#containerMenuInner,
#containerMenuInner a,
div.elmGridElementInner a {
	color: #959595
}

#containerMenuInner a:hover {
	color: #fff
}

#containerMenuOuter1,
#containerMenuOuter2,
#containerMenuInner,
#menuCol1,
#menuCol2,
#menuCol3 {
	height: 414px
}

#containerMenuOuter1 {
	background: transparent url('/gfx/bg.menutop.png') no-repeat 50% 0%
}

#containerMenuOuter2 {
	background: transparent url('/gfx/bg.menu.jpg') no-repeat 50% 22px
}

div.menuElement {
	position: absolute
}


/* Menu */
#menuCol1,
#menuCol2,
#menuCol3 {
	top: 0px
}

#menuCol1 {
	left: 0px;
	width: 244px
}

#menuCol2 {
	left: 245px;
	width: 239px
}

#menuCol3 {
	left: 485px;
	width: 247px
}

div.menuElement ul,
div.menuElement ul li {
	margin: 0;
	padding: 0
}

div.menuElement ul li {
	display: block;
	height: 22px
}

div.menuElement span.menuSelected {
	color: #fff
}

div.menuElement ul li a,
div.menuElement ul li span.menuSelected,
div.menuElement ul li.menuCategoryTitle {
	position: relative;
	top: 3px;
	padding: 0 10px 0 45px
}

#menuCol1 ul li a,
#menuCol1 ul li span.menuSelected,
#menuCol1 ul li.menuCategoryTitle {
	padding-left: 65px;
}

div.menuElement ul li.menuCategoryTitle {
	color: #858585;
	font-weight: bold
}



/* Contact Teaser */
#menuContactTeaser {
	visibility: hidden;
	top: 55px;
	left: 850px;
	padding: 5px;
	background-color: #ffc;
	color: #000;
	border: 1px solid #a96
}



/* Front Grid */
div.elmGridElementOuter {
	float: left;
	height: 94px;
	width: 119px;
	background: transparent url('/gfx/bg.gridelement.png') no-repeat 0% 0%
}

div.elmGridElementOuter:hover {
	background-image: url('/gfx/bg.gridelementover.png')
}

div.elmGridElementInner {
	margin: 8px;
	font-size: 9px;
	line-height: 13px
}



/* IE6 hack: Centers the *Inner boxes. Acheived with margin: 0 auto in other browsers */
#containerContentOuter,
#containerMenuOuter1 {
	text-align: center
}
#containerContentInner,
#containerMenuInner {
	text-align: left
}