﻿/************************************************************************************************************
    FRAMEWORK [fw]
*************************************************************************************************************/ 

.fwRoot /* Root node in frontend framework. Same as [SiteContainer] in dashboard v4. */
	{
		display:block;
		width:957px;
		margin:0px auto;
		background:url(../images/gfx/content_bg.png) no-repeat left top;
	}
	
/************************************************************************************************************
    FW: HEADER
*************************************************************************************************************/ 

.fwHeader
	{
		display:block;
		width:941px;
		margin-left:8px;
		height:110px;
		position:relative;
	}
	/* Logo */
	.fwHeader .Logo
		{
			position:absolute;
			top:20px;
			left:25px;
			display:block;
			width:268px;
			height:62px;	
			background:url(../images/gfx/logo.png) no-repeat left top;
		}
	/* Flags */
	.fwHeader .Flags
		{
			position:absolute;
			top:10px;
			right:25px;
			display:block;	
		}
	.fwHeader .Flags a
		{
			text-decoration:none;
		}
	/* Search */
	.fwHeader .Search
		{
			position:absolute;
			top:10px;
			right:100px;
			display:block;	
		}
	.fwHeader #Search input 
	{
		border:1px solid #CCCCCC;
		width:225px;
		line-height:13px;
		font-size:11px;
		color:#383f43;
	}
	.fwHeader .Search a
		{
			color:#383f43;
			text-decoration:none;
		}
	/* TopMenu */
	.fwHeader .TopMenu 
	{
		position:absolute;
		top:86px;
		right:0px;
		display:block;
		height:25px;
		width:941px;
		z-index:0;
		background:url(../images/gfx/top_bg.png) no-repeat left bottom;
	}
	.fwHeader .TopMenu ul
	{	
		float:right;
		padding-right:20px;	
		font-family:Arial;
	}
	.fwHeader .TopMenu li
		{
			float:left;
			width:109px;
			min-height:21px;
			line-height:21px;
			font-size:12px;
			background:url(../images/gfx/top_menu_li.png) no-repeat left top;
		}
	.fwHeader .TopMenu li.Current
		{
			background:url(../images/gfx/top_menu_li_curr.png) no-repeat left top;
		}
		.fwHeader .TopMenu  li a
			{
				display:block;
				color:#ffffff;
				text-align:center;
				text-decoration:none;
			}	
/************************************************************************************************************
    FW: MENU container
*************************************************************************************************************/ 
/* Styles for menu container only. Menu specific styles are found inside their own CSS file. */
.fwMenu
	{
		display:block;
		float:left;
		width:207px;
		margin-left:8px;
		min-height:200px;
		height:200px;
		height:auto !important;
	}	
	
/************************************************************************************************************
    FW: CRUMBS container
*************************************************************************************************************/ 
/* Styles for crumbs container only. Menu specific styles are found inside their own CSS file. */
.fwCrumbs
	{
		/*background:url(../images/gfx/content_bg.png) repeat-y left top;*/	
	}

/************************************************************************************************************
    FW: CONTENT
*************************************************************************************************************/ 
	
.fwContent
	{	
	}	
	/* For related images */
	.fwContent .Left
		{
			float:left;
			padding-right:3px;
			padding-bottom:3px;
		}
	.fwContent .Right
		{
			float:right;
			padding-left:3px;
			padding-bottom:3px;
		}
	.fwContent .TopContent
		{
			display:block;
			width:941px;
			padding-left:8px;
			min-height:355px;
			height:355px;
			height:auto !important;			
		}	
/************************************************************************************************************
    FW: ERROR
*************************************************************************************************************/ 

.Template-Error
	{
		padding:20px;
		min-height:300px;
		height:300px;
		height:auto !important;
	}
/************************************************************************************************************
    FW: FOOTER
*************************************************************************************************************/ 
	
.fwFooter
	{
		display:block;
		background:url(../images/gfx/footer_bg.png) no-repeat center top;
		color:#c5cacd;
		text-align:center;
		padding-top:10px;
	}
	.fwFooter a
		{
			color:#c5cacd;
			text-decoration:none;
		}
	.fwFooter .Upper 
		{
			font-size:12px;
			font-weight:bold;
			height:24px;
		}	
	.fwFooter .Lower
		{
			text-align:left;
			float:left;
			display:block;
			font-size:9px;
			padding-top:10px;
			padding-left:15px;
		}	
	.fwFooter .Upper .spacer
		{
			width:40px;
			height:14px;			
			display:inline-block;
			background:url(../images/gfx/ftr_spcr.png) top center no-repeat;
		}
	.fwFooter .Lower .spacer
		{
			width:30px;
			display:inline-block;
		}
	.fwFooter .Certifications
		{
			width:327px;
			height:23px;			
			display:inline-block;
			margin-top:10px;
			/*background:url(../images/gfx/sertifisering_btm_pic.png) top center no-repeat;*/
		}
/************************************************************************************************************
    FW: SIGNATURE
*************************************************************************************************************/ 
/* Your (developer/company) signature :) */	
.fwFooter .fwSignature
	{
		display:block;
		float:right;
		font-size:9px;
		padding-top:10px;
		padding-right:15px;
	}