@import "a/trans.css";

div#screenshot {
	position: absolute;
	top: 0;
	left: 0;
	width: 933px;
	margin: 0 auto;
	z-index: 100;
	opacity: 0.2;
	filter: alpha(opacity=20);
	display: none;
}

/* Layout */

body,html {
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #000;
	background-color: #494544;
}
html {
	overflow-y: scroll;	
}
div#container {
	padding-top: 40px;
}
div#inner {
	position: relative;
	width: 931px;
}
div#topcontainer {
	position: relative;
	width: 100%;
	height: 470px;
}
div#topcontainer h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
div#topcontainer h1 a {
	text-decoration: none;
	display: block;
}
div#keyvis {
	position: absolute;
	top: 0;
	right: 0;
	width: 699px;
	height: 470px;
	overflow: hidden;
	z-index: 10;
}

div#imgoverlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 616px;
	height: 55px;
	background-color: #888786;
	z-index: 20;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}

/* 
	FAUXCOLUMNS
*/
div.fauxcolumns {
	width: 100%;
	margin-bottom: 20px;
}

div.fauxcolumns div.fauxbg {
	float: left;
	background-image: url('i/fauxcolumns.png');
}

div.fauxcolumns div.left, div.fauxcolumns div.center, div.fauxcolumns div.right {
	width: 300px;
	float: left;
}
div.fauxcolumns div.right {
	margin-left: 16px;
}
div.fauxcolumns div.center {
	margin-left: 15px;
}

div.fauxcolumns div.colcont {
	margin: 5px;
}

div.fauxcolumns h2, div.twocolumns div.right div.teaserbox h3 {
	height: 24px;
	font-weight: normal;
	font-size: 0.875em; /*14px*/
	line-height: 1.68em; /*24px */
	padding: 2px 0 0 10px;
	background-image: url('i/arrow_right.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-color: #ebe7e4;
	margin: 0;
}
div.fauxcolumns h2 a,  div.twocolumns div.right div.teaserbox h3 a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin-left: -10px;
	padding-left: 10px;
}

div.fauxcolumns img,  div.twocolumns div.right div.teaserbox img {
	display: block;
}

div.fauxcolumns h3 {
	width: 100%;
	font-size: 0.6875em; /* 11px */
	line-height: 1.3636em; /* 15px */
}
div.fauxcolumns p {
	font-size: 0.6875em; /* 11px */
	line-height: 1.3636em; /* 15px */
}

/*
	TWOCOLUMNS
*/

div.twocolumns {
	width: 100%;
	margin-top: 50px;
}

div.twocolumns div.left {
	width: 615px;
	margin-right: 16px;
	float: left;
}

div.twocolumns div.right {
	float: left;
	width: 300px;	
}
div.twocolumns div.right div.teaserbox {
	margin-bottom: 20px;
}
/*
	MENU
*/
ul#menu {
	z-index: 30;
	position: absolute;
	top: 93px;
	left: 0;
	width: 231px;
	height: 377px;
	background-image: url('i/menubg.gif');
	background-repeat: repeat-y;
	background-position: 0 378px;
}
ul#menu li ul {
	display: none;
	z-index: 20;
}
ul#menu li div.bg {
	display: none;
	z-index: 10;
	background-image: url('i/menubg.gif');
	background-repeat: repeat-y;
	background-position: 1px 378px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	overflow: visible;
}
ul#menu li div.bg div {
	background-image: url('i/menubgtop.png');
	background-repeat: repeat-x;
	position: absolute;
	top: -38px;
	left: 1px;
	width: 231px;
	height: 38px;
}
ul#menu li:hover ul, ul#menu li.over ul {
	position: absolute;
	top: 0;
	left: 232px;
	width: 231px;
	height: 377px;
	display: block;
}
ul#menu li:hover div.bg, ul#menu li.over div.bg {
	position: absolute;
	top: 0;
	left: 231px;
	width: 232px;
	height: 377px;
	display: block;
}
ul#menu li:hover ul li ul, ul#menu li:hover ul li div.bg, ul#menu li.over ul li ul, ul#menu li.over ul li div.bg {
	display: none;
}
ul#menu li:hover ul li:hover ul, ul#menu li:hover ul li:hover div.bg, ul#menu li.over ul li.over ul, ul#menu li.over ul li.over div.bg {
	display: block;
}
ul#menu li:hover ul li:hover ul li ul, ul#menu li:hover ul li:hover ul li div.bg, ul#menu li.over ul li.over ul li ul, ul#menu li.over ul li.over ul li div.bg {
	display: none;
}
ul#menu li:hover ul li:hover ul li:hover ul, ul#menu li:hover ul li:hover ul li:hover div.bg, ul#menu li.over ul li.over ul li.over ul, ul#menu li.over ul li.over ul li.over div.bg {
	display: block;
}
ul#menu li {
	list-style: none;
	width: 231px;
	height: 21px;
	margin: 0;
	vertical-align: middle;
	overflow: hidden;
}
ul#menu li p {
	font-size: 0.875em; /*14px*/
	line-height: 1.29em; /*18px */
}
ul#menu li p a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #000;
	width: 220px;
	height: 21px;
	padding-left: 11px;
}
ul#menu li ul li p a,
ul#menu li:hover ul li p a, ul#menu li.over ul li p a,
ul#menu li:hover ul li:hover ul li p a, ul#menu li.over ul li.over ul li p a,
ul#menu li:hover ul li:hover ul li:hover ul li p a, ul#menu li.over ul li.over ul li:hover ul li p a  {
	color: #fff;
	background-image: none;
}
ul#menu li p a.grey {
	color: #888786;	
}
ul#menu li p a:hover, ul#menu li p.act a,
ul#menu li:hover p a, ul#menu li.over p a,
ul#menu li:hover ul li:hover p a, ul#menu li.over ul li.over p a,
ul#menu li:hover ul li:hover ul li:hover p a, ul#menu li.over ul li.over ul li.over p a,
ul#menu li:hover ul li:hover ul li:hover ul li:hover p a, ul#menu li.over ul li.over ul li.over ul li.over p a {
	background-image: url('i/menulinkbg.png');
	background-repeat: no-repeat;
	color: #fff;
}
div#menulvl5 {
	position: absolute;
	top: 33px;
	right: 0;
	z-index: 50;
	height: 22px;
	width: 494px;
	background-color: #ebe7e4; /* weiss */
}
div#menulvl5 ul {
	position: absolute;
	top: 0;
	right: 20px;
	height: 21px;
	list-style: none;
}
div#menulvl5 ul li {
	float: left;
	display: inline;
	margin: 0 16px 0 0;
}
div#menulvl5 ul li p {
	font-size:0.875em;
	line-height:1.29em;
	color: #000;
}
div#menulvl5 ul li p a {
	position: relative;
	display: block;
	padding: 0 5px;
	color: #000;
	text-decoration: underline;
}
div#menulvl5 ul li p.act {
	padding: 0 5px;
}
div#menulvl5 ul li p.act a {
	text-decoration: none;
	padding: 0;
}
div#menulvl5 ul li p a:hover {
	color: #c63622; /* red */
	background-color: transparent; /* IE6 a:hover span fix */
}
div#menulvl5 ul li p a span {
	display: none;
	position: absolute;
	top: 21px;
	right: 0;
	width: 150px;
	height: 100px;
	background-color: #ebe7e4;
	text-align: center;
}
div#menulvl5 ul li p a span img {
	margin-top: 2px;
}
div#menulvl5 ul li p a:hover span {
	display: block;
}

/*
	BREADCRUMB
*/
div#breadcrumb {
	position: relative;
	height: 40px;
	width: 100%;
}
div#breadcrumb ul {
	position: absolute;
	right: 0;
	top: 0;
	list-style: none;
}
div#breadcrumb ul li {
	float: left;
	margin: 0;
}
div#breadcrumb ul li p {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #fff;
	padding-top: 11px;
	white-space: nowrap;
}
div#breadcrumb ul li p a {
	text-decoration: none;
	color: #fff;
	margin: 0 10px;
	border-bottom: 1px solid #fff;
}
div#breadcrumb ul li p span {
	margin: 0 0 0 10px;
}
div#breadcrumb ul li p a:hover {
	color: #fff;
}

/*
	FOOTER
*/

div#footer {
	position: relative;
	height: 50px;
	width: 100%;
	margin-top: 11px;
}
div#footer ul {
	list-style: none;
}
div#footer ul li {
	float: left;
	margin: 0;
}
div#footer p {
	font-size: 0.6875em; /* 11px */
	line-height: 1.6363em; /* 18px */
	color: #fff;
	white-space: nowrap;
}
div#footer ul li p a {
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}
div#footer ul li p a.first {
	padding-left: 0;	
}
div#footer ul li p a:hover {
	color: #fff;
}

/*
	DETAILBOX
*/

div.twocolumns div.left div.detailbox {
	background-color: #ebe7e4;
	padding: 5px 5px 5px 10px;
}

div.twocolumns div.left div.detailbox ol {
	list-style: none;
}
div.twocolumns div.left div.detailbox ol.pimages {
	margin: 0;	
}
div.twocolumns div.left div.detailbox ol.pnames {
	margin-top: 14px;	
}
div.twocolumns div.left div.detailbox ol li {
	margin: 0;
}
div.twocolumns div.left div.detailbox ol.pimages li {
	float: left;
	margin: 14px 14px 0 0;
}
div.twocolumns div.left div.detailbox ol.pimages li p {
	margin: 0;
	position: relative;
	border: 1px solid #494544;
}
div.twocolumns div.left div.detailbox ol.pimages li p span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background-color: #494544;
	color: #fff;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}
div.twocolumns div.left div.detailbox div.detailcontent {
	float: left;
	width: 378px;
	padding-right: 5px;
}
div.twocolumns div.left div.detailbox div.detailimages {
	float: left;
	width: 217px;
}
div.twocolumns div.left div.detailbox div.detailimages a {
	display: block;
	margin-bottom: 6px;
}
div.twocolumns div.left div.detailbox div.detailcontent h2 {
	color: #000;
	font-size: 1.125em; /* 18px */
	line-height: 1.375em; /* 22px;  */
	margin: 17px 0 8px 0;
	padding: 0;
}
div.twocolumns div.left div.detailbox div.detailcontent h3 {
	width: 100%;
	color: #000;
	font-size: 0.6875em; /* 11px */
	line-height: 1.3636em; /* 15px */
}
div.twocolumns div.left div.detailbox div.detailcontent p {
	margin: 0 0 9px 0;
	padding: 0;
	color: #000;
	font-size: 0.6875em; /* 11px */
	line-height: 1.6363em; /* 18px; */
}
div.twocolumns div.left div.detailbox div.detailcontent ol li p {
	margin: 0;
} 
div.twocolumns div.left div.detailbox div.materials {
	margin: 36px 0;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links, div.twocolumns div.left div.detailbox div.detailcontent div.downloads {
	margin-bottom: 26px;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links h3, div.twocolumns div.left div.detailbox div.detailcontent div.downloads h3{
	margin-bottom: 16px;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links ul, div.twocolumns div.left div.detailbox div.detailcontent  div.downloads ul {
	list-style: none;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links ul li, div.twocolumns div.left div.detailbox div.detailcontent  div.downloads ul li {
	margin: 8px 0;
	position: relative;
	height: 29px;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links ul li p, div.twocolumns div.left div.detailbox div.detailcontent  div.downloads ul li p {
	position: absolute;
	color: #fff;
	font-size: 0.875em; /*14px*/
	line-height: 2em; /*28px */
	font-weight: bold;
	background-image: url('i/button_lhalf.png');
	background-repeat: no-repeat;
	background-position: left center;
}
div.twocolumns div.left div.detailbox div.detailcontent div.links ul li p a, div.twocolumns div.left div.detailbox div.detailcontent div.downloads ul li p a {
	display: block;	
	background-image: url('i/button_rhalf.png');
	background-repeat: no-repeat;
	background-position: right center;
	min-width: 160px;
	height: 29px;
	padding: 0 14px;
	color: #fff;
	white-space: nowrap;
}
/*
	MATERIALS
*/
div.stdContent table.materials {
	width: 770px;
	margin-bottom: 18px;
}
div.stdContent table.materials p {
	margin-bottom: 0;
	max-width: 100%;
}
div.stdContent table.materials thead th.th1 {
	width: 80px;	
}
div.stdContent table.materials thead th.th2 {
	width: 255px;	
}
div.stdContent table.materials thead th.th3 {
	width: 165px;	
}
div.stdContent table.materials thead th.th4 {
	width: 130px;	
}
div.stdContent table.materials thead th.th5 {
	width: 140px;	
}
div.stdContent table.materials thead th.th5 p {
	margin-left: 30px;
}
div.stdContent table.materials thead th.th5 p a {
	text-decoration: none;
}
div.stdContent table.materials thead th.th5 p a span {
	border-bottom: 1px solid #fff;
}
div.stdContent table.materials thead th {
	padding: 0 0 8px 0;
	font-weight: normal;
}
div.stdContent table.materials tbody th {
	height: 26px;
	padding: 8px 0 16px 0;
	font-weight: normal;
}
div.stdContent table.materials tbody tr.closed th {
	padding-bottom: 0px;
}
div.stdContent table.materials tbody tr.closed th p {
	background-image: url('i/plus.png');
}
div.stdContent table.materials tbody th p {
	line-height: 26px;
	color: #494544;
	background: #ebe7e4 url('i/minus.png') 12px 7px no-repeat;
	padding-left: 0px;
}
div.stdContent table.materials tbody th p a {
	display: block;
	color: #494544;
	text-decoration: none;
	padding-left: 35px;
	width: 595px;
	height: 26px;
}
div.stdContent table.materials tbody td {
	height: 50px;
	padding-bottom: 8px;	
}
div.stdContent table.materials td.center, div.stdContent table.materials th.center {
	text-align: center;	
}

/* CONTENT */
div.stdContent h2, div.stdContent ul, div.stdContent p {
	max-width: 599px;
}

div.twocolumns div.left h2, div.stdContent h2 {
	color: #fff;
	font-size: 1em;
	line-height: 1.375em; /* 22px;  */
	margin-bottom: 10px;
	padding-left: 11px; 
}

div.twocolumns div.left p, div.stdContent p {
	font-size: 0.75em; /* 12px */
	line-height: 1.583em; /* 19px */
	color: #fff;
	margin-bottom: 18px;
	padding-left: 12px;
}
div.twocolumns div.left p a, div.stdContent p a {
	color: #fff;
}
div.csc-sitemap ul li {
	color: #fff;
}
div.csc-sitemap ul li a {
	font-size: 0.75em; /* 12px */
	line-height: 1.583em; /* 19px */
	color: #fff;
}
div.twocolumns ul.bodytext, div.stdContent ul.bodytext, div.twocolumns ol.bodytext, div.stdContent ol.bodytext {
	margin-bottom: 14px;
}
div.twocolumns ul.bodytext li, div.stdContent ul.bodytext li, div.twocolumns ol.bodytext li, div.stdContent ol.bodytext li {
	font-size: 0.6875em; /* 11px */
	line-height: 1.3636em; /* 15px */
}