/* GENERAL STYLES */
html, body{
	padding: 0px;
	margin: 0px;
	border: none;
}

body {
	background: #f6f7f7 url(img/body_bg.gif) center repeat-y;
	font-family: Arial, Helvetica, sans-serif; color: #0e0606;	
	font-size: 12px;
}

.wrapper{width: 974px !Important; margin: auto; padding: 0px; text-align: left;}
/***********width var974 */





/*FONTS */
h1, h2, h3, h4, h5, p{font-family: Arial, Helvetica, sans-serif; color: #333;}
a{color: adc251;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #0e0606; text-decoration: none;} 
h1 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration: underline;} 

p{font-size: 12px; margin-top: 7px; margin-bottom: 15px; color: #000; line-height: 18px}
small{font-size: 8px; color: #ff0000;}

em{font-size: 10px; font-weight: bold; color: #100; font-style: italic;}
h1{font-size: 24px; font-weight: bold;}
h2{font-size: 18px; font-weight: bold; margin-top: 0px;}
h3{font-size: 12px; font-weight: normal; margin-top: 7px;}

.hLabel{font-size: 10px; color: #2820c1;}

/******************* TOP */
#navigation{height: 100px; background-repeat: repeat-x; background-image: url(img/top_bg.gif); padding-left: 40px;}
	#navigation ul{float: right; list-style: none; margin: 0px; padding: 0px; height: 60px; display: block;}
	#navigation ul li{display: block; float: left; padding: 0; background: url(img/top_li_bg.gif) no-repeat left top; height: 57px;}
	#navigation ul li a{color: #100; text-decoration: none; font-size: 11px; display: block; float: left; padding: 20px 22px 0 22px; height: 5px;}
	#navigation ul li a:hover{text-decoration: underline;}
	#navigation a#logo{background-image: url(img/top_logo.gif); padding-left: 234px; padding-top: 38px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 35px;}


/******************** MAIN */
/********org. 10var40 640var516*/
#main{padding: 0 10px 0 20px;}

.left{float: left; width: 640px;}
.right{float: right; width: 263px;}

.oppositeCols .left{float: right;}
.oppositeCols .right{float: left;}



/* CONTENTS RELATED RULES */
#main #contents h2, #main #contents h3{margin-bottom: 2px;}

/******************** HEADER */	
#header{
		background: url(img/header_bg.gif) repeat-x bottom #0033ff; 
		margin-bottom: 45px; 
		padding: 27px; 
		border: 1px solid #0033ff; border-top: none; border-left: none; border-right: none;
		text-align: left;
		position: relative;
		color: #fff;
		}

#header #buttons{position: absolute; bottom: 6px; left: 40px;}
#header #buttons a{width: 163px; height: 52px; display: block; margin-right: 12px; float: left; background: url(img/header_button.jpg) no-repeat top center; color: #fff;
				font-size: 14px; font-weight: bold; text-align: center; padding-top: 15px;	
				}

#header h1, #header p{color: #003366;} 
#header.front{height: 215px; }


/******************** FOOTER */
#footer{clear: both; padding: 10px; font-size: 10px;} 
#footer .right, #footer .left{border-top: solid 1px #0033ff; padding-top: 15px;}
/* fixed centered width */
#header, #main, #footer{text-align: left;}


/* GALLERY CSS */
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div>) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */ 
 
 .jcarousel-scope {
    position: absolute;
	right: 40px;
	top: 53px;
    width: 264px;
	height: 220px;

}
 
 .jcarousel-next, .jcarousel-prev
 {
 padding: 30px 0 0 20px;
	width: 20px; height: 30px;
	display: block;
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	border: none;
	overflow: hidden;
 }
.jcarousel-next {    
	background: url(img/header_gallery_next.gif) no-repeat top;  
    right: 5px;   
}

.jcarousel-prev {    
	background: url(img/header_gallery_prev.gif) no-repeat top;  
    right: 35px;   
}

.jcarousel-next-disabled, .jcarousel-prev-disabled{
   display: none;
}


.footer {
	margin-top: 25px;
	border-top: 1px solid #0033ff;
	padding-top: 5px;
	font-size: 80%;
}

.umbMailFormLabel {
float: left; width: 15em;
}


/******************** LeftMenu */

#menu_box {
	Z-INDEX: 1; WIDTH: 250px; 
}
/* Level 1 menu */
#menu {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; }
#menu li { margin: 0px; padding: 0px;}

#menu a:link {padding-bottom: 1px;padding-top: 1px;DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; color:#100; font:normal 12px/1.3em arial, sans-serif; text-decoration: none; }

#menu a:visited {padding-bottom: 1px;padding-top: 1px;DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; color:#100; font:normal 12px/1.3em arial, sans-serif; text-decoration: none; }

#menu ul a:active { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }
#menu a:hover { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }


/* Level 2 menu */
#menu ul { list-style-type: none; margin: 0px; padding: 0px; margin-left: 15px; }
#menu ul li { margin: 0px; padding: 0px; }
#menu ul a:link {padding-bottom: 1px;padding-top: 2px; DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; COLOR: #100; font:normal 1px/1.3em arial, sans-serif; text-decoration: none; }
#menu ul a:visited {padding-bottom: 1px;padding-top: 2px; DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; color:#100; font:normal 12px/1.3em arial, sans-serif; text-decoration: none; }
#menu ul a:active { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }
#menu ul a:hover { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }

/* Level 3 menu */
#menu ul { list-style-type: none; margin: 0px; padding: 0px; margin-left: 15px; }
#menu ul li { margin: 0px; padding: 0px;}
#menu ul a:link {padding-bottom: 1px;padding-top: 2px;DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; color:#100; font:normal 12px/1.3em arial, sans-serif; text-decoration: none; }
#menu ul a:visited {padding-bottom: 1px;padding-top: 2px;DISPLAY: block;  BACKGROUND: url(http://www.hblaug.dk/images/menu.gif) repeat-x 50% bottom; color:#100; font:normal 12px/1.3em arial, sans-serif; text-decoration: none; }#menu ul a:active { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }
#menu ul a:hover { color:#21709e; font:normal 12px/1.3em arial, sans-serif; text-decoration: underline; }



/* SIDENAV - Lists and boxes */

#main #sidenavigation p{font-size: 11px;}
#main #sidenavigation a{color: #1971c2; font-size: 4px;} 
#main #sidenavigation ul, #main #sidenavigation div.box{display: block; padding: 0px 0px 6px 0px; margin: 0 0 20px 0; border: 1px solid #f2f2f2; list-style: none; background: url(img/main_sidenavigation_ul_bg.gif) repeat-x top #f6f7f7;}
#main #sidenavigation ul li.header, #main #sidenavigation div.box div.header{
		padding: 10px; border-bottom: #0033ff 1px solid; 
		background: #f0f2f2; font-weight: bold; font-size: 12px; color: #444444; margin: 0px; 
		line-height: 12px;
		display: block;}

#main #sidenavigation ul li{margin: 0px; padding: 0px; display: inline;}
#main #sidenavigation ul a{display: block; height: auto; padding: 6px 10px 0px 15px; font-size: 11px;}
#main #sidenavigation ul p{padding: 6px 10px 0px 15px;}
#main #sidenavigation ul a:hover{background: #fafcfc;}

#main #sidenavigation div.boxContent{padding: 10px;}

#main #sidenavigation input#searchField{width: 200px; border: 0px solid #a5acb2;}
#main #sidenavigation input#searchButton{font-size: 10px;}
























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */