/*

	RESET CSS – Eric Meyer
	Resetter ALT.
	
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

------------------------------------------------------------------------*/

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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
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: "" "";
}






/*

	Generelt for admin

------------------------------------------------------------------------*/







/*

	Topp Admin-navigasjon

------------------------------------------------------------------------*/


#userPanelWrap {
	height: 42px;
	background: url("/common/css/images/userpanel_bg.jpg") repeat-x;
	clear: both;
}

#userPanel {
	width: 885px;
	position: relative;	
	margin: 0 auto;
}

#userPanel li {
	float: left;
	
	padding: 0 0 0 5px;
	margin: 7px 20px 0 0;
	list-style: none;
}

#userPanel li a {
	float: left;
	display: block;
	
	padding: 5px 10px 5px 6px;
	
	color: #BBB;
	text-decoration: none;
	font-size: 12px;
}

#userPanel #inneo_logo, #userPanel #inneo_logo a {
	background: none;
	padding: 0;
	margin: 7px 10px 0 0;
}


#userPanel li a:hover, #userPanel a.active {	background: url("/common/css/images/nav_hover_right.jpg") no-repeat right top; color:#FFF;}
#userPanel li:hover, #userPanel li.active { background: url("/common/css/images/nav_hover_left.jpg") no-repeat left top;}


/*		Ikonene		*/
		
#userPanel li a span { padding-left: 22px;}

#userPanel #siteLink span { background: url("/common/css/images/siteLink.gif") 0 0 no-repeat;}
#userPanel #galleryLink span { background: url("/common/css/images/galleryLink.gif") 0 1px no-repeat;}
#userPanel #documentLink span { background: url("/common/css/images/documentLink.gif") 0 0 no-repeat;}
#userPanel #accessLink span { background: url("/common/css/images/accessLink.gif") 0 0 no-repeat;}
#userPanel #meLink span { background: url("/common/css/images/meLink.gif") 0 0 no-repeat;}
#userPanel #messageLink span { background: url("/common/css/images/messageLink.gif") 0 0 no-repeat;}
#userPanel #login span { background: url("/common/css/images/login.gif") 0 0 no-repeat;}









/*

	Action meny – vis, endre, text, tilgang

------------------------------------------------------------------------*/

span.groupName {
	display:block;
	float: left;
	width: 75px;
}
div#UCButtongroupQuickselect{
  margin-left: 65px;
  padding: 10px;
}



#objectActionContainer {
	border-bottom: 1px solid #CBCBCB;
	height: 25px;
}

#objectActionList {
	margin: 0;
	margin-left: 10px;
	border-left: 1px solid #CBCBCB;
	height:25px;
}

#objectActionList li {
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
}

#objectActionList li a {
	height: 20px;
	display: block;

	padding: 5px 15px 0 15px;
	
	text-decoration: none;
	color: #888;
	text-align: center;
	font-size: 11px;
	
	border-top: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
		
	/* IE6 krever en fast bredde her */
	_width: 35px;
}

#objectActionList li a:hover {color: #444;}

#objectActionList li .currentObjectAction {
	background: url("/common/css/images/objectAction_bg.jpg") repeat-x;
	color: #444;
	font-weight: bold;
}


#admin_objectPath {
	height: 29px;
	background: url("/common/css/images/admin_objectPath.jpg") repeat-x;
	border-bottom: 1px solid #CBCBCB;
}



/* fjerner bakgrunnsfarge pΠVis og legg til */
#objectActionList li #Vis_objekt, #objectActionList li #Legg_til_innhold_i_mappe  {
	background: #FFF;
}

/* IE 6 mŒ ha fast bredde og "legg til" mŒ v¾re litt bredere enn satt over */
* html #objectActionList li #Legg_til_innhold_i_mappe { width: 50px;}

/* more spacing between 'vis' and objectActions, and infopage */
#pageContent, #infoPage { margin-top: 10px;}

/*

	innhold for objektet

------------------------------------------------------------------------*/

#pageContent {margin-top: 0;}

.objectContents, .objectEdit {
	border-bottom: 1px solid #CBCBCB;
	background :#EBECEC;
	padding: 20px;
}
.objectContents h2, .objectEdit h2 {
	margin-bottom: -10px;
	font-size: 13px;
	font-weight: bold;
}

/* Denne er sΠobjectPath kommer opp uansett i edit mode */
#super .objectContents .objectPath,#super .objectEdit .objectPath {
	display: block;
}

/* Form innhold */

.form .field, .form .checkbox, .form textarea, .mceEditor {
	margin-bottom: 10px;
}


legend {
	display: none;
}


.form .field label {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	
	clear: both;
}

.form .field input {
	padding: 3px;
	border: 1px solid #CBCBCB;
}

.form .checkbox {
	float: left;
	margin: 0 20px 20px 0;
}

.form textarea {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	
	border: 1px solid #CBCBCB;
}

.form .field select {
	font-size: 11px;
}

.form h2 {color: #444;}



/* space between textarea(wysiwyg) */
label[for=status] {	margin-top: 10px;}








/*

	knapper

------------------------------------------------------------------------*/


.buttonGroup {
	margin-top: 10px;
}

.private, .published, .nonvisible, .visible, .nonsticky, .Toppsak  {
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	
	/* This is basicly for IE */
	font-size: 0px;
	display: block;
	line-height: 0px;
}

.private:hover,
.published:hover,
.nonvisible:hover,
.visible:hover,
.ddbutton:hover,
.button:hover,
.context:hover,
.nonsticky:hover,
.Toppsak:hover {
	cursor: pointer;
}

.private, .nonvisible, .nonsticky
{ background: url("/common/css/images/no.gif") no-repeat center;}


.published, .visible, .Toppsak
{ background: url("/common/css/images/yes.gif") no-repeat center;}




.ddbutton, .button, .context, .addobj input, #newCustomer, #newGroup, #newUser {
	border: none;
	background: url("/common/css/images/button_small.gif") no-repeat;
	width: 60px;
	height: 20px;
	
	font-size: 10px;
	font-weight: normal;
	color:#e2e2e2;
	text-align: center;
	
	margin: 10px 10px 0 0;
}

#newCustomer, #newGroup, #newUser {
	display: block;
	text-decoration: none;
	padding-top: 3px;
	height: 17px;
	margin-bottom: 20px;
}

html body .formControls .context { border: none;}









/*

	Tabellen

------------------------------------------------------------------------*/
			
.form table .checkbox, .form table input {
	margin: 0;
	padding: 0;
}			

.tableWrap {
	padding-top: 20px;
	background: url("/common/css/images/tabletop_bg.gif") repeat-x top;
	margin: 0 0 10px 0;
	clear: both;
}
			
.tableWrap table, #clipboard1 table {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #CBCBCB;	
}

#clipboard1 table {
	border-right: 0;
}

.tableWrap table a, #clipboard1 table a {
	font-weight: bold;
	color: #0594A5;
	text-decoration: none;
}

.tableWrap table a:hover {
	color :#444;
}

.tableWrap th, #clipboard1 th {
	vertical-align: middle;
	height: 20px;
	background: url("/common/css/images/thead_bg.gif") repeat-x top;
	
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	
	border-right: 1px solid #CBCBCB;
}

.tableWrap td, #clipboard1 td {
	height: 30px;
	vertical-align: middle;
	font-size: 11px;
	
	border-top: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-left: 0;	border-bottom: 0; /* so it won't be overwritter later */
	
	padding-left: 10px;
	
}

body { behavior: url("/common/js/ie_hover_fix.htc");}

.tableWrap tr, #clipboard1 tr { background: #FFF;}
.tableWrap tr.odd, #clipboard1 tr.odd { background: #F2F2F2;}
.tableWrap tr:hover, #clipboard1 tr:hover { background: #f2fbfd;}




.tableWrap .type, #clipboard1 .type { width: 30px;}
.tableWrap td.type {
	text-align: center;
	padding: 0;
}


.tableWrap .selectAll {
	width: 25px;
	padding-right: 5px;
}

.tableWrap th.text, .tableWrap td.text { border-right: none;}

.isPublished, .isSticky {width: 45px;}
.isVisibleInMenu { width: 65px;}
th.changeDate { width: 40px;}



td.isPublished { padding: 0;}

td.isPublished input, .isVisibleInMenu input, .isSticky input  {
	margin: 0 auto;
	width: 60px;
	height: 29px;
	background-position: center;
}




/* IE needs special treatment #EBECEC */
* html .tableWrap td.type { padding-left: 7px;}
*:first-child+html .tableWrap td.type { padding-left: 7px;}
* html .tableWrap { display: inline;}
*:first-child+html .tableWrap { display: inline;}


/* Webkit needs more space */
@media screen and (-webkit-min-device-pixel-ratio:0){
.tableWrap .selectAll { width: 35px;}
.tableWrap th.type { width: 45px;}
th.changeDate { width: 50px;}
th.isPublished { width: 54px;}
th.isSticky { width: 60px;}
}



#clipboardWrap {
	padding-bottom: 10px;
	border-bottom: 1px solid #CBCBCB;
}

#clipboardWrap .clipboard {
	font-size: 11px;
	margin-bottom: 20px;
}

.tableWrap tr, .tableWrap td, #sortable tr, #sortable td {
	padding-top: 0;
	padding-bottom: 0;
}








/* Sortering osv */

/* for some reason Fx & webkit etc. need the border to set margin */ 
.buttonGroup {
	margin-bottom: 50px;
	border: 1px solid #EBECEC;
}

/* hack for IE to get less space from the buttongroup */
* html .buttonGroup {margin-bottom: 70px;}
*:first-child+html .buttonGroup { padding-bottom: 20px;}



#sortering {
	float: left;
	display: inline;
	margin-top: 15px;
	margin-bottom: 10px;
}

#sortering span {
	float :left;
	padding-top: 2px;
	padding-right: 10px;
	font-size: 11px;
}

/* hack for IE to get some space from the table */
* html #sortering span {padding-bottom: 20px;}
*:first-child+html #sortering span { padding-bottom: 20px;}

#sortering select {
	float :left;
	font-size: 11px;
}

#standardButtons {
	float: left;
	display: inline;
	margin-top: 5px;
}











/*

	Tabell for "brukere"

------------------------------------------------------------------------*/

			
#sortable {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #CBCBCB;
	border-right: none;
}


#sortable th.username { width: 180px;}
#sortable td .thin img { display: none;}
#sortable .customerAction { width: 140px;}

#sortable .userEdit,
#sortable .userPassword, 
#sortable .userDelete,
#sortable .groupCol1, 
#sortable .groupCol2 {
	width: 20px;
}

#sortable .groupCol3 {width: 45px;}

/* Webkit needs more space */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#sortable .userEdit,
	#sortable .userPassword, 
	#sortable .userDelete,
	#sortable .groupCol1, 
	#sortable .groupCol2 {
		width: 40px;
	}
	#sortable .groupCol3 {
		width: 65px;
	}
}





#sortable .groupName { width: 250px;}
#sortable .groupName img { margin-right: 10px;}


#sortable a {
	font-weight: bold;
	color: #0594A5;
	text-decoration: none;
}

#sortable .thin img { margin-right: 10px;}

#sortable a:hover { color :#444;}

#sortable th {
	vertical-align: middle;
	height: 20px;
	background: url("/common/css/images/thead_bg.gif") repeat-x top;
	
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	
	border-right: 1px solid #CBCBCB;
}

#sortable td {
	height: 30px;
	vertical-align: middle;
	font-size: 11px;	
	padding-left: 10px;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	
	
}

#sortable tr { background: #FFF;}
#sortable tr.odd { background: #F2F2F2;}

#sortable tr:hover { background: #f2fbfd;}


th.small {
	width: 35px;
}

th.medium {
	width: 35px;
}

th.eightNumbers {
	width: 55px;
}





/*

	Standartabell for sider

------------------------------------------------------------------------*/




table { border-collapse: collapse;}
tr { padding: 5px;}
td { padding: 5px;}


/* Innit.no-ish */

table.tabell1 {
	border: 0;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	font-size: 12px;	
	clear: both;
	margin-bottom: 20px;
}

table.tabell1 th, table.tabell1 thead tr {
	vertical-align: middle;
	height: 40px;
	background: #E6E6E6;
	font-weight: bold;
	padding: 0 10px;
}

table.tabell1 td {
	height: 29px;
	vertical-align: middle;
	
	border-left: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;	
	padding: 0 10px;
}

table.tabell1 tr { background: #FFF;}
table.tabell1 tr.odd { background: #F2F2F2;}
table.tabell1 tr:hover { background: #f2fbfd;}
table.tabell1 thead tr:hover { background: none;}




/* kvitfell.no-ish */

table.tabell2 {
	border: 0;
	margin-bottom: 20px;
	clear: both;
}

table.tabell2 th, table.tabell2 thead tr {
	vertical-align: middle;
	height: 40px;
	background: #E6E6E6;
	font-weight: bold;
	padding: 0 10px;
	border-bottom: 1px solid #CCC;	
}

table.tabell2 td {
	height: 29px;
	vertical-align: middle;
	
	border-bottom: 1px solid #E6E6E6;
	border-left: 0;
	padding: 0 10px;
}


table.tabell2 tr { background: #FFF;}
table.tabell2 tr.odd { background: #F2F2F2;}
table.tabell2 tr:hover { background: #f2fbfd;}
table.tabell2 thead tr:hover { background: none;}







/*

	Nytt objekt / Create new object list

------------------------------------------------------------------------*/


.addobj img {
	float :left;
	margin: 20px 20px 40px 20px;
}



.addobj h2 {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 14px;
	color: #888;
}

.addobj p {
	margin: 0;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 11px;
	color :#888;
}

/* Allowing IE to hover */

.addobj:hover h2 { color :#0594A5;}
.addobj:hover p {color :#444;}
.addobj:hover { cursor: pointer;}
.addobj {
	border-bottom: 1px solid #CBCBCB;
	background: #FFF;
	float: left;
	display: inline;
	width: 100%;
	min-height: 100px;
	margin-bottom: 10px;
}

.addobjform {
	}

.addobj:hover {
	background: url("/common/css/images/leggtil_bg.gif") bottom repeat-x #FFF;
}

.addobj input {
	background: url("/common/css/images/button_extra_wide.gif") no-repeat;
	width: 140px;
	
	float: right;
	
	display: none;
}


.folderHeader {
	margin-bottom: 5px;
}

.objectCreate {
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}














/*

	Overskriving av YUI / Tilgangskontroll / bildegalleri

------------------------------------------------------------------------*/



html body #super .yui-skin-sam .yui-button button, html body #super .yui-skin-sam .yui-button a {
	height: 20px;
	width: 100px;
	border: 0;
	font-size: 11px;
	padding: 0;
	color: #f2f2f2;
}

body .yui-skin-sam .yui-button {margin: 0 10px 10px 0;}

html body .yui-skin-sam .yui-button {
	background-image: url("/common/css/images/sprite.png");
	border-color: #444;
}

html body .yui-skin-sam .yui-button .first-child { border-color: #444;}

html body .yui-skin-sam .yui-button-focus { background-position: 0 -1400px;}

html body #buttonGroup2, html body #buttonGroup4, html body #buttonGroup1 {
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
}

html body #buttonGroup1 { border-top: 1px solid #CCC;}

.groupName {
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
}

.groupName:after { content: ": ";}



#usercontrolFooter {
	font-size: 11px;
	font-style: italic;
	color: #888;
	margin: 10px 0;
}


#radiobuttons h3 { margin-bottom: 10px;}



/* Bildearkiv */

html body #navigation h2 {
	margin-bottom: 10px;
}

html body #navigation .iiaFolder a {
	background: url("/icon/objekter/folder.gif") center left no-repeat;
	text-decoration: none;
	padding-left: 25px;
}

html body #navigation .iiaFolder {
	margin-bottom: 5px;
	display: block;
	height: 20px;
	clear: both;
}

html body #navigation .iiaFolder a {
	float: left;
}


html body #navigation .navigationFunction #iiaNewFolder {
	text-decoration: none;
	padding-left: 25px;
	background: url("/icon/newfolder.gif") center left no-repeat;
}

html body #navigation .iiaFolder .parentLink {
	background: url("/icon/up.gif") center left no-repeat;
}

html body #navigation .iiaFolder .deleteButton {
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	
	padding-left: 0;
	float: right;
	
	/* This is basicly for IE */
	font-size: 0px;
	display: block;
	line-height: 0px;
	
	background: url("/common/css/images/no.gif") no-repeat center;
}


html body #navigation #iiaUploadImage {
	border: none;
	background: url("/common/css/images/button_wide.gif") no-repeat;
	width: 100px;
	height: 16px;
	display: block;
	text-decoration: none;
			
	font-size: 10px;
	font-weight: normal;
	color:#e2e2e2;
	text-align: center;
	
	margin: 10px 10px 0 0;
	padding-top: 4px;
}


html body #yui-gen4 #yui-gen5 #buttonbar #iiaCloseButton #iiaCloseButton-button,
html body #simpledialog1_c #simpledialog1 .ft .button-group #yui-gen8 #yui-gen8-button {
	background: url("/common/css/images/sprite.png") 1500px 0;
	color: #f2f2f2;
}

html body #iiaContainer_c #iiaContainer #iiaContainer_h {
	background: url("/common/css/images/sprite.png") 1500px 0;
	color: #FFF;
}





/*

	Flowplayer Ð multimediafolder

------------------------------------------------------------------------*/

.description {
	font-weight: bold;
	margin-bottom: 10px;
}

/* player dimensions */ 

#player, #player img { 
	display:block; 
	width:300px; 
	height:240px; 
	border: 0;
} 

#player img {
	border: 1px solid #CBCBCB;
	padding: 2px;
}

p.multimediafolderDescription em {
	font-style: italic;
} 

/* play button on top of splash image */ 
div.play { 
	background:url(icon/play.png) no-repeat; 
	width:50px; 
	height:50px; 
	position:relative; 
	top:-140px; 
	left:125px; 
	opacity:0.9; 
	margin-bottom:-50px; 
}

div.play:hover { opacity:1.0;}



/* single playlist item */


#playerWrap {
	display: inline;
	float: left;
	margin: 0 15px 15px 0;
}

div.playlist {
	float:left;	
	display: inline;
	width: 53%; /* Funker ikke helt optimalt assŒ... */
}


div.items a { 
	width:39%;  /* Funker ikke helt optimalt assŒ... */
	display:block; 
	background: #222;
	text-decoration:none; 
	float: left; 
	color: #CCC;
} 

.items a:hover {
	color: #FFF;
	background: #111;
}

.items .odd {
	margin: 0; padding: 0;
	margin-right: 10px;
}

.items .even {
	margin: 0; padding: 0;
}

#super div.items a {
	padding: 10px;
	margin-bottom:10px;
}

div.items a:visited { 
	color: white; 
}

.items p {
	margin: 0; padding: 0;
	line-height: 1;
	font-size:11px;
	
	margin-bottom: 5px;
}

.items .filename {
	font-size: 10px;
}

div.items p.time {
	font-size: 9px;
} 

div.items img {
	float: right;
	border: 1px solid #CCC;
}

p.flashvideoDescription { 
 display: none;
}


/* item stages: normal, hover, playing, paused */ 
div.items a:hover {

}

div.items a.playing, div.items a.paused { 
	color: #aaa; 
}

/* small navigational dots */ 

div.navi { width:60px; 
	float:left; 
	margin:10px 0 0 50px; 
}

div.navi span { 
	width:8px; 
	height:8px; 
	float:left; 
	margin:3px; 
	background:url(icon/dots.png) 0 0 no-repeat; cursor:pointer; 
}











/*

	Bildegalleri Ð imageGallery

------------------------------------------------------------------------*/

.imageGallery {
	float: left;
	display: block;
}

.imageGallery a { text-decoration: none;}

#super .imageGallery a {
	padding: 0; margin: 0;
	height: 90px;
	display: block;
	float: left;
	border: 1px solid #E1E1E1;
	background: #f2f2f2;
	padding: 5px;
	margin: 0 10px 10px 0;
}

.imageGallery img {
	height: 90px;
	border: 1px solid #E1E1E1;
}









#imageFolders a {
	font-size: 12px;
	text-decoration: none;
	width: 93px;
	height: 90px;
	color: #888;	
}

#imageFolders a:hover {
	color: #0594A5;
	cursor: pointer;
}

#imageFolders .album {
	height: 68px;
	width: 90px;
	background: url("/icon/50objekter/imagefolder.jpg") center no-repeat #FFF;
	border: 1px solid #E1E1E1;
	position: relative;
	text-indent: -9999px;
}


#imageFolders img {
	height:42px;
	border: 0;
	padding-top: 13px;
	padding-left: 20px;
}

#imageFolders span {
	font-size: 10px;
	padding: 0; margin: 0;
	clear: both;
	display: block;
	width: 90px;
	text-align: center;
	padding-top: 7px;
}







/*

	Some headers and object descriptions

------------------------------------------------------------------------*/


.objectHeader {
	font-size: 16px;
	margin-top: 5px;
}








/*

	Search / Brukers¿k

------------------------------------------------------------------------*/

#frm_ss_user {
	float:right;
	display: inline;
	font-size: 11px;
}

/* IE 6 */
* html #frm_ss_user {
	width: 200px;
	text-align: right;
}

#frm_ss_user fieldset {
}

#frm_ss_user input {
	margin-top: 5px;
}

.suggest_link {
	color: #000000;
	background-color: #ffffff;
	padding: 0.25em;
	border-bottom: 1px solid #aaaaaa;
}

.suggest_link_over {
	cursor:pointer;
	color: #ffffff;
	background-color: #777777;
	padding: 0.25em;
	border-bottom: 1px solid #777788;
}



#search_suggest {
	position:absolute;
	display: none;
	overflow:visible;
	margin-left:3px;
	z-index: 8;
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #777788;			
}	

#search_element {
	display: none;
}

#loading {
	display: none;
}




/*

	Login Box

------------------------------------------------------------------------*/


#grp_gjest .pageDescription {
	display: none;
}





#grp_su .pageDescription {
	display: none;
}

#userInfolist {
	margin: 20px 0;
}

#userInfolist li {
	margin-bottom: 5px;
	font-size: 11px;
}













/*

	Ansatteliste

------------------------------------------------------------------------*/

*:first-child+html .newansatte {
	display: block;
	padding-bottom: 20px;
}

.ansatt {
	width: 210px;
	height: 120px;
	display: inline;
	float: left;
	margin-right: 20px;
}

.ansatt ol li {
	margin-bottom: 3px;
	font-size: 10px;
}

.ansatt #ansattePicture, #ansattePicture {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 2px;
	border: 1px solid #CBCBCB;
}

*:first-child+html #ansattePicture { margin-bottom: 10px;}
* html #ansattePicture { margin-bottom: 10px;}


.ansatt #ansattePicture img {
	width: 80px;
	max-height: 80px;
}

.ansatt .name { margin-bottom: 0;}
.ansatt .name a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

.stilling {
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	display: block;
	padding-bottom: 10px;
	font-family: georgia, "Times New Roman" Times, Serif;
}

.ansatt .stilling {
	font-size: 10px;
}


#ansatteText .desc {
}

#ansatteText ol {
	clear: both;
	float: left;
	padding: 20px 20px 20px 10px;
	margin-bottom: 20px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#ansatteText ol li {
	font-size: 10px;
	margin-bottom: 5px;
}

#ansatteText ol li#head {
	font-weight: bold;
	font-size: 13px;
}

.backToAnsatte { clear: both;}
.backToAnsatte a {
	font-size: 11px;
	text-decoration: none;
}





/*

	Diverse

------------------------------------------------------------------------*/

.field input[type=text], .field textarea {
	width: 300px;
	margin-bottom: 10px;
}



.flyter {
	float: left;
	margin: 10px 20px 10px 0;
}


#okMessage {
	font-weight: bold;
	color: green;
}

#errorMessage p {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}



/* Diverse fast formatering */

strong { font-weight: bold;}
em {font-style: italic;}










/*

	twoColumn clearfix for nyheter

------------------------------------------------------------------------*/

.twoColumn {
	display: block;
	clear: both;
}
 
/* Denne clearfixen er satt pΠtwoColoun diven */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */




















/*** Generell presentasjon ***/


/********* DEMO DESIGN-ROT FØLGER UNDER ****** */


body {
	background: #FFF;
	font: normal 12px/1.5 Helvetica, "Helvetica Neue", verdana, arial, sans-serif;
	color: #444;
}

#page {
	width: 900px;
	position: relative;
	margin: 0 auto;
}

#banner {
	height: 102px;
	background: url("images/logo.jpg") left no-repeat;
}

#centerContent {
	float: right;
	width: 650px;
	margin-bottom: 20px;
}

#rightContent {
	display: inline;
	float: left;
	width: 230px;
	margin-right: 20px;}

#footer {
	height: 43px;
	padding-top: 10px;
	clear: both;
	background: url("images/footer_bg.jpg") repeat-x;
	color: #fff;
	text-align: center;
	font-size: 11px;
}


.hiddenStructure, #bannerLink, .objectPath { display: none;}


.flyter {
	float: left;
	margin: 0 20px 10px 0;
}








/*

	leftContent

------------------------------------------------------------------------*/

.leftbox {
	background: url("images/leftc_bg.jpg") 0 30px no-repeat #F8F7F7;
	width: 188px;
	padding: 0 20px 0 20px;
	_padding: 0 0 0 19px; /* IE6 */
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	font-size: 11px;
	margin-bottom: 20px;
}

.leftbox h2 {
	display: block;
	width: 230px;
	height: 25px;
	padding-top: 5px;
	background: url("images/leftc_h2.jpg");
	text-align: center;
	font-size: 12px;
	color: #FFF;
	margin-bottom: 15px;
	margin-left: -21px;
}

.leftbox h3 {
	color: #0072bc;
}

.leftbox ul {
	margin-bottom: 20px;
}

.leftbox li {
	margin-bottom: 5px;
}




/*

	Forsiden

------------------------------------------------------------------------*/



#flash {
	border-bottom: 1px solid #CCC;
	margin-bottom: -20px;
}





#forsiden h1,
#frontpagenews .newsItemDate,
#forsiden #rightContent
{ display: none;}

#forsiden .pageDescription { position: absolute;}
#forsiden #centerContent {width: 900px;}
#forsiden #navlist { margin-bottom: 1px;}
#forsiden #centerContent { margin-bottom: 0;}






.newsItem { clear: both;}


#frontpagenews .newsItem {
	width: 434px;
	float: left;
	clear: none;
	display: inline;
	padding-right: 10px;
	padding-top: 10px;
}

.newsItemDescription {
	font-size: 12px;
	line-height: 1.7;
}

#frontpagenews .odd { border-right: 1px solid #CCC;}
#frontpagenews .even { padding-left: 10px;}
#frontpagenews img { width: 210px;}

.newsItem a { text-decoration: none;}

.newsItemHeader {font-size: 16px; margin-bottom: 10px;}

.newsItem img, .newsPageDescription img {
	border: 1px solid #e6e6e6;
	padding: 2px;
	width: 210px;
  	float: left;
  	margin: 0 10px 10px 0;
}

.newsPageText { clear: both; display: block; float: none;}


#frontpagenews img {
	clear: none;
}

.newsItemDate {
	font-size: 10px;
	color: #888;
}







/*

	Navigasjon

------------------------------------------------------------------------*/

#leftContent {}


#leftContent ul {
	clear: both;
	display: block;
	width: 900px;
	height: 49px;
	background: url("images/nav_bg.jpg");
	margin-bottom: 20px;
}

#leftContent ul li {
	float: left;
}

#leftContent ul li a {
	height: 34px;
	display: 	;
	float: left;
	padding: 15px 10px 0px 10px;
	background: url("images/nav_split.jpg") right no-repeat;
	
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#leftContent ul li:hover, #leftContent ul #current {
	background: url("images/nav_hover.jpg") right no-repeat;
}

#leftContent ul li #active { font-weight: bold;}


/*

	Typografi

------------------------------------------------------------------------*/

.pageDescription {
	font-weight: bold;
}
p, #pageDescription {
	margin-bottom: 20px;
	line-height: 1.7;
}

a {
	color: #0072bc;
}

a:hover {
	color: #222;
}

h1,h2,h3,h4 { font-weight: bold; margin-bottom: 10px;}
h1 {font-size: 18px;}
h2 {font-size: 15px; margin-bottom: 0;}
h3 {font-size: 13px;}

#centerContent .objectPath { margin: 5px 0;}
.objectPath a {font-size: 10px; text-decoration: none; }



.objectBody ul { list-style-type: disc; margin-left: 40px; margin-bottom: 20px;}
.objectBody li { margin: 0 0 10px 0; font-size: 12px; line-height: 1.6;}



p.ingress, .uthev {
  font-weight: bold;
}
.viktig {
  font-weight: bold;
  display: block;
  background-color: yellow;
}
.luft {
  margin: 2em;	
}

.mer-luft {
  padding: 3.2em;
}

.ramme {
	border: 1px solid black;
}

.flyter {
	float: left;
}

.flyter-motsatt {
	float: right;
}

.alene {
  float: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;	
}




fieldset.yc  legend {
  margin: 0 auto;
  border: 0;
  font-weight: bold;
  	
}

fieldset.yc {
	background-color: #eee;
  width: 620px;
  margin: auto;
  padding: 5px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

fieldset.yc  label {
  vertical-align: top;
  width: 200px;	
}

fieldset.yc  input, fieldset.yc  label, fieldset.yc  span, fieldset.yc  textarea {
 margin: 0;
 padding: 0;
  display:inline-block;
  margin: 2px 0;
   margin-right: 5px;
}

fieldset.yc input.checkbox, fieldset.yc textarea {
  margin-left: 208px;
 
}
fieldset.yc  input.submit{
	margin-left: 20px;
}
.printBtn{
	margin-left: 208px;
}
fieldset.yc  div {
  border-bottom: 1px solid #bbb;	
}
fieldset.yc  label em, fieldset.yc fieldset span {
  color: red;	
}
fieldset.yc  div:hover
{
 background-color: #ddd;
}
fieldset.yc  div.submit{
  background-color: 0;
  border: 0;
}
fieldset.yc input.text {
  -moz-border-radius: 0;	
}

fieldset.yc input.text:focus, fieldset.yc textarea:focus{
  background-color: #c8d4ee;
}
fieldset.yc input.text,fieldset.yc textarea {
  width: 200px;	
}
fieldset.yc ul.radioOptions {
  list-style: none;	
}

fieldset.yc textarea {
  width: 400px;
  height: 125px;
}
fieldset.yc sup {
  font-size: 67%;
  vertical-align: top;
}


#frontpage-banner{
	height:260px; background: url(images/frontpage_bg.png) repeat-x;border:1px solid #fff;margin: 20px 0;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;
	-moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; box-shadow: 0px 1px 3px #999; 
}

.frontpage-top-banner{height:260px; text-align: center}
.ftb-left{background: url(images/frontpage_slitter.png) no-repeat right bottom;width:318px;float:left;}
.ftb-center{ width:260px;float:left;}
.ftb-center img{position:relative;  top: 14px;border:1px solid #fff}
.ftb-center img:hover{-moz-box-shadow:  0px 2px 10px #333; -webkit-box-shadow:  0px 2px 10px #333; box-shadow: 0px 2px 10px #333; }
.ftb-right{background:  url(images/frontpage_slitter.png) no-repeat left bottom; width:318px;float:right}

#tooltip{
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;
	position:absolute;border:1px solid #333;	background:#222;	padding:1px 8px;	color:#fff;	display:none;	
}