body
{
	background-image:url(../img/bgr.gif);
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
        color: #00398c;
}

.textA
{
  	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
        color: #000000;
}







h2
{
        font: 21px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;
        color: #00398c;
}
h2.orange
{
	 font: 21px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;
        color: #f39911;
}

h3
{
        font: 17px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;
        color: #00398c;
}

h4
{
      font: 16px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;
        color: #00398c;
}

blueText
{
	
}


.boxLink
{

 
  background: url(../img/bullet_orange.gif) no-repeat;

}

.blub
{
   list-style-image:url(../img/bullet.gif);
}

.bullet
{
        
	background: transparent url(../img/bullet.gif) left center no-repeat;
	padding-left: 30px;
       
}

.buttonLink
{
   
   cursor: pointer;
   font: 18px Arial,Verdana,Helvetica,Sans-Serif;
   font-weight:bold;
   color: #ffffff;
   text-decoration:none;
}

.buttonLinkklein
{
   
   cursor: pointer;
   font: 14px Arial,Verdana,Helvetica,Sans-Serif;
   font-weight:bold;
   color: #ffffff;
   text-decoration:none;
}

.buttonLink:hover
{
   
   cursor: pointer;

   font: 18px Arial,Verdana,Helvetica,Sans-Serif;
   font-weight:bold;
   color: #00398c;
   text-decoration:none;
}

.buttonLinkklein:hover
{
   
   cursor: pointer;

   font: 14px Arial,Verdana,Helvetica,Sans-Serif;
   font-weight:bold;
   color: #00398c;
   text-decoration:none;
}


.buttonBG
{
  width: 125px;
  height: 25px;
  background: transparent url(../img/button.gif) no-repeat;
  text-align:center;
  padding-Top:2px;
}


.berechneButtonBG
{
    background: transparent url(../img/button2.gif) no-repeat;

   width: 100px;
   height: 20px;
   text-align:center;
   padding-left:2px;
  
}

.titel
{
	       font: 21px Arial,Verdana,Helvetica,Sans-Serif;
         font-weight:bold;
         color: #FF9900;
}

.box
{  
  border-color:#d4d320;;
  border-bottom-width:1px;
  border-left-width:1px;
  border-bottom-style:solid;
  border-left-style:solid;
  height:220px;
  padding-left:20px;
  padding-bottom:0px;
  padding-top:20px;
  -moz-border-radius-bottomleft: 15px 20px;
}

.box2
{
  border-color:#d4d320;;
  border-top-width:1px;
  border-left-width:1px;
  border-top-style:solid;
  border-left-style:solid;
  padding:0px;
  height:260px;
  -moz-border-radius-topleft: 15px 20px;


}



.resultBox
{
 
  border-color:#d4d320;
  border-width:1px;
   border-style:solid;
   font: 12px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;


}

.resultBoxOrange
{
 
  border-color:orange;
  border-width:2px;
   border-style:solid;
   font: 12px Arial,Verdana,Helvetica,Sans-Serif;
        font-weight:bold;
}

.resultTextOrange
{
    font: 14px Arial,Verdana,Helvetica,Sans-Serif;
          font-weight:bold;
    color: #FF9900;
}

#orangeCount
{
    font: 14px Arial,Verdana,Helvetica,Sans-Serif;
          font-weight:bold;
    color: #FF9900;

}

#orangeCount td
{
        font: 14px Arial,Verdana,Helvetica,Sans-Serif;
          font-weight:bold;
    color: #FF9900;
    padding-top:10px;
}


.resultText
{
    font: 12px Arial,Verdana,Helvetica,Sans-Serif;
    font-weight:bold;
    text-align:bottom;
    vertical-align:bottom;
        
}


.homeButton
{
    background: transparent url(../img/ico_01.gif) no-repeat;

}

.homeButton:hover
{

  background: transparent url(../img/ico_01a.gif) no-repeat;

}
/*- Small Print Footer -*/
#smallPrint {
   width: 915px;
   margin: 20px auto 0 auto;
   color: #888888;
   font-size: smaller;
	text-align:center;
}

/*- Rotierender Teaser in Multi-Purpose-Box -*/
#mpbRotatingTeaser {
  width: 210px;
  height: 57px;
  background: url(../img/mpb_jetztwechseln.gif) no-repeat;
  margin-bottom: 10px;
  margin-left: 18px;
}
#mpbRotatingTeaser a.strom {
  display: block;
  position: relative;
  top: 34px;
  left: 47px;
  width: 84px;
  height: 17px;
  background: transparent;
  text-indent: -9999px;
}
#mpbRotatingTeaser a.strom:hover {
  background: url(../img/mpb_jetztwechseln_strom.gif) no-repeat;
}
#mpbRotatingTeaser a.gas {
  display: block;
  float: left;
  position: relative;
  top: 17px;
  left: 131px;
  width: 74px;
  height: 17px;
  background: transparent;
  text-indent: -9999px;
}
#mpbRotatingTeaser a.gas:hover {
  background: url(../img/mpb_jetztwechseln_gas.gif) no-repeat;
}