body { 
  padding: 0;
  padding-top: 10px;
  margin: 0; 
  font: 9pt Arial, sans-serif;
  color: black;
  line-height: 1.6em; 
  background: #666666;
  text-align: center;
}

img {
  border: 0px;
}

/* links */
#rootline a {
  color: #666666;
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: #666666;
}

.bold-link {
  font-weight: bold;
}

.areas {
  float: right;
  width: 220px;
  border: 1px solid #666666;
  padding: 5px 10px 5px 10px;
}

#area-vorbasse, #area-gesten, #area-skaerbaek, 
#area-sydals, #area-store-heddinge, #area-roedby {
  display: none;
}

.arrow-link-ext, .arrow-link-int {
  padding-left: 10px;
  padding-right: 20px;
  color: black;
}

.arrow-link-ext {
  background-image: url('images/pil_ext.gif');
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

.arrow-link-int {
  background-image: url('images/pil.gif');
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

/* headings */
h1 { font: bold 15pt "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #78b64a; margin-top: 10px; }
h2 { font: bold 1.8em Arial, Sans-Serif; margin: 0; padding: 0; color: #666666; margin-top: 20px;}
h3 { font: bold 1.3em Arial, Sans-Serif; margin: 0; padding: 0; color: #666666; margin-top: 20px;}
.maincontent h2 {font: bold 13pt "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #78b64a; margin-top: 10px;}
.heading h3 { vertical-align: bottom;}
.specialtitle {margin:0; padding:0; padding-top: 4px; font-weight: bold;
font-size: 18px;}
h4, h5, h6 {
  margin-bottom: 0px; 
  padding-bottom: 0px;
}

.csi-text h1, .csi-text h2, .csi-text h3, .csi-text h4, .csi-text h5, .csi-text h6 {
  margin: 0px;
  padding: 0px;
}

#rightcolumn h4, #rightcolumn h5, #rightcolumn h6 {
  color: #666666;
}

#contentbody p {
  margin-top: 0px;
  padding-top: 0px;
}

/*
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
*/

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }

/* structure */
#container {
  width: 940px;
  background: inherit;
  margin: 0 auto;
  text-align: left;
}

#header {
  background: #fff;
  color: #666666;
  height: 90px;
  width: 940px;
}

#logo {
  background-color: inherit;
  margin-top: 20px;
  margin-left: 12px;
  float: left;
}

#rightmenu {
  float: right;
  width: 350px;
  padding-right: 20px;
  margin-top: 10px;
  
  display: none;
}

#langmenu {
  width: 100%;
}

#flagholder {
  float: right;
}

#langmenu #flagholder .flag {
  margin-left: 11px;
}

#langmenu #flagholder .flag img {
  border: 0px;
}

#searchmenu {
  margin-top: 15px;
  height: 20px;
}

#search, #printlogo, #homelogo {
  background-color: white;
  float: right;
}

#printlogo, #homelogo {
  background-color: white;
  margin-left: 20px;
}

#printlogo img, #homelogo img {
  border: 0px;
  margin-top: 4px;
}

#search form input {
  margin: 0px;
  background-color: white;
  color: #666666;
}

#searchbutton {
  height: 18px;
  font-size: 7pt;
  width: 30px;
  border: 0px;
}

#searchfield {
  padding-top: 1px;
  height: 16px;
  text-align: left;
  border: 1px solid #666666;
}

#first-col {
  background-color: inherit;
  float: left;
  width: 235px;
  
  display: none;
}

#menu ul {
  margin-top: 20px;
  margin-left: 15px;
}

#menu ul li {
  margin-bottom: 20px;
}

#menu a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}

#left-image {
  width: 235px;
}

#rootline {
  padding: 10px;
}

#contentbody {
  padding: 10px 20px 10px 20px;
  clear: both;
}

#rightcolumn {
  padding: 10px;
}

#rightcolumn p {
  padding-top: 10px;
  padding-bottom: 15px;
  margin: 0px;
}

#rightcolumn .first-paragraph {
  border: 0px;
}

.csc-frame-rulerAfter {
  border-top: 1px solid #666666;
  width: 100%;
  height: 2px;
}

#pagetitle {
  padding-left: 20px;
  padding-right: 20px;
}

.color {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  float: left;
}

/*
 FRONTPAGE STYLES
*/


#frontpage {
  background-color: #fff;
  margin-top: 10px;
  width: 940px;
  overflow: hidden;
  text-align: left;
}

#frontpage #second-col, #frontpage #third-col {
  float: left;
}

#frontpage #second-col {
  width: 470px;
}

#frontpage #third-col {
  width: 235px;
}

#menu, #front-information {
  height: 259px;
  overflow: hidden;
}

.nav-item {
  height: 200px;
  float: left;
  border-top: 1px solid #666666;
  text-align: center;
}

.nav-item img {
  margin-top: 5px;
}

.nav-item table td {
  vertical-align: top;
}

.nav-item table td img {
  border: 0px;
}

#menu, .nav-item, #front-information {
  width: 235px;
}

#front-image {
  width: 470px;
}

#frontpage #menu, .nav-item, #front-image {
  background-image: url('images/border.gif');
  background-position: 100% 0;
  background-repeat: repeat-y;
}

.last-item {
  background-image: none;
  background-repeat: no-repeat;
}

#front-information {
  background-color: #78b64a;
  color: #fff;
  width: 235px;
}

#front-information div {
  padding: 30px 20px 30px 20px;
}


/*
 3 Col Content
*/

#col-content-3 {
  background-color: #fff;
  margin-top: 10px;
  width: 940px;
  overflow: hidden;
  text-align: left;
}

#col-content-3 #menu, #left-image {
  background-image: none;
  background-repeat: no-repeat;
}

#col-content-3 #second-col, #col-content-3 #third-col {
  float: left;
}

#col-content-3 #second-col {
  width: 555px;
  overflow-x: hidden;
  min-height: 500px;
  background-image: url('images/center-border.gif');
  background-repeat: repeat-y;
  
}

#col-content-3 #third-col {
  width: 150px;
}

.spacer {
  float: left;
  height: 20px;
  width: 15px;
}

#materials {
  margin-top: 10px;
}

#materials td {
  vertical-align: top;
}

#materials table {
  margin-left: 5px;
  margin-right: 5px;
  width: 162px;
  font: 12px Arial, sans-serif;
}

.material h3 {
  margin: 0;
  padding: 0;
  margin-right: 0px;
}

.material .heading {
  border: 1px solid #666666;
}

.material .element {
  border: 1px solid #666666;
  border-top: 0px;
  padding-bottom: 20px;
}

.color1 {
  background-color: #9dbe36;
}

.color2 {
  background-color: #646567;
}

.color3 {
  background-color: #39648e;
}

.materialitems {
  margin-top: 20px;
  text-align: center;
}

.materialitems a {
  width: 60px;
  height: 20px;
  background-color: #666666;
  color: #fff;
  padding-top: 4px;
  display: inline-block;
}

.specialtitleholder {
  margin-bottom: 20px;
}

.specialh1 {
  margin: 0px;
  padding: 0px;
  float:left;
}

.specialholder {
  width: 170px;
  height: 27px;
  border: 1px solid #666666;
  float: right;
}

#type-menu {
  background-color: #78b64a;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 555px;
  float:left;
  background-image: url('images/center-border.gif');
  background-repeat: repeat-y;
}

#type-container {
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 15px;
  float: left;
  padding-bottom: 14px;
}

.type {
  text-align: center;
  float: left;
  width: 65px;
  margin-right: 10px;
  margin-top: 14px;
}

.type a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.type img {
  border: 0px;
}

/*
 2 Col Content
*/

#col-content-2 {
  background-color: #fff;
  margin-top: 10px;
  width: 940px;
  overflow: hidden;
  text-align: left;
}

#col-content-2 #menu, #left-image {
  background-image: none;
  background-repeat: no-repeat;
}

#col-content-2 #second-col, #col-content-3 #third-col {
  float: left;
}

#col-content-2 #second-col {
  width: 705px;
  min-height: 500px;
  background-image: url('images/border.gif');
  background-repeat: repeat-y;
  
}

#col-content-2 #type-menu {
  background-color: #78b64a;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 705px;
  float:left;
  background-image: url('images/border.gif');
  background-repeat: repeat-y;
}

#rightcolumn p {
  font: 7pt Arial, sans-serif;
  color: #666666;
  margin-top: 0px;
  padding-top: 0px;
}

#thirdspacer {
  padding-left: 15px;
}

.thirds {
  height: 200px;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
  width: 162px;
  border: 1px solid #666666;
  margin-right: 5px;
  margin-left: 5px;
  float: left;
  margin-top: 20px;
}

.thirds h2, .thirds p {
  padding: 5px;
  margin: 0;
}

#footer {
  text-align: center;
  color: white;
  margin-top: 5px;
}


#second-col {
  width: 100%;
}


#col-content-3 #second-col {
  width: 80%;
}

#third-col {
  width: 20%;
}