/* CSS Document */
@charset "UTF-8";
/**
 * @Author: H.Urschel
 *
 * (en) Buttons and Pictures
 * (de) Knoepfe und Bilder
 *
 * @copyright       Copyright 2010-, Blupeg GmbH
 *
 * @link            http://www.blupeg.de
 * @package         algemein
 * @version         1.1.1
 * @revision        $Revision: 1
 * @lastmodified    $Date: 2010-07-13 
 */

@media all
{

/* Buttons */
  .singleKey33
  {
    height:30px;
    width: 90px;
    line-height: 15px;
  }
  
  .singleKey
  {
    width:90px;
    height:90px;
    margin-bottom:10px;
  }
  .doubleKey
  {
    width:180px;
    height:90px;
  }
  
  .doubleKey50
  {
    width:180px;
    height:45px;
  }
  
  .doubleKey33
  {
    width:180px;
    height:30px;
  }
  .quadKey
  {
    width:180px;
    height:180px;
  }


/* Buttons */
  
.box
{
  position:relative;
  width:568px;
  margin: 0px 0px 20px 0px;
}

.boxTop{
     width:568px;
     height:40px;
     background:url(/img/balkis/box_oben.png) no-repeat;
}
  
.boxMitte{
     width:568px;
     background:url(/img/balkis/box_mitte.png) repeat-y;
     position:relative;
}
  
.boxMitte div{
    width:538px;
    position:relative;
    left:20px;   
  }
  
  .titel
  {
    color:#E6E9EB;
    position:relative;
    left:20px;
	text-align:top;
    top:-2px;
    
  }
  .inhalt
  {
    
  }
  .boxUnten
  {
     width:568px;
     height:29px;
     background:url(/img/balkis/box_unten.png) no-repeat;
     position:relative;   
  }
  



.homepage{
	margin-top:20rem;
	text-align: center;
}
.box .inhalt ul, 
.box .inhalt ol, 
.box .inhalt dl,
.box800 .inhalt ul, 
.box800 .inhalt ol, 
.box800 .inhalt dl{ margin:0 0 0 1em; }
.box .inhalt dd,
.box800 .inhalt dd  { margin:0 0 0 0.8em; }

.box .inhalt p,
.box800 .inhalt p { margin:0 0 0 0; }
.box .inhalt blockquote,
.box800 .inhalt blockquote { margin:0 0 0 1.6em;  }
.box .inhalt pre,
.box800 .inhalt pre {  margin:0 0 0 0; }
.box .inhalt hr,
.box800 .inhalt hr {margin:0 0 0 0;}
.box .inhalt .info,
.box800 .inhalt .info { margin-bottom:0em;  }

.box .inhalt .note,
.box800 .inhalt .note { margin-bottom:0em; }
.box .inhalt .important,
.box800 .inhalt .important {  margin-bottom:0em; }
.box .inhalt .warning,
.box800 .inhalt .warning {  margin-bottom:0em; }

  
.box .inhalt   .center,
.box800 .inhalt   .center { margin:0em auto; }

.box .inhalt h1, 
.box .inhalt h2,
.box .inhalt h3,
.box .inhalt h4,
.box .inhalt h5,
.box .inhalt h6,
.box .inhalt li,
.box800 .inhalt h1, 
.box800 .inhalt h2,
.box800 .inhalt h3,
.box800 .inhalt h4,
.box800 .inhalt h5,
.box800 .inhalt h6,
.box800 .inhalt li { margin:0 0 0 0; }     

.box .inhalt li,
.box800 .inhalt li {
    margin-left: 20px;
}
.box800
{
  position:relative;
  width:800px;
  margin: 0px 0px 20px 0px;
}

.boxTop800{
     width:800px;
     height:36px;
     background:url(/img/balkis/box_oben_800px.png) no-repeat;
}
  
.boxMitte800{
     width:800px;
     background:url(/img/balkis/box_mitte_800px.png) repeat-y;
     position:relative;
}
  
.boxMitte800 div{
    
    position:relative;
    margin: 0px 10px;   
  }
  
 
  .boxUnten800
  {
     width:800px;
     height:29px;
     background:url(/img/balkis/box_unten_800px.png) no-repeat;
     position:relative;   
  }
  


.impressum{
    font-size: 1.25em;
    margin-left:200px;
}
  
  
.ubs{
     text-decoration:underline;
     color:#0000FF;
}
  
.infoWer{
    font-weight:normal;
}
  
.trennerDiv{
    height:20px;
}

}