/* styles for www.traumstrand.com */

/* global */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, input, textarea, div, span, pre, blockquote, p {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

html  {
  font-size: 100.01%;  /* default font-size: 16px */
}

body {
  margin: 0 auto;
  line-height:1;
  background: #177CA8 url(/img/bg_grade.jpg) repeat-x top left;
  font-size: 62.5%;   /* default font-size: 10px (1em) */
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #242C2D;
}

strong, h1, h2, h3 {
  font-weight: bold;
  line-height: 1.3em;
}

h1 {
  margin: 0 0 .5em;
}

h2 {
  margin: 0 0 .535em;
}

h3 {
  margin: 0.4em 0 .57em;
}

ul {
  list-style-type: disc;
}

ul li {
  margin-left: .85em;
}

.clear {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

/* layout */
.div_body {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  font-size: 1.4em;
  line-height: 1.4em;
  text-align:center; /* box center for IE 5 */
}

p.smaller {
  font-size: 11px;
}

.content_box {
  overflow: hidden;
  margin: 14px auto 0px auto;
  text-align:left; /* IE5 workaround */
  position: relative;
  z-index: 0;
  width: 940px;
}

.content_box_top {
 background: url(/img/sprite2.png) no-repeat 0px 0px;
 overflow:hidden;
}

/* IE 6 */
* html .content_box_top {
   background: #fff none;
   margin-top:-10px;
}

.content_box_inner {
  background: #fff;
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 20px;
  right: 0;
  left:0px;
  width: 940px;
  bottom: 20px;
}


.content_box_bottom {
  margin-top:-20px;
  height:20px;
  z-index:10;
  background: url(/img/sprite2.png) no-repeat 0px -20px;
}

 /* IE 6 */
* html .content_box_bottom {
   background: #fff none;
   margin-top:-10px;
}

.content_box_body {
  position: relative;
  z-index: 0;
  margin: 7px;
}

/* IE 6 */
* html .content_box_body {
  top:10px;
}

/* header */
div.header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 924px;
  height: 237px;
  background: #ffffff url(/img/sprite1.jpg) no-repeat left top;
}

.logo
{
  display : block;
  position: absolute;
  left: 8px;
  top: 16px;
  width: 400px;
}

h1.home
{
  display: block;
  text-align: left;
}

h1.home, h1.home a, h1.home a:link, h1.home a:visited, h1.home a:hover
{
  font: normal 42px "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: none;
  padding:0;
  margin:0;
  color: #D2F0FF !important;
}

h3.slogan
{
  display: block;
  text-align: left;
  font: bold 15px Tahoma, Arial, Helvetica, Sans-Serif;
  padding:0;
  margin: 5px 2px 0px 0px;
  color: #0A2A36 !important;
}

.border
{
  position: relative;
  margin: 0 auto;
  width: 924px;
  height: 62px;
  background: transparent url(/img/sprite2.png) no-repeat -8px -45px;
}

.content {
  width: 670px;
  float:left;
  margin:0;
}

.content ul {
  margin-left:20px;
}


.content p {
  padding: 5px 10px 5px 10px;
  text-align: justify;
}

.content a, .content a:visited {
  text-decoration:none;
  color: #015B82;
}

.content a:hover {
  text-decoration:underline;
}


.content a.bold_a, .content a.bold_a:visited {
  text-decoration:none;
  font-weight:bold;
  color: #015B82;
}

.picbox_right, .picbox_left {
  border: 1px solid #a2b6bf;
  padding: 4px;
  margin: 6px 10px 2px 10px;
}

.picbox_right {
  float:right;
}

.picbox_left {
  float:left;
}

.spacer_20 {
  clear:left;
  height:20px;
}


h1, h2, h3, h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover, h1 a:visited, h2 a:visited, h3 a:visited {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 0px 10px;
}


h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 35px;
  color: #1B7698;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 26px;
  color: #239CC7;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 21px;
  color: #687F82;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 18px;
  color: #242C2D;
}

.backtop
{
  font-size:11px;
  cursor:pointer;
  color: #0D3A4A;
  width:100px;
  border:0px solid gray;
  margin-top:10px;
  margin-bottom:15px;
}

.backtop:hover {
  color:#5F818D;
}

a.more img {
  border:0px;
  margin-bottom:-6px;
}

/* navigation */
.sidebar_back {
  position: relative;
  margin: 0 auto;
  padding:0;
  width:924px;
  overflow:hidden;
  background: #fff url(/img/sidebar_back.gif) repeat-y top right;
}

.nav {
  width:230px;
  margin:0px 8px 30px 0px;
  float:right;
}

.nav ul {
  padding-left: 10px;
}

/* IE 6 */
* html .nav ul {
  /*  margin-left:0;*/
}
 /* IE 7 */
* + html .nav ul {
  /* margin-left:0;*/
}

.nav ul li {
  padding-top: 10px;
  list-style:none;
  font-weight:bold;
}

.nav ul li ul {
  padding:4px 0px 0px 14px;
  border-top:1px dotted #bbb;
}

.nav ul li ul li {
  padding:0;
  font-size:12px;
  color: #aaa;
  list-style:disc;
  border:0;
  font-weight:normal;
}

.nav a {
  color: #1F8AB9;
  text-decoration:none;
}

.sidebar_back .nav a.active {
  color: #B87C1E;
  text-decoration:none;
  font-weight:bold;
}

.nav a:hover, .nav a.active:hover {
  color:#50B9E6;
}

.nav a:visited {
  color:#5E7884;
}

/* footer */
.foot
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 924px;
  margin: 0px auto 0px auto;
}

.foot .foot_content
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 8px;
  text-align: center;
}

.foot .foot_back
{
  position:absolute;
  z-index:-1;
  background: url(/img/sprite1.jpg) no-repeat 0px -242px;
  width: 924px;
  height: 92px;
  bottom:0;
  left:0;
}

.foot .foot_text p
{
  margin: 0;
}

.foot .foot_text
{
  display: inline-block;
  color: #171C1C;
 /*  font-family: Tahoma, Arial, Helvetica, Sans-Serif;*/
}

.foot .foot_text a:link
{
  text-decoration: none;
  color: #1E3C48;
 /* font-family: Tahoma, Arial, Helvetica, Sans-Serif;*/
}

.foot .foot_text a:visited
{
  text-decoration: none;
  color: #08222B;
/*  font-family: Tahoma, Arial, Helvetica, Sans-Serif;*/
}

.foot .foot_text a:hover
{
  text-decoration: none;
  color: #2C596D;
/*  font-family: Tahoma, Arial, Helvetica, Sans-Serif;*/
}

.sub_footer, .sub_footer a, .sub_footer a:link, .sub_footer a:visited, .sub_footer a:hover
{
  font: normal normal 10px Arial;
  letter-spacing:normal;
  word-spacing:normal;
  text-decoration:none;
  color:#7FB9D2;
}

.sub_footer {
  margin:0.8em;
  text-align:center;
  color:#ABB4B6;
}