@charset "utf-8";

/*
  Author: Jens Bjerrehuus
  Created: 2007-02-11
  Copyright: Copyright (c) 2007 by Jens Bjerrehuus
*/

body {
  font:small "Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;
  margin:0; padding:0;
}

/* Text */
h1 {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;
  font-weight:normal;
}
h2,h3,h4,h5,h6 {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;
  font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {letter-spacing:0.5px;}
h1 {font-size:160%;}
h2 {font-size:125%;}
a {
  color:#1C3E73;
  border-bottom:1px solid #1C3E73;
  text-decoration:none;
}
a:visited {
  color:#7C1512;
  border-bottom:1px solid #7C1512;
}
a:hover {
  background:#1C3E73;
  color:#fff;
  border-bottom:1px solid #1C3E73;
}

/* Masthead */
#masthead {
  text-align:center;
}
h1.title {
  background:#1C3E73;
  border-bottom:1px solid #fff;
  color:#fff;
  letter-spacing:1px;
  margin:0;
  padding:14px;
  text-transform:uppercase;
}
h1.title a {
  color:#fff;
  border-bottom:none;
}
h2.subtitle {
  background:#26731C;
  border-bottom:1px solid #3F3F3F;
  color:#B9D2B6;
  font-weight:normal;
  margin:0;
  padding:10px 14px;
}

/* Page size */
#content,#masthead {
  max-width:1160px;
  min-width:960px;
}

/* Overview */
#overview {
  float:left;
  width:70%;
}
#overview {
  column-count:2;
  column-gap:1.2em;
  -moz-column-count:2;
  -moz-column-gap:1.2em;
  -webkit-column-count:2;
  -webkit-column-gap:1.2em;
}
h2.overview {
  float:left;
  margin:0;
  padding:14px 0 0 14px;
  width:50%;
}

/* Legend */
#legend {
  border-bottom:1px solid #000;
  float:right;
  width:30%;
}
li.legend-blue {list-style-image:url("/images/3.jpg");}
li.legend-green {list-style-image:url("/images/5.jpg");}
li.legend-green-station {list-style-image:url("/images/4.jpg");}

/* The map. */
#navigation {
  float:left;
  text-align:center;
  width:70%;
}
#map {
  background:url("/images/2.jpg");
  height:320px;
  margin:10px auto;
  padding:0;
  position:relative;
  width:650px;
}
#map li {
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  text-indent:-5000px;
}
#map a {
  border:none;
  display:block;
}
#map #map-opgave,#map #map-opgave a {left:0;top:0;height:106px;width:100px;}
#map #map-udgangspunkt,#map #map-udgangspunkt a {left:0;top:106px;height:130px;width:187px;}
#map #map-vision,#map #map-vision a {left:240px;height:106px;width:100px;}
#map #map-vaerdier,#map #map-vaerdier a {left:340px;height:106px;width:100px;}
#map #map-formaal,#map #map-formaal a {left:440px;height:106px;width:100px;}
#map #map-fokus,#map #map-fokus a {left:560px;height:106px;width:100px;}
#map #map-maal,#map #map-maal a {left:187px;top:170px;height:155px;width:59px;}
#map #map-handlinger,#map #map-handlinger a {left:246px;top:170px;height:155px;width:115px;}
#map #map-konsekvenser,#map #map-konsekvenser a {left:361px;top:170px;height:155px;width:149px;}
#map #map-opfoelgning,#map #map-opfoelgning a {left:510px;top:170px;height:155px;width:100px;}
#map #map-opgave a:hover,#sel-opgave #map #map-opgave a {
  background:url("/images/2.jpg") 0 -320px no-repeat;
}
#map #map-udgangspunkt a:hover,#sel-udgangspunkt #map #map-udgangspunkt a {
  background:url("/images/2.jpg") 0 -426px no-repeat;
}
#map #map-vision a:hover,#sel-vision #map #map-vision a {
  background:url("/images/2.jpg") -240px -320px no-repeat;
}
#map #map-vaerdier a:hover,#sel-vaerdier #map #map-vaerdier a {
  background:url("/images/2.jpg") -340px -320px no-repeat;
}
#map #map-formaal a:hover,#sel-formaal #map #map-formaal a {
  background:url("/images/2.jpg") -440px -320px no-repeat;
}
#map #map-fokus a:hover,#sel-fokus #map #map-fokus a {
  background:url("/images/2.jpg") -560px -320px no-repeat;
}
#map #map-maal a:hover,#sel-maal #map #map-maal a {
  background:url("/images/2.jpg") -187px -490px no-repeat;
}
#map #map-handlinger a:hover,#sel-handlinger #map #map-handlinger a {
  background:url("/images/2.jpg") -246px -490px no-repeat;
}
#map #map-konsekvenser a:hover,#sel-konsekvenser #map #map-konsekvenser a {
  background:url("/images/2.jpg") -361px -490px no-repeat;
}
#map #map-opfoelgning a:hover,#sel-opfoelgning #map #map-opfoelgning a {
  background:url("/images/2.jpg") -510px -490px no-repeat;
}

/* Sidebar */
#sidebar {
  float:right;
  width:30%;
}

/* Footer */
#footer {
  border-top:1px solid #3F3F3F;
  clear:both;
  color:#3F3F3F;
  font-size:90%;
  padding:2px 14px;
}
#footer .copyright {
  float:left;
}
#footer .designby {
  float:right;
}

/* Article */
.article {
  padding:0 14px;
}