@import url("navigation.css");

* {margin: 0; 
font-family: verdana; font-size: 11px}

/* -- */


body {
  background: #daecf0 url(../img/bg_1_2000.jpg) repeat-y fixed right top;
  padding-top: 10px;
}

p {margin: 0 0 15px 0;}

.hidden {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

#wrapper {
  margin: 0 auto;
  width: 998px;
}


/*
   HEADER ELEMENTS
*/

#header {
  height: 80px;
  background: transparent url(../img/header_bg_trans.png) repeat;
}


#logo {
  width: 175px; 
  height: 39px;
  position: relative;
  top: 20px;
  left: 20px
}


#headerfunctions {
  border: 1px none #CCC;
  margin: 0 10px 0 0;
  width: auto;
  float: right;
  background: transparent;
}


#search {
b-order: 1px solid yellow;
  width: 238px;
  float: right;
  text-align: right;
}


#search form {margin: 0}


#search input {
  height: 12px;
  width: 200px;
  color: #CCC; 
  margin-right: 0px;
  margin-top: 1px; 
  padding: 4px 0 7px 5px;
  line-height: 1em; 
  border: 1px solid #9098b4;
  vertical-align: top;
}

#search .submitbutton {
  background:transparent url(../img/searchBtn.png) no-repeat scroll 0 0;
  border:medium none;
  height:26px;
  margin-top:0;
  width:26px;
}


#topmenu {
  width:auto;
  float: right;
  margin-right: 10px;
  text-align: right;
  padding-top: 5px;
  font-size: 11px;
}




/*
  MAIN BODY + MENUS
*/


#mainbody {
clear: both;
background: #FFF;
padding: 0
}


#mainmenu {
clear: both;
background: url(../img/mainmenu_bg.png) repeat-x;
height: 35px;
}


#submenu {
clear: both;
height: 25px;
background-color: #c5c7c8;
border-bottom: 1px solid #d4d5d6;
}


#banner {
margin-left:7px;
margin-top: 7px;}




/*
   STRUCTURES
*/


#content {
  margin-top: 10px;
  padding: 0 10px 0px 20px;
  position: relative;
  background-color: #FFF;
}

#innerContent {
  width: 720px; /* width match width of .paragraphBorder */
  /* padding-top: 1px; */
}

#relatedContent { 
  position: absolute;
  right: 10px; 
  top: 0;
  width: 222px;
}

#left .paragraph, #right .paragraph, #relatedContent .paragraph {
  background-color: transparent;
  width: auto;
  margin: 0;
}
 

/* BOX with green border */

.paragraphBorder {
  width: 720px;  
  background: url(../img/wBorderTop.png) left top no-repeat;
  padding-top: 10px;
  margin-top: 10px;
}

.paragraphBorder .top {
  background: url(../img/wBorderContent.png) left top repeat-y;
  margin-top: 0;
}

.paragraphBorder .content {
  background: url(../img/wBorderBottom.png) left bottom no-repeat;
  padding: 1px 15px 20px;
}


/* 
   FRONTPAGE VARIATIONS
*/

#left {
width: 745px;
position: relative;
top: 1px;
}

#left .tabs {
/*height: 180px;*/
b-order: 1px solid #CCC;
b-ackground: #5378aa; /* = background on leftmost tab */
}

.tabs2 {
width: 490px;
}

.spotLarge {
  position: absolute;
  top: 0px;
  right: 0px;
} 

#spotarea {
margin-top: 10px;
position: relative;
}


.wide {
width: 490px;
height: 135px;
padding:0;
background: #;
border-top: 1px dotted #4d73a6;
border-bottom: 1px dotted #4d73a6;
}


.small {
width: 240px;
height: 135px;
position: absolute;
right: 0px;
top: 0px;
background: transparent url(../img/box_small.png) no-repeat top left;
}


.small .content {
height: 115px;
overflow: hidden;
margin: 10px;
font-size: 14px;
color: #00497f;
}

#right {             /* in use on frontpages */
width: 221px;
position: absolute;
right:10px;
top: 0px;
bottom: 0px;
}

#

/* override system stylesheet settings for tab content */
.tabs small, .tabs p, .tabs td {color: #FFF;}


#relatedContent .spotFeature {
  margin: 10px 2px;
}


/* SPOT FEATURE  ************************************************** */

/* set top left bg-image */ 
.spotFeature {
	padding-top: 8px; 
                background-color: #FFF;
	background: transparent url(../img/box/spotFeature_topLeft.png) no-repeat;  
position: relative;
	}

/* set top right bg-image */
.spotFeature .topRight {
	margin-top: -8px; 
	padding-top: 16px;
	background: url(../img/box/spotFeature_topRight.png) no-repeat 100% 0; 
	margin-left: 4px;
}
	
/* set bg border left */
.spotFeature .bgLeft {
	background: #FFF url(../img/box/spotfeature_bgLeft.png) repeat-y ;
	}

/* content with bg border right*/
.spotFeature .insideSpot {
	background: url(../img/box/spotfeature_bgRight.png) repeat-y top right;
	padding: 1px 10px;
	}

/* set bg image bottom left */
.spotFeature .botLeft {
	padding-left: 5px; 
	background: url(../img/box/spotfeature_botLeft.png) no-repeat 0 100%; 
	} 

/* set bg image bottom right */
.spotFeature .botRight {
	padding: 0 5px 5px 0; 
	text-align: right; 
	background: url(../img/box/spotfeature_botRight.png) no-repeat 100% 100%; 
	} 

.spotFeature .insideSpot img.bg {
/* den ene metode : 
float:none;
margin:0;
padding:0;
position:absolute;
right: 3px;
bottom: 2px;*/
/* den anden metode: */
float:right;
margin:0 -8px -19px 0;
padding:0;
}

#footer {
height: 10px;
margin-top:10px
}