html, body {
    height: 100%;
}

#root {
    height: 100%;
}

body {
    background-image: url(../images/bg.png);
    background-repeat:repeat-x;
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 1.3em;
    color: #3d3d3d;
}

a { 
color: #003671;
}

ul {
list-style-type: disc;
}

li {font-size: 1em; line-height: 15pt;}

#root {
    min-height: 100%;
    background-image: url(../images/bg_main.png);   
    background-repeat: no-repeat;
    background-position: center top;
}

#main {
    width: 940px;
    min-height: 900px;
    margin: 0 auto 0 auto;
}

/* -------------- HEADER -------------- */

#header {
    height: 79px;
    background-image:url(../images/aldra-solar.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #212B7E;
}

#slideshow_div {
    
    height: 220px;
    margin: 0px;
}

/* -------------- NEWSBOX -------------- */

.animationContainer{
    height: 220px;
    position: absolute;
    right: 0px;
}

.newsContainer{
    height: 220px; 
    overflow: hidden;
}

.hideInitially{
    visibility: hidden;
}

#toggle img{
    width: 56px;
    height: 220px;
    padding: 0;
    border: 0px none;
    position: absolute;
    margin: 0 0 1px 884px;
  z-index: 9998;
}

#news {
    position: absolute;
    margin: 0 0 0 610px;
    width: 274px;
    height: 220px;
    line-height: 1.3em;
  z-index: 9999;
}

#news ul {
    margin: 0;
    padding: 0;

}
#news li {
    height: 54px;
    width: 274px;
    margin: 0 0 1px 0;
    background-image: url(../images/bg_news.png);
    background-repeat: no-repeat;
}

#news li a, #news li a:visited {
    display: block;
    height: 44px;
    padding: 10px 10px 0px 10px;
    color: #003671;
}

#news li a:hover {
    background-color: #fff;
}


/* -------------- NAVIGATION -------------- */

#navigation {
    
    width: 940px;
    height: 48px;
    font-family:  "Helvetica", Arial, sans-serif;
    color: #4b4b4b;
    font-size: 1.6em;
    letter-spacing: 0.13em;
    border-top:1px solid #FFF;
    border-bottom:1px solid #ccc8c3;
}

#navigation ul {
    padding: 0;
    margin: 0;
}

#navigation li{
    display: inline;
    width: 188px;
    height: 48px;
    float: left;
    text-align: center;
    margin: 0;
}

#navigation li a {
    display: block;
    padding: 15px 0px;
    color: #4b4b4b;
}

#navigation li a:hover {
    background-image: url(../images/bg_navigation.png);
    color: #fff;
  text-decoration: underline;
    background-repeat: repeat-x;
}

/* -------------- CONTENT -------------- */

#content {
    width: 900px;
    margin: 20px 20px 20px 20px;
    }
    
h1,h2,h3 {color: #003671; border: 0px; font-weight: lighter;}

h1 {font-size: 1.7em;margin-bottom: 15px;}
h2 {font-size: 1.4em;margin-bottom: 15px;margin-top: 15px;}
h3 {font-size: 1.15em;margin-bottom: 15px;}
  
h1.top_headline {
    font-size: 1.7em;
    font-weight: normal;
    border-left: #e67a00 1px solid;
    margin: 0 0 0 0;
    padding-left: 10px;
  padding-bottom: 2px;
    color: #e67a00;
}
h2.top_subheadline {
    font-size: 1.3em;
    font-weight: normal;
    border-left: #e67a00 1px solid;
    margin: 0 0 20px 0;
    padding-left: 10px;
    color: #e67a00;
}  
  
  
#content-leftnav {
    float: left;
    width: 180px;
    margin: 0 25px 0 0;
} 
  
#content-left2col {
    float: left;
    width: 555px;
    margin: 0 34px 0 0;
}
#content-middle-nonav {
    float: left;
    width: 555px;
    margin: 0 34px 0 0;
}
#content-middle-wide {
    float: left;
    width: 675px;
    margin: 0 20px 0 0;
}


#content-middle {
    float: left;
    width: 350px;
    margin: 0 34px 0 0;
}


#content-right2col {
    
    float:left;
    margin: 0 0 0 0;
}


.infobox {
    width: 310px;
    height: 114px;
    background-image:   url(../images/bg_infobox.png);
    margin: 0 0 10px 0;
    background-repeat: no-repeat;
}

.infobox p {
    padding: 15px;
}
.infobox ul {

    padding: 10px 10px 2px 25px;
}


.infobox strong {
    color: #e67a00;
}

.news_element { background:#F7F2EC; padding: 10px; border-bottom: 1px dotted #D6CDBF; margin-bottom: 5px;}
.news_element:hover { background:#FFF;}
    

  
#content .subline {
    font-size: 1.4em;
}

#content p {
    line-height: 1.5em;
    margin: 0 0 1em 0;

}

.left {
    float: left;
    width: 260px;
    margin: 0 35px 1.5em 0;
}
.right {
    float: left;
    width: 260px;
    margin-bottom: 1.5em;
}

#content hr {
    clear: both;
    margin: 0 0 2em 0;
    color: #d2d2d4;
    background-color: #d2d2d4;
    height: 1px;
    border: none;
    witdh: 100%;
    noshade: noshade;

}

#content table {
    font-family: verdana;
    font-size: 10px;}

hr {
    clear: both;
    color: #d2d2d4;
    background-color: #d2d2d4;
    height: 1px;
    border: none;
    margin: 0 0 2em 0;
}


#video {
    background-image:url(../images/dummy-imagefilm.jpg);
    background-repeat: no-repeat;   
}

.bild_links {
    float: left;
    margin: 0 20px 2em 0;
}
    
.bild_rechts {
    margin: 0 0 15px 15px;
    float: right;
}

/* -------------- FOOTER -------------- */

#footer {
    clear: both;
    width: 920px;
  height: 250px;
    margin: 0 auto 0 auto;
    background-image: url(../images/bg-footer.png);
    background-repeat: no-repeat;
  padding-left: 20px;
  
}

#breadcrumb {background-color: white; color: #999;}
#breadcrumb a  {color: #666;}
#bc_content {padding: 20px;}    
  
#service {
    width: 940px;
    padding: 0 0 0 0px;
}

#service #servicenavi {
    padding: 25px;
}

#servicenavi h1 {
    font-size: 1.5em;
    color: #989898;
    font-weight: normal;
    letter-spacing: 0.15em;
}

#servicenavi h2 {
    font-size: 1.1em;
    font-weight: bold;
}


    
#imprint {
  padding: 10px;
    float: left;
    width: 940px;
    margin: 4em 0 0 0;
}

#imprint ul li {
    display: inline;
    border-right: 1px solid #fff;
    padding: 0 10px 0 10px;
}

#imprint a, .box-imprint a:visited {
    color: #fff;
}
#imprint a:hover {
    text-decoration: underline;
}

/* JAN */

/* LEVEL 1 Link, Hover, Open */

.nav_first a, .nav_first_open a {
margin-top: -1px;
padding: 13px 45px 0 45px;
float: left;
display: block;
font: 14pt Arial, sans-serif;
text-decoration: none;
height: 36px;
color: #4b4b4b;

}

.nav_first a:hover, .nav_first_open a {

padding: 13px 45px 0 45px;
height: 36px;
color: #FFF;
background-image: url('../images/bg_navigation.png');
border-bottom: 0px;
display: block;
margin:0px;margin-top: -1px;
}

/* LEVEL 2 Link, Hover, Open */

.nav_second {
width: 170px;
padding: 8px;
background: #F7F2EC;
margin-bottom: 1px;
}

.nav_second:hover {background: #D2CEC9;}

.nav_second a, .nav_second_open a {
font: 1.1em Arial, sans-serif;
color: #444;
text-decoration: none;
letter-spacing:2px;
}

.nav_second_open {
color: #FFF;
text-decoration: none;
background-image: url('../images/bg_navigation.png');
width: 170px;
border-bottom: 1px dotted #FFF;
padding: 8px;
}

.nav_second_open a {
color: #FFF;
font-weight: bold;
}

/* LEVEL 3 Link, Hover, Open */

.nav_third {
width: 164px;
padding: 4px;
padding-left: 18px;
background: #F7F2EC;
margin-bottom: 1px;
}

.nav_third:hover {background: #D2CEC9;}

.nav_third a, .nav_third_open a {
font: 1em Arial, sans-serif;
color: #444;
text-decoration: none;
}

.nav_third_open {
color: #FFF;
text-decoration: none;
background-image: url('../images/bg_navigation.png');
width: 164px;
padding: 4px;
padding-left: 18px;
}

.nav_third_open a {
color: #FFF;
font-weight: bold;
}

#logintbl {border: 1px solid #565656;}
.login {padding: 10px;background: #F7F2EC; }
.login-head {padding: 10px; color: #FFF;background-image: url('../images/bg_navigation.png'); font-weight: bold;}

#login_div {margin-top: 20px;}

#imprint {padding-left: 10px;}
#metaNavigation {padding: 0px; margin: 0px; }
#metaNavigation li {float: left; margin: 0px; padding: 0px;}

.sitemapStandardMainCat { 
margin: 0px;
padding: 0px;
list-style-type: none; 
display: block; 
float: left; 
border-right: 1px solid #878787; 
line-height: 15pt;
margin-right: 45px;
padding-right: 45px;
height: 120px;
}


.sitemapStandardLevel_1 {  padding:0px; margin: 0px;margin-bottom: 10px; }
.sitemapStandardLevel_1 a {font-size: 1.1em; color: #333; font-weight: bold;}

.sitemapStandardLevel_2 a, a:visited {color: #444;}
.sitemapStandardLevel_2 a:hover {color: #FFF;}