/* 
    Document   : style
    Created on : 23.05.2010, 19:42:31
    Author     : shanke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
    Document   : style
    Created on : 16.05.2010, 16:53:54
    Author     : stefan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;

}
BODY {
     font-family: Helvetica Neue,Helvetica,Arial,Tahoma,Verdana,sans-serif;
   margin:0px;
   padding:0px;
}

A {
    color:black;
    text-decoration:none;
}

#bgTop {
    background-color: darkblue; position: absolute; z-index: -1; width: 100%; height:200px;
}

#outr {
    width:820px;margin:0 auto;
}
#languagemenu,#langmenu {
    margin-bottom:0.25em;
    font-size:60%;
    color:#666666;
}
.languagemenu,.langmenu {

    font-size:0.95em;
}

#languagemenu A,#langmenu A {
    color:#999999;
}

.langmenu-act,#langmenu A.langmenu-act,#langmenu A.langmenu:hover {
     color:#999999;
    
}
.langmenu-act SPAN,#langmenu A.langmenu-act SPAN,#langmenu A.langmenu:hover SPAN {
 text-decoration: underline;
}

.clr {
    clear:both;

}

#first-level-menu {
    max-width:100%;
    margin-top:1%;
}

.first-level-menu {
    float:left;
    width:273px;
    text-align:center;
    padding-top:0.8em;
    padding-bottom:0.5em;
    font-weight:bold;
    border-bottom:1px solid white;
}


.first-level-menu:HOVER {
  /*  border-color:white;*/

}

DIV.first-level-menu A{
    color:#666666;
}

DIV.first-level-menu:HOVER{
    background-color:white;
}

DIV.first-level-menu:HOVER A {
    color:#000000;
}
.f-l-m-act {
    background-color:white;
    color:black;
}
DIV.f-l-m-act A {
    color:black;
}
#content {
    width:817px;
    min-height:375px;
     background-color:transparent;
     border-left:1px solid white;
border-right:1px solid white;
}
#content IMG {
    width:817px;
}

.menu-offgrid {
    border-bottom: 1px solid white;
}
.menu-water {
    border-bottom: 1px solid white;
}
.menu-cathod {
    border-bottom: 1px solid white;
   
}


.marker-offgrid {
    background-color:rgba(0,255,0,0.2);
    border:1px solid rgba(0,255,0,0.2);
}

.marker-water {
    background-color:blue;
    border:1px solid blue;
}

.marker-cathod {
     background-color:red;
     border:1px solid red;
}

#content-sub {
    margin-top:1.5em;
    margin-bottom:1em;
  
}

.content-sub {
    width:30%;

    float:left;
    font-size:90%;
}

.content-sub H3 {
    margin:0px;
    padding:0px;

}

.content-sub-left {
    width:20%;
    display:none;
}

.content-sub-middle {
margin-left:5%;
margin-right:5%;
width:45%;
}
.content-sub-right {
   width:45%;
}

#videoClip {
    padding-top:3px;
}

.small {
    font-size:80%;
}

.smaller {
    font-size:75%;
}
#foot-right {
    float:right;
    display:inline-block;
    padding-top:12px;
}

#foot-left {
    display:inline-block;
}

#footer {
      border-top:1px solid #bbbbbb;
       border-bottom:1px solid #bbbbbb;
}
#footer,#footer A,#langmenu,#langmenu A {
    color:#666666;
}

/* overriding the typo3 styles */
.csc-textpic {
padding-right:25%;
}

#claimWrp {
position: absolute; z-index: 2; top: 350px; width: 820px;
}

#keyVisual {
    width: 817px; height: 380px;
}


.stdArrow {
    height: 1em; vertical-align: middle; margin-left: 5px;
    border:0px;
    opacity:0.8;
}

#claim {
    background-color: rgba(255,255,255,0.8);
    width: 370px;
    padding:10px;
}

#claim.right {
    margin-left: 422px;
    padding-right:15px;
}

#claim.left {
    padding-left: 15px;
    margin-left:0px;
}

#claim H1 {
    font-size: 140%; font-weight: bold; display: block;
    text-transform: uppercase;
    color:#000000;
}

#claim A {
    color:#ff6c00;
}

#bottomMenu {
    padding-left:0px;
}

#bottomMenu LI {
    display:inline;
list-style-type:none;
margin:5px;
}

#bottomMenu LI:HOVER A{
    color:black;
}


#logoTop {
margin-left:500px;
}

#logoTop IMG {
height:45px;
}

/** file links **/

.csc-uploads-fileName P {
margin:0px;
font-size:80%;
}

.csc-header H5 {
margin-bottom:0px;
}