/**
 * Stilark for nye www.nsw.no
 * 
 * @author	Thomas Sømoen <thomas@apt.no>
 * @version	(20080812)
 */


/*	FARGER
		Bakgrunn på siden:				#fff
		Tekst, generelt:				#939598
		
	
	FONTER
		Body:							Arial
*/

/* 	DOKUMENTSTRUKTUR:
		=RESET (nullstiller enkelte deklarasjoner)
		=TYPOGRAFI OG FARGER(definerer skrifttype/-størrelse og -farger)
		=RAMMEVERK (sidenes oppsett, grid m.m.)
		=DINGSER (samtlige gjenbrukbare elementer)
		=SPESIAL (eventuelle spesialklasser og "hacks")
*/

/*	REKKEFØLGE PÅ DEKLARASJONER
 	* display/visibility styles
    * positioning (with coordinates) styles
    * float/clear styles
    * spacing (margin, padding, border) styles
    * dimensions (width, height) styles
    * typography-related (line-height, color, etc.) styles
    * miscellaneous (list-style, cursors, etc.) styles

*/


/*	=RESET 
	----------------------------------------------------*/
	
	* {
		margin:0;
		padding:0;
		}
		
	fieldset{
		border: none;
		}
	
	img{
		margin:0;
		border: none;
		}
	
	
	
/*	=TYPOGRAFI OG FARGER
	----------------------------------------------------*/

	body {
		font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
		background:#fff;
		color:#939598;
		}
		
	h1 {
		font-size:1.6em;
		color:#030000;
		}
		
	p {
		margin-bottom:1em;
		font-size:1.2em;
		}
		
	a {
		font-size:1em;
		color:#f05133;
		}
		
		a p {
			margin:0;
			padding:0;
			font-size:1em;
			}
		
	a.home-link{
		float: left;
		display: block;
		height: 330px;
		width: 121px;
		text-indent: -4000px;
		outline: none;
		}
	a.login-link{
		color: #939598;
		right: 0;
		position: absolute;
		text-decoration: none;
		top: 2em;
		z-index: 100;
		}
	a.login-link:hover{
		color: #f05133;
		}

		
/*	=RAMMEVERK 
	----------------------------------------------------*/
	
	div.framework {
		margin:0 auto;
		padding-top: 2em;
		position: relative;
		width:99.9em;
		}
		
	div#content {
		width:100%;
		overflow:hidden;
		}
		
		div#content div.canvas {
			float:left;
			margin-top:1em;
			width:60.9em;
			
			overflow:hidden;
			}
			
			div#content div.canvas div.logo {
				}
			
			div#content div.canvas div.images {
				height:33em;
				background:url(../images/bg_aviaplan_big.gif) top left no-repeat;
				}
			
		div#content div.board {
			float:left;
			margin:3.1em 0 0 1em;
			width:38em;
			}

		
/*	=DINGSER 
	----------------------------------------------------*/		
	
	div.gMapInfo{
		float: left;
		margin-right: 2em;
		}
	
	div.contact-footer{
		
		}
		
		div.contact-footer a{
			color: #939598;
			text-decoration: none;
			}
		
		div.contact-footer a:hover{
			color: #f05133;
			}
	
	div.menu {
		width:99.9em;
		overflow:hidden;
		}
		
		
		
		
		div.menu ul {
			position:absolute;
			width:100%;
			bottom:1em;
			left:0;
			}
			
		div.menu ul.top {
			bottom:auto;
			top:0;
			}
			
			div.menu ul ul {
				display:none;
				}
			
		div.menu li {
			list-style:none;
			}
		
		div.menu li.company {
			margin-top: 1em;
			}
			
		div.menu a {
			display:block;
			color:#232021;
			text-decoration:none;
			font-size:1.3em;
			line-height:1.3em;
			padding-left:0.7em;
			outline:none;
			}
			
		div.menu a:active {
			outline:none;
			}
			
		div.menu a:hover {
			color:#f05133;
			}
			
		div.menu li.active a {
			color:#f05133;
			}
			
		div.menu div.level {
			float:left;
			margin:0;
			padding:0;
			padding-top:1em;
			width:20.3em;
			height:13.8em;
			background:#fff url(../images/bg_menu_arrow.gif) bottom left no-repeat;
			}
			
			div.menu div.level div.wrap {
				position:relative;
				border-left:1px dotted #939598;
				height:13.8em;
				overflow-x:hidden;
				overflow-y:auto;
				
				}
				
			div.menu div.level ul {
				left:-100%;
				}
				
			div.menu div.level ul.visible {
				left:0;
				}
			
		div.menu div.one {
			z-index:4;
			overflow:hidden;
			}
			
			div.menu div.one ul {
				left:0;
				}
			
		div.menu div.two {
			z-index:3;
			}
			
		div.menu div.three {
			z-index:2;
			}
			
		div.menu div.four {
			width:39em;
			z-index:1;
			background:#fff url(../images/bg_menu_four_arrow.gif) bottom right no-repeat;
			}
			
			div.menu div.four div.border {
				background:url(../images/bg_menu_four_border.gif) bottom left no-repeat;
				}
			
			div.menu div.four div.wrap {
				border-bottom:1px solid #939598;
				height:13.7em;
				}
			
			div.menu div.four a {
				color:#939598;
				}
				
			div.menu div.four a:hover {
				color:#f05133;
				}
				
			div.menu div.four li.active a {
				color:#f05133;
				}
				
			div.menu div.four div.vcard {
				margin:1em 0 0 0.7em;
				}
				
				div.menu div.four div.vcard h2 {
					font-size:1.4em;
					color:#020000;
					}
				
				div.menu div.four div.vcard span {
					font-size:1.4em;
					}
				
				div.menu div.four div.vcard a {
					color:#f05133;
					text-indent:0;
					}
				
		div.menu div.inactive {
			background:#fff;
			}
			
			div.menu div.inactive div.border {
				background:#fff;
				}
			
			div.menu div.inactive div.wrap {
				border-color:white;
				}
			
	div.logo {
		
		}
		
		div.logo a.stripe {
			display:block;
			height:2em;
			text-indent:-1000em;
			background:#f05133 url(../images/bg_aviaplan.gif) center right no-repeat;
			}
			
		div.logo div.name {
			height:1.5em;
			text-indent:-1000em;
			}
			
	div.images {
		margin-top:1em;
		width:100%;
		overflow:hidden;
		}
		
		div.images div.thumbs {
			float:left;
			padding-left:2.4em;
			width:9.7em;
			height:33em;
			background:#fff;
			overflow:auto;
			}
			
			div.images div.thumbs li {
				list-style:none;
				}
			
			div.images div.thumbs img {
				margin-bottom:0.5em;
				}
		
		div.images div.carousel {
			position:relative;
			float:right;
			width:488px;
			height:330px;
			overflow:hidden;
			}
		
		div.images div#googlemap {
			position:relative;
			float:right;
			width:488px;
			height:330px;
			overflow:hidden;
			}
			
			div.images div.carousel img {
				position:absolute;
				top:0;
				right:0;
				}
			
	div.board {
		}
		
		div.board div.text {
			margin-top:0.3em;
			height:269px;
			overflow-y:auto;
			}
			
			div.board div.text li {
				margin-left:1.2em;
				padding-left:1em;
				font-size:1.2em;
				list-style:disc;
				}
				
			div.board div.text dl {
				margin-bottom:2em;
				width:100%;
				overflow:hidden;
				}
				
			div.board div.text dt {
				clear: left;
				display:block;
				float:left;
				width:35%;
				font-size:1.2em;
				}
				
			div.board div.text dd {
				display:block;
				float:left;
				width:65%;
				font-size:1.2em;
				}
			
	div.contact-footer {
		margin-top:1em;
		border-top:1px dotted #939598;
		padding-top:0.5em;
		width:100%;
		overflow:hidden;
		}
		
		div.contact-footer p {
			display:block;
			width:100%;
			color:#232021;
			font-size:0.9em;
			text-align:center;
			white-space:nowrap;
			overflow:hidden;
			}
			
		div.contact-footer p.one {
			width:55%;
			}
			
		.vcard .type {
			display:none;
			}
			
	table.employees {
		width:100%;
		}
		
		table.employees td {
			padding-bottom:0.2em;
			font-size:1.2em;
			}
			
			table.employees tr.category td{
				font-weight: bold;
				padding-top: 0.2em;
			}
			
			table.employees tr.vcard td{
				padding-left: 0.5em;
			}
			
		table.employees tr:hover td, table.employees tr.active td {
			color:#f05133;
			cursor:pointer;
			}
			
			table.employees tr:hover td a, table.employees tr.active td a {
				color:#f05133;
				}
		
		table.employees td.portrait {
			display:none;
			}
			
		table.employees td.email {
			text-align:right;
			}
			
		table.employees a {
			color:#939598;
			font-size:1em;
			text-decoration:none;
			}
			
		table.employees a:hover {
			text-decoration:underline;
			}

/*	=SPESIAL 
	----------------------------------------------------*/
	
	/* brukes til � skjule elementer som allikevel skal v�re synlige for roboter og talegjenkjenning */
	.hidden {
		position:absolute;
		width:99em;
		left:-99.9em;
		height:0;
		}