/* This should be a safer layout -- less floating, pixel sizing and stuff. */

body {
 margin: 0 0.8em;
 background: #e9ecef;
 font-family: Verdana, sans-serif;
 font-size: 13px;
}
#header {
 margin: 0 -0.8em 1.6em -0.8em;
 background: #dedede;
}

/* Navigation "tabs" in table */
#header table {
border: 0
}
#header td {
border: 0;
border-top: 1px solid #9cafc0;
vertical-align: top
}
#header td span {
position: absolute;
z-index: 1;
width: 3px;
height: 25px;
margin-top: -1px;
background: url(bluedot/tab2left.gif) no-repeat
}
#header td a {
display: block;
position: relative;
padding: 0 10px;
margin-right: -2px;
background: #dedede url(bluedot/tab2right.gif) no-repeat top right;
font-size: 15px;
color: #426693;
text-decoration: none
}
#header td a:hover { text-decoration: underline }
#header .active {
padding-bottom: 0;
background: #e9ecef;
border-color: #5a84b5
}
#header td strong {
display: block;
border-top: 1px solid white;
}
#header td strong span {
margin-top: -2px;
background-image: url(bluedot/tab1left.gif)
}
#header td strong a {
line-height: 25px;
margin-top: -2px;
background: url(bluedot/tab1right.gif) no-repeat top right;
color: black
}
#header td strong a:hover { text-decoration: none }
#header td strong a:active { color: black !important }

#header .citat { margin: 1em; }

.container {
 width: auto !important;
}

#news {
 margin-top: 3em !important;
 border-color: black !important;
 background: white;
}
#news h2 {
 position: relative;
 top: -4px;
 margin: -1em -12px 1px -12px;
 width: 5em;
 height: 1em;
 line-height: 1;
 font-size: 18px;
 font-weight: normal;
 text-align: center;
 background: #dfdfdf;
}
#news h3 {
 font-weight: normal;
}

#leftcolumn {
 margin-left: 1em;
 margin-right: 1em;
 margin-bottom: 2em;
 width: auto !important;
 max-width: 40em;
}

.leftBox {
 padding: 1px 12px 0 12px;
 border: solid 1px #5A84B5;
 border-style: none solid solid none;
 background-color: #DFDFDF;
}

#news,
.block1, .block2 {
 width: auto !important;
 max-width: 52em;
 margin: 0 1em 2em 1em;
 padding: 0 12px;
 border: 1px solid #5a84b5;
}
.block1 {
 padding-top: 1px;
 background: #dfdfdf;
}
.block2 {
 position: relative;
 padding: 0 12px;
 background: white;
}

/* group of windows */
.group {
 padding-left: 1em;
 border-left: 1px solid black;
 margin-left: -1px;
}
.group .block1, .group .block2 {
 max-width: 51em;
}

#news h3,
.leftBox h1,
.block1 .heading {
 margin: 0 -11px;
 padding: 0 4px;
 background: #aaa9a4;
 font-size: 14px;
 color: white;
}
.block1 h2, .block1 h3, .block1 h4 {
 margin: 0;
 border-top: 1px solid #aaa9a4;
 font-size: 12px;
}
/* titlebar */
.block2 .heading {
 position: relative;
 margin: 0 -12px;
 background: #b8c8e0 url(bluedot/secthead-bg.gif) top right repeat-x;
 border: 1px solid;
 border-color: #dee7f7 #a8bdd9 #5a84b5 #dee7f7;
 font-size: 12px;
}
.block2 .heading * {
 margin-left: 16px;
 padding: 0 6px;
 background: url(bluedot/secthead-textbg.gif);
 line-height: 17px;
 vertical-align: top;
}
.heading * {
 display: inline;
 margin: 0;
 font-size: 1em;
}
.heading * * { padding: 0; }

/* shading */
.collapse, .expand {
 display: none;
}

.center { text-align: center; }

a:link, a:visited {
text-decoration: underline;
color: #00437a
}
a:hover { text-decoration: none }
a:active { color:#d40000 !important}
a img { border: 0 }

/* horizontal rules */
.hr, .hr-hidden { clear: both; }
#leftcolumn hr,
.hr-hidden hr { display: none; }

#bottom {
 margin: 1em;
 border-top: 2px solid #b6c2cd;
}
#bottom hr { display: none; }

/* vim: set sw=1 sts=1: */