/****************************************************/
 /******* Stilark for Tyrifjord.org *****************/
/**************************************************/


body 
{
	/** kant rundt hele siden **/
	margin: 14px;
	padding: 0;
	/** minimumbredde på siden (har satt den til å dekke akkurat litt mer enn hovedmenyen så bør justeres opp om det legges til mange flere elementer der **/
	min-width: 730px;
	/** font type og størrelse**/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}


/** ramme på toppen med overskrift **/
#topp 
{
	/** dimensjoner **/
	margin: 0 0 0 168px;
	height: 110px;
	overflow: hidden;
	
	/** bakgrunn **/
	border: 1px solid #aae;
	background-color: #eef;
	background-image: url(topp2.png);
	background-repeat:no-repeat;
	
	/** siden jeg har gjort overskriftrammen klikk-bar er det rett og rimlig 
	    å opplyse om dette til brukeren ved å skifte muspeker **/
	cursor: pointer;
}
#topp h1
{
	/** flytte vekk fra kantene **/
	visibility: hidden;
	margin: 36px 0 0 128px;
	padding: 0;
	/** en litt annen font enn på resten av siden **/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	color:#002;
}


/** hovedmeny under overskriften **/
#meny 
{
	/** dimensjoner **/
	margin: 14px 0 0 168px;
	padding: 0;
	height: 24px;
	overflow: hidden;
	
	/** utseende **/
	border: 1px solid #aae;
	background-color: #eef;
	font-size: 14px;
}
#meny ul 
{
	/** fjerne default marger og padding **/
	margin: 0;
	padding: 0;
	
	/** fjerne eventuell dott foran li elementene **/
	list-style-type: none;
}
#meny ul li 
{ 
	/** gjøre så li elementene kommer på linje og ikke under hverandre **/
	display: inline;
}
#meny ul li a:link, #meny ul li a:visited 
{
	/** gjør også så de legger seg ved siden av hverandre **/
	float: left;
	
	/** luft rundt lenkene **/
	padding: 3px 7px;
	
	/** utseende **/
	text-decoration: none;
	color: #44a;
}
#meny ul li a:hover 
{
	/** utseende når musa er over linken **/
	color: #000;
	text-decoration:none;
	border-bottom: 1px solid #aae;
}

/** logo i venstre hjørne **/
#logo 
{
	/** dimensjoner **/
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	overflow: hidden;
	
	/** gir den absoluttplassering oppe i hjørnet **/
	position: absolute;
	top: 14px;
	left: 14px;
	
	/** utseende **/
	border: 1px solid #aae;
	background-color: #eef;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center;
}


/** menyen til venstre under logoen **/
#sidemeny 
{
	/** dimensjoner (samme width som logo) **/
	margin: 14px 0 0 0;
	width: 150px;	
	
	/** gjør så den legger seg til venstre for innholds div'en **/
	float: left;
	clear: left;
	
	/** utseende **/
	border: 1px solid #aae;
	background-color: #eef;
	color: #44a;
	font-size: 12px;
	line-height: 1.7em;
}
#sidemeny ul 
{
	/** litt luft rundt listen **/
	margin: 7px;
	padding: 0;
}
#sidemeny ul li 
{ 
	/** angir dotten til å være en firkant istedet for runding **/
	list-style-type: square;
	
	/** gjøn så dotten legger seg der jeg vil den skal... **/
	list-style-position: inside;
}
#sidemeny ul li a:link, #sidemeny ul li a:visited 
{
	/** utseende på linken **/
	text-decoration: none;
	color: #44a;
}
#sidemeny ul li a:hover 
{
	/** utseende når musa er over **/
	color: #000;
	text-decoration:none;
	border-bottom: 1px solid #aae;
}


/** hovdedinnhold på siden **/
#innhold {

	/** dimensjoner **/
	margin: 14px 0 0 168px;
	padding: 0 14px 14px 14px;
	
	/** utseende **/
	border: 1px solid #aae;
	
	/** tekstjustering. justify=blokkjustert. endre til left hvis dere vil ha vanlig **/
	text-align: justify;
	line-height: 1.5em;
}

/** angi farge på headertagene **/
#innhold h1, #innhold h2, #innhold h3, #innhold h4, #innhold h5, #innhold h6 
{
	color:#55a;
	text-align:left;
}

/** angi størrelser på headers **/
#innhold h2, #innhold h1 { font-size:x-large; }
#innhold h3 { font-size:large; }
#innhold h4 { font-size:medium; }
#innhold h5 { font-size:small; }
#innhold h6 { font-size:small; }

/** vanlige tekst avsnitt (1.5 linjeavstand) **/
#innhold p 
{
	line-height: 1.5em;
}

/** listestiler **/
#innhold ul 
{
	list-style-type: square;
	text-align:left;
}
#innhold ul ul 
{
	list-style-type: square;
}

/** tabeller **/
#innhold table 
{
	empty-cells: hide;
	border: 1px solid #aae;
}
#innhold tr 
{

}
#innhold td 
{
	vertical-align: top;
	text-align: left;
	border: 1px solid #aae;
	padding: 3px;
}

/** linker i teksten **/
#innhold a:link, #innhold a:visited	{
	color: #77c;
	border-bottom: 1px solid #99e;
	text-decoration: none;
}
#innhold a:hover {
	color: #77c;
	border-bottom: 2px solid #77c;
	text-decoration: none;
}

/** bilder **/
#innhold img {
	border: 1px solid #aae;
	margin: 14px;
}
/** to spesialtilfeller for bilder som skal høyre eller venstre-justeres **/
#innhold img.left {
	float: left;
	margin-left: 0;
}
#innhold img.right {
	float: right;
	margin-right: 0;
}
#innhold .center {
	text-align: center;
}
/** kan brukes til å gjemme ting **/
.ikkevis {
	display: none;
}

/** bruk denne class'en på en tom div, for å lage en skillelinje. 
	eks: <div class="skillelinje"></div>							**/
.skillelinje {
	height: 0.2em;
	background-color: #fff;
	border: 1px solid #aae;
	margin: 1em .5em;
}