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


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

body{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:70%;}

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


/* MAIN LINK SETTINGS
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#136F51; 
	text-decoration: none;} 
a:hover, 
a:active {
	color:#136F51; 
	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;}


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

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


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:896px; 
	margin:5px auto;
	background-color:#FFFFFF;
	border:1px solid #FFF;
	position:relative;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	background-image:url(../templateImages/bgHeader.jpg);
	background-repeat:no-repeat;
	height:110px;}
	
#header .left { /* Logo */
	position:absolute;
	top:8px;
	left:8px;
	width:270px;}
	
#header .middle { /* Slogan */
	position:absolute;
	top:10px;
	left:280px;
	width:440px;
	text-align:center;
	font-size:220%;
	color:#136F51;}
	
#header .leftBottom { /* Flags */
	position:absolute;
	top:93px;
	left:0px;
	width:270px;}
	
#header .right {/* gif icon */
	position:absolute;
	top:0px;
	right:6px;
	width:200px;
	text-align:right;}
	

/* MENU AT THE TOP - SEE ALSO MENU.CSS */	
#topMenu {
	position:absolute;
	top:93px;
	right:0px;
	width:736px;
	height:22px;
	line-height:22px;
	background-color:#136F51;
	color:#FFF;}


/* MAINCONTENT (inner templates)
------------------------------------------------------------------ */
#mainContent {
	position:relative;
	width:690px;
	margin:5px 0 0 160px;
	padding:22px 0px 80px 25px;
	min-height:350px; height:auto !important; height:350px;
	border-left:1px solid #CBD8E3;}
	
#mainContent .bottom {
	position:absolute;
	bottom:15px;
	right:0;}

/* LEFT
------------------------------------------------------------------ */
#left {
	background-image:url(../templateImages/bgLeft.jpg);
	background-repeat:repeat-y;
	background-color:#FEFEFE;
	left:0px;
	top:122px;
	width:160px;
	position:absolute;
	min-height:350px; height:auto !important; height:350px;}


/* FOOTER
------------------------------------------------------------------ */
#footer {
	background-image:url(../templateImages/bgFooterSummer.gif);
	background-repeat:no-repeat;
	width:716px;
	padding:3px 0 0 180px;
	font-size:90%;
	color:#FFFFFF;
	height:22px;}
	
#footer a {
	color:#FFFFFF;}
	
	
/* POWERED BY I-TOOLS 
------------------------------------------------------------------ */
#itools {
	width:886px; 
	margin:5px auto;
	position:relative;
	padding-left:10px;}
#itools a {
	color:#CCCCCC;
	font-size:80%}



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

#news {}

#news .thumbnail {
	float:left;
	margin:0 15px 10px 0;
	border:1px solid #000000;}
	
#news .content { /* heading & ingress */
	float:left;
	width:500px;}

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