/* Layout Stylesheet */ 

body {
 margin:20px;
 background-color:#000000;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:0px solid #aa36c3;
 width:750px;
 margin:auto;
 background-color: transparent;
 }

#hdr {
 height:220px;
 background:#ffffff;
 color: #333333;
 background-image: url("img/berorlogo.jpg");
 background-repeat: no-repeat;
 background-position: right;
 }

#bar {
 height:22px;
 background-color: #aa36c3;
 color: #333333;
 border-width:2px 0 2px 0;
 border-top: solid #fff;
 border-bottom: solid #ccc;
 }

#bodyblock {
 position:relative;
 background-color: #ffffff;
 color: #333333;
 width:750px;
 padding:0;
 }

#l-col {
 float:left;
 background-color:#ffffff;
 color: #333333;
 width:180px;
 }

#cont {
 width:550px;
 background-image: url("img/om_bg.jpg");
 background-repeat:  no-repeat;
 background-position: 25px 25px;
 background-color:#ffffff;
 color: #333333;
 border:solid #aa36c3;	
 border-width:0 0 0 0;
 text-align:left;
 min-height: 600px;
 }

#ftr {
 height:100px;
 background-color:#fff;
 color: #000;
 border-width:2px 2px 2px 2px;
 margin:0;
 background-image: url("img/bg.png");
 background-repeat: no-repeat;
 background-position: right;
 border-top: solid #ccc;
 border-bottom: solid #ddd;
 }

#navcontainer ul
{
 padding: .2em 0;
 margin: 0;
 list-style-type: none;
 background-color: #000;
 color: #FFF;
 width: 100%;
 font: italic 90% Georgia,Serif;
 text-align: center;
 font-weight: bold;
 font-size: 12px;
 min-height: 16px;
}

#navcontainer a:active
{
background: #fff;
color: #000;
}

#navcontainer li#active a
{
background: #fff;
border: 1px solid #999;
color: #000;
}


/* Vertikal meny */

#meny { width: 180px; }

#meny ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
    font-family:Georgia,Serif;
font-size: 12px;
}

#meny a
{
display: block;
padding: 3px;
width: 160px;
background-color: #fff;
border-bottom: 1px solid #ccc;
font-weight: bold;
color: #000;
}

#meny a:link, #menylist a:visited {
 color: #000;
 text-decoration: none;
 background-color: transparent;
}

#meny a:hover
{
 background-color: #ccc;
 color: #fff;
}

#meny a:aktiv
{
 background-color: #ccc;
 color: #fff;
}

#meny li#aktiv a
{
 background-color: #ccc;
 border: 1px solid #999;
 color: #fff;
}