BODY {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font: normal normal 12px/1.2 Verdana, Arial, sans-serif; 
  color: #909090;
  background: URL('./pics/main-background.gif') #555555 center repeat-y;
}

BODY P {
  text-align: left;
}

BODY B {
  font-weight: normal;
}

A, A:visited, A:link {
  text-decoration: none;
  color: #909090;
}

A:hover {
  text-decoration: underline;
  color: #ff8000;
}

DIV#main {
  width: 294px;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: left;
  background: URL('./pics/impressum.gif') center bottom no-repeat;
}

A#header {
  display: block;
  margin: 7px 0px 7px 19px;
  width: 256px;
  padding: 0px;
  height: 128px;
  background: URL('./pics/header.gif') no-repeat;
  cursor: pointer;
}

UL#menu {
  position: relative;
  left: 15px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

UL#menu LI {
  padding: 0px;
  margin: 0px;
  width: 16px;
  overflow: hidden;
}

UL#menu LI A {
  display: block;
  width: 16px;
  text-decoration: none;
  background-image: URL('./pics/menu.gif');
  cursor: pointer;
}

UL#menu LI A SPAN {
  display: block;
  width: 16px;
}

#aboutus, #aboutus A SPAN {
  height: 65px;
}

#services, #services A SPAN {
  height: 108px;
}

#references, #references A SPAN {
  height: 89px;
}

#faq, #faq A SPAN {
  height: 30px;
}

#contactus, #contactus A SPAN {
  height: 106px;
}

#links, #links A SPAN {
  height: 41px;
}

#aboutus A  {
  background-position: -17px 0px;
}

#services A  {
  background-position: -17px -65px;
}

#references A  {
  background-position: -17px -173px;
}

#faq A  {
  background-position: -17px -262px;
}

#contactus A  {
  background-position: -17px -292px;
}

#links A  {
  background-position: -17px -398px;
}

#aboutus A:hover {
  background-position: 0px 0px;
}

#services A:hover {
  background-position: 0px -65px;
}

#references A:hover {
  background-position: 0px -173px;
}

#faq A:hover {
  background-position: 0px -262px;
}

#contactus A:hover {
  background-position: 0px -292px;
}

#links A:hover {
  background-position: 0px -398px;
}

DIV.content {
  position: relative;
  left: 21px; 
  margin: 0px 0px 0px 3px;
  width: 235px;
  display: table;
}

.content H1 {
  color: #ff8000;
  margin: 0px 0px 0.67em 0px;
  font-size: 14px;
}

.content H2 {
	font-size: 13px;
}

.content B {
  color: #ff8000;
}

.content UL {
  color: #ff8000;
}

.content UL {
  color: #909090;
}

#hint, #map {
  position: absolute;
  visibility: hidden;
  background-color: white;
  border: 1px solid #909090;
  padding: 7px;
  z-index: 5;
}
#hint {
  width: 250px;
}

#map {
  width: 300px;
}

.palette {
  position: absolute;
  width: 160px;
  text-align: left;
  background-color: white;
  border: 1px solid #909090;
  z-index: 2;
}

.palette FORM, .palette FORM SELECT, .palette FORM INPUT, .palette DIV P, .palette A, .palette FORM BUTTON  {
  font-size: 9px;
  color: #5e5e5e;
}

.palette FORM SELECT, .palette FORM INPUT, .palette FORM BUTTON {
  border: 1px solid #909090;
  margin-top: 4px;
}

.palette FORM, .palette DIV {
  padding: 0px;
  margin: 0px 4px 4px 4px;
} 

.palette FORM BUTTON {
	background-color: #eeeeee;
	width: 100px;
}

.paletteTitle {
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  background: URL('./pics/palette-title.png');
  margin: 0px;
  padding: 0px 0px 0px 4px;
  text-align: left;
  color: #ff8000;
  cursor: move;
}

.paletteTitle SPAN {
  display: block;
  background: URL('./pics/palette-arrows.png') right no-repeat;
}

#converterForm INPUT {
	width: 125px;
}

.palette SELECT {
	width: 152px;
}

#converter, #paperSize, #userPalette {
  left: 0px;
}

#paperSerie P {
	height: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.paperName, .paperDim  {
  display: table;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-top: 0px;
}

 .paperName {
  width: 65px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
	
#userLoginForm INPUT {
  width: 100px;
}

#userLoginForm SPAN {
  margin-top: 5px;
  display: block;
  height: 13px;
  float: left;
  width: 37px;
}

#userFunctions A {
  text-align: center;
  background-color: #f0f0f0;
  margin: 4px 0px 0px 0px;
  display: block;
  height: 13px;
  border: 1px solid #909090;
  cursor: pointer;
}

#userFunction .inactive {
  color: #909090;
}

#userFunction .active {
  color: #ff8000;
}

#userFunctions FORM {
  margin: 0px;
  padding: 0px;
}

#userFunctions FORM INPUT {
  width: 100%;
}

.userFunction {
  display: none;
  margin: 0px;
}

.palette .error {
  margin: 4px 4px 0px 4px;
  color: #ff8000;
  font-size: 9px;
}

#home A {
  display: block;
  width: 114px;
  height: 185px;
  float: left;
  margin-bottom: 7px;
}

#home #techSpan {
  background-image: URL('./pics/home-tech.gif');
}

#home #langSpan {
  background-image: URL('./pics/home-lang.gif');
  margin-left: 7px;
}

#home #elecSpan {
  background-image: URL('./pics/home-elec.gif');
}

#home #webSpan {
  background-image: URL('./pics/home-web.gif');
  margin-left: 7px;
}

#referencesDiv DIV {
  width: 114px;
  height: 156px;
  padding: 0px;
  margin-bottom: 7px;
  display: table;
  float: left;
  cursor: pointer;
}

#referencesDiv .leftRef {
  margin-right: 7px;
}

#referencesDiv DIV IMG {
  margin: 0px auto 0px auto;
}

#refImgDiv {
	clear: both;
  width: 284px;
  height: 402px;
  margin: 0px;
  padding: 0px;
}

#refImage {
  margin: 4px 7px 7px 7px;
  border: 1px solid #f9f9f9;
}

.arrow, .aArrow {
  margin: 2px 0px 0px 0px;
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  overflow: hidden;
}

#prevArrow {
  background-image: URL('./pics/left-arrow.gif');
}

#nextArrow {
  background-image: URL('./pics/right-arrow.gif');
}

A.arrow {
  background-position: 0px 10px;
}

A.Aarrow {
  background-position: 0px 0px;
}

A.aArrow:hover {
  background-position: 0px 20px;
}

#description #thisPicNumber {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  text-align: center;
  font-weight: bold;  
  margin: 0px;
}

.linkLine A {
  border-right: 1px solid white;
  padding-right: 5px;
}

#contactusDiv H1 {
  font-size: 12pt;
  color: #ff8000;
}

#contactusDiv P {
  text-align: left;
}

#mapImg {
  margin: 7px;
}

#getFirefox {
  display: block;
  position: fixed;
  left: 10px;
  bottom: 10px;
}

.lead {
  font-weight: bold;
}

DIV#refDetail {
  display: none;
  width: 300px;
/*  height: 482px; */
  background-color: #f9f9f9;
  text-align: center;
}

DIV#refDetail IMG {
  border: 1px solid #c5c5c5;
  margin: 7px auto 7px auto;
}

DIV#refBody P {
  text-align: left;
  margin: 1em 0px 0px 4px;
  padding: 0px;
}


DIV#refBody P, DIV#refBody P A {
  font: normal normal 12px/1.2 Verdana, Arial, sans-serif; 
  
}

DIV#refDetail P B {
	color: #ff8000;
}

P#picNav A {
  margin: 0px 3px 0px 3px;
  cursor: pointer;
}

P#picNav .activeImg {
  color: #ff8000;
}

DIV#imgContainer {
  height: 402px;
}