/* CSS-Styhlsheet für alle Standarte Templates. Wird teilweisse von index.css in den Bereichen überschrieben */ 

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, input, textarea, div, span, pre, blockquote, p, img, hr, table, tbody, tr, td, th {
    border: 0 none;
    margin: 0;
    padding: 0;
}

/* Formatierung Basis */
html {
    background-color   : #96bf0d;
   	background-image   : url(/fond.jpg);
	background-repeat  : repeat-x;
	background-position: top;
    overflow-x         : hidden; 
}


body {
   color              : #004494;
   font-size          : 12px;
   font-family        : Tahoma,Arial,sans-serif;
   width              : 100%;
   height             : 100%;
}


/* IE 5.x PNG Bugfixing */
* html body {
   color              : #004494;
   font-size          : 12px;
   font-family        : Tahoma,Arial,sans-serif;
   width              : 100%;
   height             : 100%;
   overflow           : hidden;
}



/* Formatierung frame */

#frame {
   z-index            : 1; 
   position           : absolute;
   background-color   : #fff;
   top                : 0;    
   left				  : 15%;
   right              : 15%;
   width              : 70%;     
   height             : 100%;
   border-left        : 1px solid #000;    
   border-right       : 1px solid #000;     
}


/* Überschriften */

/* Formatierung Überschriften */


h1 {
	font-family       : Helevetica,Arial,sans-serif;
	font-size         : 19px;
	font-weight       : normal;
 	color             : #79b51c;
	clear             : both;
}



h2 {
	font-family    : Helevetica, Arial,sans-serif;
	font-size      : 16px;
	font-weight    : bold;
 	color          : #79b51c;
 	clear          : both;
}

	
h3 {
	font-family       : Tahoma,Arial,sans-serif;
	font-size         : 15px;
	font-weight       : normal;
 	color             : #79b51c;

}



/* Betohnungen */

em {
	font-weight : bold;
	font-style  : normal;
	color       : #004494;
}

b {
	font-weight : bold;
}
	
strong {
	font-weight : bold;
}

/* Formatierung Flash Logo */

#logo {
	z-index         : 6;
	background-color: transparent;
	position        : absolute;
	top             : 1%;
	right           : 7%;
	width           : 21%;
	height          : 15% /*18%;*/
}

/* Formatierung Fonds */



#fond-links {
   z-index            : 2; 
   position           : absolute;
   background-color   : #fffbdb;
   top                : 0;    
   left        		  : 0;   
   width              : 25%;    
   height             : 100%;       
}


/* Formatierung Hauptnavigation */

#rubrik-photovoltaik {
   z-index            : 8; 
   position           : absolute;
   background-color   : transparent;
   top                : 0;  
   left        		  : 0;   
   width              : 50%; 
   height             : 100%;  
   border             : none; 
   overflow           : hidden;       
}

#rubrik-haustechnik {
   z-index            : 8; 
   position           : absolute;
   background-color   : transparent;
   top                : 0%;   
   left        		  : 50%;   
   width              : 50%;  
   height             : 100%;  
   border             : none;  
   overflow           : hidden;   
}

#rubrik-elektroservice {
   z-index            : 7; 
   position           : absolute;
   background-color   : transparent;
   top                : 50%;
   height             : 100%;    
   left        		  : 0%;   
   width              : 50%;  
   border             : none;         
}

#rubrik-energieanlagen {
   z-index            : 7; 
   position           : absolute;
   background-color   : transparent;
   top                : 50%;  
   left        		  : 50%;  
   height             : 100%;  
   width              : 50%;         
}

#rubrik-photovoltaik a img,
#rubrik-haustechnik a img,
#rubrik-energieanlagen a img,
#rubrik-elektroservice a img  {
   border: none;     
}

#rubriken {
   z-index            : 3; 
   position           : absolute;
   background-color   : transparent;
   top                : 18%; /*23%;*/  
   height             : 25%;  
   left        		  : 0;   
   width              : 25%;         
}


#imagebild {
   z-index            : 6; 
   position           : absolute;
   background-color   : transparent;
   top                : 18%; /*23%;*/;   
   left               : 31%;    
   width              : 61%;
   height             : 25%;      
}

#animation {
   z-index            : 6; 
   position           : absolute;
   background-color   : transparent;
   top                : 18%; /*23%;*/   
   left               : 31%;    
   width              : 61%;
   height             : 28%; 
   vertical-align     : top;    
}


#verlauf-mitte {
   z-index            : 2; 
   position           : absolute;
   background-color   : transparent;
   left				  : 25%;
   top                : 18%; /*23%;*/    
   width              : 25%; 
   height             : 25%;        
}

#verlauf-mitte-2 {
   z-index            : 2; 
   position           : absolute;
   background-color   : transparent;
   left				  : 50%;
   top                : 18%; /*23%;*/   
   width              : 25%; 
   height             : 25%;        
}

#verlauf-mitte-3 {
   z-index            : 2; 
   position           : absolute;
   background-color   : transparent;
   left				  : 75%;
   top                : 18%; /*23%;*/    
   width              : 25%;
   height             : 25%;          
}


/* Formatierung Contentbereich */
	
#content { 
   z-index         : 5; 
   position        : absolute;
   bottom          : 0%;        
   width           : 61%; 
   height          : 43%; /*38%;*/
   left            : 31%;   
   color           : #004494;
   overflow        : auto; 
   overflow-x      : hidden; 
   text-align      : justify;
   font-size       : 12px;
   padding-right   : 17px;
   scrollbar-DarkShadow-Color  : #d2e68d; 
   scrollbar-Track-Color       : #dff0ac; 
   scrollbar-Face-Color        : #9ac027;
   scrollbar-Shadow-Color      : #5e9605;
   scrollbar-Highlight-Color   : #e0efac;
   scrollbar-3dLight-Color     : #add142; 
   scrollbar-Arrow-Color       : #ddeda6; 	
}


/* Formatierung Contentbereich */
	


#content a:link,
#content a:active,
#content a:visited {
	font-family    : Tahoma,Arial,sans-serif;
	font-style     : italic;
	color          : #79b51c;
	font-weight    : normal;
	text-decoration: none;
	font-size      : 13px;
}

#content a:hover {
	color          : #79b51c;
    font-family    : Tahoma,Arial,sans-serif;
	text-decoration: underline;
	font-size      : 13px;
}


/* Formatierung Listen im Contentbereich*/
#content p {
   font-family    : Tahoma,Arial,sans-serif;
   font-size      : 12px;
}
/*
#content ul {
   clear        : both;
   margin-left  : 0;
   padding      : 0;
   font-size    : 12px;
   font-family  : Tahoma,arial,sans-serif;
   font-weight  : normal;
   font-style   : normal;
   font-variant : normal;
}

#content li {
   margin             : 0;
   margin-top         : 5px;
   background-image   : url(/pfeile.jpg);
   background-repeat  : no-repeat;
   background-position: 0 0;
   text-indent        : 15px;
}


#content ul li,
#content table ul li {
   font-size       : 12px;
   font-family     : Tahoma,arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   font-variant    : normal;
   list-style-type : none;
   text-indent     : 15px;
}
#content ul li p {
   font-size    : 12px;
   font-family  : Tahoma,arial,sans-serif;
   font-weight  : normal;
   font-style   : normal;
   font-variant : normal;
   list-style-type : none;
   text-indent     : 15px;
}*/


#content ul {
   clear        : both;
   margin-left  : 0;
   padding      : 0;
   font-size    : 12px;
   font-family  : Tahoma,arial,sans-serif;
   font-weight  : normal;
   font-style   : normal;
   font-variant : normal;
}

#content li {
   margin        : 0;
   margin-top    : 10px;
}

/* Liste mit Punkt */
#content ul li,
#content table ul li {
   clear              : both;
   list-style-type    : none;
   background-image   : url(/pfeile.jpg);
   background-repeat  : no-repeat;
   background-position: 0 0;
   padding-left        : 15px;
}
#content ul li p {
   margin-top  : 0;
}

/* Aufzählung */
#content ol {
   margin-left : 12px;
   padding     : 0;
}

/* Unsichtaber Liste */
#content ul.simple li {
   list-style-type: none;
   padding        : 0;
   margin         : 0;
}
#content ul.simple {
   margin-top     : 8px;
}

/* Normales Bild im Contentbereich */

#content img {	
   clear         : left;
   float         : left;
   padding       : 0;
   margin-right  : 10px;
   border        : none;
   margin-bottom : 10px;
}
#content a img {	
  border         : none;
}

/* Listen-Bild im Contentbereich */
#content ul li img,
#content ul li a img  {
   border        : none;
   margin        : 3px;
   margin-left   : 0;
   margin-bottom : 8px;
   margin-right  : 10px;
   float         : left;
   clear         : both;	
}

/* Formatierung der Tabellen im Contentbereich */


/* Tabellenlayout 2 Spaltig */

#content table {	
   padding           : 0;  
   vertical-align    : top;
   color             : #000;
   font-family       : Tahoma,Arial,sans-serif;
   font-style        : normal;
   background-color  : transparent;
   text-align        : left;
   font-size         : 12px;	
   float             : none; 
   clear             : both;	
}

#content table p {
   font-family : Arial,sans-serif;
   font-size   : 12px;
   font-style  : normal;
   margin      : 0;
   margin-top  : 1px;
   padding     : 1px;
}


#content table th {
   font-size          : 14px;
   font-family        : Helvetica,Arial,sans-serif;
   font-weight        : normal;
   background-image   : url(/fond-tabelle.jpg);
   background-repeat  : repeat-x;
   background-position: top;
   background-color   : #6493cc;
   color              : #fff;
   margin             : 0;
   padding            : 5px;  
   vertical-align     : top;  
}

#content table td {
   font-size         : 12px;
   color             : #000;
   margin            : 0;
   padding           : 5px;
   background-color  : #bae078;
   vertical-align    : top;
   font-family       : Tahoma,Arial,sans-serif;
   font-style        : normal;
   border            : none;
   text-align        : left;
}

#content table tr.even td {
   font-size         : 12px;
   color             : #000;
   margin            : 0;
   padding           : 5px;
   background-color  : #bae078;
   vertical-align    : top;
   font-family       : Tahoma,Arial,sans-serif;
   font-style        : normal;
   border            : none;
   text-align        : left;
}

#content table tr.odd td {
   font-size         : 12px;
   color             : #000;
   margin            : 0;
   padding           : 5px;
   background-color  : #e1fab5;
   vertical-align    : top;
   font-family       : Tahoma,Arial,sans-serif;
   font-style        : normal;
   border            : none;
   text-align        : left;
}

#content table img {
   float         : left;
   clear         : both;	
   padding       : 0;
   margin        : 5px;
}

#content ul li a img,
#content ul li img   {
   display       : none;
}


/* Formatierung Navigation */

#navigation {
   z-index            : 7; 
   position           : absolute;
   font-size          : 100%;
   top                : 19%; /* 24%;  */
   left               : 31%;
   width              : 96%; 
}


/* Formatierung Subnavigation */
#subnavigation {
   z-index            : 8; 
   position           : absolute;
   bottom             : 3%;  
   height             : 40%; /* 34%; */ 
   left        		  : 0%;   
   width              : 25%;
   min-width          : 95px;
   border             : none;  
   overflow           : visible;   
}

#subnavigation a {
   font-family       : Tahoma,Arial,sans-serif;
   font-size         : 13px;
   color             : #004494;
   text-decoration   : none;
   padding           : 2%;
   padding-left      : 6.5%;
   display           : block;
}



#subnavigation a:hover,
#subnavigation em {
   font-family       : Tahoma,Arial,sans-serif;
   font-size         : 13px;
   font-style        : normal;
   color             : #79b51c;
   text-decoration   : none;
   padding           : 2%;
   padding-left      : 6.5%;
   display           : block;
}

#subnavigation ul  {
   margin            : 0;
   padding           : 0;
   overflow          : visible; 
}

#subnavigation ul li {
   list-style-type   : none;
   margin            : 0;
   padding           : 0;
   background-color  : #d1e2af;
   border-bottom     : 1px solid #fff;
}



#subnavigation ul li em{
   padding           : 2%;
   padding-left      : 6.5%;
}

/* Debug einrücken von em */
#subnavigation ul li a em{
   padding           : 0;
   padding-left      : 0;
}


/* IE 5.x PNG Bugfixing */
* html subnavigation ul li a em,
* html #subnavigation em,
* html #subnavigation a {
height: 10px;
}


/* Ausgeblendete Navi Ebenen */

#subnavigation li.unternehmen, 
#subnavigation li.aktuelles,
#subnavigation li.sitemap,
#subnavigation li.kontakt,
#subnavigation li.links {
	display: none;
}


/* Formatierung 2. Ebende */


#subnavigation .Navilevel2 a {
   font-family       : Tahoma,Arial,sans-serif;
   font-size         : 13px;
   color             : #004494;
   text-decoration   : none;
   padding           : 2%;
   padding-left      : 6.5%;
   display           : block;
}

#subnavigation ul li.Navilevel2 {
}

#subnavigation ul li.Navilevel2 em {
   padding           : 2%;
   padding-left      : 6.5%;
   border-bottom     : none;
}

#subnavigation ul li a img,
#subnavigation ul li img,
#subnavigation ul li.Navilevel2 a img,
#subnavigation ul li.Navilevel2 img   {
   display          : none;
}



/* Formatierung Newsticker */
#notiz {
   z-index         : 5; 
   position        : absolute;
   top             : 0;   
   left            : -150px;    
   width           : 180px;    
   min-width       : 115px;    
   height          : 220px; 
   font-family     : arial,sans-serif;
   font-weight     : normal;
   font-size       : 10px; 
   text-align      : left;
}

/* IE 5.x PNG Bugfixing */
* html #notiz img,
* html #notiz a img {
   display: none;
}



#newsticker {
   z-index         : 7; 
   position        : absolute;
   background-color: transparent;
        
   top             : 30px;   
   left            : 30px;
   left            : -125px;     
   width           : 130px;    
   height          : 110px;
   font-family     : sans-serif;
   font-weight     : normal;
   font-size       : 10px; 
   text-align      : left;
}

/* IE 5.x PNG Bugfixing */
* html #newsticker {
   left            : 2%;    
   width           : 20%;  
}

#newsticker ul {
   padding          : 0;
   margin-top       : 5px;
   margin-left      : 24px;
}
#newsticker em {
   padding          : 0;
   margin           : 0;
}

#newsticker a:link,
#newsticker a:visited,
#newsticker a:active {
   font-family     : sans-serif;
   font-weight     : normal;
   color           : #000;
   font-size       : 10px; 
   text-decoration : none;
}

#newsticker a:hover {
   font-family     : sans-serif;
   font-weight     : normal;
   color           : #fff;
   font-size       : 10px; 
   text-decoration : none;
}

#newsticker img,
#newsticker a img {
   margin     : 3px;
   clear      : both;
   border     : 1px solid #fff;
}


#newsticker h2 {
   font-family     : sans-serif;
   background-image: none;
   font-weight     : bold;
   font-size       : 10px; 
   color           : #cc0000;
   padding         : 0;
   margin          : 0;
   }

#newsticker h1 {
	font-family       : Helevetica,Arial,sans-serif;
	font-size         : 15px;
	font-weight       : normal;
 	color             : #014495;
   }
   
#newsticker p {
   font-family     : courier,serif;
   font-weight     : normal;
   font-size       : 10px; 
   color           : #000;
   margin          : 0;
   }

   
#call-button {
	z-index         : 6;
	outline: 0;
	border: 0;
	position        : absolute;
	top             : 5%;
	left            : 31%;
	width           : 153px;
	height          : 60px;
}

#call-button a img,
#call-button img a {
	border: none;
}



/* Formatierung Editor Button */
	
#editor form.default input {
   z-index         : 9; 
   position        : absolute;
   left            : 0;
   bottom          : 0;
   width           : 20px; 
   height          : 30px;
   border          : none;
   background      : transparent;
   font-size       : 3px;
   text-align      : center;
}
#editor form.default input.submit{
   background      : none;
   height          : 24px;
   font-size       : 0;
   color           : #a1a1a1;
}

/* Formatierung Benutzermanager Button */

#editor form.usermanager input{
   z-index         : 9; 
   position        : absolute;
   left            : 50px;
   bottom          : 0;
   width           : 20px; 
   height          : 30px;
   border          : none;
   background      : transparent;
   font-size       : 3px;
   text-align      : center;

}
#editor form.usermanager input.submit{
   background      : none;
   height          : 24px;
   font-size       : 0;
   color           : #a1a1a1;
}