/* CSS Document   
/* ---------------------------------------------------------------------*/
/*   Made by EDB Totalpartner AS - www.edbtotalpartner.no
/*   Last change: 27.may.2008 by Eivind Bergmann
/* ---------------------------------------------------------------------*/


/*------------------------------------------------------
  Reset default browser css
-------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1.5; }




/*----------------------------------------------------------
   Typography     
   The font-size percentage is of 16px. (0.75 * 16px = 12px) 
-----------------------------------------------------------*/ 

body {
	font-size:75%;
	color:#111;
	font-family: Arial, sans-serif;
	text-align: center; 
	padding-top: 20px; 
	background:#737f82 url(images/tex-bg.jpg) repeat-x left top;
	}
	
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 {text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0;
    /* font-size: 2em; line-height: 1; margin-bottom: 0.5em; color: #0067a7; */ }
h2 { font-size: 2em; margin-bottom: 0.5em; color: #0067a7; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.1em; }
h6 { font-size: 0.9em; font-weight: normal;  color: #898989; margin-bottom: 1.5em;  }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/*------------------------------------------------------
   Text elements
-------------------------------------------------------*/

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #0d79bf; text-decoration: none; }
a:visited   { color: #0d79bf; text-decoration: none; }
a:focus, 
a:hover     { color: #0067a7; text-decoration: underline; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em; line-height: 1.5; } 

/*------------------------------------------------------
   Layout
-------------------------------------------------------*/

#pageholder {
	width: 927px;
	margin: 0 auto;}

#pageshader {}

#wrapper {
	text-align: left; }

#container {
	background: #fff ;}
	
 
/* A container should group all your columns. */
#container {
   text-align: left; }



/* rules for main page */
.mainpage {} 
.mainpage .lc {
	border-right: 1px solid #fff;  }
	
.mainpage #container {
	background: #fff url(images/tex-bg-container-mainpage.gif) repeat-y left top;}
.subpage #container {
	background: #fff url(images/tex-bg-container-subpage.gif) repeat-y left top;}


/* rules for sub pages */
.subpage .lc  {
	/* border-right: 1px solid #e6e6e6; */ }
		
.subpage .rc {
/*	border-left: 1px solid #e6e6e6;*/} 



.subpage #breadcrumb {
	height: 40px; 
	background: #e6e6e6; }
	
.subpage .mc h1 { 
	padding-top: 20px; }

#header {
 	height: 60px; overflow: hidden; }

#logo  { 
	float: left; 
	width: 200px;
	margin-right: 40px; 
	display: inline-block;  }
	
.header-mc {
	float: left; 
	clear: right;
	width: 420px; 
	margin-right: 40px; 
/*	margin-top: 28px; */
	}
.header-mc p {
	display: noen; }

.header-rc {
	float: right; 
	width: 210px; 	
	}
			
#search {
	float: right; }	
	
		
.searchfield { }	
#taskbar {}
			
#breadcrumb {
	clear: both;  }
#placeholder {}



.lc, .mc, .rc {}

.lc {
	width: 195px; 
	float: left; 
	clear: both; 
	 }

.mc {
	/* width: 507px; */
	width: 535px; 
	float: left; 
	clear: right;
	}
.rc {
	width: 196px; 
	float: right; 
	}

.mc-rc { 
	width:730px; 
	float: right;
	vertical-align: top;

	 }


.mc-rc-img {} 

.col-1, .col-2, .col-3 {
	width: 222px; 
	background: #ededed; 
	margin-bottom: 16px; 
	line-height: normal;
 }



.col-1 h2, .col-2 h2, .col-3 h2 {
	font-size: 1.5em;
	margin-bottom: 2px;  }
.col-1 p, .col-2 p, .col-3 p {
	
	margin-bottom: 5px;  }

.col-1 {
	float: left; 
	clear: right; }
	
.col-2 {
	float: left; 
	clear: right;
	margin-left: 16px;  
	}
.col-3 {
	float: right; 
	}

.col-img {
	background: #fff; 
	margin: 6px;
	 }
.col-content { /* height defined in ie.css */
	padding: 0 16px 10px 16px;
	min-height: 115px; 
	}

#footer {
	color: #939b9d; 
	margin-top: 10px; }
#footer a, #footer a:visited {
	color: #b4c2c5; text-decoration: none; }
#footer a:focus, #footer a:hover {
	color: #fff; text-decoration: underline; }


#copyright {
	
	margin-left: 0px; 
	margin-right: 10px; 
	color: #b4c2c5; 
	font-size: 1.0em; 
 }

#credits {
	margin-top: 10px; 
	margin-right: 10px; 
	margin-left: 0px; 
	color: #697578; 
  }
  
#credits a, 
#credits a:visited{
	color: #697578; }

#credits a:focus, #credits a:hover {
	color: #b4c2c5; text-decoration: underline; }
	
a#credits-special  {
	color: #748083;
	margin-left: 20px;  }	
	
.content-sub {
	padding: 25px; }
.content-sub-header {
	padding: 25px 25px 15px 25px;
	border-bottom: 1px solid #e6e6e6;  }

.content-sub-frontpage {
	padding: 20px 15px 20px 20px; }

.content-main {
	padding: 16px; }


.article-list {
	min-height: 86px; 
	margin-top: 1px; 
	margin-bottom: 1px;
	padding-bottom: 12px; 
	margin-bottom: 16px;  
	border-bottom: 1px solid #e6e6e6; }

.article-list p{
	width: 333px; 
	float: left;
	margin-bottom: 0;   }
	 
.article-list .thumb-picture{
	 width: 134px;  
	 height: 98px; 
	 border: 1px solid #e6e6e6; }
	  
p.article-list-mer {
	float: left; 
	margin-top: 4px; 
	margin-left: 150px;  }
	  
.thumb-picture{
	 float: left; 
	 width: 134px;  
	 height: 81px;
	 clear: right; 
	 margin-right: 15px;  
	  }
	  
	  
.thumb-picture a, 
.thumb-picture a:visited{
	 border: 1px solid #e6e6e6; }
	 
.thumb-picture a:focus, 
.thumb-picture a:hover{
	 border: 1px solid #0067a7; }	 
	 
	 

/*kampanje liste */

.article-list-border {
	padding:7px 10px;
	width:560px;
	margin-bottom:7px;
	border: 1px solid #cbe2ef; 
/*	overflow:hidden; */
	background-color:#fff;
	}


.article-list-border-logo {
	float:left;
	clear: right;
	background: #fff url(images/default-article-list-pic.gif) no-repeat;  
	height: 86px; 
	width: 129px; 
	display: block;
	margin-top: 1px; 
	margin-bottom: 1px;
	padding-bottom: 1px;  
	}




.portfolio-list {
	min-height: 86px; 
	margin-top: 1px; 
	margin-bottom: 1px;
	padding-bottom: 12px; 
	margin-bottom: 16px;  
	border-bottom: 1px solid #e6e6e6; }

.portfolio-list p{
	width: 333px; 
	float: left;
	margin-bottom: 0;   }
	 
.portfolio-list .thumb-picture{
	
	  border: 1px solid #e6e6e6; }






/*------------------------------------------------------
   Graphical elements  
-------------------------------------------------------*/ 

.mc-banner {
	}



/*------------------------------------------------------
   General rules   
-------------------------------------------------------*/ 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove border on linked images. */
a img { border: none; }


/*------------------------------------------------------
   Forms 
-------------------------------------------------------*/ 
label {display: none;  }
fieldset {margin:0 0 0 0;border: none; }
legend {display: none;  }
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #FF9933;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*------------------------------------------------------
   Newsticker 
-------------------------------------------------------*/ 



.newsticker-label {
	/*float: left; */
	clear: right;
	width: 120px; 
	color: #757f82; 
 	margin-top: 16px;
 	margin-bottom: -5px;
	font-weight: bold;  }
	
.newsticker-label span {
 }


.newsticker {
	overflow: hidden; 
	 width: 420px; 
	/* float: right; */
	 display: block; 		 
	margin-top: -24px;  }
	  
	  
.ticker-body {
height: 20px;
	width: 500px; 
	color: #fff;
	display: block; 
	  }
	
.ticker-body span{
	margin-left: 20px; }
	
.ticker-body a,
.ticker-body a:visited {
	color: #fff;
	 }
	
.ticker-body a:focus,
.ticker-body a:hover {
	color: #fff;
	 }	

/*------------------------------------------------------
   Menus | Notes: Main manu = Nav | Sub menu  = Subnav		  
-------------------------------------------------------*/ 

/* Main navigation */
.menu li .menu ul, .menu li .menu ol { 
	margin:0; 	}
.menu ul, .menu li { 
	margin: 0; 	}

div.menu {
	height:40px;
	clear:both;
	margin: 0;
	padding: top; 
	background:url(images/tex-nav-bg.gif) no-repeat left top;}

.menu li {
	display:inline;
	}
	
.menu li a, 
.menu li a:visited {
	float:left;
	width:128px;
	text-align:center;
	height:29px;
	color:#fff;
	background:url(images/tex-nav-bg.gif) no-repeat right top;
	padding-top:11px;
	text-decoration:none; 
	}
	
.menu li a:hover {
	background-position:right -40px !important;
	text-decoration:none; 
	color:#fff;
	}
.menu li a.active,
.menu li a.active:hover { 
	color:#fff;
	background-position:right -40px !important;}


/* Sub navigation */

.submenu{
	padding-left: 0;
	margin-left: 0;
	margin-top: -1px; 
	border-bottom: 1px solid  #e6e6e6;
	width: 196px;
	}

.submenu li	{
	list-style: none;
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #e6e6e6;
	}

.submenu li a { 
	text-decoration: none;
	color: #111;  
	padding-left: 15px;  }

.submenu li a:focus,
.submenu li a:hover  { 
	text-decoration: underline;
	padding-left: 15px;
	 }








/*------------------------------------------------------
   Lists
-------------------------------------------------------*/



li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


.list-plain {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: normal; 
	}

.list-plain li { 
	padding: 0 0 5px 0; /* Set list icon here */
	/*
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 .5em; */
	}
	
.list-plain li a, 
.list-plain li a:visited{ 
	font-weight: bold; 
	color: #0d79bf; 
	text-decoration: none;
	}
.list-plain li a:focus,
.list-plain li a:hover { 
	font-weight: bold; 
	color: #0067a7; 
	text-decoration: underline;
	}
	

/*------------------------------------------------------
   Tables
-------------------------------------------------------*/
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/*------------------------------------------------------
   Misc classes
-------------------------------------------------------*/
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #e6e6e6; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}



/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 19px;
  margin-right: 20px;
  border-right: 1px solid #eee;
}


/*------------------------------------------------------
   add classes
-------------------------------------------------------*/ 

.teamet {}




/*------------------------------------------------------
   Clearfix - Autoclears
-------------------------------------------------------*/ 


.clearfix:after, #container:after, .autoclear:after, .heightfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container, .heightfix {display: inline-block;}

* html .clearfix,
* html #container, 
* html .autoclear, 
* html .heightfix 
 {height: 1%;}

.clearfix, #container, .autoclear, .heightfix {display: block;}

.clear, .cr { clear:both; }


/*-   Credits  ---------------------------------------------------------*/
/* 
/*    Some of the CSS is based on work from other people to 
/*    ensure a fast and hassle free website.
/*        
/*    Eric Meyer: Browser Reset css  
/*    http://meyerweb.com/eric/tools/css/reset/
/*
/*    Clearing floats without extra markup
/*    http://www.positioniseverything.net 
/*	 
------------------------------------------------------------------------ */
