body{
  color: black;
  font-family: arial,helvetica,sans-serif;
  text-align: justify;
  background: url("images/bg.gif");
  overflow-y: scroll} /* The vertical scroll bar should be always visible */

div#wrapper1{
  width: 975px;
  margin: 0 auto;
  padding: 22px 0}

table#wrapper2{
  width: 975px;
  background-color: #ffe7ce}

div#navigation{ 
  position: fixed;
  top: 155px; 
  margin-left: 30px}

img#order   {top:  40px} 
img#medical {top:  80px} 
img#school  {top: 120px} 
img#loc     {top: 160px} 
img#slide   {top: 200px} 
img#appeal  {top: 240px} 
img#donation{top: 280px} 
img#links   {top: 320px} 

a:link, 
a:visited, 
a:hover{color: #00c}

a:link,
a:visited{text-decoration: none}

a:hover{text-decoration: underline}

span.x{display: none} /* Prevent Skype from changing the telephone numbers */ 

/* Set the position to absolute to correct the focusing rectangle in some browsers */ 
div#navigation img{
  position: absolute; 
  border: none}

div#outertitle{height: 120px} 

div#outertitle img{
  float:left;
  margin: 27px 19px 0 0} 

div#outertitle div{
  padding-top: 54px;
  padding-bottom: 10px; /* Necessary for the lower parts of the text */
  font-size: 28px;  
  color: #c00}
  
div#right{ 
  margin-left: 206px;  
  width: 736px;
  line-height: 130%}

div.half{line-height: 50%}

span.bold{font-weight: bold}

img{border: none}

img.at{
  vertical-align: text-bottom;
  padding-bottom: 1px}

hr{
  color: gray; 
  background-color: gray; 
  height: 1px; 
  border: 0}

table{
  border-collapse: collapse;
  padding: 0 0 0 0}

table td{vertical-align: top}

table#main td.top{
  font-weight: bold;
  padding-bottom: 10px} 

table#main td.l{padding: 0 20px 40px 0}

table#main td.r{padding-top: 5px}   

table#needs td.r{padding-left: 20px} 

img.left{
  float: left; 
  margin: 5px 20px 0 0}

img.right{
  float: right; 
  margin: 5px 0 0 20px}
  
ul li{margin: -5px 0 20px 0}

/* Rules für "slide.htm" */

img#slideimage{margin-top: 4px} 

img#l,img#r{
  position: absolute;
  top: 742px}

img#l{margin-left: 247px}

img#r{margin-left: 437px}

div#slideprogress{
  position: absolute;
  top: 743px}
  
div#slidelegend{ 
  position: absolute;
  top: 776px;
  width: 736px;
  text-align: center}
 