/*  Main Grid System For FastLine.no*/
/*  All styling regarding menues are in the separate stylesheet menu.css    */

/*  Basic HTML
----------------------------------------------------------------------------------------------------*/




html {	
	width: 100%;
	height: 100%;
	}
 
body {
	width: 100%;
	height: 100%;
	background: url(/gfx/bgrunn.png) repeat-x;
	background-color: #4f7299;
	}

#bodyDouble {
	width: 100%; 
	height: 100%;
	background: url(/gfx/lightrails02.jpg) no-repeat;
	background-position: 100% 0% ;
	text-align: center;
	}

#mainArea {
	width:985px;
	background: url(/gfx/mainArea.png) repeat-y;
	_background: none;
	height: 100%;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	}

#mainHead {
	background: url(/gfx/bgrunnHead-trans.png) repeat;
	_background-image: none;
	_background-color: #000000;
	width: 985px;
	height: 150px;
	text-align: left;
	z-index: 10;
	position: relative;
	}
	
#fastlineLogo {
	position: absolute;
	top: 53px;
	margin-left:20px;
	float:left;
	width: 224px;
	height: 57px;}

#mainFrontpage {	
	background: url(/gfx/bgrunnHead-trans.png) repeat-y; 
	width: 985px;
	z-index: 1;
	text-align: left;
	padding:0;
	margin:0;	
	}

#mainFrontpage img.mainImage{
	width:700px;
	height:347px;
	float:left;
	margin: 0;
	_margin-left: -10px;
	}


#mainFrontpage img.rightImage {
	width:285px;
	height:347px;
	}

 #mainFrontpage #bildeRight {
	width:285px;
	height:347px;
	margin: 0 0 0 700px;
	_margin-left: -5px;
	overflow: hidden;
	}

#forsideBokser {
	padding:1px 0 1px 1px;
	width:100%;
	height:401px;
	background-color:white;
	}

#forsideBokser div {
	float:left;
	display: block;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:#E6E6E6;
	width:245px; 
	_width:235px;
	height:200px;
	margin-right:1px;
	margin-bottom: 1px;
	color: #2D3B4A;
	}
	
#forsideBokser div:hover {
	background-color:#CCCCCC;}

#forsideBokser div img.ikon {
	margin:20px 0 -50px 20px;
	float:left;
	}

#forsideBokser div h3 {
	margin:42px 0 0 90px;
	font-size:28px;
	}

#forsideBokser div a p {
	margin:0 20px 0 20px;
	color: #2D3B4A;
	text-decoration: none;
	}

img.litenLesMerKnapp {
	border:0;
	height: 16px;
	width: 16px;
	background-image: url(/gfx/listArrow.png);
	}

img.litenLesMerKnapp:hover {
	height: 16px;
	width: 16px;
	background-image: url(/gfx/listArrowOn.png);
	}

img.litenInfoKnapp {
	border:0;
	height: 16px;
	width: 16px;
	background-image: url(/gfx/listInfo.png);
	}

img.litenInfoKnapp:hover {
	height: 16px;
	width: 16px;
	background-image: url(/gfx/listInfoOn.png);
	}
 
img.lesMerKnapp {
	height: 31px;
	width: 31px;
	background-image: url(/gfx/yellowArrow.png);
	}

img.lesMerKnapp:hover {
	height: 31px;
	width: 31px;
	background-image: url(/gfx/yellowArrowOn.png);
	}

img.infoKnapp {
	height: 31px;
	width: 31px;
	background-image: url(/gfx/yellowInfo.png);
	}

img.infoKnapp:hover {
	height: 31px;
	width: 31px;
	background-image: url(/gfx/yellowInfoOn.png);
	}

#mainContent {	
	background: url(/gfx/bgrunnMainContent.png) repeat-y #F2F2F2; 
	width: 985px;
	position: relative;
	z-index: 1;
	text-align: left;
	padding-bottom:150px;
	}
	
#mainContent:after {
	height:0px;
	}
	
#contentLeft {
	border:0px solid green;
	width: 570px;
	text-align: left;
	padding:30px 45px 50px 45px;
	}

#mailInnlogging{
	width: 800px;
	text-align: left;
	padding:30px 45px 50px 45px;
	height:100%; 
	color: white;
	}
#mailInnlogging h1.headline, #mailInnlogging h2 {
	color:white;
	}



#mailInnlogging div{
	width:350px;
	margin-right:50px; 
	float:left;
	margin-top: 15px;
	margin-bottom: 10px;
	}
  
#mailInnlogging table{
	border:0;
	}
	
#mailInnlogging div table td{
	padding-bottom:4px;
	vertical-align:middle;
	}

#mailInnlogging div table td button{
	margin-left:155px;
	width:100px;
	margin-top:3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	khtml-border-radius: 3px;
	font-family:arial, helvetica;
	font-size:13px;	
	border: 1px solid #bbbbbb;
	background: url(/gfx/tablebgrunn03.png) repeat #efefef;
	}

#mailInnlogging div table td button:hover {
	background: url(/gfx/tablebgrunn06.png) repeat #dcdcdc;
	cursor: pointer;
	}

#mailInnlogging table input, #mailInnlogging table select {
	border:1px;
	height:20px; 
	margin-left:10px; 
	width:240px;
	background-color:#eeeeee;
	-webkit-border-radius: 1px;
	-moz-border-radius: 2px;
	border-radius: 1px;
	khtml-border-radius: 3px;
	font-family:arial, helvetica;
	font-size:14px;
	padding-top:4px;
	padding-left:4px;
	}

#mailInnlogging table select {
	width:244px;
	height:23px;
	padding-bottom:3px;
	}

#contentLeft h1, #mailInnlogging h1 {
	color: #2D3B4A;
	font-size: 38px;
	font-weight: normal;
	line-height: 100%;
	margin:0;
	padding:0;
	} 

#mailInnlogging h1 {
	color: #white;
	} 	
#contentLeft p.ingress {
	font-size:15px;
	line-height:150%;
	padding-top:0;
	clear: both;
	}

img.ingress, img.floatLeft {
	margin: 0 5px -40px 0;
	float: left;
	}
img.floatRight {
	margin: 0 0 -40px 5px;
	float: right;
	}

#contentLeft p{
	line-height:180%;
	padding-top:0;
	margin-right:40px;
	}


#contentLeft #domeneSok.inline{ 
	height: 90px;
	width: 662px;
	background: url(/gfx/bgFinnDomeneStor.png) #000000;
	float: none;
	text-align:left;
	margin-left: -45px;	
	}
	
	
#contentLeft #domeneSok.inline #inputElementer{
	display: block;
	height: 32px;
	padding: 42px 0;
	#padding-top: 12px;
	#padding-left: 22px;
	margin:30px 0 0 45px; 
	#margin:30px 0 0 10px;
	vertical-align: middle;
	}	
	
#contentLeft #domeneSok.inline #inputElementer input {
	width:431px;
	background-image: url(/gfx/formFieldLang.png)
	}



#contentLeft table.tableBigList{
	width:662px;
	margin: 0 -47px 0 -45px;
	font-size:18px;
	color: #2D3B4A;
	}

#contentLeft table.tableBigList .cell1, #contentLeft table.tableStandard .cell1{
	padding-left: 45px;
	font-weight: normal;
	text-align:left;
	}

#contentLeft table tr.tableHead {
	background-image: none;}

#contentLeft table.tableBigList td {
	height:65px;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	text-align:center;
	}


#contentLeft table.tableBigList tr.tableHead td,
#contentLeft table tr.tableHead td{
	height:12px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 8px 10px 0 10px;
	background-image: none;
	}

#contentLeft table.tableBigList tr.tableHead td.cell2, #contentLeft table.tableBigList tr.tableHead td.cell4, #contentLeft table.tableBigList tr.tableHead td.cell6,
#contentLeft table.tableStandard tr.tableHead td.cell2, #contentLeft table.tableStandard tr.tableHead td.cell4, #contentLeft table.tableStandard tr.tableHead td.cell6{
	background: url(/gfx/tablehead_back.png) repeat-x;
	}

#contentLeft table.tableStandard{
	width:662px;
	margin: 0 -47px 0 -45px;
	font-size:12px;
	color: #2D3B4A;
	}

#contentLeft table.tableStandard tr {
	width: 662px;
	height: 25px;
	}
	
#contentLeft table.tableStandard tr.tablehead td {
	background-image: none;
	}

#contentLeft table.tableStandard tr td {
	background: url(/gfx/tablebgrunnEndrow.png) repeat-x;
	}	

	
#contentLeft table.tableStandard tr {
	width: 662px;
	height: 25px;
	}

#contentLeft table.tableStandard tr.row1 td {
	background: url(/gfx/tablebgrunnEndrow.png) repeat-x;
	}

#contentLeft table.tableStandard tr.row2 td {
	background: url(/gfx/tablebgrunn01.png) repeat-x;
	}
	
#contentLeft table.tableStandard tr td {
	height: 25px;
	padding-top:7px;
	vertical-align: middle;
	text-align:center;
	}	


#contentLeft table.tableBigList tr.row1 td{
	background: url(/gfx/tablebgrunnEndrow.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row2 td{
	background: url(/gfx/tablebgrunn01.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row3 td{
	background: url(/gfx/tablebgrunn02.png) repeat-x;
	}
	
#contentLeft table.tableBigList tr.row4 td{
	background: url(/gfx/tablebgrunn03.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row5 td{
	background: url(/gfx/tablebgrunn04.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row6 td{
	background: url(/gfx/tablebgrunn05.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row7 td{
	background: url(/gfx/tablebgrunn06.png) repeat-x;
	}

	
#contentLeft table.tableBigList tr.finalrow td{
	background: url(/gfx/tablebgrunnEndrow.png) repeat-x;
	width: 662px;
	height: 8px;
	margin-bottom: -10px;
	}

#contentLeft table .cell2, #contentLeft table .cell4, #contentLeft table .cell6	 {
	background: url(/gfx/transGrey.png) repeat;
	}


#contentLeft table.tableBigList tr.row1 td.cell2, #contentLeft table.tableBigList tr.row1 td.cell4, #contentLeft table.tableBigList tr.row1 td.cell6,
#contentLeft table.tableStandard tr.row1 td.cell2, #contentLeft table.tableStandard tr.row1 td.cell4, #contentLeft table.tableStandard tr.row1 td.cell6{
	background: url(/gfx/tablebgrunnEndrow_back.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row2 td.cell2, #contentLeft table.tableBigList tr.row2 td.cell4, #contentLeft table.tableBigList tr.row2 td.cell6,
#contentLeft table.tableStandard tr.row2 td.cell2, #contentLeft table.tableStandard tr.row2 td.cell4, #contentLeft table.tableStandard tr.row2 td.cell6{
	background: url(/gfx/tablebgrunn01_back.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row3 td.cell2, #contentLeft table.tableBigList tr.row3 td.cell4, #contentLeft table.tableBigList tr.row3 td.cell6{
	background: url(/gfx/tablebgrunn02_back.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row4 td.cell2, #contentLeft table.tableBigList tr.row4 td.cell4, #contentLeft table.tableBigList tr.row4 td.cell6{
	background: url(/gfx/tablebgrunn03_back.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row5 td.cell2, #contentLeft table.tableBigList tr.row5 td.cell4, #contentLeft table.tableBigList tr.row5 td.cell6{
	background: url(/gfx/tablebgrunn04_back.png) repeat-x;
	}

#contentLeft table.tableBigList tr.row6 td.cell2, #contentLeft table.tableBigList tr.row6 td.cell4, #contentLeft table.tableBigList tr.row6 td.cell6{
	background: url(/gfx/tablebgrunn05_back.png) repeat-x;
	}
	
#contentLeft table.tableBigList tr.row7 td.cell2, #contentLeft table.tableBigList tr.row7 td.cell4, #contentLeft table.tableBigList tr.row7 td.cell6{
	background: url(/gfx/tablebgrunn06_back.png) repeat-x;
	}

#contentLeft table.tableBigList .cell2, #contentLeft table.tableBigList .cell3, #contentLeft table.tableBigList .cell4, #contentLeft table.tableBigList .cell5, #contentLeft table.tableBigList .cell6 {
	color: #4A5663;
	font-family: verdana;
	font-size: 16px;
	font-weight: lighter;
	}



#contentLeft .floatbox {
	background-color: #E2E2E2;
	width: 45%;
	margin-left: 10px;
	float: right;
	padding: 10px;}
	
#contentLeft .floatbox ul li {
	padding-left: 0;
	margin-left: 10px;
	margin-bottom: 6px;}

#contentLeft .floatbox ul li img.bullet {	
	margin-left: -10px;}

img.bullet {
	vertical-align: baseline;}



#contentRight {
	border:0px solid green;
	width: 293px;
	position: absolute;
	top: 0px;
left:692px;
	border:0px solid green;
	} 

#contentRight h1 {
	margin:35px 10px 0 0;
	color: #2D3B4A;
	font-weight: normal;
	}

#contentRight h2 {
	color: #2D3B4A;
	font-weight: normal;
	margin:35px 10px -5px 0;

	}

#contentRight div.omFastline {
	margin-top:120px;
	} 

#kontaktEpost { 
	display: block; 
	height: 24px; 
	background-image: url(/gfx/iconEmail.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 12px 0 0 33px; 
	margin-bottom: 2px	
	}
#kontaktEpost:link {
	color:#124679; 
	text-decoration: none;
	}
#kontaktEpost:hover { 
	text-decoration: underline;
	}
#kontaktFax {
	display: block; 
	height: 24px; 
	background-image: url(/gfx/iconFax.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 3px 0 0 33px; 
	margin-bottom: 4px
	}

#mainFooter {
	position: fixed;
	_position: absolute;
	display: block;
	width: 100%;
	z-index: 25;
	bottom:0%;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	left:0%;
	height:99px;
	text-align: center;
	_overflow: hidden;

	} 

#mainFooter div.footer, div.forsideMiddle {
	width: 985px;
	margin:auto;
	height:99px;
	text-align: center;
	} 
	

#domeneSok { 
	height: 99px;
	width: 397px;
	background-color: #000000;
	float: left;
	background: url(/gfx/bgFinnDomene.png) #000000;
	text-align:left;
	}

#domeneSok form {
	margin:0px;
	display:inline;
	padding:0px;
	}

#inputElementer button  {
	display:block;
	border:0;
	margin:0;float:left;
	padding:0;
	border:0px solid green;
	height:26px;
	width: 78px;
	overflow: visible;
	background: url(/gfx/buttonSok.png) no-repeat;
	}
	
#inputElementer button:hover  {
	background: url(/gfx/buttonSokOff.png) no-repeat;
	cursor: pointer;
	}

#inputElementer button img {
	display:none;
	}


#inputElementer{
	display: block;
	height: 32px;
	padding: 0;
	margin:45px 0 0 30px;
	#margin:45px 0 0 15px;
	vertical-align: middle;
		}
	
#inputElementer input {
	padding:0;
	margin:0 8px 0 0;
	width:231px;
	height: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	khtml-border-radius: 3px;
	padding:4px 0 0 6px;
	font-size:14px;
	background: url(/gfx/bgroundSok.png) no-repeat;
	float:left;
	border: 0;
	}


#domeneSok p {
	color:white;
	font-size:10px;
	margin-left:33px;
	_margin-top: -10px;
	}

#bestillOnline {
	height: 99px;
	width: 273px;
	background-color: #EAA419;
	float: left;
	}

#onlineSupport {
	height: 99px;
	width: 315px;
	background-color: #233444;
	float: left;
	}