body {
  margin: 16px;
  background-color:  #ffcc66;  /* #8A9DB6; -*/
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:492px 43px; 
  }

  
#content:after {
   content : "";
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   background-image: url(escher.png);  
   /*background-color:  #ffffcc  ; */
   background-size: cover;
   width: 100%;
   height: 100%;
   opacity : 0.5;
   z-index: -10; 
}  


#content:before {
   content : "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   /*background-image: url(Bosch2.jpg); */
   background-color:  #ffffcc  ; 
   background-size: cover;
   width: 100%;
   height: 100%;
   opacity : 0.55;
   z-index: 0;
}

#content {
  width: 67em;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: -50px 85px;
  position: relative;
  background-image: url(zamansky.jpeg); 
  background-size: 1200px 800px;
  /* background-color:  #ffffcc  ; /* #E8E8E8 ;  */
  BORDER-RIGHT: #2C3749 1px solid; 
	BORDER-LEFT: #2C3749 1px solid; 
	BORDER-BOTTOM: #2C3749 1px dashed; 
  /*z-index:0;*/
}


#soft {
 width: 60em;
  padding: 0px;
  position:relative;
  font-family: Verdana;
  background-color: #ffffcc; /* #E8E8E8; */
  BORDER-RIGHT: #2C3749 1px solid; 
	BORDER-LEFT: #2C3749 1px solid; 
	BORDER-BOTTOM: #2C3749 1px dashed; 
  BORDER-TOP: #2C3749 1px ; 
  text-align: right;
  z-index: 0;
}

#soft a, #soft a:visited {
  color: #2C3749;
  text-decoration: none;
}

#soft a:hover {
  text-decoration: underline;
}


 #title {
  background-position: 475px 30px;
  background-repeat: no-repeat;
  position: relative;

  height: 110px;
  background-color: #2e2500; /* #2C3749; */
  color: white;
  padding-right: 46px;
  padding-top: 0px;
  
     BORDER-TOP: #8A9DB6 1px dashed;
BORDER-BOTTOM: #2C3749 1px dashed; 
  z-index: 1;
  opacity:1;
}

#title h1 {
  margin: 0px;
  font-family: Verdana;
  font-size: 120%;
  text-transform: uppercase;
}

#title big {
  font-size: 140%;
}

#navigation {
  position:relative; 
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
 padding-bottom: 16px;
  font-family: Verdana;
  font-size: 85%;
BORDER-BOTTOM: #2C3749 1px dashed; 
  z-index:1;
}

#navigation p {
  margin: 0px;
}

#navigation a {
  margin-right: 16px;
  text-decoration: none;
  font-weight: bold;
  color: #2C3749;
}

#navigation a:hover {
  text-decoration: underline;
}

#navigation strong {
  font-family: Verdana;
  font-size: 140%;
}


#text {
  position: relative;
  margin: 16px;
  font-family: Verdana;
  font-size: 85%;
  z-index:1;
}

#text p {
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 120%;
}

#text ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

#text a, #text a:visited {
  color: blue;
  text-decoration: none;
}

#text a:hover {
  text-decoration: underline;
}

#text h1 {
  text-align: center;
  font-size: 140%;
  margin-top: 12px;
  margin-bottom: 8px;
}

#text h2 {
  font-size: 120%;
  border-bottom: 1px solid #8A9DB6;
  margin-top: 12px;
  margin-bottom: 8px;
}

#text big {
  font-size: 120%;
}

#text h3 {
  font-size: 110%;
  margin-top: 8px;
  margin-bottom: 8px;
}

#text h4 {
  font-size: 100%;
  margin-top: 8px;
  margin-bottom: -8px;
}

#text h5 {
  font-size: 100%;
  font-weight: normal;
  text-decoration: underline;
  margin-top: 8px;
  margin-bottom: -8px;
}

#text h6 {
  font-size: 100%;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: -8px;
}


#text table {
  border-width: 0px;
  margin: 0px;
}

#text th {
  padding-left: 0px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  border-width: 0px;
  text-align: left;
  vertical-align: top;
}

#text td {
  padding-left: 0px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  border-width: 0px;
  text-align: left;
  vertical-align: top;
}

#text button, #text input, #text select, #text textarea {
  font-family: Verdana;
  font-size: 80%;
}

#text p.error {
  background-color: red;
  color: white;
  font-weight: bold;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
}

#text p.success {
  background-color: darkgreen;
  color: white;
  font-weight: bold;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
}

#text p.alert {
  background-color: yellow;
  color: black;
  font-weight: bold;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
}

#text p.pre {
  font-family: "Courier New";
  padding: 8px;
  border: 1px solid #2C3749;
  background-color: white;
}

#text table {
  border-width: 0px;
}

#text td.space {
  width: 1em;
}

#text th {
  text-align: right;
  padding-right: 1em;
}