/*
ETASOL
Farben
helllila:   #e8e7f2     Hintergrund
grün:      #159cb7     Headline und zum Teil Buttons
etancolila: #283383     


*/

body                            {   margin:0;
                                    padding:0;
                                    font-family:Arial, Helvetica, sans-serif;
                                    color:#283383; /*color:#ffffff;*/
                                    background:#e8e7f2; }

a                               {   text-decoration:underline; color: #159cb7; }
a:hover                         {   text-decoration:underline; color: #417ea0; }

img                             {   border:0; }

hr                              {   border: 0px; 
                                    border-top: solid 1px #29456c; 
                                    height:0px; }
                                    
form, input, label              {   margin:0;
                                    padding:0; }                                    

#rahmen                         {   width:1000px;
                                    margin-left:auto;
                                    margin-right:auto;}
                        
#unter-navi                     {   margin-top:15px; }

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after                 {   content:".";
                                    display:block;
                                    height:0;
                                    clear:both;
                                    visibility:hidden; }
.clearfix                       {   display:inline-block; }
/* Hide from IE Mac \*/
.clearfix                       {   display:block;  }
/* End hide from IE Mac */

/*  *************************************   */
/*  *********   Metanavi        *********   */
                                
#metarahmen                     {   height:24px;
                                    position:relative;
                                    padding:0 0 0 20px;
                                    margin:0 5px 0 380px;
                                    text-align:right;
                                    width:590px; }                                  
                                                        
#metanavi                       {   float:left; 
                                    font-size:12px; 
                                    padding-top:4px; 
                                    width:590px;}

#metanavi a                     {   font-size:12px; 
                                    color:#ffffff; 
                                    padding:0 8px 0 8px; font-weight:bold; background-color:#283383;}

#metanavi a:hover               {   color:#159cb7; }


ul#metaNavigation {
    margin:0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 8px 0 1px;
    display:inline;
}


/*  ***ENDE***  Metanavi        *********   */
/*  *************************************   */
#header                         {   height:114px;
                                    overflow:hidden;
                                    position:relative;
                                    padding:0;
                                    background-image:url(../images/kopf.jpg);
                                    background-repeat:no-repeat; }
                                    
#contentHeader .suche           {   float:left;   
                                    width:285px; 
                                    overflow:hidden; 
                                    margin:26px 0 0 471px; }                                    

#contentHeader .logo            {   float:left;
                                    width:195px; 
                                    height:34px;
                                    margin:20px 0 0 30px; }

/*  *************************************   */
/*  *********   Hauptnavi       *********   */
#navirahmen {
    position:relative;
    top:0px;
    left:50%;
    margin:0 0 0 -500px;
    width:1000px; 
    height:auto;
}

#navigation {margin-left:6px; }

/* Level 1 */
#navigation ul {
    float: left;
    margin:0px;
    padding:0px;
}
#navigation ul li {
    float: left;
    margin:0px;
    width:141px;
    list-style-type:none;
    background-repeat:no-repeat;
    text-align:center;
}

#navigation ul li a {
    display:block;
    min-width:30px;
    height:24px;
    line-height:24px;
    margin:0;
    padding:5px 0 0 0;
    font-size:14px;
    font-weight:bold;
    color:white;
    text-decoration:none;
    background-image:url(../images/button.jpg);
    white-space:nowrap; /* für IE6, damit die mehrwörtrigen Menüs nicht umbrechen */
}

* html #navigation ul li a {
    width: 141px; /* für IE6, damit Menüs ordentlich dargestellt werden */
}

#navigation ul li a:hover {
    color:#159cb7;
    background-image:url(../images/button_aktiv.jpg);
}
#navigation ul li.active a {
    color:#159cb7;
    background-image:url(../images/button_aktiv.jpg);
}

/* Level 2 */
#secondnavigation               {   width:200px; 
                                    padding:4px 0 12px 0; 
                                    margin:2px 0 0 15px; 
                                    /* background-color:#5c5ea0;
                                    -moz-border-radius-topleft: 8px;
                                    -moz-border-radius-topright: 8px;
                                    -moz-border-radius-bottomleft: 8px;
                                    -moz-border-radius-bottomright: 8px;    
                                    -webkit-border-top-left-radius: 8px;
                                    -webkit-border-top-right-radius: 8px;
                                    -webkit-border-bottom-left-radius: 8px;
                                    -webkit-border-bottom-right-radius: 8px; */ }

#secondnavigation ul            {   width:200px;
                                    margin:0;
                                    padding:0; list-style-type:none;}

#secondnavigation ul li         {   margin:0;
                                    padding:5px 0 5px 8px;
                                    list-style-type:none;
                                    display:block;
                                    border-bottom:1px solid #5c5ea0; }

#secondnavigation ul li a {         color:#283383;
                                    margin:0;
                                    padding:0px;
                                    font-size:12px;
                                    text-decoration:none;
                                    font-weight:bold;}

#secondnavigation ul li a:hover, 
#secondnavigation ul li a.active {  color:#159cb7;}

/* Level 3 */
#secondnavigation ul li.third   {   margin:0;
                                    padding:5px 0 5px 0;
                                    padding-left:19px;
                                    display:block; }
                                    
/* Level 4 */
#secondnavigation ul li.fourth   {  margin:0;
                                    padding:5px 0 5px 0;
                                    padding-left:28px;
                                    display:block; }    

#secondnavigation ul li.fourth a  { font-size:11px; }     

/* Level 4 */
#secondnavigation ul li.fifth   {  margin:0;
                                    padding:5px 0 5px 0;
                                    padding-left:37px;
                                    display:block; }    

#secondnavigation ul li.fifth a  { font-size:11px; }     



                               
/*  ***ENDE***  Hauptnavi       *********   */
/*  *************************************   */


#content                        {   background-image:url(../images/bg_content.jpg);
                                    background-repeat:repeat-y;}

#contentMain                    {   margin:0;
                                    padding:10px 0 20px 0; }

#contentMain .contentMainLeft, 
#contentMain .contentMainCenter, 
#contentMain .contentMainRight  {   float:left; }

#contentMain .contentMainLeft   {   width:215px;
                                    font-size: 12px; 
                                    overflow:hidden; }
                                    
#contentMain .contentMainLeft #rahmenlinks
                                { margin:20px 0 0 15px; }   

#contentMain .contentMainCenterXL,
#contentMain .contentMainCenter {   width:500px;
                                    font-size: 13px; 
                                    padding-left:20px;
                                    line-height:18px;
                                    margin-right:20px; 
                                    margin-top:10px;
                                    overflow:hidden; }
                                    
                                    
#contentMain .contentMainCenterXL   {   width:935px; }
                                    
                                    
#contentMain .contentMainCenterXL h1,                                           
#contentMain .contentMainCenter h1,
#content .textItemXL h1         {   font-size: 18px; 
                                    margin:0; 
                                    color: #159cb7; 
                                    line-height:26px; 
                                    font-weight:normal; }
                                    
                                    
#contentMain .contentMainCenterXL h2,                                   
#contentMain .contentMainCenter h2,
#content .textItemXL h2         {   font-size: 15px; 
                                    margin:0; 
                                    color: #159cb7; 
                                    line-height:22px; padding-bottom:10px;}
                                    
#contentMain .contentMainCenterXL h3,                                   
#contentMain .contentMainCenter h3,
#content .textItemXL h3         {   font-size: 14px; 
                                    margin:0;
                                    line-height:18px; padding-bottom:10px;}
                                    
#contentMainTable                   {   
                                    background-repeat:repeat-x;
                                    height:177px; margin:0 5px 0 5px; 
                                    padding-bottom: 15px; }

#contentMainTable td                {   text-align:center; }

#contentMain .contentMainRight      {width:220px; font-size: 13px; overflow:hidden; padding-left:10px;}

#contentMain .contentMainRight .textItem    {padding-top: 15px; }

#content .textItemXL    {padding:0 10px 25px 50px; font-size: 13px;}

#content .textItemXL table      {   width:500px;  }

#content .textItemXL th,
#content .textItem th          {   font-weight: bold;
                                background-color:#159cb7;
                                color:#FFFFFF;
                                padding: 4px;
                                text-align:left; }
#content .textItemXL td     {   padding: 4px;  }
 
 
#contentMain .contentMainRight .textItem th {font-weight: bold;
                                background-color:#159cb7;
                                color:#FFFFFF;
                                padding: 4px;
                                text-align:left;}
#contentMain .contentMainRight .textItem td {padding: 4px; border:1px solid #159cb7;}

/*  *************************************   */
/*  *********   Footer          *********   */

#mit-system-verbinden           {   height:29px;
                                    overflow:hidden;
                                    position:relative;
                                    padding:0 0 0 40px; 
                                    background-image:url(../images/bg_meta.jpg);
                                    background-repeat:no-repeat;}

#footer                         {   padding:0;
                                    width:1000px; 
                                    background-image:url(../images/footer.jpg);
                                    background-repeat:no-repeat;
                                    height:7px;}
                                    
#Footer_Icon                            {    } 
#Footer_Icon    td                      {   padding:5px;}
/*  ***ENDE***  Footer          *********   */
/*  *************************************   */





.kopf                           {   color: #29456c;
                                    background-color: #c1d7e7;
                                    border-bottom: 1px solid #29456c;
                                    border-top: 1px solid #29456c; 
                                    padding-top:10px;
                                    padding-bottom:10px;
                                    text-transform:uppercase;
                                    font-size:18px;
                                    font-weight:normal; 
                                    width:500px; }


/*  *************************************   */
/*  *********   Tiny Styles     *********   */

.text_gruen                     {   color:#159cb7}
.text_gruen_fett                {   color:#159cb7; font-weight:bold;}
.bild_links                     {   float:left; 
                                    margin:3px 15px 0 0; }
                                    
.bild_rechts                    {   float:right; 
                                    margin:3px 0 0 15px; }
                                    
.solarprogramm table            {  /*width:100%;*/ text-align:center; }
.solarprogramm th               {  font-size:11px; padding: 4px; /* width:100%;*/ background-color:#159cb7; color:#ffffff; text-align:center;  }
.solarprogramm td               {  font-size:11px; padding: 4px; border:1px solid #159cb7; text-align:center;  }

.solarprogramm-li th               {  font-size:11px; padding: 4px; /* width:100%; */ background-color:#159cb7; color:#ffffff; }
.solarprogramm-li td               { font-size:11px;  padding: 4px; border:1px solid #159cb7; }

.solarprogramm h1,
.solarprogramm-li h1             {font-size:18px;}
.solarprogramm h2,
.solarprogramm-li h2             {font-size:15px;}

/*  ***ENDE***  Tiny Styles     *********   */
/*  *************************************   */






.formularfelder         {   color: #293383; 
                                width: 350px;
                               background-color: #ffffff; 
                                border: 1px solid #159cb7;
                                font-family:Arial, Helvetica, sans-serif; font-size:13px; }
                                
    .button                 {   color: #ffffff; 
                                background-color: #159cb7; 
                                border: 1px solid #ffffff;
                                cursor:pointer; 
                                font-family:Arial, Helvetica, sans-serif; font-size:13px; }
                                    
                                                                

/*  *************************************   */
/*  *********   Sitemap     *********   */
ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
        font-weight:bold;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
        font-weight:bold;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_4 {
        background-color: #ffffff;
        padding: 3px 3px 3px 70px;
}
/*  ***ENDE***  Sitemap     *********   */
/*  *************************************   */


/*  *************************************   */
/*  *********   Artikelliste    *********   */

/* CSS Document */

/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 5px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }
/*  ***ENDE***  Artikelliste        *********   */
/*  *************************************   */

                                    
/* Suche */
#search                         {   font-size:13px; 
                                    width:273px;
                                    float:right;
                                    padding:19px 2px 0 10px;
                                    color:#ffffff; 
                                    font-family:Verdana, Arial, Helvetica, sans-serif;}
                                
#search label                   {   display:block;
                                    float:left;
                                    width:40px;
                                    padding:4px 10px 0 0; }
                                
#search input                   {   border:1px solid #283383;
                                    width:181px;
                                    height:23px;
                                    font-size:12px;
                                    margin:0 0 0 0;
                                    float:left; 
                                    color:#283383;
                                    padding-left:5px; }
                                
#search input.sbmt              {   border:0;
                                    width:26px;
                                    height:25px;
                                    margin:0 0 0 4px;
                                    float:left; }

/* Ende Suche */

/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults                  {   margin:0 0 10px 0; }

#searchResults p.message        {   margin:20px 0 30px 0; }

#searchResults div.searchResultItem 
                                {   border-bottom:1px solid #5c5ea0;
                                    margin:0 0 10px 0;
                                    padding:0 0 10px 0; }
                                    
#searchResults div.searchResultItem h2 
                                {   font-size:14px;
                                    margin:0 0 5px 0;
                                    padding:0;
                                    color:#159cb7;
                                    font-style:normal; }
                                    
                                    
                                    
/*  *************************************   */
/*  *********   Contact/Newslet *********   */
#contactForm {
    font-size:13px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #283383;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #283383;
    width:172px;
    color: #283383 ;
    font-size: 13px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
    color: #283383 ;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color: #283383;
    border:1px solid #283383;
    color: #ffffff;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    padding:0 20px 0 0;
    width:auto;
    height:auto;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

.headerinfo                     {   color:#1e715a; 
                                    text-align:center;
                                    font-size:14px;
                                    } 
                                    
.nl-formularfelder-start        {   border: 1px solid #283383;
                                    padding-left:5px;
                                    background-color: #FFFFFF;
                                    font-family: arial, helvetica, sans-serif;
                                    font-size:12px;
                                    width: 150px;
                                    margin-bottom:5px;
                                    color:#283383; }    
                                    
.nl-button-start                    {   border: 1px solid #283383;
                                    color: #ffffff;
                                    background-color: #283383;
                                    font-family: arial, helvetica, sans-serif;
                                    font-size:12px;
                                    font-weight:bold;
                                    width: 100px; }     
                                    
                                    
                                    
/*  ***ENDE***  Contact/Newslet *********   */
/*  *************************************   */
                                    
