@charset "utf-8";
/* CSS Document */


body {
	font: 100%/1.4em Trebuchet MS, clean, sans-serif normal;
	background-color: #fff;
	background-image: url(../images/bgStageS.jpg);/*background-image: url(../images/bgStage950.jpg);*/
	background-repeat: no-repeat;
	background-position:50% -14px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*color: #306569;*/
	color: #686d6f;
}
h1, h2, h3 {
	color: #6d7274;
}
.neu {
	background-image:url(../images/neuTd.png);
	background-repeat:no-repeat;
	padding: 12px 0 0 66px;
	overflow:visible;
}
h3 {
	border-bottom: dotted 1px #6d7274;
	font-size:1.3em;
}
table {
	table-layout:fixed;
	empty-cells: hide;
}
table td {
	border-bottom: dotted 1px #6d7274;
	padding:10px;
}
.special_1 {
	font-weight:bold;
	padding-left:0;
	width:30%;
}
p {
	text-align:justify;
}
acronym {
	display:inline;
	font-family:Courier New, Courier, monospace;
	font-size:80%;
}
a {
	color:#6d7274;
}
a:hover {
	color:#325465;
}
td {
	vertical-align:top;
}
#container {
	width:803px; /*width:950px;*width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
	font-size:90%;
}
#header {
	background-color: transparent;
	padding: 0;
	margin:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:335px;
}
#header img {
	position:relative;
	top:14px;
	left:-1px;
}
#header a.imprint {
	position: relative;
	top: 5px;
	left: 20px;
	color:#bdcbc6;
	font-size: 90%;
}
#header a:hover.imprint {
	color:#e7efec;
}
#header h1 {
	display:none;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* browsersSAFE FOR ie 5+6 /
#nav{height: 41px; width:803px; overflow:hidden;margin:0; padding:0;}
	#nav ul{list-style:none; margin:0; padding:0; clear:right;}
	#nav ul li{display: block; float:left; height: 41px;list-style:none; margin:0; padding:0;}
	#nav ul li a{display: block; float:left; height: 41px; padding: 8px 20px; color:#000; font-weight: bold; text-decoration:none;}
	#nav ul li a:hover,#nav ul li a.active{display: block; float:left; height: 41px;background-image: url(../images/tryOnAlt2.png); background-repeat: no-repeat; background-position:50%  0%; padding: 8px 20px; color:#fff; font-weight: bold; text-decoration:none;}
	
*/
	#nav {
	height: 80px;
	width:803px; /*width:950px;*/
	overflow:hidden;
	margin:0;
	padding:0;
}
* html #nav {
	position: relative;
	left: 2px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	clear:right;
}
#nav ul li {
	display: block;
	float:left;
	height: 80px;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#nav ul li a {
	display: block;
	float:left;
	height: 80px;
	padding: 7px 25px;
	color:#696e70;/*color:#406569;*/
	font-weight: bold;
	text-decoration:none;
}
#nav ul li a:hover, #nav ul li a.active:hover {
	display: block;
	float:left;
	height: 80px;
	background-image: url(../images/tryOver.png);
	background-repeat: no-repeat;
	background-position:50% 0%;
	text-decoration:none;
}
#nav ul li a.active {
	display: block;
	float:left;
	height: 80px;
	background-image: url(../images/tryOn.png);
	background-repeat: no-repeat;
	background-position:50% 0%;
	color:#325465;
	font-weight: bold;
	text-decoration:none;
}
/**html #nav ul li a:hover, #nav ul li a.active:hover{background-image: url(../images/tryOver.jpg);}
	*html #nav ul li a.active{background-image: url(../images/tryOn.jpg);}*/
	
#content {
	padding: 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: transparent;
	font-size: 100%;
}
 a.pdf{background-image: url(../images/pdf15.png); background-position: 100% 0%;  background-repeat:no-repeat; padding-right: 20px; }
.bigPad {
	padding:20px 100px 30px 120px;
}
.half {
	width:46.5%;
	float:left;
}
.first {
	margin-right:50px;
}
.imgOuter {
	background-image:url(../images/imgShadeTL.png);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:0% 0%;
	padding:10px 0 0 10px;
	position: relative;
	left: -10px;
	top: -10px;
}
.imgShade {
	background-image:url(../images/imgShadeBR.png);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:100% 100%;
	padding:0 10px 13px 0;
}
.imgContainer {
	padding: 20px;
	border: solid 1px #696e70;
	background-color:#e8eae9;
}
.imgContainerS {
	padding: 10px;
	border: solid 1px #696e70;
	background-color:#e8eae9;
}
.imgContainer img {
	border: solid 1px #406569;
	width:100%;
}
.imgContainerS img {
	border:none;
}
.imgContainer p, .imgContainerS p {
	font-size:90%;
	color:#444;
	margin-bottom: 0;
}
.imgContainerS p {
	padding: 0 10px;
}

.wholeWidthIllu{display:block; width:715px; height: 300px;} 

* html #content .imgOuter {
	background-image:none;
	background-color:transparent;
	background-repeat: no-repeat;
}
* html #content .imgShade {
	background-image:none;
	background-color:transparent;
	background-repeat: no-repeat;
}
#content td img {
	background-color: #dbe2e3;
	background-image: url(../images/imgBg.jpg);
	background-repeat: repeat-x;
	background-position:0% 0%;
	padding:10px;
}
#content .end {
	height:60px;
	background-image:url(../images/endP.png);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:50% 0%;
	clear:left;
}
* html #content .end {
	background-image:url(../images/endP.gif);
}
#zebraGo {
	float:none;
	border-top:1px solid #797d7e;
	border-right:1px solid #797d7e;
}
#zebraGo tbody tr td {
	font-size: 100%;
	padding: 5px 8px;
	border-left: 1px solid #797d7e;
	border-bottom: 1px solid #797d7e;
	background-color: #dbe2e3;
	background-image: url(../images/tdGradientLight.png);
	background-repeat: repeat-x;
	background-position:0% 98.98%;
}
#zebraGo tbody tr th {
	font-size: 100%;
	padding: 5px 8px;
	border-left: 1px solid #797d7e;
	color: #ffffff;
	background-color: #dbe2e3;
	background-image: url(../images/thGradient2.png);
	background-repeat: repeat-x;
	background-position:0% 100%;
}
#zebraGo tbody tr.selected td {
	background-color: #afb4b4;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/tdGradientSpecial.png);
	background-repeat: repeat-x;
	background-position:0% 100%;
	border-left: 1px solid #797d7e;
	border-bottom: 1px solid #797d7e;
}
/*
#zebraGo {
	border: 1px solid #7b8181;
}


#zebraGo td {
	
	padding: 5px 8px;
	border-left: 1px solid #6c7473;
}

#zebraGo tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}
*/






#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: transparent;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/**general goodies**/
.bold {
	font-weight:bold;
}
.floatL {
	float:left;
}
.left {
	text-align:left;
}
.spacer {
	padding:10px;
}
.smaller{
	font-size:80%;
}
.padT {
	padding-top:30px;
}
.padL {
	padding-left:20px;
}
.padLR10 {
	padding: 0 10px;
}
.padR {
	padding-right:20px;
}
.margL {
	margin-left:10px;
}
.margL20 {
	margin-left:20px;
}
.margR20 {
	margin-right:20px;
}
.margLImg {
	margin-left:30px;
}
.clear {
	clear: both;
}
.clearL {
	clear:left;
}
.clearR {
	clear:right;
}
.right {
	float:right;
}
.bigPad {
	padding:20px 100px 50px 120px;
}
.neuTd {
	background-image:url(../images/neuTd.png);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:-4px 0px;
	padding-left:60px;
}
* html #content .neuTd {
	background-image:url(../images/neuTd.gif);
}

.tipp {
	background-image:url(../images/tipp.png);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:-4px -4px;
	padding-left:60px;
}
* html #content .tipp {
	background-image:url(../imagesE.pngtippIe);
}