/*7
========================================================================
startSite.css:
Main Cascade Style Sheet file for the startsite. Defines the default look 
and feel for the startsite. Should be linked in index.html.
Author: Stefan Gerlinger
=========================================================================
*/

/************************************************************************
Contents:
Definition of all areas positions and colors for contents.
*************************************************************************/ 

#shadow {
  background-image: url('../images/shadow.png');
  position: absolute;
  top: 0%;
  left: 50%;
  width: 976px;
  height: 808px;
  margin-top: 0px;
  margin-left: -488px;
  padding: 0px;
  overflow: auto;
  z-index: 0;
}

/* allContent a method to center content horizontal and vertical */
#allContent {
  background-color: #829bb4;
  position: absolute;
  top: 0%;
  left: 50%;
  width: 960px;
  height	: 800px;
  margin-top: 0px;
  margin-left: -480px;
  padding:0px;
  text-align:left;
  overflow:auto;
  z-index: 1;
}

#onTop {
  background-image: url('../images/startsite/head1.jpg');
  position: absolute;
  top: 0px;
  left: 0px;
  width: 960px;
  height	: 190px;
  padding: 0px;
  z-index: 1;
  background-color: #fff;
}

#info {
  background-image: url('../images/startsite/infoneu.jpg');
  position: absolute;
  top: 190px;
  left: 0px;
  width: 960px;
  height	: 170px;
  padding: 0px;
  z-index: 2;
  background-color: #fff;
}

#bottom {
  background-image: url('../images/startsite/bottom1.jpg');
  position: absolute;
  top: 360px;
  left: 0px;
  width: 960px;
  height: 440px;
  padding: 0px;
  z-index: 3;
}

#deutsch a {
  background-image: url('../images/startsite/d.png');
  position: absolute; 
  z-index: 10;
  top: 372px;
  left: 60px;
  width: 49px;
  height: 10px;
  text-decoration: none;
}
#deutsch a span{ display: none;}
#deutsch a:hover { background-image: url('../images/startsite/d2.png');}

#english a {
  background-image: url('../images/startsite/e.png');
  position: absolute;
  z-index: 10;
  top: 372px;
  left: 110px;
  width: 44px;
  height: 10px;
  text-decoration: none;
}
#english a span{ display: none;}
#english a:hover { background-image: url('../images/startsite/e2.png');}

#footer{
  position: absolute;
  z-index: 11;
  bottom: 15px;
  right: 22px;
  width: 222px;
  height: 10px;
}

#copyright {
  background-image: url('../images/startsite/copyright.png');
  background-repeat: no-repeat;
  font-size: 6pt;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 153px;
  height: 10px;
}

#impress a {
  background-image: url('../images/startsite/legal.png');
  position: absolute;
  z-index: 11;
  top: 0px;
  left: 153px;
  width: 69px;
  height: 10px;
  text-decoration: none;
}
#impress a span{ display: none;}
#impress a:hover { background-image: url('../images/startsite/legal2.png');}