/* 
    Document   : default
    Created on : 17.mai.2009, 22:40:05
    Author     : idar
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}

body{
    background-color:#ffffff;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}
a{
    color:#336699;
}
#mainContainer{
    position:relative;
    width: 960px;
    min-height:900px;
    padding-bottom:100px;

    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
   
    

    background-image: url(../images/bunn.gif);
    background-repeat:no-repeat;
    background-position: left bottom;
}

#header{
    height:213px;
}

#shadow_bottom{
    height:11px;
    /*background-color:#444;*/
    background-image: url(../images/shadow_bottom.png);
    background-repeat:no-repeat;
   

}
#shadow_right{
    position:absolute;
    height:220px;
    width:11px;
    top:18px;
    right:-11px;
    background-image: url(../images/shadow_right.png);
    background-repeat:no-repeat;
}

#logo{
    width:159px;
    float:left;
    padding-left:10px;
    padding-right:10px;
    height:166px;
    background-repeat:no-repeat;
    background-image: url(../images/logo.gif);
    background-position: top center;
}

#headR{
    display:table;
    border-spacing:5px;
   




}
#langSelect{
    display:table-row;
    height:37px;
     background-color:#396e8e;

}

#langSelect a{
    float:right;
    margin-left: 0.5em;
    margin-right:0.5em;
    color:#fff;
    text-decoration:none;
}

#headImages{
    display:table-row;
}

#headImages img{
    display:table-cell;
    padding:7px 3px 3px 3px;
}

#contentContainer{
  margin-top:5px;
   display:table;
   width:100%;
}
.tRow{
    display:table-row;
}

#left{
    display:table-cell;
    width:159px;
    padding-left:10px;
    padding-right:10px;
     
    vertical-align: top;
}



#center{
    display:table-cell;
    width:562px;
    padding-left:10px;
    padding-right:10px;
    vertical-align: text-top;
}
#mainMenu,#rootLi{
    margin-top:19px;
    margin-left: 0px;
    padding-left:0px;
    width:159px;

}

.subMenuUl{
    position:absolute;
    width:169px;
    left:157px;
    top:3px;
    background-color:#fff;
    border: 1px #ddd solid;
    

}


.menuLi{
    list-style-type:none;
    line-height:1.75em;
    border-top:1px dotted #eee;
    text-align: center;
    width:159px;
    position:relative;

}

.subMenuUl li{
    left:-20px;
    width:169px;
}
.menuLi:hover{
    background-color:#eee;
}
.menuLi:active{
    font-weight:bold;

}

.menuA{
    text-decoration:none;
    line-height:1.75em;
    
    text-align: center;
    width:159px;
    padding:0 1.5em 0 1.5em;
   
}
.menuA:hover{
    background-color:#eee;
}
.menuA:active{

    font-weight:bold;
}

#menuBox,#infoBox{
    width:162px;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    border:1px solid #eee;
}
#infoBox{
    margin-top:20px;
    padding-top:10px;
     color:#336699;
}

#right{
    display:table-cell;
    width:179px;
    
    vertical-align: top;
    
}

#newsBox{
    width:159px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    vertical-align: top;
    border:1px solid #eee;
    position:relative;

}
#flashBox{
    width:159px;
    padding-left:10px;
    padding-right:10px;
    
    vertical-align: top;
    border:1px solid #eee;
    position:relative;
    margin-top:20px;
    height:120px;
    padding-top:25px;

}
#facebookBox{
    width:159px;
    padding-left:10px;
    padding-right:10px;

    vertical-align: top;
    border:1px solid #eee;
    position:relative;
    margin-top:20px;
    height:40px;
    padding-top:25px;

}


#menuHeader,#newsListHeader,#flashBoxHeader,.contentBoxHeader{

    text-align: center;
    vertical-align: middle;
    background-color: #eee;
    position:absolute;
    left:0px;
    width:183px;
    height:20px;
    color:#333;
    
}
#newsListHeader,#flashBoxHeader,.contentBoxHeader{
    top:0;
    width:179px;
}

#right img{
    position:relative;
    right:5px;
}


#footer{
    position:absolute;
    width:960px;
    bottom:0px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}


#lowColorBar{
    position:absolute;
    bottom:-15px;
    left:-1px;
    height:16px;
    background-color:#fff;
    width:960px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-right-color: #000000;
}


#success{

    width:400px;


}

#success h3, #success p{
    width:300px;

}
.leftFloat{

    float:left;
    padding:1em;
    border: 1px #ccc dotted;
    background-color:#fff;
}

.rightFloat{

    float:right;
    padding:1em;
    border: 1px #ccc dotted;
    background-color:#fff;
}

#langBar{
    background-color:#fff;
    height:15px

}

.langA{
    float:right;
    margin-right:1em;
}

h1{
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.articleItem{
    float:left;
    width:100%;
    border-bottom: 1px dotted #bbb;
    margin-bottom:1em;
    padding: 5px 5px 10px 5px;
}


#fCont{

    position:relative;
}
#ownerBanner{
    position:absolute;
    height:90px;
    width:524px;

    top:-60px;
    right:-170px;;
    background-image: url(../images/MagmaEiere.png);
    background-repeat:no-repeat;
}
#facebookBox{

}
#facebookBox img{
    border: none;
    position: absolute;
    right: 5px;
    top: 5px;
}

.mapCell{
    padding: 3px;
    
    border:1px solid #eee;
}
.mapTable{
    border-spacing: 1em;
    width:100%;
}
#mapMaster{
    width:925px;
    margin-left: 10px;
   
    border:1px solid #eee;
    padding:1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.cellHeading{
    background-color: #eee;
    padding:3px;
    text-align: center;
}

.contentBox{
    width:159px;
    padding-left:10px;
    padding-right:10px;

    vertical-align: top;
    border:1px solid #eee;
    position:relative;
    margin-top:20px;
    padding:5px;
    
    
    

}