/* CSS Document */
/* fuer smartcontent.eu */
/* erstellt von Martina Misar, martina@web-graphix.com */

/* Schriftstyles */

  .lauftext{
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-size:13.5px;
  color:#CCCCCC;
  line-height:20px;
  letter-spacing:0.4px;
  font-weight:lighter;
  
  }
  
  a.lauftext, a:link.lauftext, a:hover.lauftext, a:active.lauftext  {
 color:#CCCCCC;
 text-decoration:underline;
 }
 
   .lauftext_fett{
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-size:13.5px;
  color:#FFFFFF;
  line-height:20px;
  letter-spacing:0.4px;
  font-weight:bold;
  }
  
  a.lauftext_fett, a:link.lauftext_fett, a:hover.lauftext_fett, a:active.lauftext_fett  {
 color:#FFFFFF;
 text-decoration:underline;
 }
 
 .lauftext_kl{
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-size:10px;
  color:#888888;
  line-height:20px;
  letter-spacing:0.4px;
  font-weight:lighter;
  
  }
  
  a.lauftext_kl, a:link.lauftext_kl, a:hover.lauftext_kl, a:active.lauftext_kl  {
 color:#CCCCCC;
 text-decoration:underline;
 }
 
 /* Layout */


body, html{ 
  height: 100%; 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color:#3f3f3f;
  background-image:url(img/grey.png);
  }
  
  #background{
  top:0px;
  left:0px;
  width:100%;
  height:630px;
  z-index:0;
  background-image:url(img/background.png);
  background-repeat:repeat-x;
  }
  
  #headerBackground{
  top:0px;
  left:0px;
  width:100%;
  height:630px;
  z-index:0;
  background-image:url(img/header_background.png);
  background-repeat:repeat-x;
  }
  
 #centerArea{
  position: absolute; 
  top:70px;
  width:100%;
  vertical-align:top;
  text-align:center;  
  }
  
 #mainArea{
  position: absolute; 
  top:0px;
  width:645px;
  margin-left: -325px;
  position: absolute;
  left: 50%; 
  height:100px;
  text-align:center;
  }
  
 
 #headerMainArea{
  position: absolute; 
  top:0px;
  left:0px;
  width:645px;
  margin-left: 0px;
  position: absolute;
  height:230px;
  text-align:left;
  background-image:url(img/header_background.png);
  }
  
 
  

  
  #header{
  position: absolute;
  top:0px;
  left:0px;
  width:645px;
  height:230px;
  text-align:right;
  }
  
  #navigation{
  position: absolute;
  top:0px;
  left:0px;
  width:645px;
  height:20px;
  text-align:right;
  }
  
#logo{
  position: absolute;
  top:40px;
  left:0px;
  width:645px;
  height:50px;
  text-align:left;
  }
  
  #banner{
  position: absolute;
  top:50px;
  left:375px;
  width:270px;
  height:45px;
  text-align:left;
  }
  
  #headerImages{
  position: absolute;
  top:100px;
  left:0px;
  width:645px;
  height:125px;
  text-align:left;
  }
  
 #mainContent{
  position: absolute;
  top:265px;
  left:0px;
  width:645px;
  text-align:left;
  z-index:5;
  }
  
   #shadowBottom{
  position: relative;
  top:20px;
  left:0px;
  width:645px;
  text-align:right;
  z-index:5;
  height:100px;
  }
  

 
 /* layout extra Projektseite */
 
   #projekteMainArea{
  position: absolute; 
  top:0px;
  left:20px;
  width:545px;
  margin-left: 0px;
  position: absolute;
  height:230px;
  text-align:left;
  background-image:url(img/header_background.png);
  }
  
   #projekteContent{
  position: absolute;
  top:125px;
  left:0px;
  width:545px;
  text-align:left;
  z-index:5;
  }
  
  #projekteLogo{
  position: absolute;
  top:40px;
  left:0px;
  width:545px;
  height:50px;
  text-align:left;
  }