/*
Stylesheet for Norsk Familieøkonomi
last edited by: jorg@lycos-europe.no @ 26.01.02
 TAG-properties
*/
body, td  {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	font-size: 8.5pt;
	font-family: tahoma, sans-serif;
	line-height: 145%;
}
body { background: #ffffff; }
li { list-style-type: square;}
pre { display: inline; background: #e8e8e8; border: 1px solid #e0e0e0;}
img { border: none; }
.mid { vertical-align: middle; text-align: right; }
.fr { float: right; margin: 4px; }

form { display: inline; }
h2 { font-size: 11px; margin: 0px; padding: 0px; width='100%';}
h1 { font-size: 13px; }
hr { border: none solid; border-top: 1px #003366 solid;}
p { padding: 0px 2px 0px 2px; display: block;}

a { color: #000088; background: transparent; text-decoration: underline; }
a:hover { color: #0000ff; }
a:active { color: #0000ff; }

.light { color: #ffffff; background: transparent; text-decoration: underline; }
.light:hover {	color: #ddddff; }
.light:active { color: #ddddff; }

input {
  background: #ffffff;
  border: 1px solid inset;
  border-color: #888888;
  font-size: 11px;
  font-family: verdana, sans-serif;
}
.title { font-size: 18px; }
.teaser { font-size: 14px; }
.text {
	padding: 2px 6px 2px 6px;
	
	/*border: 1px solid black;*/
}

.tiny {
  font-size: 10px;
  font-family: arial, tahoma, verdana, sans-serif;
}
.radio { background: transparent; border: none; vertical-align: middle; }

.group {
	border: 1px solid #003366;
	padding: 2px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 100%;
	text-align: left;
}
.grouptitle {
	display: inline;
	font-weight: bold;
	position: relative; 
	top: 0.7em; left: 0.7em; 
	background: white; 
	color: #003366;
	padding: 0px 2px 0px 2px;
}
.newssource {
	font-size: 9px;
	font-weight: bold;
	text-decoration: italic;
}
.spacer {
	border: none;
	border-width: 0px 0px 0px 0px;
	width: 100%;
	margin-top: 3px;
	}
	
.headercontainer {
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin-top: 10px;
}
.footercontainer {
	border: solid black;
	border-width: 1px 0px 0px 0px;
	margin-top: 3px;
	text-align: center;
}
.error {
	background: transparent;
	color: #ff0000;
}
.pad	{
	padding-left:	9px;
}

/* container for menu - needs colours */
.menuitem { 
	clear: both; 
	display: block;

	border: none;
	border-width: 1px 0px 1px 0px;
	padding: 2px 2px 2px 2px;

	font-size: 11px; 
	color: #000000;
	text-decoration: none;
	width: 100%;
}

/* Contains articles - needs colours */
.border {
/*	padding: 0px 0px 0px 0px;*/
	font-size: 12px;
	border: 1px solid;
	margin-top: 3px;
	overflow: visible;
	clear: both;
	display: block;
}

/* Contains headers/logos for articles - needs colours */
.logo {
	display: block;
	
	border: none;
	postition: inherit;
	padding: 4px 6px 6px 4px;

	font-weight: bold;
	
	vertical-align: center;
	width: 100%;
	height: 1.1em;
}

/* Some colour spesifications */
/* Blue */
.darkblue { background: #003366; color: #ffffff; border-color: #405E76; }
.blue { background: #ffffff; color: #666699; border-color: #cccccc; }
.bluehead { background: #003366; color: #ffffff; font-weight: bold; }

.mblue { background: #ccddff; color: #000000; }
.mblue:hover { background: #9cc1de; color: #000000; }
.mblue:active { background: #cccccc; color: #000000; }

.actblue { background: #ffffff; color: #333366; }
.actblue:hover { background: #8BB0CD; color: #000000; }
.actblue:active { background: #cccccc; color: #000000; }

/* Yellow */
.darkyellow { background: #E8B900; color: #ffffff; border-color: #E8B900;}
.yellow { background: #E8B900; color: #000000; border-color: #E8B900; }
.yellowhead { background: #E8B900; color: #000000; font-weight: bold; }
 
.myellow { background: #F4EED5 ; color: #000000; }
.myellow:hover { background: #FAF8ED ; color: #000000; }
.myellow:active { background: #cccccc; color: #000000; }

.actyellow { background: #ffffff; color: #000000; }
.actyellow:hover { background: #FAF8ED ; color: #000000; }
.actyellow:active { background: #cccccc; color: #000000; }

/* Green */
 darkgreen { background: #409000; color: #EDF9E7; border-color: #cccccc;}
.green { background: #EDF9E7; color: #EDF9E7; border-color: #cccccc; }
.greenhead { background: #4ea425; color: #ffffff; font-weight: bold; }

.mgreen { background: #EDF9E7; color: #000000; }
.mgreen:hover { background: #808080; color: #ffffff; }
.mgreen:active { background: #cccccc; color: #000000; }

.actgreen { background: #ffffff; color: #000000; }
.actgreen:hover { background: #808080; color: #ffffff; }
.actgreen:active { background: #cccccc; color: #000000; }