html
{
  height: 100%;
}

body
{
  height: 100%;
  
  background-color:#AEAFB3;
  margin:0px;  
  font-family:verdana,arial;
  font-size:12px;
  color:#194a8d;
  
}

form
{
  height: 100%;
}


h1
{

  font-size:12px;
  font-style:bold;
  
}

ul
{
   

}


/* background colors use for table */
.blueLight
{ 
  background-color: #B3C1DC;
  color:#194a8d;
}

.blueDark
{
  background-color:#798AB6;
  color:#ffffff;
}


/* Page Frame set the outer Frame position and size of this Site */
#webPageFrame
{
  position:relative;
  width:896px;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  left:50%;
  margin-left:-448px;
}

/* set repeated BackgroundImage */
#webPageFBackground
{
  width:896px;
  height: 100%;
  min-height: 1920px;
  float:left;
  background-image:url(../images/pageBackground2.jpg);
  background-repeat:repeat-y;
}

/* set first part of BackgroundImage */
#webPageInnerFrame
{
  width:896px;
  height: 100%;
  float:left;
  background-image:url(../images/pageBackground1.jpg);
  background-repeat:no-repeat;  
}

/* Navigation vertical */
#webPageNavV
{
   float:left;
   width:132px;
   /* background-color:red; */
   height:20px;
   padding-left:44px;
   padding-right:24px;
   padding-top:74px;
}

*html #webPageNavV
{
  width: 170px;
}

/* first level */
#webPageNavV a.e1:link
{
  text-decoration:none;
  background-image:url(../images/navIcon.gif);
  background-repeat:no-repeat; 
  padding-left:18px;
  color:#194a8d;  
}

#webPageNavV a.e1:visited
{
  text-decoration:none;
  color:#194a8d;
  background-image:url(../images/navIcon.gif);
  background-repeat:no-repeat; 
  padding-left:18px;  
}

#webPageNavV a.e1:hover
{
  text-decoration:none;
  color:#194a8d;
  font-weight:bold;
  background-image:url(../images/navIcon.gif);
  background-repeat:no-repeat; 
  padding-left:18px;  
}

#webPageNavV a.e1:active
{
  text-decoration:none;
  color:#194a8d;
  font-weight:bold;
  background-image:url(../images/navIcon.gif);
  background-repeat:no-repeat; 
  padding-left:18px;  
}

/* second level */
#webPageNavV a.e2:link
{
  text-decoration:none;
  background-image:url(../images/navIconSmall.gif);
  background-repeat:no-repeat; 
  margin-left:18px; 
  padding-left:14px;
  color:#194a8d;  
}

#webPageNavV a.e2:visited
{
  text-decoration:none;
  color:#194a8d;
  background-image:url(../images/navIconSmall.gif);
  background-repeat:no-repeat; 
  margin-left:18px; 
  padding-left:14px;  
}

#webPageNavV a.e2:hover
{
  text-decoration:none;
  color:#194a8d;
  font-weight:bold;
  background-image:url(../images/navIconSmall.gif);
  background-repeat:no-repeat; 
  margin-left:18px; 
  padding-left:14px;
}

#webPageNavV a.e2:active
{
  text-decoration:none;
  color:#194a8d;
  font-weight:bold;
  background-image:url(../images/navIconSmall.gif);
  background-repeat:no-repeat; 
  margin-left:18px; 
  padding-left:14px;  
}


#webPageNavV #spacer
{
   padding-bottom:7px;
}



/* extended Contentframe */
#webPageCExtended
{
   float:left;
   width:662px;  /* max Width 696 px */
   /* background-color:green; */
   padding-left:17px;
   padding-right:17px;
}

*html #webPageCExtended
{
  position: relative;
  margin-left: 30px;
}


/* Content Area */
#webPageContent
{
   float:left; 
   width:551px;  /* max Width 568 px */
   /* background-color:yellow; */
   /* padding-left:17px; */
   padding-right:17px;
   padding-top:35px;

}

#webPageContent ul
{
   list-style-image:url(../images/navIconSmall.gif);
   list-style-type:square;
   /*color:#cfd9e5;*/
   size:14px;
}

#webPageContent a
{
   text-decoration: none;
   /* background-image: url(/portaldata/15/images/navIconSmall.gif);*/
   background-repeat: no-repeat;
   /*padding-left: 17px;*/
   color:#194a8d;
}

#webPageContent .standardlink {
   background-image: url(../images/navIconSmall.gif);
   background-repeat: no-repeat;
   color:#194a8d;
   padding-left: 17px;
}

#webPageContent li
{
}


/* if needed : releated Info Area in the right frame of this page */
#webPageRIarea
{

   float:left;
   width:94px;  /* max Width 128 px */
   /* background-color:yellow; */
   height:20px;
   padding-left:17px;
   padding-right:17px;

}


/* Spacer needed for Images in Content */
#webPageCSpacer
{
  clear:both;
  width:533px;
  height:10px;
  /* background-color:blue; */
}


/* set position to place the Cockpit on the right side of the page */
 #webPageCFooter
{
   float:right;
   width:100px;
   /* background-color:yellow; */
   height:20px;
   margin-top:-71px;
}

*+html #webPageCFooter
{
  position: relative;
  left: 35px;
}

*html #webPageCFooter
{
  position: relative;
  left: 35px;
}

/* define the size and basics */
 #webPageCockpit
{
   float:right;
   width:94px;  /* max Width 94 px */
   /* background-color:yellow; */
   padding-bottom:51px;
   color:#ffffff;
   line-height:18px;
}


#webPageCockpit a:link
{
   
   text-decoration:none;
   color:#ffffff;

}

#webPageCockpit a:visited
{
   
   text-decoration:none;
   color:#ffffff;

}

#webPageCockpit a:hover
{
   
   text-decoration:none;
   color:#ffffff;
   font-weight:bold;

}

#webPageCockpit a:active
{
   
   text-decoration:none;
   color:#ffffff;
   font-weight:bold;

}
/* Tabelle */

.table {
  BORDER-RIGHT: 0px; 
  BORDER-TOP: 0px; 
  BORDER-LEFT: 0px; 
  BORDER-BOTTOM: 0px; 
}
.trennbalken {
  WIDTH: 520px; 
  HEIGHT: 20px; 
  BACKGROUND-COLOR: #8da4c4;
}

.balkeninner {
  PADDING-LEFT: 10px; 
  PADDING-TOP: 2px; 
}


.preise {
  WIDTH: 49px; 
  BACKGROUND-COLOR: #c1cedf;
  padding-right: 16px;
}

.preiseHead {
  WIDTH: 127px; 
  BACKGROUND-COLOR: #c1cedf;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.preisnamehead {
  WIDTH: 240px;
}

* html .preiseHead {
  WIDTH: 127px; 
  BACKGROUND-COLOR: #c1cedf;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

* html .preise {
  WIDTH: 49px; 
  BACKGROUND-COLOR: #c1cedf;
}

@media screen and (min-width: 520px){
head:first-child+body .preise {
 
  BACKGROUND-COLOR: #c1cedf;

}
}
.preisname {
  WIDTH: 240px;
  HEIGHT: 28px; 
}

table
{
  font-family:verdana,arial;
  font-size:12px;
}

.energiemix
{
  margin-left: -18px;
}

*html .energiemix
{
  margin-left: 0px;
}

*+html .energiemix
{
  margin-left: 0px;
}