body {
background: #000000 url(../img/bg.jpg);
font: 14px/1.3 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a {
text-decoration:none;
color:black;
}
img {
text-decoration:none;
border:0;
margin-bottom: -3px;
}

p {
padding: 10px;
line-height: 1.4;
}

ul {
margin-left:20px;
list-style:decimal;
list-style-position:outside;
padding: 10px;
}
li {
margin-bottom:4px;
}

#container {
position: relative;
top: 50px;
overflow: hidden;
}

h1 {
background: #49A3FF url(../img/blue_bg.jpg);
padding: 10px;
color: white;
font-weight: bold;
font-size: 1.4em;
}

h2 {
padding: 10px;
}

#login {
}

#header {
background: white url(../img/header.jpg);
height:100px;
}

#tabs {
height: 50px;
background: black url(../img/tabs_bg.jpg);
}
#subtabs {
background: #49A3FF url(../img/blue_bg.jpg);
color: black;
padding-top:10px;
padding-bottom:10px;
border-top: 1px solid black;
border-bottom: 20px solid white;
}
#subtabs a, #subtabs a:hover{
margin-left: 10px;
padding: 10px;
color: white;
font-weight: bold;
border-bottom:none;
position: relative;
background: url(../img/arrow.gif) right no-repeat;
}
#subtabs a:hover{
color: black;
background: url(../img/arrow2.gif) right no-repeat;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left}
ul.menu ul {position:absolute; top:50px; left:0; background:#1f1f1f; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#1f1f1f;border:1px solid #1f1f1f}
ul.menu ul li a:hover {background:#49A3FF url(../img/blue_bg.jpg)}
ul.menu ul ul {left:148px; top:-1px}

#maincontent {
background: white;
}

#maincontent_dark {
background: #444;
color: white;
}
#maincontent_dark a {
color: white;
}

#tabell {
float: left;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 9px;
margin-right: 0px;
border: 1px solid #d0d0d0;
background: #eeeeff url(../img/corner.gif) bottom right no-repeat;
font-size: 0.9em;
}
#tabell h1 {
padding: 4px;
padding-left: 10px;
background:#666 url(../img/tabs_bg_on.jpg);
color:white;
font-size:1.1em;
border-bottom: 1px solid #333;
}
#tabell td {
padding:3px;
}
#tabell a {
border-bottom:1px dotted black;
}

#footer {
height:30px;
text-align: center;
font-size: 0.7em;
color: white;
background: black url(../img/tabs_bg.jpg);
}
#footer a{
color: #49A3FF;
}
#footer a:hover {
border-bottom: 1px dotted #49A3FF;
}

#masonry-ex-a p {
  margin: 1px;
  float: left;
}
#masonry-ex-b li {
float: left;
line-height:1.6em;
margin: 6px 6px 9px 6px;
border: 1px solid #d0d0d0;
background: #eeeeff url(../img/corner.gif) bottom right no-repeat;
font-size: 0.8em;
}
#masonry-ex-c li {
width: 180px;
float: left;
line-height:1.6em;
margin: 6px 6px 9px 6px;
border: 1px solid #d0d0d0;
background: #eeeeff url(../img/corner.gif) bottom right no-repeat;
font-size: 0.8em;
}
#masonry-ex-b td, #masonry-ex-c td {
padding:3px;
}
#masonry-ex-b h1, #masonry-ex-c h1 {
padding: 4px;
padding-left: 10px;
background:#666 url(../img/tabs_bg_on.jpg);
color:white;
padding-left: 10px;
font-size:1.1em;
}
#masonry-ex-b a, #masonry-ex-c a {
border-bottom:1px dotted black;
}
#masonry-ex-b a:hover, #masonry-ex-c a:hover {
border-bottom:1px solid black;
}

.dia{
padding:2px;
margin-bottom:4px;
background:white;
text-align:center;
border:none;
}

.log{
margin-right:6px;
padding:12px;
text-align: right;
color: white;
font-size: 0.9em;
background: url(../img/arrow.gif) right no-repeat;
}
.log a {
color:white;
}
.log a:hover {
border-bottom: 1px solid white;
}
.log2{
margin-right:6px;
padding:6px;
color: black;
font-size: 0.9em;
background: url(../img/arrow2.gif) right no-repeat;
}
.log2 a {
color:black;
}
.log2 a:hover {
border-bottom: 1px solid black;
}
.log3{
padding-left:6px;
color: black;
border-bottom: 1px dotted black;
font-size: 0.9em;
}