body {background-color: #fff; background-image: url(jm-style.css/$file/body-bg.jpg); background-repeat: no-repeat;}

#topDiv {
  position:absolute;
  top:0px;
  left:0px;
  background: #e4e4e4 url(jm-style.css/$file/topGrafik.jpg) no-repeat center;
  color: #000;
  width:100%;
  height: 127px; /*127*/
}

#topDiv div {
  position: absolute;
  top: 100px;
  left: 85px;
  font-size: 14px;
  font-weight: bold;
}

#topDiv #mainMenuArea {
  top: 127px;
  left: 0;
  font-size: 10px;
}

#topDiv a { color: #000; text-decoration: none; } /*008552*/
#topDiv a:hover { text-decoration: underline; }

#topLink a {display: block; position: absolute; width: 950px; height: 100px; top: -100px; left: -85px;}
#topLink a span {display: none;}

#container {
	top:0px;
	width: 950px;
	margin-left:-475px; 
	margin-bottom:10px; 
	left:50%; 
	background-color: transparent;
	/*border: 1px solid #e4e4e4;*/
	border-top: none;
}

#brandingArea {
	top: auto;
	bottom: -35px; 
	left: 0px; 
	z-index: 5; 
	width: 100%;
	height: auto;
	text-align: center; 
	color: #444;
	font-size: 9px;
	background-image: none;
	height: 20px;
	display: block;
}

#brandingArea a {color: #444; text-decoration: none; font-weight: bold;}
#brandingArea a:hover { text-decoration: underline;}

#microSearch {top: 133px; right: -4px; z-index: 200;}
* html #microSearch {right: 5px;}
#microSearch .inputField {background-color: #fff; color: #000; border: 1px solid #999; margin:0 0 3px 0; width: 120px; font-size:10px;}
#microSearch .inputButton {background-color: #cbd2e5; border: 1px solid #999; color: #333; margin:0 0 3px 2px; font-size:10px;}

/*mainMenuArea
**********************************/
#mainMenuArea {
	top: 127px;
	left: 0;
	padding: 3px 0 0 2px;
	background: #66a3f4 url(jm-style.css/$file/mainmenu-bg.gif) repeat-x;
	height: 27px;
	width: 948px;
	z-index: 50;
}
#mainMenuArea a {text-decoration:none; padding: 2px; line-height: 2em;}
#mainMenuArea .active {color: #008552; border: 1px solid #008552; padding: 2px; background-color: #fff;}
#mainMenuArea .draft {text-decoration:line-through;}
#mainMenuArea .active a:link {color: #008552; background-color:transparent;}
#mainMenuArea .active a:hover {color: #fff; background-color:transparent; text-decoration:underline;}
#mainMenuArea li {color: #666; background-color:transparent;}
#mainMenuArea li a:link {color: #333; background-color:transparent; border: 1px solid transparent;}
* html #mainMenuArea li a:link {border: 1px solid #ccc;}
* html #mainMenuArea li a:visited {border: 1px solid #ccc;}
#mainMenuArea li a:visited {color: #333; background-color:transparent; border: 1px solid transparent;}
#mainMenuArea li a:hover {color: #008552; background-color: #fff; text-decoration: none; border: 1px solid #888;}

#mainMenuArea li.spacer {display: none;}


/*subMenuArea
******************************/
#subMenuArea {
	top: 154px;
	width: 240px;
	min-height: 700px;
	line-height: .5em;
	background: #bcc5ce;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	z-index: 100;
}

* html #subMenuArea {height: 700px;}


#subMenuArea .active {background-image:none; text-decoration:underline;}
#subMenuArea li {
	list-style-type:none;
	margin: auto 0px;
	padding:5px 20px 10px 0; 
	font-size: 85%;
	font-weight: bold; 
	color: #fff;
	text-align: left;
}
#subMenuArea .main {text-decoration:none; font-size: 100%; font-weight:bold; color: #fff; margin-left: -5px;}
#subMenuArea .external {background-image: none;}
#subMenuArea a { color: #333; font-size: 95%; line-height: 1em;}
#subMenuArea a:hover { color: #008552;}

#subMenuArea .main.active {color: #008552; font-size: 85%; line-height: 1em;}
* html #subMenuArea .main.active {font-size: 85%;}
#subMenuArea .active {color: #008552; font-size: 85%; text-decoration: none;}
* html #subMenuArea .active {padding-left: 6px;} 

#subMenuArea .active {background-image: url(jm-style.css/$file/activeLink.gif);}
#subMenuArea li {background-image: url(jm-style.css/$file/link.gif);}

#subMenuArea ul {margin: 10px;}

#subMenuArea #login {display: none;}

#subMenuArea li {margin-right: 10px; padding: 10px 27px 10px 10px;}
#pictures td a {font-size: 125%;} /*billedarkiv links større*/
#pictureCategories {font-size: 150%;}

#subMenuArea li.spacer, #subMenuArea li.main.spacer {
      color: #fff; background-color: #fff; line-height: 12px; font-size: 85%; border: 1px solid #666;
}

/*contentArea
*********************************************************/
#contentArea {
	top: 154px;
	left: 240px;
	padding: 0 20px;
	width: 670px;
	background: #fff url(jm-style.css/$file/content-bg.jpg) no-repeat;
	border-top: 1px solid #999;
	z-index: 100;
}

#contentArea h1 {font-size:110%; margin-top: 10px;}
#contentArea h2,
#contentArea th {font-size:100%;}
#contentArea #content td {font-size:100%;}

/*
#content img {border: 1px solid #c9c2c0; padding: 2px; margin-left: 2px}
#content td.mceToolbarTop img {border: none; padding: 0; margin-left: 0;}
*/

#contentArea a:link, #contentArea a:visited { color: #586674; font-weight: bold; text-decoration: none;}
#contentArea a:active {}
#contentArea a:hover { text-decoration: underline;}

#contentArea #topLink a {color: #b22222;}
#contentArea #topLink {margin-bottom: 10px;}

.textRS {color: #8b0000;}
.textRM {color: #8b0000;}
.textRL {color: #8b0000;}
.textRXL {color: #8b0000;}
.textBS {color: #191970;}
.textBM {color: #191970;}
.textBL {color: #191970;}
.textBXL {color: #191970;}

#breadCrumbTrail {
	top: 157px; 
	left: auto;
	right: 10px;
	color: #000;
	padding: 2px;
	visibility: hidden;
	display: none;
}
#breadCrumbTrail ul {display: inline; margin:0; padding:0;}
#breadCrumbTrail li {font-weight:bold; display:inline; list-style-type:none; margin:0; padding:0;}
#breadCrumbTrail li a {font-weight: bold; text-decoration:none; color: #586674;}
#breadCrumbTrail li a:hover {text-decoration:underline;}


#contentArea #content #attachments a {color:#586674;}
#contentArea #content #attachments a:hover {color:#000;}

* html  #loginArea {margin-left: 60px;}
* html #editArea {margin-left: 60px;}

/*********************News**************************************************/
#newsFloatIcon {position:absolute; right: 0; top: 133px; background: transparent url(jm-style.css/$file/newsFloat.gif) no-repeat; z-index:200;}

.drag-handle{ /*CSS for Drag Handle*/
background-color: #66a3f4;
color: #fff;
}

#newsArchive div {background-color: #eee; border: 1px solid #999; padding: 4px; margin: 5px 0 0 2px; width: 670px;}