@charset "UTF-8";

html, {
margin: 0; padding: 0;
	font-family: Verdana, Arial;
	font-size: 9pt;
}
body {
	background-image: url(../images/back.jpg);
		background-color: #EAF4FF;
	padding: 0px;
	height: 100%;
	width: 100%;
	margin: 0;
}
img {
	display: block;
	padding: 8px 8px 8px 8px;
}
#infobox {

	position: absolute;
	visibility: visible;
	top: 120px;
	left: 210px;
	bottom: 0px;
	width: 560px;
	z-index: 6;
	text-align: left;
}
.infoboxTitle {
padding: 12px 12px 12px 12px;
	visibility: visible;
	color: #000066;
	font-weight: bold;
	z-index: 16;
	text-align: left;
	padding-bottom: 12px;
}
.infoboxText {
padding: 12px 12px 12px 12px;
	visibility: visible;
	color: #000066;
	font-weight: normal;
	z-index: 12;
	text-align: left;
}
#MyopticalogoText {
	position: absolute;
	visibility: hidden;
	top: 4px;
	left: 4px;
	z-index: 5;
}
#container {
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 0;
	bottom: 0px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	z-index: 4;
	padding-bottom: 40px;
	background-color: #EAF4FF;
	height: 1200px;
}
#Myopticalogo {
	background-image: url(../images/MyopticaLogoCSS2.gif);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 189px;
	height: 159px;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
	padding-bottom: 40px;
}
#MyopticaStripe {
	background-image: url(../images/MyopticaTopLine.jpg);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	top: 50px;
	left: 200px;
	bottom: 0px;
	width: 627px;
	height: 31px;
	margin-right: auto;
	margin-left: auto;
	z-index: 6;
	padding-bottom: 40px;
}
#MyopticabottomStripe {
	background-image: url(../images/MyopticaVerticalLine.jpg);
	background-repeat: repeat-y;
	position: absolute;
	visibility: visible;
	top: 81px;
	left: 200px;
	bottom: 0px;
	width: 627px;
	height: 31px;
	margin-bottom: auto;
	margin-bottom: auto;
	z-index: 6;
	padding-bottom: auto;
}
#leftbox {
	background-color: #ffffcc;
	position: absolute;
	visibility: visible;
	top: 130px;
	left: 200px;
	bottom: 0px;
	width: 290px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	z-index: 6;
}
#leftboxgraphictop {
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 0px;
	width: 137px;
	height: 155px;
	z-index: 12;
}
#leftboxgraphicbottom {
	position: absolute;
	visibility: visible;
	top: 235px;
	left: 5px;
	bottom: 0px;
	width: 290px;
	height: 155px;
	z-index: 12;
}
#rightbox {
	background-color: #cd5c5c;
	position: absolute;
	visibility: visible;
	top: 90px;
	left: 510px;
	bottom: 0px;
	width: 290px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	z-index: 6;
}
#rightboxgraphictop {
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 0px;
	width: 137px;
	height: 155px;
	z-index: 12;
}
#rightboxgraphicbottom {
	position: absolute;
	visibility: visible;
	top: 235px;
	left: 5px;
	bottom: 0px;
	width: 290px;
	height: 155px;
	z-index: 12;
}
#ZeissImage {
	background-image: url(../images/CarlZeiss.jpg);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	top: 480px;
	left: 0px;
	bottom: 0px;
	width: 88px;
	height: 110px;
	margin-right: auto;
	margin-left: auto;
	z-index: 8;
	filter: alpha(opacity=15);
}
#slogan {
	position: absolute;
	visibility: visible;
	height: 25px;
	width: 260px;
	top: 90px;
	left: 200px;
	z-index: 8;
}
#slogantext {
	font-size: 14px;
	color: #6600CC;
	font-weight: bold;
}
#ZeissnameText {
	position: relative;
	visibility: visible;
	font-size: 20px;
	color: #ffcc99;
	font-weight: bold;
	top: 555px;
	left: 25px;
	z-index: 18;
}
.LeftblockTitle {
	position: absolute;
	visibility: visible;
	font-size: 16px;
	color: #3366cc;
	font-weight: bold;
	z-index: 19;
	top: 15px;
	left: 132px;
	width: 150px;
	text-align: center;
}
.RightblockTitle {
	position: absolute;
	visibility: visible;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	z-index: 19;
	top: 15px;
	left: 132px;
	width: 150px;
	text-align: center;
}
.LeftProductDesc {
	position: absolute;
	visibility: visible;
	color: #3366cc;
	font-weight: bold;
	z-index: 19;
	top: 80px;
	left: 150px;
	width: 130px;
	text-align: left;
}
.RightProductDesc {
	position: absolute;
	visibility: visible;
	color: #ffffff;
	font-weight: bold;
	z-index: 19;
	top: 80px;
	left: 150px;
	width: 130px;
	text-align: left;
}
a:visited {
	color: #6600CC;
	text-decoration: none;
	font-size: 10pt;
}
a:link {
	color: #6600CC;
	text-decoration: none;
	font-size: 10pt;
}
a:hover {
	color: #cc6633;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #cc6633;
	font-size: 10pt;
}
a:active {
	color: #6600CC;
	text-decoration: none;
	font-size: 10pt;
}
#leftmenu
{
	position: absolute;
	visibility: visible;
	font-size: 10px;
	font-weight: normal;
	z-index: 19;
	top: 150px;
	left: 0px;
	width: 200px;
	text-align: left;
}
A.tealLink:link { text-decoration: none; color: #3366cc;font-weight: bold; font-size: 11pt;}
A.tealLink:visited { text-decoration: none; color: #3366cc;font-weight: bold; font-size: 11pt;}
A.tealLink:hover { text-decoration: none; color: #cc6633;font-weight: bold; font-size: 11pt; 
border-bottom-width: thin;
	border-bottom-style: dotted; border-bottom-color: #cc6633;}
A.tealLink:active { text-decoration: none; color: #3366cc;font-weight: bold; font-size: 11pt;}

A.whiteLink:link { text-decoration: none; color: #ffffff;font-weight: bold; font-size: 11pt;}
A.whiteLink:visited { text-decoration: none; color: #ffffff;font-weight: bold; font-size: 11pt;}
A.whiteLink:hover { text-decoration: none; color: #ffff99;font-weight: bold; font-size: 11pt;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;}
A.whiteLink:active { text-decoration: none; color: #ffffff;font-weight: bold; font-size: 11pt;}