/* Generelle klasser */

body
		{  
		font-family: 		Verdana,Areal, sans-serif; 
		margin:				0px;
		font-size:			0.6em;
		color:				black;
		background-image:	url(../images/bg.gif);
		background-repeat:	repeat-y;
		background-position:center;
		}
		
a
		{
		text-decoration:	none;
		color:				#c00;
		}
		
a:hover
		{
		text-decoration:	underline;
		}
		
p
		{
		margin:				0 0 1em 0;	
		}
		
p.header									/*Brukes i malene*/
		{
		font-size:			0 0 1em 0;	
		}	
		
hr
		{
		color:				#999;
		height:				1px;
		margin:				10px 0 10px 0;
		}


h1
		{
		color:				#666;		
		font-size:			1.8em;
		margin:				0 0 1em 0;
		font-weight:		normal;
		}
		
h2											/*Overskrift i listemaler (to spalte)*/
		{
		color:				#666;		
		font-size:			1.3em;
		margin:				0 0 0.6em 0;
		font-weight:		bold;
		}
		
h3											/*Bokser høyre etc.*/
		{
		color:				#666;		
		font-size:			1.2em;
		margin:				0 0 0em 0;
		font-weight:		normal;
		}
		
h4
		{
		color:				#4c4c4c;		
		font-size:			100%;
		Text-transform:		Uppercase;
		margin:				0 0 .5em 0;
		padding:			3px 0 0 7px;
		}

form
		{
		margin:				0;
		}


input
		{
		font-size:			10px;
		width:				200px;
		}
		
input.checkbox
	{
		width: 30px;
		}
		
input.search
		{
		width:				85px;
		margin:				0 2px 0 0;
		}
		
input.button
		{
		background-color:	#014991;
		border-width:		1px;
		border-style:		solid;
		border-color:		white #264A6E #264A6E white;
		color:				white;
		font-size:			10px;
	
		font-family:		tahoma, sans-serif;
		width:				60px;
		margin:				0 0 2px 0;
		}
		
input.btn-search
		{
		width:				40px;
		}
		
textarea
		{
		width:				100%;
		height:				70px;
		}
		
span.button
		{
		border:				solid black 1px;
		}
		
div#framework
		{
		width:				772px;
		margin:				auto;
		}			
		
div#header
		{
		background-image:	url(../images/header.jpg);
		background-repeat:	no-repeat;
		height:				197px;
		}
		
		
div#left
		{
		background-image:	url(../images/bg_left.gif);
		background-repeat:	y;
		float:				left;
		width:				143px;
		}
		
div#left-2
		{
		background-image:	url(../images/bg_left_top.gif);
		background-repeat:	no-repeat;
		float:				left;
		width:				125px;
		padding:			0 3px 0 15px;
		height:				389px;
		}
		
		
div#left div#left-2 div.feas
		{
		color:				#666;
		font-size:			90%;
		margin:				40px 0 0 0;
		padding:			10px;
		text-align:			center;
		}
		
div#left div#left-2 div.feas img
		{
		margin:				5px 0 5px 0;
		}
		

div#main
		{
		float:				left;
		width:				425px;
		padding:			20px;
		}
		
div#main div.template
		{
		margin:				0 0 10px 0;
		}
		

div#main div.template h2
		{
		font-size:			2em;
		font-weight:		bold;
		margin:				0 0 0.6em 0;
		}		

div#right
		{
		background-image:	url(../images/bg_right.gif);
		background-repeat:	y;
		float:				left;
		width:				164px;
		}
		
div#right-2
		{
		background-image:	url(../images/bg_right_top.gif);
		background-repeat:	no-repeat;
		float:				left;
		width:				149px;
		padding:			0 9px 0 6px;
		}
	
div.frame-header
		{
		height:				19px;
		background-image:	url(../images/frame_header.gif);
		background-repeat:	x;
		border-top:			solid white 1px;
		border-bottom:		solid white 1px;
		}
		
div.frame
		{
		margin:				0px 0px 1px 0px;
		padding:			9px 3px 9px 9px;
		}
		
div.dinside
		{
		background-image:	url(../images/bg_enok.jpg);
		background-repeat:	no-repeat;
		background-color:	#c00;
		color:				white;
		}
		
div.dinside a.dinside
		{
		color:				white;
		}
		
div.enok
		{
		background-image:	url(../images/bg_dinside.jpg);
		background-repeat:	no-repeat;
		background-color:	#bfd822;
		}
		
div.enok a.enok
		{
		color:				black;
		}
		
div.enok h3.enok
		{
		text-transform:		uppercase;
		color:				black;
		font-weight:		bold;
		font-size:			1.5em;
		}
		
div.dinside h3.dinside
		{
		text-transform:		uppercase;
		color:				white;
		font-weight:		bold;
		font-size:			1.5em;
		}
		
div.frame a
		{
		display:			block;
		margin:				9px 0 0 0;
		color:				#4c4c4c;
		}
		
div.frame-header-blue
		{
		height:				20px;
		background-image:	url(../images/frame_header_blue.gif);
		background-repeat:	x;
		border-bottom:		solid white 1px;
		margin:				50px 0 0 0;
		padding:			2px 0 0 0;
		}
		
div.frame-blue
		{
		background-color:	#abc2da;
		padding:			1px 5px 5px 10px;
		}
		
div.frame-blue	 a
		{
		display:			block;
		margin:				5px 0 0 0;
		color:				#4c4c4c;
		}
		

	
/* Gjelder meny-klasser */
		
ul.menu
		{
		margin:				0;
		padding:			0;
		list-style-type:	none;
		}
		
ul.menu a
		{
		display:			block;
		color:				black;
		text-transform:		uppercase;
		background-image:	url(../images/bg_menu.gif);
		background-repeat:	no-repeat;
		width:				108px;
		color:				#4c4c4c;
		height:				15px;
		padding:			2px 0 0 17px;
		}
		
ul.menu a:hover
		{
		text-decoration:	none;
		color:				#000;
		}
		
li a.menu-selected
		{
		background-image:	url(../images/bg_menu_sel.gif);
		}	



/* BESTILLINGSSKJEMA */

table.orderform
		{
		width:				419px;
		background-color:	#efefef;
		border-collapse:	collapse;
		}

table.orderform td.header
		{
		background-color:	#69c;
		color:				white;
		text-transform:		uppercase;
		padding:			2px;
		padding-left:		10px;
		}
		
table.orderform td.info
		{
		padding:			10px;
		}
		
table.orderform td.labelleft
		{
		width:				110px;
		}
		
table.orderform span.mandatory
		{
		color:				red;
		}
		
table.orderform input
		{
		width:				230px;
		}
		
table.orderform textarea
		{
		width:				340px;
		}
		
table.orderform input.radio
		{
		width:				20px;
		}
		
table.orderform input.checkbox
		{
		width:				20px;
		}
		
table.orderform input.areacode
		{
		width:				30px;
		}
		
table.orderform input.area
		{
		width:				190px;
		}