body {
	background: #4c4c4c url(radio.css/$file/body-bg.jpg) repeat-x;
}

#container {
	background-color: transparent;
}

#topDiv {
	top: 25px;
	left:0px;
	background: #608099 url(radio.css/$file/topGrafik.jpg) no-repeat;
	color:black;
	width:100%; 
	height: 100px; 
	vertical-align:middle; 
	font-weight:bold;
}

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

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

/*microSearch
******************************************************/
#microSearch {
	top: 163px; 
	right: 10px !important;
	right: 0; 
	padding-left:5px; 
	background-color:transparent; 
	color:black; 
	z-index:15; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-style:normal;
}
#microSearch .inputField {background-color: #dadada; color: #000; border: 1px solid #fff; margin:0 0 3px 0; width:100px; font-size:10px;}
#microSearch .inputButton {background-color: #9a9a9a; border:1px solid #fff; color:rgb(255,255,255); margin:0 0 3px 2px; font-size:10px;}

/*mainMenuArea
*****************************************************************/
#mainMenuArea {
	top: 125px; 
	background-color: transparent;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#mainMenuArea li {height: 1.5em; display:inline; list-style-type:none; margin:0px; padding:2.5em 0 0 0;}
#mainMenuArea a {text-decoration:none; }
#mainMenuArea .active {color: #151515;}
#mainMenuArea .draft {text-decoration:line-through;}
#mainMenuArea .active a:link {color: #151515; background-color:transparent;}
#mainMenuArea .active a:hover {color: #ebebeb; background-color:transparent; text-decoration:underline;}
#mainMenuArea li {color: #d5d5d5; background-color:transparent;}
#mainMenuArea li a:link {color: #c0c0c0; background-color:transparent;}
#mainMenuArea li a:visited {color: #c0c0c0; background-color:transparent;}
#mainMenuArea li a:hover {color: #fff; background-color:transparent; text-decoration: none;}
#mainMenuArea .missing {background-color:transparent; color:white; font-weight:bold;}

#mainMenuArea li.spacer {display: none;}

/* subMenuArea
*************************************************/
#subMenuArea {
	top: 150px;
	width: 230px; 
	background: #d4d3a9 /*url(radio.css/$file/submenu-bg.jpg) repeat-x bottom*/;
	border: 5px solid #fff;
	font-size: 125%;
}

#subMenuArea a {text-decoration:none; font-weight: bold; color: #638bb1; background-color: transparent;}
#subMenuArea .main {text-decoration:none; font-size:70%; font-weight: bold; color: #f4df7a;}
#container #subMenuArea .draft {text-decoration:line-through;}
#subMenuArea a:hover {text-decoration: none; color: #3a5770;}
#subMenuArea .active {color: #3a5770; font-weight: bold;}
#subMenuArea, 
#subMenuArea ul {margin:0;}
#subMenuArea li {list-style-type: square; margin:0px; padding: .5em 20px 0 0; font-size:60%; font-weight: normal; color: #f4df7a; text-align: left;}
#subMenuArea li {background-image: none;}
#subMenuArea .active {color: #3a5770; background-image: none;}
#subMenuArea .main.active {color: #3a5770; font-weight: bold;}
#subMenuArea .external {background-image: none;}
#subMenuArea #logout,
#subMenuArea #login {background-image:none;}
#subMenuArea #login a, 
#subMenuArea #logout a,
#subMenuArea #edit a,
#subMenuArea .create a,
#subMenuArea #delete a,
#subMenuArea #pictureArchive a {font-weight:normal;}
#subMenuArea #help {margin:0px; padding:0px; position:absolute; top:3em; left:0.5em; height:25em; width:11em; background-color:rgb(0,0,0);}
#subMenuArea #helpLogin {margin:0px; padding:0px; position:absolute; top:3em; left:0.5em; height:15em; width:11em; background-color:rgb(0,0,0);}
#subMenuArea .missing {background-color:transparent; color:black; font-weight:bold;}
#subMenuArea #pictures {min-height: 100%;}
#subMenuArea #pictures td {font-size:60%; color:rgb(255,255,255); padding:10px 0 10px 20px;}
#subMenuArea #pictures td a {text-decoration:none; font-weight:bold;}

#subMenuArea ul {margin: 10px 0 0 20px;}

#subMenuArea li {margin-right: 10px;}

#pictures td a {font-size: 100%;} /*billedarkiv links større*/
#subMenuArea li.spacer, #subMenuArea li.main.spacer {
      color: #fff; background-color: #70955b; line-height: 12px; margin-left: -20px; list-style-type: none; font-size: 10px;
}

/*contentArea
****************************************/
#contentArea {
	top: 150px;
	left: 248px;
	width: 522px;
	background: #f0f0f0 url(radio.css/$file/contentarea-bg.jpg) repeat-x bottom;
	border: 5px solid #fff;
}
#contentArea h1 {
	color:black;
	background-color:transparent; 
	font-weight:bold; 
	font-size:120%;
	margin:0px;
	padding: 5px;
}
#contentArea h2,
#contentArea th {color:black; background-color:transparent; font-weight:bold; font-size:90%;}
#contentArea h3 {color:black; background-color:transparent; font-weight:bold; font-size:100%;}
#contentArea p { padding: 0 5px;}

/*topLink
*********************************************/
#contentArea #topLink {font-size: 85%; margin-top:15px; width:6em; padding-left: 5px; margin-bottom: 10px;}
#contentArea #topLink a {color: #2b2b2b; font-weight: bold; text-decoration: none;}
#contentArea #topLink a:hover { text-decoration: underline;}

.textS {color:black; font-size:80%;}
.textM {color:black; font-size:100%;}
.textL {color:black; font-size:120%;}
.textXL {color:black; font-size:140%;}
.textRS {color: #ac5e5a; font-size:80%;}
.textRM {color: #ac5e5a; font-size:100%;}
.textRL {color: #ac5e5a; font-size:120%;}
.textRXL {color: #ac5e5a; font-size:140%;}
.textBS {color: #608099; font-size:80%;}
.textBM {color: #608099; font-size:100%;}
.textBL {color: #608099; font-size:120%;}
.textBXL {color: #608099; font-size:140%;}

#breadCrumbTrail {top: 131px; left: auto; right: 0; color: #000; display:none}
#container #breadCrumbTrail a {color: #f4df7a;}

#contentArea a:link {color: #638bb1;}
#contentArea a:visited {color: #638bb1;}

#contentArea #content #attachments a, #contentArea a {color: #638bb1; text-decoration: none; font-weight: bold;}
#contentArea #content #attachments a:hover, #contentArea a:hover {color:#3a5770; text-decoration: underline;}

#loginArea {padding-left: 5px;}

/*********************News**************************************************/
#newsFloatIcon {position:absolute; right: 0; top: 130px; width:79px; height:16px; z-index:200;}

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

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