@charset "UTF-8";


/* ***************************************************************************************************************************** */
/* *************************   Layoutvalg - ytre rammeverk */
/* *****************************************************************************************************************************  */

body {
    margin:0;
    padding:0;
    background:#FFFFFF url(../img/skugga-full_bredde04.gif) left top repeat-y;
    height:100%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:873px;
	line-height:13px;
	letter-spacing:0.009em;
}

/* Tilgjenglig for liquid layout */
#bkgnd2 {
	
    }
	
* html #bkgnd2 {
    height:100%;
}

/* Selve content området */

#main {
	position: relative;
    margin:0px;
    margin-left: 33px;
    width:775px;
	height:145px;
    padding:1px;
    text-align:left;
	background-image:url(../img/toppen-historielaget.gif);
	background-position:top;
	background-repeat:no-repeat;
}


#main-inner { position: static; width: auto; }


/* ***************************************************************************************************************************** */
/* *************************   Layout valg - selve rammeverket */
/* *****************************************************************************************************************************  */

/* Header området */
/* Foreløpig ikke strippet og fikset */
#banner {
	width:775px;
	position: relative;
	margin:0px;
}

#banner-inner { 
	width:755px;
	position: static;
	min-height: 20px;
	margin-left:10px;
	margin-top:55px;
}


/* Selve sideområdet */
/* Foreløpig ikke formatert riktig */

#container {
	position: relative;
    margin:0px;
    margin-left: 10px;
    width:755px;
    padding:1px;
    text-align:left;
	/* bare for qa background-color:#FFFFCC; */

}

#container-inner { 
	position: static;
}

/* *****************************************************  START  ***************************************************** */
/* Hovedområdene */
/* Overlastes for artikkelsidene - splittes i to filer? */
#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;

}

#alpha {
	width: 365px;
	margin-left:13px;
	margin-right:16px;
	/* for qa background-color:#CCCCCC; */

}

#beta {
	width: 310px;
	margin-left:24px;
	margin-right:16px;
	/* for qabackground-color: #00CCFF;*/

}

#gamma {
	width: 720px;
	min-height:250px;
	margin-left:13px; /*første del ivaretatt av container area*/
	margin-right:16px;
	/* fro qa background-color: #00CCFF;*/

}



/* For å kunne posisjonere både med margins og padding + andre avanserte CSS grep */
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}

/* *****************************************************  SLUTT  ***************************************************** */


/* Laget fire smale containere fordi jeg tror Annica kommer opp med noe designgrep. Kan forenkles til en om det ikke skjer */
#gamma-container-column1, #gamma-container-column2, #gamma-container-column3, #gamma-container-column4 {
	float:left;
	font-size: 11px;
	width:160px;
	min-height:240px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #5f838d;
}
/* Blå bakgrunnscontainer - brukes når det er flere blokker tekst som skal inn i container */
#container-blue {
	float:left;
	font-size: 11px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	background-color:#cedadf;
}

/* EVJ:: Navigasjon topp basert på unordered list */
/* Formatering av listen */

ul#tabnav {
	list-style-type:none;
	margin: 0;
	padding-left:240px;
	padding-bottom:40px;
	/* border-bottom: 1px solid #711515; */
}

/* Formatering av list-items */
ul#tabnav  li {
	float: left;
	height: 21px;
	/*background-color:#B51032;
	color: #ffffff;*/
	padding: 2px 2px 0 2px;
	/*border: 1px solid #711515;*/
	
}


/* Kludge for global toppmeny */
ul#tabnav-right {
	list-style-type:none;
	margin: 0;
	padding-top:10px;
	padding-right:30px;
	padding-bottom:20px;
	/* border-bottom: 1px solid #711515; */
}

ul#tabnav-right li {
	float: right;
	height: 21px;
	/*background-color:#B51032;
	color: #ffffff;*/
	padding: 2px 2px 0 2px;
	/*border: 1px solid #711515;*/

}





/* ***************************************************************************************************************************** */
/* *************************   Redefinering av standard HTML Tags */
/* *****************************************************************************************************************************  */


h1
{
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #5f838d;
				font-size: 14px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #5f838d;
				border-top-style: none;
				border-right-style: none;
				border-left-style: none;
				padding-top:12px;
				padding-bottom:0px;
				margin: 2px;
}

h2
{
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #5f838d;
				padding-top:2px;
				padding-bottom:0px;
				margin: 0px;
}

p {
				font-size:11px;
				line-height:15px;
				letter-spacing:0.005em;
				padding-top:0px;
				padding-bottom:10px;
				margin-top:0px;
				margin-bottom:0px;

}

#alpha p {
	font-size:12px;
	line-height:18px;
	padding-top:5px;
	padding-bottom:2px;

}

#alpha a {
	font-size:10px;
	line-height:18px;
	padding-top:5px;

}

#beta p {
	font-size:11px;
	line-height:15px;
}

#gamma h2 {
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding-top: 1px;
	padding-bottom:0px;
}

#gamma p {
	font-size:11px;
	line-height:13px;
	margin:0px;
	padding-top:4px;
	padding-bottom: 5px;
}

a {
		color:#666666;
		font-weight:bold;
		text-decoration: none;
}

a:link , a:visited{
	padding:2px;
	text-decoration:none;
	color: #666666;
	
}

a:hover{

	/* background-color:#9d0c13; */
	color: #CC0000;
	padding: 2px;
	margin: 0px;
	
	
}


/* ***************************************************************************************************************************** */
/* *************************   Spesialformatering */
/* *****************************************************************************************************************************  */

.srhl-link {
				text-align:right;
				font-weight:bold;
				background: transparent url(../img/navigation_right_arrow02.gif) no-repeat right center;
				padding: 0px;
				margin: 0px;
				padding-right:10px;
				padding-bottom:10px;
				}

p.srhl-link  {
	padding-top: 5px;
	padding-bottom:5px;
	/*background-color:#9d0c13;*/
	color:#CC0000;
	
}

.srhl-link a:link , .srhl-link a:visited {
	padding:2px;
	text-decoration:none;
	color:#333333;
	
}

.srhl-link a:hover{
	padding-bottom:3px;
	/*background-color:#9d0c13;*/
	color:#CC0000;
	
}

/* Kludge - bør løses med en overlasting men rekker det ikke nå */
.srhl-link-left {
				text-align:left;
				font-weight:bold;
				background: transparent url(../img/navigation_right_arrow02.gif) no-repeat left center;
				padding: 0px;
				margin: 0px;
				padding-left:10px;
				padding-bottom:10px;
				}

p.srhl-link-left  {
	padding-top: 5px;
	padding-bottom:5px;
	/*background-color:#9d0c13;*/
	color:#CC0000;
	
}

.srhl-link-left a:link , .srhl-link-right a:visited {
	padding:2px;
	text-decoration:none;
	color:#333333;
	
}

.srhl-link-left a:hover{
	padding-bottom:3px;
	/*background-color:#9d0c13;*/
	color:#CC0000;
	
}


/* Ikke i bruk */
#gamma .textLeft {
				float:left;
				font-size: 11px;
				width:160px;
				padding-left:8px;
				padding-right:8px;
				text-align:left;
				border-left-width: 1px;
				border-left-style: dashed;
				border-left-color: #5f838d;
}

#container .imgLeft {
 	padding-top: 0px;
	padding-right:10px;
	float:left;
	text-align:left;
}

/* Blå bakgrunn når det er bare en tekstblokk som skal styles */
#container .blueBackground {
				background-color: #cedadf;
				padding: 4px;
}


.imageleft { float: left; margin: 0px; width:200px}