@charset "UTF-8";
@import url(reset.css);

body
{
	font:12px/14px Arial, Verdana, Helvetica, sans-serif;
	background-color:#9d9587;
}

div#verticalCenter
{
	height:570px;
	margin-top:-265px; /*bottomNavi MarginTop: 570-265=305 + 5 Abstand= 310*/
	position:absolute;
	top:50%;
	width:100%;
	background-color:#000;
	text-align:center;
}

div#horizontalCenter
{
	width:943px; /*1213px-270px*/
	height:570px;
	background:#000 url(/grafik/layout/basics/bgLeftWing.jpg) left center no-repeat;
	margin:0 auto;
	padding-left:270px;
	text-align:left;
}

div#content
{
	width:943px;
	background:url(/grafik/layout/basics/bgRightWing.jpg) right center no-repeat;
	height:570px;
}

div#conA
{
	width:671px; 
	height:548px;/* +2x10padding=570 */
	margin:10px 0;
	border:1px solid #999;
	background-color:#e7e4df;
	float:left;
	position:relative;
}

h1 { text-indent:-50000px; }


div#verticalSubCenter
{
	position:absolute;
	top:50%;
	margin-top:310px;
	height:15px;
	overflow:hidden;
	width:100%;
}

div#horizontalSubCenter
{
	width:943px;
	height:15px;
	margin:0 auto;
	padding-left:270px;
}



ul#bottomNavi li,
ul#bottomNavi li a
{
	float:left;
	height:15px;
}

/*
ab beginn | bis beginn |
one 129 
two +184= 313
three +190 = 503

ab beginn | bis ende |
four + 168 = 671
*/
li#one a 	{ width:129px; }
li#two a 	{ width:184px; }
li#three a 	{ width:190px; }
li#four a 	{ width:168px; }

ul#bottomNavi li a
{	
	text-indent:-20000px;
	background-image:url(/grafik/layout/basics/naviBottom.jpg);
	background-repeat:no-repeat;
}

ul#bottomNavi li#one a 			{ background-position:0 -15px; }
ul#bottomNavi li#two a 			{ background-position:-129px -15px;}
ul#bottomNavi li#three a 		{ background-position:-313px -15px }
ul#bottomNavi li#four a 		{ background-position:-503px -15px; }

ul#bottomNavi li#one a:hover,
ul#bottomNavi li#one a.pointer	{ background-position:0 0; }

ul#bottomNavi li#two a:hover,
ul#bottomNavi li#two a.pointer	{ background-position:-129px 0; }

ul#bottomNavi li#three a:hover,
ul#bottomNavi li#three a.pointer{ background-position:-313px 0; }

ul#bottomNavi li#four a:hover,
ul#bottomNavi li#four a.pointer	{ background-position:-503px 0; }

/* START Products */
/* TopNavigation */
div#verticalTopCenter
{
	position:absolute;
	top:50%;
	margin-top:-320px;
	height:50px;
	overflow:hidden;
	width:100%;
}

div#horizontalTopCenter
{
	width:1000px;
	height:50px;
	margin:0 auto;
	padding-left:213px;
	position:relative;
}

img#showProductName
{
	position:absolute;
	top:0;
}

ul#productNavi
{
	position:absolute;
	bottom:0;
	height:19px;
}

ul#productNavi li,
ul#productNavi li a
{
	float:left;
	width:158px;
	height:19px;
}

ul#productNavi li a
{	
	text-indent:-20000px;
	background-image:url(/grafik/layout/products/productNavi.jpg);
	background-repeat:no-repeat;
}

ul#productNavi li#pOne a 		{ background-position: 0     0; }
ul#productNavi li#pTwo a 		{ background-position:-158px 0; }
ul#productNavi li#pThree a 		{ background-position:-316px 0; }
ul#productNavi li#pFour a 		{ background-position:-474px 0; }
ul#productNavi li#pFive a 		{ background-position:-632px 0; }

ul#productNavi li#pOne a:hover,
ul#productNavi li#pOne a.pointer	{ background-position: 0     -19px; }

ul#productNavi li#pTwo a:hover,
ul#productNavi li#pTwo a.pointer	{ background-position:-158px -19px; }

ul#productNavi li#pThree a:hover,
ul#productNavi li#pThree a.pointer	{ background-position:-316px -19px; }

ul#productNavi li#pFour a:hover,
ul#productNavi li#pFour a.pointer	{ background-position:-474px -19px; }

ul#productNavi li#pFive a:hover,
ul#productNavi li#pFive a.pointer	{ background-position:-632px -19px; }

/* Body Navigation */
h1#hlProducts
{
	position:absolute;
	top:25px;
	left:75px;
	width:521px;
	height:58px;
	background:url(/grafik/layout/products/HeadProductRange.jpg) center center no-repeat;
	text-indent:-20000px;
}

a#adr,
a#dilution,
a#cryostats,
a#optical,
a#accessories
{
	position:absolute;
	display:block;
	width:209px;
	height:171px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-20000px;
	z-index:1;
}

a#adr:hover,
a#dilution:hover,
a#cryostats:hover,
a#optical:hover,
a#accessories:hover
{
	background-position:0 -171px;
	z-index:2;
}

a#adr
{
	background-image:url(/grafik/content/products/icon_adr.jpg);
	top:116px;
	left:73px;
}
a#dilution
{
	background-image:url(/grafik/content/products/icon_dilution.jpg);
	top:116px;
	left:386px;
}
a#cryostats
{
	background-image:url(/grafik/content/products/icon_cryostats.jpg);
	top:226px;
	left:230px;
}
a#optical
{
	background-image:url(/grafik/content/products/icon_optical.jpg);
	top:337px;
	left:74px;
}
a#accessories
{
	background-image:url(/grafik/content/products/icon_accessories.jpg);
	top:337px;
	left:386px;
}

ul.default { margin-top:5px; }

ul.default li
{
	background:url(/grafik/layout/basics/bullet.jpg) 0px 2px no-repeat;
	padding:0 0 3px 15px;
}

ul.default li.ulHead,
ul.default li.ulIntro
{
	background:none;
	padding-left:0;
	font-weight:bold;
}

ul.default li.ulIntro { font-weight:normal; }

a.download
{
	display:block;
	width:80px;
	height:28px;
	background:url(../grafik/layout/basics/buttonDownloads.jpg) left top no-repeat;
	text-indent:-20000px;
}

a.download:hover
{
	background-position:left -28px;
}

/* News */
div#conB
{
	width:155px;
	height:530px;
	margin:20px 12px;
	float:left;
	color:#fff;
	font-size:12px; 
}

div#conB h3
{
	width:99px;
	height:17px;
	background:url(/grafik/layout/news/hl_news.gif) 0 0 no-repeat;
	text-indent:-50000px;
	margin:0 0 20px 20px;
}

div#conB ul
{
	list-style:url(/grafik/layout/news/squareBul.gif) outside;
	padding-left:20px;
	width:120px;
}

div#conB ul li { margin-bottom:12px; }

/* downloads */
ul#dl_inner_navi
{
	width:468px;
	height:11px;
	margin-top:62px;
	margin-left:100px;
}

ul#dl_inner_navi li,
ul#dl_inner_navi li a
{
	float:left;
	height:11px;
}

/*
ab beginn | bis beginn |
dl_adr 53 
dl_dilution +92= 145
dl_cryostats +108 = 253
dl_cryostats + 85 = 338

ab beginn | bis ende |
dl_accessories + 130 = 468
*/
li#dl_adr a 		{ width:53px; }
li#dl_dilution a 	{ width:92px; }
li#dl_cryostats a 	{ width:108px; }
li#dl_optical a 	{ width:85px; }
li#dl_accessories a { width:130px; }

ul#dl_inner_navi li a
{	
	text-indent:-20000px;
	background-image:url(/grafik/layout/downloads/dl_inner_navi.gif);
	background-repeat:no-repeat;
}

ul#dl_inner_navi li#dl_adr a 					{ background-position: 0 0; }
ul#dl_inner_navi li#dl_dilution a 				{ background-position:-53px 0;}
ul#dl_inner_navi li#dl_cryostats a 				{ background-position:-145px 0; }
ul#dl_inner_navi li#dl_optical a 				{ background-position:-253px 0; }
ul#dl_inner_navi li#dl_accessories a 			{ background-position:-338px 0; }

ul#dl_inner_navi li#dl_adr a:hover,
ul#dl_inner_navi li#dl_adr a.pointer			{ background-position: 0 -11px; }

ul#dl_inner_navi li#dl_dilution a:hover,
ul#dl_inner_navi li#dl_dilution a.pointer		{ background-position:-53px -11px; }

ul#dl_inner_navi li#dl_cryostats a:hover,
ul#dl_inner_navi li#dl_cryostats a.pointer		{ background-position:-145px -11px; }

ul#dl_inner_navi li#dl_optical a:hover,
ul#dl_inner_navi li#dl_optical a.pointer		{ background-position:-253px -11px; }

ul#dl_inner_navi li#dl_accessories a:hover,
ul#dl_inner_navi li#dl_accessories a.pointer	{ background-position:-338px -11px; }


div.dl_box_top
{
	width:521px;
	background:url(/grafik/layout/downloads/dl_box_top.gif) center top no-repeat;
	margin:20px auto;
	padding-top:25px;
}

div.dl_box_bottom
{
	width:521px;
	background:url(/grafik/layout/downloads/dl_box_bottom.gif) center bottom no-repeat;
	padding-bottom:25px;
}

div.dl_box_body
{
	width:481px;
	background:url(/grafik/layout/downloads/dl_box_leftRight.gif) center center repeat-y;
	padding:0 20px;
}

h3.dlHead
{
	display:block;
	font-size:16px;
	padding-bottom:15px;
	border-bottom:2px solid #fff;
}

a.dl_link
{
	position:relative;
	display:block;
	width:450px;
	padding-left:20px;
	height:25px;
	padding-top:15px;
	border-bottom:2px solid #fff;
	background-image:url(/grafik/layout/news/squareBul.gif);
	background-position:0 15px;
	background-repeat:no-repeat;
	color:#000;
	text-decoration:none;
}

a.dl_link:hover { background-color:#d6d2cb; }

a.dl_link span.aDescr
{
	display:inline-block;
	position:absolute;
	right:0px;
	top:8px;
}

span.dlWord { background-image: url(/grafik/layout/downloads/doc_small.gif) }

span.dlPDF { background-image: url(/grafik/layout/downloads/pdf_small.png) }

span.dlWord,
span.dlPDF
{
	display:inline-block;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:33px;
	padding-top:5px;
	height:20px;
}