body {background: #c1c1c1 url(tsmc.css/$file/body-bg.gif) repeat-x bottom;}

#topDiv {
  position:absolute;
  top:0px;
  left:0px;
  background: #fff url(tsmc.css/$file/topGrafik.jpg) no-repeat;
  color: #000;
  width: 990px;
  height: 170px;
  border: 1px solid #666;
}

#container {
	top:0px;
	width: 990px;
	margin-left: -495px; 
	margin-bottom:10px; 
	left:50%; 
	background-color: #666;
	/*border: 1px solid #b8b7b5;*/
	border-top: none;
}

#brandingArea {
	top: auto;
	bottom: -1px; 
	left: 2px; 
	z-index: 5; 
	width: 989px;
	text-align: center; 
	color: #444;
	border-top: 1px solid #666;
	font-size: 9px;
	background-image: none;
	background-color: #ddcea3;
	height: 16px;
	display: block;
}

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

#microSearch {top: 180px; right: -8px; z-index: 200;}
*html #microSearch {right: -16px;}
#microSearch .inputField {
	background: #fffff0 url(tsmc.css/$file/search-bg.gif) no-repeat; 
	color: #000; 
	border: 1px solid #999; 
	margin:0 0 3px 0; 
	width: 128px; 
	font-size: 10px;
	padding-left: 2px;
}
#microSearch .inputButton {
	background-color: #b3b3b3; 
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #666 #666 #ddd; 
	color: #333; margin:0 0 3px 2px; 
	font-size: 10px;
}
/*mainMenuArea
**********************************/
#mainMenuArea {
	top: 142px;
	left: 34px;
	padding: 5px 0 0 2px;
	background-color: transparent;
	height: 16px;
	width: 987px;
	z-index: 100;
}
#mainMenuArea a {text-decoration:none;}
#mainMenuArea .active {color: #333; background-color: #abf590;}
#mainMenuArea .draft {text-decoration:line-through;}
#mainMenuArea .active a:link {color: #666; 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;}
#mainMenuArea li a:visited {color: #333; background-color: transparent;}
#mainMenuArea li a:hover {color: #111; background-color: #abf590; text-decoration: none;}

#mainMenuArea li.spacer {display: none;}

#subMenuArea #login {display:none;}
/*subMenuArea
******************************/
#subMenuArea {
	top: 172px;
	left: 1px;
	width: 190px;
	min-height: 700px;
	line-height: .5em;
	background: #b5b096 url(tsmc.css/$file/submenu-bg.jpg) no-repeat;
	border-right: 1px solid #666;
	border-left: 1px solid #ddd;
}

* 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:  75%;
	font-weight: bold; 
	color: #fff;
	text-align: left;
}

#subMenuArea ul {margin: 15px;}

#subMenuArea .main {text-decoration:none; font-size: 75%; font-weight:bold; color: #fff;}
#subMenuArea .external {background-image: none;}
#subMenuArea a { color: #ccc;}
#subMenuArea a:hover { color: #fff; /*background-color: #b9dc8a;*/ text-decoration: none;}

#subMenuArea li {background-image:none;}
#subMenuArea .active {background-image: none;}

#subMenuArea .main.active {color: #fff;}
#subMenuArea .active {color: #fff; font-size: 75%;}

#subMenuArea li.spacer, #subMenuArea li.main.spacer {
      color: #333; background-color: #ddcea3; line-height: 12px; margin-left: 0;
}

#pictures td a {font-size: 125%;} /*billedarkiv links større*/

/*contentArea
*********************************/
#contentArea {
	top: 172px;
	left: 193px;
	padding: 0 10px; /*ingen top og bund padding!!*/
	width: 778px;
	background: #fff url(tsmc.css/$file/content-area.jpg);
	border-right: 1px solid #666;
}

#contentArea h1 {font-size:130%; margin-top: 30px;}
#contentArea h2,
#contentArea th {font-size:100%;}

#contentArea ul li {list-style: none url(tsmc.css/$file/list-image.gif); border: none;}
* html #contentArea ul li {list-style: none url(tsmc.css/$file/list-image-ie.gif);}

#content p { font-size: 11px;}

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

#contentArea table {clear: both;}

#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: #669521;}
#contentArea #topLink {margin-bottom: 25px;}

#breadCrumbTrail {
	top: 172px; 
	left: 195px;
	color: #000;
	padding: 2px;
}
#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 {margin-top: 10px;}
#contentArea #content #attachments a {color:#586674;}
#contentArea #content #attachments a:hover {color:#000;}

/*********************News**************************************************/
#newsFloatIcon {position:absolute; right: 5px; top: 120px; width:79px; height:16px; background:transparent url(tsmc.css/$file/newsFloat.gif) no-repeat; z-index:200;}

.drag-handle{ /*CSS for Drag Handle*/
background-color: #ddcea3;
color: #333;
}

#newsArchive div {background-color: #eee; border: 1px solid #999; padding: 4px; margin: 5px 0 0 2px; width: 760px;}
#newsArchive h2 {margin-top: 0; font-style: italic; font-size: 10px; font-weight: normal;}
#newsArchive h3, #newsArchive a {font-size: 12px;}
#newsArchive a:link, #newsArchive a:visited {font-weight: bold;}