/* ********************************
*  2010 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
* *********************************/

html, body {width: 100%;margin:0;}

body {
	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	}


/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font:Arial, Helvetica, sans-serif; margin: 0 0 16px 0;}

h1{ font-size: 23px; margin-top: 0;}
h2{ font-size: 19px;}
h3{ font-size: 15px;}
h4{ font-size: 10px;}
h5{ font-size: 9px;}
h6{ font-size: 9px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{}

h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin, h6.nomargin {margin:0;font-weight: bold;}

/* Links
-------------------------------------------------------------- */

a:hover { text-decoration: underline;} 
a img{ border: 0;}

a.lnk-readmore {float:right;}

/* Developers default
-------------------------------------------------------------- */	
p.large, em.large{ font-size: 1.2em;}

ul.plain, ol.plain, dl.plain{}
dt span{ display: block; }




/****************************************************************************************
*  Rails
*****************************************************************************************/ 
.pageshader-outer {width: 970px;margin:0px auto;}
.pageshader-inner {}
.wrapper {
	width: 970px;
	}

.placeholder {overflow: hidden; margin: 0; text-align: left;background: #fff;margin: 10px 0 0 0;}
.placeholder-bottom {}

/****************************************************************************************
*  Header-section
*****************************************************************************************/ 

.header {height: 144px;}

.header-col-1, .header-col-2, .header-col-3{ float: left; margin: 0; padding: 0; height: 109px;} 
  .header-col-1{ width: 270px;}  
  .header-col-2{ width: 580px;}
  .header-col-3{ width: 120px;}

.logo {
	margin: 23px 0 0 0;
	}

/****************************************************************************************
*  Content section
*****************************************************************************************/

.banner {
	width: 970px;
	height: 400px;
	}

div.hr {
	height: 2px;
	background: #e5e5e5 no-repeat scroll center;
	margin: 26px 0 26px 0;
	clear:both;
}
div.hr hr {
	display: none;
}


/****************************************************************************************
*  Layout sections and boxes
*****************************************************************************************/

.layout-section{}
	.layout-section-1-col,
	.layout-section-2-col,
	.layout-section-3-col,
	.layout-section-4-col{ display: inline-block; width: 100%; margin: 0 0 0 0; padding: 0; overflow: hidden; }

	body .row-last,
	body .footer .row-last, 
	body .layout-section-1-col .row-last,
	body .layout-section-2-col .row-last,
	body .layout-section-3-col .row-last,
	body .layout-section-4-col .row-last{ margin-right: 0;} 
		
		
/* sections */
.one-col,
.two-col,
.three-col,
.four-col{ 		
	display: inline; 
	float: left;
	zoom: 1;
	margin-right: 0; }
	
.footer .one-col{ margin-right: 6px; }


/* Layout section 2 cols *******************************************************************/
.layout-section-2-col{}
	.layout-section-2-col .one-col{ width: 320px; padding: 0 20px 0 20px; }
	.layout-section-2-col .two-col{ width: 100%; margin-right: 0; }

/* Layout section 3 cols *******************************************************************/
.layout-section-3-col{}
	.layout-section-3-col .one-col{ width: 304px; padding: 0; margin-right: 29px; margin-top: 29px; }
	.layout-section-3-col .two-col{ width: 637px; padding: 0; margin-right: 29px; margin-top: 29px; }
	.layout-section-3-col .three-col{ width: 100%; margin-right: 0; margin-top: 29px; }

/* front page box */

.home-box {
	border: 2px solid #ededed;
	margin:0 0 25px 0;
	}

.home-box-header {
	height: 40px;
	line-height: 40px;
	margin:0;
	background: #ededed;
	padding-left: 25px;
	}

.home-box-header h2 {
	line-height: 40px;
	}

.home-box-content {
	padding: 25px;
	height: 130px;
	}

.home-box-content p {
	margin:0 0 14px 0;
	}

.home-box ul {
	list-style:none;
	margin:0;
	padding:0;
	}

.home-box ul li {
	margin: 0 0 12px 0;
	}

.home-box table {
	margin:10px 0 0 0;
	padding:0;
	}

.home-box table td {
	padding: 0 10px 10px 0;
	margin:0;
	}



/****************************************************************************************
*  text and infobox
*****************************************************************************************/

.content {
	margin: 0 0 25px 0;
	padding-left: 25px;
	padding-right: 25px;
	}

.teaser {
	font-weight: bold;
	}

.text {
	}

.infobox {
	width: 254px;
	background: #ededed;
	padding: 25px;
	}

table td {padding: 3px;}

	
/****************************************************************************************
*  Form
*****************************************************************************************/


input[type=text], input[type=password], textarea{ border: 1px solid #d6d6d6; background: url(../images/bg-input.gif) 0 0 repeat-x; }

input[type=radio],
input[type=checkbox] { border: 0; background: none; }
input[type=submit] { padding: 4px 10px 4px 10px; }

select{ margin: 0; padding: 0; }

label{ color: #111111; }


/****************************************************************************************
*  Form module
*****************************************************************************************/
.page-form .form{
	_zoom: 1;
  overflow: hidden;
	padding: 22px 16px;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0; }

  .form-section{ }
		.form-section-top{}
		.form-section-content{ margin-bottom: 16px;}
			.form-row{ float: left; display: inline; width: 100%; clear: both; padding: 2px 0px; }

			.form-row label{ display: block; margin-bottom: 4px; font-weight: 700; font-size: 1.1em; }
			.form-row input[type='text'], .form-row textarea{ display: block;}

			.form-row .list-checkbox input,
			.form-row .list-checkbox input[type='checkbox']{ float: left; display: inline; clear: left; }

			.form-row .list-checkbox label{ float: left; display: inline; font-size: 1em; font-weight: 100; }
			
			.form-row .list-radiobox input,
			.form-row .list-radiobox input[type='radio']{  float: left; display: block; clear: left;  }
			
			.form-row .list-radiobox label{ float: left; font-size: 1em; font-weight: 100; clear: none;   }

			.form-module .mandatory{ color: red; padding: 0 5px;}
			.form-module .mandatory-info{ font-weight: 700;}


			.form-validation-summary { clear: both; border: 1px solid #e0e0e0; padding: 16px; margin-bottom: 16px;}
			.form-validation-summary ul{ margin: 0; padding: 0; list-style: none;}
			.form-validation-summary li{ margin: 0; padding: 0; color: red; font-size: 1.2em;}


		.form-footer{}


/****************************************************************************************
*  Footer section
*****************************************************************************************/

.footer {
	width: 930px;
	height: 40px;
	color: #b8b8b8;
	padding: 0 20px 0 20px;
	background: #ededed;
	line-height: 40px;
	margin-bottom: 50px;
	}

.footer-col-1 {float:left;}
.footer-col-2 {float:right;}

.footer a {color: #b8b8b8;}

.footer a:hover {text-decoration:underline;}











	
	
	
	
/* SLIDER */

/* container for slides */
.images {
	position:relative;	
	height:400px;
	
	width: 970px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:400px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	float: right; 
	margin-right: 20px; }

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}