/* =====================================================
Imported style sheets
===================================================== */
@import url(editor.css); 	/* For use in n3admin editor */
@import url(templates.css); /* Templates style */

/* =====================================================
Global
===================================================== */
* {
	margin:				0;
	padding:			0;
}
html, body {
	background:			#F4F7F1;/*#C0C0C0;*/
	height: 100.01%;
}
body 
{
	/*margin:				0 0 14px 62px;*/
}
img {
	border:				0;
}
    /* =====================================================
Establish general layout parameters
===================================================== */
#wrapper {
	width:				768px;
	/*float:		        left;*/
	margin:0 auto;
	background-color:    #fff;
}
#banner {
	position: absolute;	
	left:		816px;
	top: 15px;
	background:			transparent;
}
#main {
	background:			url(../i/bg_main.gif) repeat-y;
}
#mainWide {
	background:			url(../i/bg_mainWide.gif) repeat-y;
}
#main,
#mainWide {
	width:				768px;
	padding:			0px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
}
#topp {
	background-color:	#fff;
	padding:			7px 7px 0 10px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				751px;
}
html>#main {
	width:				768px;
}
/*#mainleft
{
	
	float:				left;
	width:				442px;
}*/
#mainContent {
	float:				left;
	width:				389px;/*391px;*/
	margin:				0px 9px 20px 9px;
}
#mainContentWide {
	float:				left;
	width:				550px;
	margin:				0px 9px 20px 9px;
}
#mainContent h1,
#mainContentWide h1 {
	color:				#AA0000;
	margin:				5px 0px 5px 0px;
}
#mainContent h2,
#mainContentWide h2 {
	color:				#AA0000;
	margin:				5px 0px 5px 0px;
	font-size:			14px;
}
#mainContent h4,
#mainContentWide h4 {
	margin:				3px 0px 3px 0px;
	font-size:			12px;
}
#mainContent a,
#mainContentWide a {
	color:				#AA0000;
}
#mainleftsub
{
	float:				left;
	width:				180px;
	margin:				0px 9px 0px 4px;			
}
#mainrightsub
{
	float:				right;
	width:				154px;
	margin:				0px 1px 0px 9px;	
}

#mainleftbottom
{
	width:				442px;
	float:				left;
}
#mainleftbottomleft
{
	width:				210px;
	float:				left;
	border-right:		1px solid #f0f0f0;
}
#mainleftbottomright
{
	width:				215px;
	border-left:		1px solid #f0f0f0;
	float:				left;
	margin-left:		-1px;
}
/* =====================================================
Header
===================================================== */
#header {
	height:				180px;
	margin:				0;
}
#headerImage{
	border:				0;
	margin:				0px;
}

/* =====================================================
Main navigation
===================================================== */
#headerNavBG {
	background: 		url(../i/mbg.gif) no-repeat;
	width:				768px;
	height:				30px;
}
#navlist {
	width:				768px;
	height:				30x;
	float:				left;
	margin:				0px;
	
}
#navlist ul
{
	float:				left;
	list-style-type:	none;
	width:				100%;
}
#navlist li {
	display:			inline;
}
#navlist li a {
	color:				#fff;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:          14px;
	line-height:		20px;
	border:				0;
	float:				left;
	font-weight:		normal;
	text-align:			center;
	padding:			5px 13px 5px 13px;
	text-decoration:	none;
	border-right:		#fff 1px solid;
}
#navlist li a:hover {
	
	border:				0;
	text-decoration:	underline;
	border-right:		#fff 1px solid;

}
#navlist li a.clicked {
	
	border:				0;
	font-weight:		bold;
	text-decoration:	none;
}

/* =====================================================
Sub navigation
===================================================== */

#menu {
	border-top:			1px solid #ddd;
	padding:			0;
	margin:				0 0 10px 0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
}
#menu ul {
	list-style:			none;
}
.subnav {
	margin: 			0;
	padding: 			0;
}
.subnav li {
	border-bottom:		1px solid #ddd;
	padding:			2px;
}
.subsubnav {
	margin: 			0 0 0 20px;
	padding: 			0;
}
.subsubnav li {
	border-bottom:		0;
	margin:				0;
	padding:			1px;
}
.subsubsubnav {
	margin: 			0 0 0 12px;
	padding: 			0;
}
.subbugfixnav {
	margin: 			0 0 0 32px;
	padding: 			0;
}
.subsubsubnav li, 
.subbugfixnav li {
	border-bottom:		0;
	margin:				0;
	padding:			0;
}
.subbugfixnav li,
.subbugfixnav li a,
.subbugfixnav li a:visited{
	color:				#000;
/*	color: 				#AA0000;*/
}
.subsubsubnav li,
.subsubsubnav li a,
.subsubsubnav li a:visited{
	color:				#000;
/*	color: 				#AA0000;*/
}
.selected {
	font-weight:		bold;
}
#menu .arrow {
	display:			table-cell;
	float: 				left;
	width:				12px;
	height:				12px;
	background:			url(../i/arrow.gif) no-repeat;
	background-position: 0px 4px;
}
#menu .subnav .arrowd {
	display:			table-cell;
	float: 				left;
	width:				12px;
	height:				12px;
	background:			url(../i/arrowd.gif) no-repeat;
	background-position: 0px 4px;
}
#menu .subsubnav .arrow, #menu .subsubnav .arrowd {
	display:			none;
}
#menu .pl {
	display: 			table-cell;
}


/* =====================================================
Content
===================================================== */
#container {
	margin:				35px 20px 30px 35px;
	float:				left;
	width:				460px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				475px;
}
html>#container {
	width:				475px;
}
.meta {
	clear:				both;
	margin-top:			2em;
}
.printlink, .backlink {
	border-left:		1px solid #000;
	padding-left:		0.4em;
}
.newsentry {
	margin-bottom:		10px;
	line-height:		16px;
	clear:				both;
}

.newsentry h1 {
	color:				#AA0000;
	margin:				5px 0px 5px 0px;
}
.newsentry a {
	color:				#AA0000;
	text-decoration: 	none;
}
#fednewslist {
	list-style:			none;
	line-height:		100%;
}	
.newsdate {
	color:				#7F7F7F;
	font-style:			italic;
	display:			block;
}
.newsitem a:hover {
	text-decoration:	underline;
}
.newslinks {
	margin-top:			1em;
	line-height:		100%;
	text-align:			right;
	margin-right:		15px;
	margin-bottom:		15px;
}
#linknewslist, #archivenewslinks {
	list-style:			none;
}
#mainContent ul,
#mainContentWide ul {
	list-style: inside;
}
#mainContent ul li,
#mainContentWide ul li{
	display:			list-item;
}
/* =====================================================
Footer
===================================================== */
#footer
{
	background: 		url(../i/fbg.jpg) no-repeat bottom;
	color:				#ffffff;
	/*padding:			10px 15px;
	border-top:			1px solid #f0f0f0;*/
	height:		     	30px;
	width:				768px;
	margin: 			0;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
}
#footer p
{
	font-size:			100%;
}
#footerleft {
	float:				left;
}
#footerright {
	float:				right;
	color:              #595959;
}
#footer .colum {
	float:				left;
	line-height:		12px;
	width:				256;
	margin:				3px 50px 3px 6px;
	}
/* =====================================================
Campaign
===================================================== */
.area {
	float:				left;
}
.area h1
{
	font-family:		Arial;
	font-size:			12px;
	vertical-align:		bottom;
}
.areaSponsor h1 {
	background-color:	#000;
	color:				#fff;
	padding-left:		5px;
	line-height:		20px;
	margin:				0px 0px 3px 0px;
}

#campaignSponsor /*Hovedsponsor*/
{
	width:				180px;
	height:             90px;
}
#campaign2,
#campaign6 {
	width:				180px;
	margin-bottom:		5px;
}
#campaign3,
#campaign4,
#campaign5,
#campaign7,
#campaign8 {
	width:				154px;
	margin-bottom:		5px;
}
#federationnews
{
	padding-top:		15px;
	width:				210px;
	border-bottom:		1px #f0f0f0 solid;
}
#federationnewssub
{
	width:				210px;
	border-bottom:		1px #f0f0f0 solid;
}
#search
{
	padding:			7px 0px 7px 0px;
	width:				180px;
	height:				50px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size: 			11px;
	border-top:			#cacaca solid 3px;
	border-bottom:		#cacaca	solid 3px;
	background-color:	#f1f1f1;
	margin:				7px 0px 5px 0px;
}
.clear {
	clear:				both;
}

/* =====================================================
Search
===================================================== */
.searchresult {
	list-style:			none;
}
.divSearchClubs, .divSearchNewsCategoryContent, .divSearchFullPageContent {
	margin-bottom:		2em;
}
.listDepartments {
	list-style:			none;
}
/* =====================================================
Personnell
===================================================== */
.tblPersonnell {
	padding:			0;
	margin:				0;
}
.tblPersonnell td {
	padding:			3px;
	vertical-align:		top;
}
.tblPersonnell caption {
	font-family:		"Trebuchet MS",Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:			150%;
	font-weight:		bold;
	text-align:			left;
	padding-top:		20px;
	padding-left:		4px;
}
.tblPersonnell th {
	font-weight:		bold;
	text-align:			left;
	padding-left:		3px;
}
.evenRow
{
	background-color:	#f0f0f0;
}
.tdPersonnellName {
	width:				340px;
}
.tdPersonnellEmail {
	text-align:			center;
}
.tdPersonnellPhone {
	width:				100px;
}
.tblPersonnellPopup {
	height:				100%;
	width:				100%;
	background-color:	#fff;
}
/* =====================================================
Magenta
===================================================== */
.magentaItem {
	padding:			1em 0;
	border-top:			1px solid #f0f0f0;
}
/* =====================================================
Forms
===================================================== */
.submitButton {
	text-align:			center;
	
	/*border:			1px solid #D0CAA9;
	background:			#F9F7EF;*/
}
input, textarea, select {
	margin: 0 0 0 10px;
}
#xStr {
	width:				117px;
	height:             19px;
	border:	            1px solid #D0CAA9;
}
#imgAnnons {
	padding:			3px 0;
}
/* =====================================================
Poll
===================================================== */
#poll {
	margin-top:			2em;
	padding-bottom:		2em;
	border-bottom:		1px solid #f0f0f0;
}
#tblPrevPolls td {
	width:				100%;
}
#tblPrevPolls td {
	vertical-align:		top;
	width:				45%;
}
#tblPrevPolls td.spacer {
	width:				10%;
}
#tblPrevPolls h3 {
	font-size:			110%;
	margin:				0.5em 0;
}
#tblPrevPolls h4, #poll h4 {
	font-size:			100%;
	font-weight:		normal;
}
.tblPollValue {
	width:				100%;
}
.tblPollValue td {
	vertical-align:		middle;
}
.tblPollValue .tdPollPercent {
	width:				100px;
	background:			#f0f0f0;
}
.tblPollValue .tdPollValue {
	width:				50px;
	background:			#fff;
}
.divPollPercent {
	background:			#616E79;
	height:				15px;
}

#tabs {
  float: 				left;
  width: 				100%;
  background: 			#fff url("bg.gif") repeat-x bottom;
  margin: 				5px 0 15px 0;
  }
#tabs ul {
  margin:				0;
  padding:				0;
  list-style:			none;
  }
#tabs li {
  float:				left;
  background:			url("left.gif") no-repeat left top;
  margin:				0;
  padding:				0 0 0 9px;
 }
#tabs a {
  float:				left;
  display:				block;
  background:			url("right.gif") no-repeat right top;
  padding:				5px 15px 4px 6px;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs .current {
  background-image:url("lefton.gif");
  }
#tabs .current a {
  background-image:url("righton.gif");
  padding-bottom:5px;
  }

/* =====================================================
Breadcrumbs
===================================================== */
#breadcrumbs {
	color:				#7F7F7F;
	font-family:		Arial;
	font-weight:		bold;
	font-size: 			11px;
	line-height:		22px;
	vertical-align:		bottom;
	margin-bottom:		14px;
}
#breadcrumbs ul {
	float:				left;
	list-style:			none;
	width:				100%;
}
#breadcrumbs li {
	display:			inline;
	float:				left;
	padding-right:		10px;
}
#breadcrumbs a {
	color:				#7F7F7F;
}
/* =====================================================
Spacer
===================================================== */
.spacer12 {
	padding:				12px;
	display:				block;
}
/* =====================================================
n3admin Styles to be used in Content
===================================================== */
.tblMainContent {
	width:				100%;
	border:				#666666 1px solid;
	margin:				7px 0px 10px 0px;
}
.tblMainContent tr TH {
	background-color:	#008040;
	color:				#fff;
	font-size:			12px;	
	font-weight:		bold;
	line-height:		20px;
	padding:			2px 2px 2px 3px;
}
.tblMainContent tr TD {
	padding:			2px 2px 2px 3px;
	vertical-align:		top;
	background-color:	#efefef;

}
.tabMainContent {
	margin-left:		10px;
}
.center {
	text-align: 		center;
}
/*#mainContent UL LI{
	list-style-type: 	circle;
}*/
/* =====================================================
n3admin Styles for Campaign boxes
===================================================== */
.tblCampaignBox {
    width: 100%;
    margin: 0px;
    padding: 0px 0px 1px 0px;
    border-bottom:  #c0c0c0 solid 3px;
}
/* =====================================================
News from federation
===================================================== */
#fedNews 
{
  clear: both;
  padding: 24px 0px 17px 0px;
  display: inline-block;
}
#fedNews h3 {
    background: url(../i/nofico.gif) no-repeat left;
    padding-left: 35px;
    font-size: 12px;
    font-weight: bold;
}
#fedNews UL {
    list-style: none;
}
#fedNews ul LI {
    font-size: 9px;
}
#fedNews ul li A {
    font-weight: normal;
}

