/*
  CSS Definitionen www.grenzstein-art.de  |  Stand: 29.06.2009  |  ERICLI.DE | Agentur fuer Kommunikation und Design
*/



/* ############# allgemein ############# */
  body{
   background-color:#333333;
   font-family:arial,helvetica,sans-serif;
   font-size:10pt;
   color:#ffffff;}
    
  a:link{text-decoration:underline; color:#ffffff;}
  a:visited{text-decoration:underline; color:#ffffff;}
  a:focus{text-decoration:underline; color:#FF0000;}
  a:hover{text-decoration:underline; color:#FF0000;}
  a:active{text-decoration:underline; color:#FF0000;}
  
  h1{
   font-size:24pt;
   font-weight:normal;}

  h2{
   font-size:11pt;
   font-weight:normal;}

  h3{
   font-size:13pt;
   font-weight:normal;}

  .main{
   position:absolute;
   top:50%;
   left:50%;
   margin-left:-480px;
   margin-top:-296px;
   width:960px;
   height:592px;
   padding:0px;}

  .box{
   background-color:#222222;
   position:absolute;
   top:0px;
   left:0px;
   margin-left:0px;
   margin-top:0px;
   width:960px;
   height:562px;
   border-style:solid;
   border-width:2px;
   padding:0px;
   border-color:#ffffff;}

  .logo{
   position:absolute;
   top:20px;
   left:430px;}

  .navi{
   position:absolute;
   top:572px;
   left:0px;
   width:960px;
   text-align:center;}
  
  .rot{
   color:#FF0000;}


/* ############# startseite ############# */
  .intro_box{
   position:absolute;
   top:160px;
   left:230px;
   margin-left:0px;
   margin-top:0px;   
   padding:0px;
   width:720px;
   height:391px;}

  .intro1{
   position:absolute;
   top:0px;}

  .intro2{
   position:absolute;
   top:35px;
   left:230px;}

  .award{
   position:absolute;
   top:405px;
   left:39px;}

  .ericli{
   position:absolute;
   top:533px;
   left:39px;
   width:882px;
   text-align:right;
   font-size:9pt;}

  .er{ letter-spacing: 0.2em;}

  .ericli a:link{text-decoration:none;}
  .ericli a:visited{text-decoration:none;}
  .ericli a:focus{text-decoration:none}
  .ericli a:hover{text-decoration:none;}
  .ericli a:active{text-decoration:none;}


/* ############# projekt ############# */
  .projekt{
   position:absolute;
   top:125px;
   left:0px;
   width:960px;
   text-align:center;}


/* ############# einblicke ############# */
  .einblicke{
   position:absolute;
   top:234px;
   left:38px;}


/* ############# impressum, ausstellungen, links ############# */
  .impressum{
   position:absolute;
   top:140px;
   left:330px;}


/* ############# haftungsausschluss ############# */
  .haftungsausschluss{
   position:absolute;
   top:140px;
   left:70px;}

/* ############# kontakt ############# */
  .siegbert{
   position:absolute;
   top:120px;
   left:500px;}

  .stefan{
   position:absolute;
   top:120px;
   right:500px;
   text-align:right;}

  .siegbert_bild{
   position:absolute;
   top:409px;
   left:500px;}

  .stefan_bild{
   position:absolute;
   top:409px;
   left:360px;}

/* ############# trauerkunstkarten ############# */
  .tkk_text{
   position:absolute;
   top:120px;
   left:0px;
   width:960px;
   text-align:center;}

  .karten{
   position:absolute;
   top:200px;
   left:145px;}

/* ############# philosophie ############# */
  .philosophie_text{
   position:absolute;
   top:140px;
   left:320px;}

  .philosophie_bild1{
   position:absolute;
   top:166px;
   left:150px;}

  .philosophie_bild2{
   position:absolute;
   top:281px;
   left:150px;}

  .philosophie_bild3{
   position:absolute;
   top:396px;
   left:150px;}