/* Notat: Denne css filen styrer sommermalen - se styleWinter.css for vintermalen */


/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#4D4D4D;}

h1 {font-size: 160%; margin:0; padding:0 0 7px 0; color:#4D4D4D; }	
h2 {font-size: 140%; margin-bottom:1px; padding-bottom:3px; color:#4D4D4D;}	
h3 {font-size: 120%; margin-bottom:0px; padding-bottom:0px; color:#4D4D4D;}	
h4 {font-size: 100%;}	
h5 {font-size: 90%;}	
h6 {font-size: 50%;}


/* MAIN LINK SETTINGS
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#0336FB; 
	text-decoration: none;} 
a:hover, 
a:active {
	color:#0336FB; 
	text-decoration:underline;}


/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.bold {font-weight:bold;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearIE {
     clear:both; 
     height:0; 
     margin:0;
     font-size:1px;
     line-height:0px;}
.border {
	border-top:20px solid #7C7C7F; margin:5px 0 10px 0;
	width:1023px;}


/* FORMS
------------------------------------------------------------------ */
form {
	margin:0px; 
	padding:0px;}

input { }
	
.button {
	border:1px solid #666666;
	color:#FFFFFF;
	background-color:#4F6CB0;
	height:20px;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:1028px; 
	margin:5px auto 0 auto;
	background-color:#FFFFFF;
	background-image:url(../templateImages/bgContainer2.jpg);
	background-position:right top;
	background-repeat:repeat-y;
	position:relative;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	height:118px;
	position:relative;}
	
#header .left { /* Logo */
	position:absolute;
	top:8px;
	left:8px;
	width:440px;}
	
#header .search {
	color:#999999;
	font-weight:bold;
	position:absolute;
	top:16px;
	right:440px;}
#header .search input {
	height:13px;
	margin-top:6px;
	font-size:10px;}
#header .search .button {
	height:18px;
	font-size:11px;
	background-color:#FFFFFF;
	color:#666666;}
	
#header .right {
	position:absolute;
	top:15px;
	right:10px;
	width:410px;
	text-align:right;}
	
#header .right .dropdown { /* width on select box */
	width:160px;
	font-size:11px;
	color:#666666;
	margin-top:3px;}

/* MENU AT THE TOP - SEE ALSO MENU.CSS */	
#menu {
	position:absolute;
	top:85px;
	right:6px;}
	
	
/* 2 COLUMS (used in #header)
------------------------------------------------------------------ */
#colum {
	float:left;
	width:400px;
	xbackground-color:#CCCCCC;}
	
#colum .content {
	float:left;
	color:#999999;
	font-weight:bold;
	width:250px;
	text-align:right;
	padding-right:10px;
	white-space:nowrap;}



/* CONTENT WRAPPER (#LEFT AND #MAINCONTENT)
------------------------------------------------------------------ */
#contentWrapper {
	background-image:url(../templateImages/bgContentWrapper.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	min-height:450px; height:auto !important; height:450px;}


/* MAINCONTENT (inner templates)
------------------------------------------------------------------ */
#mainContent {
	width:864px;
	margin:0 0 0 157px;
	padding:0;}
	
#mainContent .header {
	background-image:url(../templateImages/bgMainContentHeader.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:31px;
	width:862px;}
	
#mainContent .header img {
	vertical-align:middle;
	margin-left:4px;
	padding-right:5px;}
	
#mainContent .header h1 {
	font-size:13px;
	color:#7C7B80;}
	
#mainContent .left {
	float:left;
	width:175px;
	padding: 0 0 15px 5px;
	font-size:10px;}
	
	
/* GREY BOXES ETC (used in tekstsider and newsarticles)
------------------------------------------------------------------*/	

#mainContent .right { /* mostly text */
	float:left;
	margin-left:5px;
	width:677px;}
	
#mainContent .grey {
	background-color:#E7E7E7;
	padding:10px;
	min-height: 199px;
	height: auto !important;
	height: 199px;
	}
	
#mainContent .brodtekst {
	padding:10px;}
	
#mainContent .stikktittel {
	font-weight:bold;}
	

/* LEFT
------------------------------------------------------------------ */
#left {
	float:left;
	width:150px;
	margin-top:20px;}

/* FOOTER
------------------------------------------------------------------ */
#footer {
	background-image:url(../templateImages/bgFooter.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 auto;
	width:1028px;
	height:22px;}


/* POWERED BY I-TOOLS 
------------------------------------------------------------------ */
#itools {
	width:886px; 
	margin:5px auto;
	position:relative;
	padding-left:10px;}
	
#itools a {
	color:#CCCCCC;
	font-size:80%}


/* FRONTPAGE
------------------------------------------------------------------ */

#frontpage {}

#frontpage .picture {
	float:left;
	width:511px;}
	
#frontpage .newsColum1 {
	float:left;
	width:251px;
	margin-right:7px;
	overflow:hidden;}
	
#frontpage .newsColum2 {
	float:left;
	width:253px;
	
	overflow:hidden;}
	
#frontpage .newsColum1 .content,
#frontpage .newsColum2 .content {
	background-color:#E7E7E7;
	margin-top:4px;
	padding:5px 5px 5px 10px;
	height:255px;
	overflow:hidden;}

#frontpage .content a {
	color:#333333;
	text-decoration:underline;}


/* NEWS
------------------------------------------------------------------*/	

#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;}