body {margin: 0; padding: 0; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333;
		
	background-color:#E1D4C0;
	background-image:url(/DATA/1000017/images/sides_body.gif);
	background-repeat:repeat-y;
	background-position: center; 
	}

#search{height: 28px; margin-top:9px;}
#logo{margin-top:5px;}
#search form * {vertical-align:middle;}
#q{width: 140px;}
#slideshow {height: 201px; overflow: hidden;}

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h1, .cssbox_head h2 {
	background: transparent url(rounded_eleg.png) no-repeat bottom right; margin: 0; padding: 0;
}

.cssbox {
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0 auto;         /* use to position the box */

}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 15px;       /* right-image-gap + right-inside padding */
	border-bottom: 1px solid #bba28e;
}

/* set the top-left image */
.cssbox_head h1, .cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 3px 0 3px 5px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    /*height: 1%;*/                /* IE Holly Hack */
	height: 20px;
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 5px;        /* interior-padding right */
    padding: 3px 0 5px 5px; /* mirror .cssbox_head right/left */
}

/*\*/ * html .cssbox_body {margin-right: 0px; padding: 3px 0 5px 0px;} /**/

/* Misc Text formatting */
.cssbox_head h1, .cssbox_head h2{
    font-weight: normal;
    font-size: 11px;      /* this is tricky if box width is in ems */
    text-align: left; 
}

div#b_two div.container{
	min-height:26em; 
	height:auto;
}
/*\*/
* html div#b_two div.container {
height: 26em;
}
/**/


.cssbox_body p {margin: 0 0 10px 7px;}
.cssbox_body a, .css_body a:hover {margin: 0 !important; padding: 0 !important; border: 0 !important; text-decoration:underline;}

.cssbox_head h1 {font-size: 110%; font-weight:bold; color:#666;}
.cssbox_head h2 {font-size: 105%; font-weight:bold; color:#666;}

.two-third {width: 526px;}
.one-third{width: 256px;}
.right-full{width: 215px;}

#news {margin-left: 0px; padding-left: 0px; margin-right:4px; font-size:smaller;}
#news li {list-style: none; margin: 0; padding: 0.25em 0; border-bottom: 1px solid gray; }
#news li.odd_row{background-color:#FFF8A7; }
#news li a { text-decoration: none; }

.high210{height: 210px; overflow: auto; width: 250px;}
.high100 {height: 100px; font-size:smaller;}
.high75 {height: 75px; font-size:smaller;}
.high50 {height: 50px; font-size:smaller;}

.high_0{height: 0px; color:white;}
.imAd_ {padding: 2px 0 2px 7px;}

#navigation{margin-left: 3px; margin-top: 5px; font-size:10px;}
#navigation ul, li {margin-left: 0; padding-left: 0;}
#navigation ul{list-style: none;}

 #first, #second, #third
	{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	/*10090201*/
	 #first li, #second li, #third li
	{
		padding-left: 10px;
		background-repeat: no-repeat;
		background-position: 0 .7em;
		width: 95%;
	}
	
	#first li{
		background-image: url(/DATA/1000017/images/bg_arrow.gif);
	}
	#second li{
		background-image: url(/DATA/1000017/images/bg_box.gif);
	}
	#third li{
		background-image: url(/DATA/1000017/images/bg_crcl.gif);
	}
	
	/*10100101*/
	#navigation{
	clear:both;
	}
	
	#navigation a
	{
		display: block;
		color: #363;
		background-color: transparent;
		width: 90%;
		text-decoration:none;
	}
	
	#navigation a.thisitem{
		color: #ccc;
	}
	
	/*10100201*/
	#navigation a:hover
	{
		background-color: #ddd;
		color: #060;
		text-decoration:none;
	}
	
.mail{margin:0; padding:0;}

.tl, .tr, .bl, .br {background: url(corners.gif); width: 10px; height: 10px; font-size: 0;}
.tl, .bl { float: left; }
.tr, .br { float: right; }
.box-content { clear: both; padding: 0 10px; overflow: hidden; height:19px; text-align:center;}

.brown-box {background: #e6dbc9; width: 100%; overflow: hidden; margin: 5px auto;}
.brown-box .tl {background-position: -580px 0px; width: 5px; height: 5px;}
.brown-box .tr {background-position: -595px 0px; width: 5px; height: 5px;}
.brown-box .bl {background-position: -580px -15px; width: 5px; height: 5px;}
.brown-box .br {background-position: -595px -15px; width: 5px; height: 5px;}

#a1{
	width:100%;
	background-color:#002255;
	background-image:url(/DATA/1000017/images/sides_head.gif);
	background-repeat:repeat-y;
	background-position:center;
}

.header{height: 40px; background-image:url(/DATA/1000017/images/header.jpg); background-repeat:no-repeat;
	background-position: top center;
}
.narrow{width: 10%; text-align:center;}

.ad{
	margin: 1px auto 5px auto;
	text-align:center;
}

#vtabs{margin-left:11px; width:40px;}
/*#vtabs{width:20px; float:right; overflow:hidden; border-top: 3px solid red;}*/
#tab-forum, #tab-job-centre, #tab-learning-danish, #tab-resources, #tab-blog, #tab-share-on-facebook{background:url(../images/vertical_tabs.gif) no-repeat top left; width:40px;}
#tab-forum{height:65px; background-position:0 0;}
#tab-job-centre{height:88px; background-position:0 -65px;}
#tab-learning-danish{height:75px; background-position:0 -153px;}
#tab-resources{height:80px; background-position:0 -228px;}
#tab-blog{height:71px; background-position:0 -308px;}
#tab-share-on-facebook{height:95px; background-position:0 -379px;}

iframe{background-color:white!important;}
#cse-search-results{background-color:white!important;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em!important;
 margin-left: 3px!important;
 border: 1px solid #778!important;
 border-bottom: none;
 background: #DDE!important;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE!important;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff!important;
 border-bottom: 1px solid #fff!important;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 /*border-top:1px solid #aaa;*/
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h5 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}