/*
CSS-fil for Runde Ting sine websider

Laget av 

Eivind Savio 2004
http://www.savio.no
*/

/******************* Generell definering av TAG'er starter her *******************/

body				{
					margin: 5px 0 0 0;
					padding: 0;
					background: #E6E6E6;
					color:#000;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:  0.7em;
					text-align: center;
}
	
img, table			{
					border: 0;
}

table				{
					vertical-align: top;
}
td					{vertical-align: top;
}					
.tableheight		{height: 395px;
					width: 320px;
}
.tblrundeting		{
					border:0;
					margin:0;
					padding:0;
					border-collapse:collapse;

}

div 				{ 
					text-align: left;
}

hr					{ 
					height:0; 
					border:none; 
					border-top:1px dotted #999; 
}
.msg				{color: red;}
/* OVERSKRIFTER */

h2, h3, h4, h5, h6 
					{
					background:transparent;
					font-weight:bold;
					margin: 7px 0 5px 0;
}

h1 					{font-size: 1.3em;
					background:transparent;
					font-weight:bold;
					margin: 0 0 5px 0;
}
h2 					{font-size: 1.2em;}
h3 					{font-size: 1.1em;}
h4 					{font-size: 1em;}
h5 					{font-size: 0.9em;}
h6 					{font-size: 0.8em;}

/* Slutt OVERSKRIFTER */

/*Generell linkdefinering */		
a:link, a:visited	{
					color: #003399;
					text-decoration: none;
}
a:hover 			{color: #999;}
.msg				{color: red;}
/* Generell definering av TAG'er slutter her */

/******************* HOVEDCONTAINER starter her *******************/
div#maincontainer	{
					border: 0;
					margin: 0 auto;
					padding: 0;
					width: 778px;
					height: 574px;
					background: #F4F4F4;
}
/*HOVEDCONTAINER slutter her */	

/******************* HEADER begynner her *******************/
div#top				{					
					border: 0;
					margin: 0;
					width: 778px;
					height: 124px;
					padding: 0px;	
}

div#abstop			{
					width: 778px;
					height: 21px;
					padding: 0;
					margin: 0;
					background: url(/layout/top/top.jpg) no-repeat;
					}
					
div#abstop a:link, #abstop a:visited
					{
					color: #000;
}
div#abstop a:hover 	{color: #FFF;}

div#topleft1		{
					clear: both;
					float: left;
					width: 168px; 
					height: 104px;
					padding: 0;
					margin: 0;
					background:url(/layout/top/logo.jpg) no-repeat;			
}
#topleft1 h1 {
  				overflow: hidden;
  				height: 104px;
  				width: 168px;
				padding:0;
				margin:0;
}
#topleft1 h1 a 		{
  				display: block;
  				overflow: hidden;
  				padding: 104px 0 0 0;
				background:url(/layout/top/logo.jpg) no-repeat;
				background-position: 0 -104px;
				height: 0 !important;
  				height /**/ : 104px;
}

#topleft1 h1 a:hover {
  				background-position: 0 0;
}	
div#topright1		{
					float: right;
					width: 610px;
					height: 104px;
					padding: 0;
					margin: 0;
					background: url(/layout/top/top_right.jpg) no-repeat;					
}
	
/* Her begynner MENYEN i headeren */
#menu {
	margin: 5px 0 0 7px; 
	padding: 0;
	width: 350px;
	float:left;
	}
#menu img			{
					vertical-align: bottom;
}

#menu2 {
	margin: 0; 
	width: 350px;
	padding: 5px 38px 0 0;
	float:right;
	}

#menu2 img			{
					vertical-align: bottom;
}

div.outer {
	float: right;
	width: 80px; 
	margin: 0 2px 0 0;
	background: url(/layout/icons/link.gif) 0 -45px no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding: 1px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	font-size:10px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
	background: url(/layout/icons/link.gif) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 0 5px 0 5px;
	}
div.outer a:hover {
	background-image: none;
	}

/* Slutt på HEADER og meny i HEADER'en */

/******************* HOVEDINNHOLD begynner her *******************/
	
div#content			{
					padding: 0;
					margin-left: 36px;
					margin-right: 42px;
					vertical-align: top;
					height: 416px;
					background: url(/layout/images/background_center.jpg) no-repeat top center;
}

div#textleft		{
					float: left;					
					margin: 0;
					padding: 10px 0 0 0;
					width: 320px;
					height: 400px;
					overflow: auto;								
}

div#textright		{
					float: right;					
					margin: 0;
					padding: 10px 0 0 0;
					width: 320px;
					height: 400px;
					overflow: auto;								
}

/* Slutt på HOVEDINNHOLD */

/******************* VENSTREMARG begynner her *******************/
div#leftbox			{
					float: left;
					margin: 0;
					padding: 0;
					height: 416px;
					width: 36px;
					background: url(/layout/images/left.jpg) no-repeat #F4F4F4;
}
				
/* VENSTREMARG slutter her */

/******************* HØYREMARG begynner her *******************/
div#rightbox		{
					float: right;
					margin: 0;
					padding: 0;
					width: 42px;
					height: 416px;
					background: url(/layout/images/right.jpg) no-repeat;
}
/* HØYREMARG slutter her */

/******************* FOOTER begynner her *******************/
div#footer			{ 
					clear: both;	
					margin: 0;
					padding: 0;
					width: 778px;
					height: 34px;
					color: #CCC;
					font-size:10px;
					background: url(/layout/images/bottom.jpg) no-repeat;
}
#footer a:link, #footer a:visited	
					{
					color: #CCC;
}
#footer a:hover 	{color: #999;}
		
div#footerleft		{
					float: left;
					padding: 8px 0 0 33px;
}
div#footerright		{
					float: right;
					padding: 8px 40px 0 0;
}
/* FOOTER slutter her */

/*BEHANDLING AV FORM og INPUT */
form				{
					margin: 0;
}
input 				{
					margin-bottom: 2px;
					margin-top: 2px;
					padding: 1px;
	}

input,textarea,select 
					{
					background: #F8F8F8;
					color: #000;
					font-size: 11px;
	}

input,textarea,select,option 
					{
					border-width: 1px;
					font-weight: normal;
					font-size: 11px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
}
/**************************
STATISTIC
**************************/
#count {
display: none;
position: absolute;
top: -200px;
}