/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/
/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/
#container {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}
#container,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 990 ? "990px" : "94%");  
  max-width: 990px;
  margin: 0 auto;
margin-top:10px;
}
#container[id],
#width[id] {
  width: 94%;
  height: auto;
} 
/**************************************************************
   #intro: Holds the site title and header images
 **************************************************************/
#intro {
  position: relative;
color: #4a4a4a;
left:0px;
margin-left:0px;
    background: transparent;
}
/* Holds the site title and subtitle */
#intro #pageHeader {
  
clear:right;
  top: 5px;
float:right;
  background: transparent;
  text-align: right;
}
#intro h1 {
  margin: 0;
  padding: 0;
  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: uppercase;
  color: #4a4a4a;
}
#intro h2[type=button] {
  position: relative;
  top: 0px;
right:-3px;
  padding: 0;
  font: 700 0.9em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #4a4a4a;
}
#intro h2 {
  position: relative;
  top: 0px;
right:0px;
  padding: 0;
  font: 700 0.9em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #4a4a4a;
}
.search2 {
display:block;
position:relative;
top: 15px;
float:right;
clear:right;
}
#intro h3 {
font: 700 0.89em "trebuchet ms", serif;
}
/* Sets where the header images will go */
#intro a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#intro #pageHeader span a:hover {
color: #ccc;
font-weight: bold;
text-decoration: underline;
}
#intro input {
  padding: 2px 1px 2px 1px;
  font: 400 1em "trebuchet ms", sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
cursor: pointer;
width: 12.2em;
height: 17px;
margin: 0 16px 0 0;
}
#intro input[type=input] {
  padding: 2px 0px 2px 1px;
  font: 400 1em "trebuchet ms", sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
cursor: pointer;
width: 12.2em;
margin: 2px 16px 2px 0px;
}
#intro input:focus[type=input] {
  padding: 2px 1px 1px 0px;
  font: 400 1em "trebuchet ms", sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}
#intro input:focus {
  padding: 2px 1px 2px 1px;
  font: 400 1em "trebuchet ms", sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}
#intro input.button[type=submit]{
  padding: 0;
margin: 2px 5px 2px 5px;
width: 3.2em;
border: 0px solid #fff;
}
#intro input.button {
  padding: 0 4px 2px 4px;
margin: 0px 0px 0px 0px;
width: 5%;
float: left;
border: 0px solid #fff;
background: transparent;
}
.findknap {
float: right;
  font: 400 1em "trebuchet ms", sans-serif;
  padding: 0px 0px 0px 0px;
border-width: 1px;
border-style: solid;
border-color: #fff;
height: 21px;
}
.inlineelement {
display: inline;
}
#edge h3.balloons {
clear:left;
	text-transform: uppercase;
	color: #4a4a4a;
	font-weight: bold;
	float:left;
	width:394px;
	margin:0;
	padding:0px;
}
#intro h3.balloons6 {
margin-left: -9px;
font: 400 3.2em "trebuchet ms", serif;
}
whiteletters {
color:#fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
.xletters {
color:#dbdbdb;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
margin-left: 2px;
}
.xlettersb {
display:block;
color:#dbdbdb;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
}
#quickSummary {
border: 0px solid #fff;
margin-right:16px;
margin-left:-22px;
padding-bottom:10px;
}
/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/
#mainMenu { 
  z-index: 2;
  float: left;
  width: 100%;
  clear: none;  
}
#mainMenu ul {
  margin: 0;
  padding-left: 256px;
	float: left;
}
#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;
  font: 400 1.2em "trebuchet ms", serif;
font-weight:bold;
  text-decoration: none;
  background: transparent;
}
#mainMenu li.mediehojskolen a {
  background: #f57f32;
	color: #fff;
}
#mainMenu li.journalisthojskolen a {
  background: #0061aa;
	color: #fff;
}
#mainMenu li.journalisthojskolen a {
  background: #0061aa;
	color: #fff;
}
#mainMenu li.update a {
  background: #ee2651;
	color: #fff;
}
#mainMenu li.dmjx a {
  background: #4a4a4a;
	color: #fff;
}
#mainMenu li a:hover,
#mainMenu li a.here:hover {
  background: #dbdbdb;
  	color: #000;
}
#mainMenu li.dmjx a:hover,
#mainMenu li.dmjx a.here:hover {
  color: #4a4a4a;
}
#mainMenu li.update a:hover,
#mainMenu li.update a.here:hover {
  color: #ee2651;
}
#mainMenu li.journalisthojskolen a:hover,
#mainMenu li.journalisthojskolen a.here:hover {
  color: #0061aa;
}
#mainMenu li.mediehojskolen a:hover,
#mainMenu li.mediehojskolen a.here:hover {
  color: #f57f32;
}
#mainMenu li.dmjx a.here {
  color: #4a4a4a;
  background: #fff;
}
#mainMenu li.update a.here {
  color: #ee2651;
  background: #fff;
}
#mainMenu li.mediehojskolen a.here {
  color: #f57f32;
  background: #fff;
}
#mainMenu li.journalisthojskolen a.here {
  color: #0061aa;
  background: #fff;
}
#mainMenu li a.last {
  margin-right: 0;
}
/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/
ul.sideMenu {
  margin-top:0px;
  margin-left:16px;
  padding: 0;
background: #fff;
border: 1px solid #fff;
}
ul.sideMenu2 {
margin-bottom: -10px;
margin-top:0px;
margin-right: 0px;
margin-left:0px;
padding: 0px;
background: #fff;
border: 1px solid #fff;
}
ul.sideMenu li.here2 {
line-height:170%;
}
ul.sideMenu2 li.here2 {
line-height:170%;
}
ul li.here2 span.here2 a {
font: 400 1em "trebuchet ms", serif;
line-height: 170%;
}
.sideMenu h3 {
  background: transparent;
}
.sideMenu2 h3 {
  background: transparent;
}
.sideMenu li {
  
  /* Needed since IE fails when you give it list-style: none; */  
/*  list-style-image: url(../dx/foo.gif/$file/.gif); */
list-style-type: none;
  font: 400 1em "trebuchet ms", serif;
  background: transparent;
}
.sideMenu li a {
display: block;
line-height: 170%;
text-decoration: none;
color: #4a4a4a;
}
.sideMenu li a:hover {
  color: #4a4a4a;
  background: #fff;
text-decoration: underline;
font-weight:normal;
}
/* Active menu item */
.sideMenu li.here {
  display: block;  
  padding: 0;
  color: #fff;
  background: transparent;
}
/* Submenu of active menu item */
.sideMenu li.here ul {
  margin: 0;
  padding: 0;
}
.sideMenu li.here ul li a {
  padding-left: 0px;
  font: 400 1em "trebuchet ms", arial, sans-serif; 
  color: #4a4a4a; 
/*  background: transparent url() no-repeat 15px 0px; */
}
.sideMenu li.here ul li a:hover {
  color: #4a4a4a;
text-decoration:underline;
	background-color: transparent; 
/*  background: transparent url() no-repeat 15px 0px; */
}
/* Active menu item */
.sideMenu li.here2 {
  display: block;
  font: 400 1em "trebuchet ms", arial, sans-serif; 
  padding: 0;
  color: #4a4a4a;
  background: transparent;
}
/* Submenu of active menu item */
.sideMenu li.here2 ul {
  margin-left: 0px;
  padding: 0px;
}
.sideMenu li.here2 ul li a {
  padding-left: 0px;
  color: #4a4a4a;  
  background: url() no-repeat 15px 0px;
}
.sideMenu li.here2 ul li a:hover {
  color: #4a4a4a;
  background: transparent url() no-repeat 15px 0px;
}
/* Active category item */
.sideMenu li.here2 ul {
  display: block;  
  margin-left: 0px;
  color: #4a4a4a;
  background: transparent;
}
ul li.here2 span.here2 a {
  font: 400 1em "trebuchet ms", serif;
line-height: 170%;
}
.sideMenu li.here3 {
display: none;
}
/******/
.sideMenu2 li {
  
  /* Needed since IE fails when you give it list-style: none; */  
/*  list-style-image: url(../dx/foo.gif/$file/foo.gif); */
list-style-type: none;
  font: 400 1em "trebuchet ms", serif;
  margin-right: 0px;
  margin-left: 0px;
  background: transparent;
}
.sideMenu2 li a {
  display: block;
  margin: 0em 0;
line-height: 170%;
  text-decoration: none;
  color: #4a4a4a;
} 
.sideMenu2 li a:hover {
  color: #4a4a4a;
text-decoration: underline;
font-weight: normal;
  background: transparent;
}
/* Active menu item */
.sideMenu2 li.here {
  display: block;  
  padding: 0;
  color: #fff;
  background: transparent;
}
/* Submenu of active menu item */
.sideMenu2 li.here ul {
  margin: 0;
margin-bottom:0px;
  padding: 0;
}
.sideMenu2 li.here ul li a {
  padding-left: 0px;
  font: 400 1em "trebuchet ms", arial, sans-serif; 
  color: #4a4a4a;  
/*  background: url(../dx/bullet.gif/$file/.gif) no-repeat 15px 0px; */
}
.sideMenu2 li.here ul li a:hover {
  color: #4a4a4a;
text-decoration:underline;
	background-color: transparent; 
/*  background: transparent url(../dx/bullet.gif/$file/.gif) no-repeat 15px 0px; */
}
/* Active menu item */
.sideMenu2 li.here2 {
  display: block;
  font: 400 1em "trebuchet ms", arial, sans-serif; 
  margin: 0px;
  margin-left: 20px;
  padding: 0px;
  color: #4a4a4a;
  background: transparent;
}
/* Submenu of active menu item */
.sideMenu2 li.here2 ul {
  margin-left: 15px;
  padding: 15px;
}
.sideMenu2 li.here2 ul li a {
  padding-left: 35px;
  color: #fff;  
  background: url(../dx/bullet.gif/$file/bullet.gif) no-repeat 15px 0px;
}
.sideMenu2 li.here2 ul li a:hover {
  color: #fff;
  background: #fff url(../dx/bullet.gif/$file/bullet.gif) no-repeat 15px 0px;
}
/* Active category item */
.sideMenu2 li.here2 ul {
  display: block;  
  margin-left: -15px;
  padding-left: 0px;
  color: #4a4a4a;
  background: #fff;
}
.links, .blogs, .foelg, .rss, .find, .pressekontakt, .arkiv, .kommentarer, .vi, .multimedia, .seneste {
	color:#4a4a4a;
  font: 600 1.3em "trebuchet ms", serif !important;
font-weight:bold;
margin: 5px 5px 10px 15px;
}
.seneste {
	color:#4a4a4a;
  font: 600 1.3em "trebuchet ms", serif !important;
font-weight:bold;
margin: 0;
padding: 21px 15px 0 15px; 
background: #fff;
}
/**************************************************************
   #page: Holds the main page content.
 **************************************************************/
#page {
  float: left;
  width: 100%;
  clear: both;
  padding-top: 5px;
  padding-bottom: 4em;
}
#page li {
	padding-left: 15px;
	padding-right: 15px;
}
#page li.here {
	padding-left: 0px;
	padding-right: 0px;
}
#page sideMenu.h3 {
	padding-left: 10px;
	padding-right: 0px;
}
/*
#page p {
	padding-left: 15px;
	padding-right: 15px;
}
*/
#page p.p1 p.p2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#page span .p3 {
	margin-left: -15px;
	padding-right: 0px;
}
.formular ul {
list-style-image: url();
margin: -10px;
right:0px;
text-indent: 0px;
list-style-position: outside;
}
#page input,
textarea,
select {
  padding: 2px;
margin-left: -45px;
margin-right: 10px;
  font: 400 1em "trebuchet ms", sans-serif;
  color: #4a4a4a;
  background: #fff;
  border: 1px solid #4a4a4a;
}
#page input.button {
  padding: 2px 5px;
  font: 400 1.1em "trebuchet ms", serif;
  color: #4a4a4a;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #4a4a4a #4a4a4a #4a4a4a #4a4a4a;
cursor: pointer;
}
#page ul.formular {
list-style-image: url();
list-style: none;
}
#page ul label.desc {
margin-left:-45px;
margin-right: 40px;
}
#page ul.inlinelist {
margin-left:-45px;
}
#page input.print[type=image] {
   padding: 0;
  font: 400 1.1em "trebuchet ms", serif;
margin-bottom: -20px;
margin-top:-20px;
  color: #000;
  background: #fff;
  border-width: 0px;
  border-style: solid;
  border-color: #fff;
}
#page .p2 a {
font: 400 1.3em "trebuchet ms", serif;
font-weight: bold;
text-decoration:none;
color: #4a4a4a;
}
#page .p2 a:hover {
font-weight: bold;
text-decoration:underline;
color: #4a4a4a;
}
#page .p1 a {
font-weight: normal;
color: #4a4a4a;
}
#page .p1 a:hover {
font-weight: bold;
text-decoration:underline;
color: #4a4a4a;
}
#page p.p2 a {
font-weight: bold;
text-decoration: none;
color: #4a4a4a;
}
#page p.p2 a:hover {
font-weight: bold;
text-decoration: underline;
color: #4a4a4a;
}
/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/
#footer {
  float: left;
  width: 100%;
  clear: both;
  margin-top: -3.8em;
  background: #ffffff url(../dx/footer.jpg/$file/.jpg) repeat-x bottom-left;
}
/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}
/**************************************************************
   Width classes used by the site columns
 **************************************************************/
.width100 {
  width: 100%;
}
.width75 {
  width: 74%;
}
.width50 {
  width: 49.7%;
}
.width33 {
  width: 32.7%;
}
.width25 {
  width: 24.7%;
}
.width20 {
  width: 19.7%;
}
/**************************************************************
   Alignment classes
 **************************************************************/
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.floatClear {
  float: none;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.picture { 
	background-color: transparent; 
	border: 0px solid #fff; 
	padding: 0px; 
	font-size: 0.8em;
    color: #666;
} 
.picture img { 
	border: 0px solid #fff; 
	vertical-align:middle;
	margin-bottom: 1px; 
} 
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
} 
.left { 
	margin: 0.5em 0.8em 0.5em 0em; 
	float:left; 
} 
/**************************************************************
   Generic display classes
 **************************************************************/
.clear {
  clear: both;
}
.block {
  display: block;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.small {
  font-size: 0.8em;
}
.big {
  font-size: 1.3em;
}
.green {
  color: #A1FF45;
}
.white {
  color: #fff;
}
.red {
  color: #EA1B00;
}
.blue {
  color: #0061aa;
}
.update {
  color: #ee2651;
}
.journalisthojskolen {
  color: #0061aa;
}
.mediehojskolen {
  color: #f57f32;
}
.dmjx {
  color: #4a4a4a;
}
.grey {
  color: #666;
}
.grey a {
  color: #999;
}
.grey a:hover {
  color: #EEE;
}
.underline {
	text-decoration:underline;
}
.gradient {
background-color: #fff;
margin: 0;
padding: 0 15px;
}
#quickSummary h3 {
margin: 0;
padding: 15px 15px;
}
#page .gradient h1, h2, h3, h4, h5, h6, p, .p2 small grey {
margin: 0;
padding: 10px 0px;
}