/* ------------------ */
/* HTML               */
/* ------------------ */
html {
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
}
img {
	border:none;
}
a {
	color:#004a68;
	text-decoration:underline;
	outline:none;
}
a:hover {
	text-decoration:none;
}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;font-weight:normal}
h4{font-size:16px;font-weight:normal}

/* ------------------ */
/* Geneeral classes   */
/* ------------------ */
.clear {
	clear:both;
}
div#login a {
	position:absolute;
	right:0px;
	top:100px;
	z-index:2;
	width:14px;
	height:37px;
	background-image:url(/App_themes/Site/images/aeston.gif);
	text-indent:-9999px;
}

/* ------------------ */
/* GRID               */
/* ------------------ */
#mod {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#hd {
	position:relative;
	height:132px;
	background-image:url(../images/hd_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#bd {
	border-left:1px solid #e0dec7;
	border-right:1px solid #e0dec7;
	width:978px;
	min-height:450px;
	height:auto !important; /*hack IE6 */
	height:450px; /*hack IE6 */	
	position:relative;
}
#bd #left {
	position:relative;
	float:left;
	width:152px;
}
#bd #main {
	float:right;
	width:826px;
}

#content {
	padding: 25px;	
}
#content h2 {
	color: #314A69;
	font-size: 16px;
	padding-bottom: 14px;
}

body.front #bd #main #content {
	padding: 10px;
}
body.else #bd #main #content {
	padding: 40px;	
}



#bd a#otera_i_norden {
	display:block;
	position:absolute;
	left:20px;
	bottom:20px;
	background-image:url(../images/otera_i_norden.gif);
	width:111px;
	height:127px;
	text-indent:-9999px;
}
#bd a#otera_i_norden:hover {
	filter:alpha(opacity=75);   /* Internet Explorer       */
	-moz-opacity:0.75;           /* Mozilla 1.6 and below   */
	opacity: 0.75;               /* newer Mozilla and CSS-3	*/			
}
#ft {
	position:relative;
	background-image:url(../images/ft_bg.jpg);
	height:51px;
	padding-left:144px;
}




/* ------------------ */
/* Heading            */
/* ------------------ */
#hd h1 {
	position:absolute;
	left:10px;
	top:65px;
	margin:0;
	padding:0;
}
#hd h1 a#logo_matbussen {
	display:block;
	background-image:url(../images/logo_matbussen.jpg);
	text-indent:-9999px;
	height:34px;
	width:215px;
}
#hd h1 a#logo_matbussen:hover {
	filter:alpha(opacity=75);   /* Internet Explorer       */
	-moz-opacity:0.75;           /* Mozilla 1.6 and below   */
	opacity: 0.75;               /* newer Mozilla and CSS-3	*/		
}
#hd a#logo_otera {
	display:block;
	position:absolute;
	width:149px;
	height:93px;
	text-indent:-9999px;
	background-image:url(../images/logo_otera.jpg);
	right:0;
	top:10px;
}
#hd a#logo_otera:hover {
	filter:alpha(opacity=75);   /* Internet Explorer       */
	-moz-opacity:0.75;           /* Mozilla 1.6 and below   */
	opacity: 0.75;               /* newer Mozilla and CSS-3	*/		
}
#hd #nav_top {
	position:absolute;
	top:66px;
	left:300px;
}
#hd #nav_top ul {
	margin:0;
	padding:0;
	float:left;
}
#hd #nav_top li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	margin-right:2px;
	display:inline;	
}
#hd #nav_top a {
	float:left; /*stupid IE*/
	display:block;
	background-image:url(../images/topnav_a.gif);
	color:#8696a9;
	text-decoration:none;	
}
#hd #nav_top a span {
	display:block;
	float:left;/*stupid IE*/
	height:25px;
	padding-top:17px;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../images/topnav_span.gif);	
	padding-left:14px;
	padding-right:14px;
	font-weight:bold;
}
#hd #nav_top a:hover, #hd #nav_top li.active a {
	background-image:url(../images/topnav_a_o.gif);	
}
#hd #nav_top a:hover span, #hd #nav_top li.active a span{
	background-image:url(../images/topnav_span_o.gif);		
}
#hd #navpath {
	position:absolute;
	left:10px;
	top:112px;
}
#hd #navpath a {
	padding-top:1px;
	display:block;
	float:left;
	font-weight:bold;
	color:#666666;
	font-size:11px;
	text-decoration:none;
}
#hd #navpath a:hover {
	text-decoration:underline;
}
#hd #navpath span {
	font-size:11px;	
	display:block;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

/* ------------------ */
/* Navigation Left    */
/* ------------------ */
#nav_left {
	position:absolute;
	left:-1px;
	background-color:#FFF;
}
#nav_left ul {
	list-style-type:none;/*IE!!!!!!*/
	margin:0;
	padding:0;
}
#nav_left li {
	margin:0;
	padding:0;
	list-style-type:none;
	width:152px;
	display: inline; /*IEEEEEEEEE!!*/
}
#nav_left a {
	display:block;
	width:140px;
	font-size:11px;
	text-decoration:none;
	color:#5D5D5D;
	padding:2px;
	padding-left:10px;
	background-color:#e0dec7;	
	vertical-align: bottom;
/*	height:16px;*/
	border-top:2px solid #FFF;	
}
#nav_left a:hover {
	text-decoration:underline;
}
#nav_left ul li.active a{
}
#nav_left ul li.active a{
	background-color:#8696aa;	
	color:#FFF;
}
#nav_left ul ul li a {
	background-color:#eddfa5;
	padding-left:20px;
	width:130px;
}
#nav_left ul li.active ul li a{
	background-color:#eddfa5;	
	color:#5D5D5D;
}
#nav_left ul li.active ul li.active a{
	background-color:#dde0e6;
}


/* ------------------ */
/* Footer             */
/* ------------------ */
#ft div {
	color:#666666;
	float:left;
	height:40px;
	padding-top:11px;
	font-size:11px;
	margin-right:70px;
}
#ft div span {
	display:block;
	font-weight:bold;
}
#ft div a {
	color:#666666;
	text-decoration:underline;
}
#ft div a:hover {
	text-decoration:none;
}

/* ------------------ */
/* Frontpage          */
/* ------------------ */
#front_left {
	padding:10px;
}
#front_right {
	padding-left:10px;
	padding-right:6px;
	width:190px;
	float:right;
}
.news {
	margin-bottom:10px;
}
.news_image {
	width:184px;
}
.news_link {
	padding-top:10px;
}
.news_link a {
	font-size:11px;
	font-weight:bold;
}
.news_excerpt {
	padding-top:5px;	
	font-size:11px;
}
/*høyremeny*/
#front_right ul {
}
#front_right ul {
	list-style-type:none;/*IE!!!!!!*/
	margin:0;
	padding:0;
	margin-top:10px;
	margin-right:4px;
}
#front_right li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#front_right ul a {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#5D5D5D;
	padding:2px;
	padding-left:10px;
	background-color:#e0dec7;	
	vertical-align: bottom;
	height:16px;
	border-top:2px solid #FFF;	
}
#front_right ul a:hover {
	text-decoration:underline;
}
#front_right ul li.active a{
}
#front_right ul li.active a{
	background-color:#8696aa;	
	color:#FFF;
}
#front_right ul ul li a {
	background-color:#eddfa5;
	padding-left:20px;
	width:130px;
}
#front_right ul li.active ul li a{
	background-color:#eddfa5;	
	color:#5D5D5D;
}
#front_right ul li.active ul li.active a{
	background-color:#dde0e6;
}