/* @override http://www.helgelandbetongflytebrygger.no/fileadmin/templates/helgelandbetong/helgelandbetong.css */

/* @override http://www.helgelandbetongflytebrygger.no/fileadmin/templates/helgelandbetong/helgelandbetong.css */

/* 
Main stylesheet for Helgeland Betong
Author: redvald@hjulstad.no.no

Web designed and implementet in TYPO3 (www.typo3.com) by: hjulstad.no


*/

/* ####### DEFAULT CSS - RESET OF CSS ####### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1.5;
	color: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background-color: white;
	text-align: center;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img { behavior: url(iepngfix.htc) }

/***************************/
/* ####### DESIGN ####### */
/*************************/

div#allwrap {
	text-align: left;
	width: 950px;
	min-width: 950px;
	max-width: 950px;
	font-size: 1.2em;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/back.jpg);
	margin-top: 40px;
	padding-bottom: 25px;
}

div#header {
	height: 100px;
}

div#logo {
	margin-left: 30px;
	_margin-left: 15px;
	float: left;
}

div#menu {
	height: 65px;
}

div#submenu {
	height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	_padding-left: 12px;
	_padding-right: 30px;
	width: 850px;
}

div#maincontent {
	width: 850px;
	min-width: 850px;
	max-width: 850px;
	height: 480px;
	min-height: 480px;
	max-height: 480px;
	background: url(images/maincontent-back.jpg) no-repeat right top;
	margin-right: auto;
	margin-left: auto;
}

div#pagetitle {
	border-left: 40px solid #295572;
	margin-top: 30px;
	float: left;
}

div#products {
	margin-left: 65px;
	background-color: white;
	padding: 10px;
	float: left;
	width: 710px;
	margin-top: 10px;
	height: 350px;
	overflow: auto;
}

div#toplinker {
	float: right;
	text-align: right;
	font-size: 11px;
	padding-right: 60px;
	padding-top: 10px;
	color: white;
}

div#toplinker a {
	background-color: white;
}

div#toplinker a:hover {
	color: white;
	background-color: #295572;
	text-decoration: none;
}

#products div.csc-textpic-text table.contenttable tbody tr td p.bodytext img {
	padding-right: 20px;
}
/* ####### FONTS ####### */

#products div.csc-textpic-text table.contenttable thead tr th, #products table.contenttable thead tr th {
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
}

td {
	padding: 5px 10px;
	text-align: center;
	
}
/************************/

#allwrap div.csc-textpic-text p.bodytext, #allwrap p.bodytext {
	padding-left: 20px;
	padding-right: 20px;
}

p {
	margin-bottom: 1.5em;
	padding: 0;
}

#allwrap div.csc-textpic-text table.contenttable {
	padding-left: 20px;
}

#allwrap div.csc-textpic-text table.contenttable thead tr th {
	text-align: center;
	font-weight: bold;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

h1,h2,h3 {
	margin: 0.6em 0;
	font-family: Arial;
	color: #353f3a;
}

h2,h3,h4,h5,h6,strong {

	font-weight: bold;
}

.csc-firstHeader {
	margin-top: 0;
}

abbr,acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	font-style: italic;
}

/**************************/
/* ####### LINKS ####### */
/************************/

a {
	color: #295572;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/***************************/
/* ####### IMAGES ####### */
/*************************/

/*************************/
/* ####### MENU ####### */
/***********************/

div#menu ul li {
	float: left;
	display: block;
	text-transform: uppercase;
	width: 130px;
	margin-bottom: 10px;
	text-align: center;
	padding: 50px 10px 22px 0;
	margin-left: 6px;
	*margin-left: 0px;
}

#menu ul li a {
	font-weight: bold;
}

#menu ul li.act {
	background: url(images/menuback.jpg) no-repeat 0 bottom;
}

#menu ul li.act a {
	color: black;
}

#menu ul li.act a:hover {
	text-decoration: none;
}

div#submenu ul li {
	float: left;
	white-space: nowrap;
	width: 150px;
	margin-right: 25px;
}

#submenu ul {
	width: 885px;
	margin: 0;
	padding-left: 20px;
	_padding-left: 40px;
	height: 10px;
}

#submenu ul li a {
	width: auto;
}

#submenu ul li.act a {
	font-weight: bold;
	text-decoration: underline;
}

/* @group BottomMenu systems group */

/* GLOBALHEADER */

#bottom {
	width: 860px;
	height: 9px;
	position: relative;
	z-index: 9998;
	margin-left: 50px;
	margin-top: 20px;
}

#bottom #globalnav {
	padding: 0;
	margin: 0;
}

#bottom #globalnav li {
	display: inline;
}

#bottom #globalnav li a {
	float: left;
	height: 0;
	padding-top: 9px;
	overflow: hidden;
	background-image: url(images/soster.jpg);
	background-repeat: no-repeat;
}


/* BUTTONS */
/* ID on li is the uid from pagetree in TYPO3 */

#bottom #globalnav li#menu-2 a {
	background-position: 0 0;
	width: 147px;
	margin-right: 29px;
}

#bottom #globalnav li#menu-48 a {
	background-position: -178px 0;
	width: 201px;
	margin-right: 29px;
}

#bottom #globalnav li#menu-49 a {
	width: 260px;
	background-position: -408px 0;
	margin-right: 29px;
}

#bottom #globalnav li#menu-50 a {
	background-position: -698px 0;
	width: 153px;
}

/* BUTTONS ACTIVE*/

#bottom #globalnav li#menu-2.act a, #bottom #globalnav li#menu-2.act a:hover, #bottom #globalnav li#menu-2 a:active {
	background-position: 0 -11px;
}

#bottom #globalnav li#menu-48.act a, #bottom #globalnav li#menu-48.act a:hover, #bottom #globalnav li#menu-48 a:active {
	background-position: -178px -11px;
}

#bottom #globalnav li#menu-49.act a, #bottom #globalnav li#menu-49.act a:hover, #bottom #globalnav li#menu-49 a:active {
	background-position: -408px -11px;
}

#bottom #globalnav li#menu-50.act a, #bottom #globalnav li#menu-50.act a:hover, #bottom #globalnav li#menu-50 a:active {
	background-position: -698px -11px;
}



/* @end */

/************************/
/* ####### FCE ####### */
/**********************/

/* STANDARD CONTENT */

div#wrap {
	position: relative;
	width: 850px;
	height: 480px;
}

div#standardcontent-image img {
	border-left: 25px solid #295572;
	padding-left: 10px;
}

div#standardcontent-title {
	margin-left: 35px;
	width: 380px;
	text-align: center;
	padding-top: 100px;
}

div#standardcontent-subtitle {
	margin-left: 35px;
	width: 380px;
	text-align: center;
	padding-bottom: 10px;
}

div#standardcontent-text {
	text-align: center;
	width: 250px;
	height: 250px;
	float: right;
	clear: both;
	position: absolute;
	right: 4px;
	top: 120px;
	display: table-cell;
	line-height: 20px;
}

#standardcontent-text p.bodytext {
	vertical-align: middle;
}

div#standardcontent-suptext {
}

#standardcontent-suptext p.bodytext {
	width: 380px;
	padding-left: 35px;
	background-image: url(images/trans.png);
	padding-top: 5px;
	padding-bottom: 5px;
}

div#wrap-ansatte {
	position: relative;
	width: 850px;
	height: 480px;

}

div#ansatte-image {
	position: absolute;
	left: -30px;
	padding: 0;
	bottom: 0;

}

div#ansatte-image img {
	margin: 0 ;
	padding: 0;
	*margin: 0 0 -3px;

}

div#ansatte-navn {
	text-align: center;
	padding-top: 100px;

}

div#ansatte-tittel {
	text-align: center;

}

div#ansatte-epost {
	text-align: center;

}

div#ansatte-epost a {
	color: white;

}

div#ansatte-text {
	text-align: center;
	width: 250px;
	float: right;
	clear: both;
	position: absolute;
	right: 4px;
	top: 150px;
}

/*************************/
/* ####### REFERENCES ####### */
/***********************/

.tx-references-pi1 {
	background-color: #9a9b9f;
	margin: 0 20px;
	color: #fff;
}

.tx-references-pi1 .listview{
	padding: 20px 0 20px 20px;
}

.tx-references-pi1 .singleview{
	padding: 20px;
}

.tx-references-pi1 .listview .item {
	width: 274px;
	height: 220px;
	margin-bottom: 20px;
}

.tx-references-pi1 .listview .item .image-container {
	height: 170px;
}

.tx-references-pi1 a:link,
.tx-references-pi1 a:visited,
.tx-references-pi1 a:active,
.tx-references-pi1 a:hover,
.tx-references-pi1 h1,
.tx-references-pi1 h2{
	color: #fff;
	font-size: 17px;
}

.tx-references-pi1 a:link img,
.tx-references-pi1 a:visited img,
.tx-references-pi1 a:active img,
.tx-references-pi1 a:hover img{
	border: 0px;
}

.tx-references-pi1 .singleview .menu {
	border-bottom: 2px solid #fff;
}

.tx-references-pi1 .singleview .menu li.active {
	border-bottom: 7px solid white;
	font-weight: bold;
}

.tx-references-pi1 .singleview .image-gallery .images {
	width: 870px;
	height: 343px;
}

.tx-references-pi1 .singleview .image-gallery .images div {
	background-color: #9a9b9f
}

.tx-references-pi1 .singleview .image-gallery .controls {
	float: right;
}

.tx-references-pi1 .singleview .image-gallery .controls a:link, 
.tx-references-pi1 .singleview .image-gallery .controls a:visited, 
.tx-references-pi1 .singleview .image-gallery .controls a:active, 
.tx-references-pi1 .singleview .image-gallery .controls a:hover {
	color: #fff;
}

div.refleft {
	float: left;
	width: 475px;

}

div.refleft p {
	margin-bottom: 10px;
}

div.refright {
	float: right;
	width: 325px;
}

div.clear {
	clear: both;

}

#allwrap div.tx-references-pi1 div.singleview div.refright table tbody tr td {
	padding: 3px 10px 3px 4px;
}

#allwrap div.tx-references-pi1 div.singleview div.refright table thead tr th {
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 4px;
	font-weight: bold;
}

div.refright table tbody td {
	border-bottom: 2px solid white;
	border-width: 1px;
	border-left: 1px solid white;
}

div.refright table {
	margin-top: 10px;
	border-right: 1px solid white;
}

#allwrap div.tx-references-pi1 div.singleview div.refright table thead {
	background-color: white;
	color: #9a9b9f;
}

#allwrap div.tx-references-pi1 div.singleview div.refleft ul li {
	margin-bottom: 10px;
	list-style-type: square;
	list-style-position: outside;
	padding-left: 0;
	margin-left: 16px;
}

#allwrap div.tx-references-pi1 div.singleview div.refleft p a.external-link-new-window {
	font-size: 12px;
}