/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* PAGE */

body {
	background: white;  
  text-align: center;
  font: 12px/16px georgia, serif;
  color: #3d3d3d;
}

strong { font-weight: bold; }
em { font-style: italic;  }

#view {
  position: relative;
  width: 980px;
  margin: 5px auto 5px auto;
  text-align: left;
  padding: 0;
}

#header {
  position: relative;
  margin: 0 20px;
  height: 256px;
  text-align: center;
  background: transparent url(../images/hovedstaden.png) no-repeat 0 44px scroll;    
}

#header .home {
  position: absolute;
  left: 312px;
  top: 5px;
}

.start #header {
  /*background: transparent url(../images/hovedstaden.png) no-repeat 0 bottom scroll; */
  height: 170px;
}

.article #header {
  height: 206px;
}

#header ul {
  position: absolute;
  right: 0px;
  top: 34px;  
  width: 483px;
}

#header li {
  display: inline;
  text-transform: uppercase;
  font: 12px/16px helvetica, sans-serif;
  margin: 0 0 12px 12px;
  float: right;
}

#header li a {
  color: #215f18;
  text-decoration: none;
}

#header li.current a {
  font-weight: bold;
}

#header li a:hover {
  text-decoration: underline;
}

#banner {
  margin: 35px 20px 0 20px;
  border-top: 15px solid #215f18;
  padding-top: 15px;
}

.banner-container {
  float: right;
}

.banner-container img {
  display: block;
}

.banner-container li {
  margin: 0 0 15px 0;
}

/* ARTICLE */

.article-outer {
  padding-top: 50px;
}

.article-container {
  margin: 0 20px 0 20px;
}

.article-container h1 {
  font: 36px/44px georgia, serfi;
  color: #3d3d3d;
}

.article-container h2 {
  font: 18px/22px georgia, serfi;
  color: #3d3d3d;
  margin: 70px 0 15px;
}

.article-container p, .article-container h1, .article-container h2 {
  width: 705px;
}

.article-container p {
  margin: 15px 0;
}

.article-container p.image {
  width: inherit;
  float: right;
  margin: 0 0 8px 15px;
}

/* PAGE MENU */

.page-container, .start-container {
  margin: 0 20px;
}

.menu {
  position: relative;
  width: 235px;
  float: left;
}

.menu li {
  font: bold 12px/16px helvetica, sans-serif;
  color: #3d3d3d;
  margin-bottom: 8px;
}

.menu h2 {
  font: bold 24px/18px helvetica, sans-serif;
}

.menu li a {
  font-weight: normal;
  text-decoration: none;
}

.menu li.current a {
  font-weight: bold;
}

.menu li a:hover {
  text-decoration: underline;
}

/* PAGE */

.page-inner {
  width: 50%;
  float: right;
}

.page-inner h1, #banner h1 {
  font: 18px/22px georgia, serif;
  margin: 0;
}

.page-inner p {
  margin: 16px 0;
}

p.image img {
  display: block;
  margin-bottom: 4px;
}

p.image {
  font-style: italic;
}

p.regest {
  margin-top: 0;
}

/* START */

.start h1 {
  font: 36px/44px georgia, serif;
  color: #3d3d3d;
  margin-bottom: 44px;
}

.start h1 a {
  text-decoration: none;
}

h3 {
  color: #215f18;
  text-transform: uppercase;  
}

.article-short {
  width: 235px;
  float: left;
  font: 12px/16px helvetica, sans-serif;
}


/* FOOTER */

#footer {
  margin: 0 20px 8px 20px;
  padding-top: 40px;
  text-align: center;
}

#footer table {
  width: 600px;
  margin: 0 auto;
}

#footer td {
  font-family: helvetica, sans-serif;
  color: #215f18;
  text-align: left;
}

#footer td a {
    color: #215f18;
}

/* LINK */

a {
  color: #3d3d3d;
}