/* Start of CMSMS style sheet 'Topmenu + 2 colunms FF' */
{process_pagedata}
* {
  margin:0;
  padding:0;
}

/*
Set initial font styles
*/
body {
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 75.01%;
  line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
  font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
  border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */

/*a[target="_blank"] {
    background: url(/uploads/images/ekstern.png) center right no-repeat;
    padding: 0 13px 0 0;
}*/
a,
a:link,
a:active {
  text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
  background-color: inherit; 
  color: #18507C; 
}

a:visited {
  text-decoration: underline;
  background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
  text-decoration: none;
  background-color: none;
  color: #FF0000;
}

/*****************
basic layout 
*****************/
body {
  background-color: #B3B0A3 /*#ccc*/;
  color: #333;
  margin:1em; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
  border: 1px solid #B3B0A3;
  margin: 0 auto;     /* this centers wrapper */
  max-width: 81em; /* IE wont understand these, so we will use javascript magick */
  /* was 80em (frol) */
  min-width: 60em;
  background-color: #fff;;
  color: black;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 76px; /* adjust according your image size */
   background: #00529A /*#0B2E82*/;         
   position:relative; /* så kan vi positionere en blok som 'absolute' ind i headeren */
   margin:0; padding:0; border:none; line-height:0.1;
}

div#header h1 a {
/* you can set your own image here */
   background:  url(uploads/images/WebTop_V3b.png)  no-repeat 0 0px;
   /* background:  url(uploads/images/vandspejl3.gif)  no-repeat 0 0px; */
   display: block; 
   height: 76px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   margin:0; padding:0; border:none; line-height:0.1;
}

div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }


div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}

div#main {
   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}


div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
 
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
background-color: #00529A /*#0B2E82*/; /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

div.hr2  {
   height: 1px;
   margin: 3em auto;
   width:20%;
   border-bottom: 1px solid black;
}

/* relational links under content */
div.left49 {

  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color:  #19416E /*#0B2E82 #294B5F */; 

/* dette er en prøve! */
   font-size: 1.7em; /* was 1.5 */
   font-weight:normal; /* was bold */

   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #00529A /*#0B2E82*/; 
   border-left: 1.1em solid #00529A /*#0B2E82*/;  
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 .5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: .5em 0 .7em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.12em;
   line-height: 1.3em;
   margin: .25em 0 0.15em 0;
}
div#content h5 {
   color: #1C3340; 
   font-size: .9em;
   font-style:italic;
   line-height: 1.3em;
   margin: .25em 0 0.15em 0;
}
h6 {
   color: #294B5F; 
   font-size: .8em;
   line-height: 1.3em;
   margin: .25em 0 0.15em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 7px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
}

pre {
  border: 1px solid #000;  /* black border for pre blocks */
  background-color: #ddd;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
  margin: 0 0 0.6em 3em;
}

div#dl dt {
  font-weight: bold;
  margin: 0 0 0.25em 3em;
}
div#dl dd {
  margin: 0 0 0 3em;
}
/* END LISTS */

/* Tilføjet 19.03.09 - FROL */
  /* header */

#translate {
  z-index:100;
  width:120px /* 20em */;
  position:absolute; /* pos. rel. til header */
  /* right:1.5em */;
  left:818px;
  top:2px /*.7em*/;
  padding:5px 5px 1px; 
  text-align:right;
  font-weight:normal;
  font-size: 13px;
  /* background:url(/uploads/images/hvid-bg.png); */
}

/* #translate a { color:#00529A /*#71A1D0 #45A1F1*/; text-decoration:none; } */

p#translate a:link { color:#006B4E; background-color: inherit; text-decoration:none !important; }
p#translate a:active { color:#006B4E; background-color: inherit; text-decoration:none !important; }
p#translate a:visited { color:#006B4E; background-color: inherit; text-decoration:none !important; }
p#translate a:hover { color:red; background-color: inherit; text-decoration:underline !important; }
p#translate .ara { font-size:15px; }
#goversaet .ara { font-size:1.3em; }
#adgangforalle { display:block;margin-bottom:.5em; font-size:.3em; }

div#goversaet { width:100%; height:420px; text-align:center; /*background:url(/uploads/images/logo/flag.png) repeat-y center -210px;*/ }
div#goversaet p { text-align:center; font-size:.9em; color:red;  margin-top:-10px; }
#goversaet #ggl { width:160px; margin:auto; padding-top:30px; /*background-color:white;*/}  

div#main .ForsideGenveje { line-height:1.6; margin:0; padding:0 10px 0; }
div#main .ForsideGenveje a { /*color: #6699CC*/ /*#ff0000*/; font-weight:200; text-decoration:none;}
div#main .ForsideGenveje a:hover { color: #ff0000; text-decoration:underline; }

/* Nyheder: Flyttet til eget stylesheet: */

/* RSS-reader */
/* bruges evt. i sidebaren. Er pt. inaktiv: */
#sideblok h3 { font-size:1.1em !important; margin:0 !important; padding:0 0 0 .5em !important;}

/* bruges på sider: */
.RSSin { /*border:solid 1px #5F7FA3;*/ margin-top:-1px; /*padding:0 .7em 1em .7em;*/ }
.RSSin h3 { margin-top:.5em !important; padding-top:0 !important; }
.feedin { margin:0; padding:.5em; }
.feedin p { margin:0 0 .7em; padding:0; }
.feedin .FeedSummary { font-size:7pt; }
.feedin p span { font-size:6pt; color:gray; }
.feedin .FeedPictureA { float:left; margin:0 .5em 0 0; }

/* Generelt */
div#main h3, div#main h4, div#main h5 { color:#222; }
div#content div#main h2 { margin-bottom:1em; }
div#content div#main h3 { margin-top:2em; }
div#content div#main h4 { margin-top:1.5em; color:#417695 /*#0B2E82*/;}
div#content div#main h5 { margin-top:1em; }
div#content div#main h6 { margin-top:.5em; }
table { border-collapse:collapse; margin-bottom:1.5em; }
table td, table th { padding:.7em; }
table th { font-weight:bold; background-color:#ddd; }
.tabel, .tabel td, .tabel th { border:solid 1px gray;  }
.Kasse { margin-bottom:2em; border:solid 1px gray; padding:1em; }
.fakta {
  margin: 2em auto 1em;
  /*border: 1px solid #B0C1E0;*/
  padding: 1.5em;
  background: #E8EDF6;
}
.kemi em { font-style:normal; color:green /*#294B5F*/; }
.vagtinfo {
  width:50%;
  min-width:45%; 
  margin:2.5em auto; 
  border:solid 1px; 
  padding:1em; 
  text-align:center; 
  color:#ff0000;
}

abbr, acronym { border-bottom: dotted 1px; cursor: help; }
code { font-family:'lucida console', monospace; }

.feedlink { padding-top:.5em; }
.feedlink a img { margin:0 0 -1.2em; background-color:white; border:solid white; border-width:0 .5em 0 .5em; }


/* FAQ */
div.faq { 
  margin:1.5em 0 0 2em;
  border:solid 1px silver;
}

.faq div { margin:0; border:none; padding:.3em; }
.faq div p { margin:0; border:none; padding:.3em; }
div.svar { padding:0 1em 1em 1.5em; color:#09276D; line-height:1.4; }
div.ask { font-weight:bold; background: url(uploads/images/sporg.jpg) 99% top no-repeat; }
div#sporgskema textarea { height:13em; }
.faqWrapper h4 { margin-top:1.5em !important; }

/* Blogs */
.blogs-showcategoryentrytime {
  color:#333;
  font-size:70%;
}

/* Iframe til Flipper */
.flip { 
  border:none;
  margin:0;
  padding:0;
  width:100%;
  height:720px;
  overflow:auto;
}


/* Sitemap */
#sitemap { font-size:1.1em; }
#sitemap li { font-weight:bold; }
#sitemap li li { font-weight:normal; }
#sitemap ul ul { margin:.5em auto; }
#sitemap a { text-decoration:none; }
#sitemap a:hover { text-decoration:underline; }

/* Specielle formateringer til TinyMCE */
.fokus, .jobs .NewsSummary { 
  margin-top:2.5em;
  margin-bottom:2.5em;
  border-left:solid 3px #417695; 
  border-bottom:none; 
  padding-left:1em; 
}
.boks-th { float:right; width:33%; margin:1em 0 1em 1em; border:solid 2px #417695; padding:.5em; }
.boks-tv { float:left; width:33%; margin:1em 1em 1em 0; border:solid 2px #417695; padding:.5em; }
/* end */

/* LOGIN */
.page_prompt, .page_input { padding:.25em; }

/* Intranet Content */
div#intranetContent table { width:100%; border-collapse:collapse; border:solid 1px gray; }
div#intranetContent table td { border:solid 1px gray; padding:.7em; }
div#intranetContent table tr > td:first-child { font-weight:bold;  }

/* Intranet Footer */
div#footer.intranetFooter { padding:1em; text-align:center}
div#footer.intranetFooter p { padding: .5em; }
div#footer.intranetFooter h4 { display:none; }
div#footer.intranetFooter a { padding: .5em; font-size:.8em; color:gray; }
div#footer.intranetFooter li { display:inline; padding:0;}

/* Intranet medarbejder-submenu */
li.sectionheader { font-weight:bold; } .sectionheader li { font-weight:normal; }
.coworkers li.sectionheader li { margin-left:1em !important; padding-left:.5em !important; }

/* EXPERIMENTAL - Runde hjørner (undtagen IE) */
.faq, .news, .fakta, .vagtinfo {
  -moz-border-radius: 5px;    /* Gecko browsere (Firefox, m.fl.) */
  -webkit-border-radius: 5px; /* WebKit browsere (Safari, Chrome, Midori, div. mobiler) */
  -o-border-radius: 5px;      /* Opera) */
  border-radius: 5px;         /* CSS3 draft */
}

.ramme {
  padding:1em 1.2em; background-color:white; margin:0 0 .8em 0;
  border:1px solid black;
  -moz-border-radius: 10px;    
  -webkit-border-radius: 10px; 
  -o-border-radius: 10px;
  border-radius: 10px; 
}


/* TMP */
form div.hidden { display:none; }
td fieldset {display:none;} /* hack for badly designed template...  */
/*div#sideblok { margin:.5em; padding:0; background:white; }*/  /* toppen af sidebar */

div.one { display:none; }  /* container til øvrige entries i sidebar  */

#primary-nav hr.separator { /*display:block;*/ width: 100%; color: white;
background-color: white; height: 2px; }

/*div.intra { display:block; background:white; border:1px solid #ccc; padding-bottom:0 !important; }*/
/* ting til faq-formular */
#m7moduleform_2 textarea { width:500px; max-width:500x; height:5em; }
.faq fieldset { padding:.5em; margin:2.5em 0 0 62px; }
.faq fieldset legend { margin:0 .5em; padding:0 .5em; }

/* Side-specifik */
body#page-15 div#content td h3 { font-size:1em !important; margin-top: 0.5em; }
body#page-15 div#content td h4 { font-size:.9em !important; margin-top: 0.5em; color:#294B5F !important; }

/* Exit FROL */
/* End of 'Topmenu + 2 colunms FF' */