/* @override http://sunnfjord2020.smakstest.no/stylesheets/screen.css */

/* @override http://sunnfjord2020.smakstest.no/stylesheets/screen.css */

/* @override http://sunnfjord2020.smakstest.no/stylesheets/screen.css */

body{
background:url(gfx/wood.jpg);
background-repeat:repeat;
font: 80% arial,sans-serif;
text-align:center;
padding: 0;
margin: 0;
overflow-x:hidden;
}

/*TYPO*/

img {
	border: 0;
}

img.article_image {
  margin-left:20px;
}

img.galleribilde {
  border: 2px solid #dbdbdb;
  margin: 10px; 
}

#main a{
display: inline;
margin: 0px;
padding: 0px;
color:#2ba60f;
text-decoration:underline;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
cursor: pointer;
}

h2{ 
font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-style: normal;
font-weight: normal;
letter-spacing: -3px;
line-height: 0.2em;
color:#ff0090;
margin-left:20px;
}


h4, h3 { 
font-family: Georgia, serif;
font-size: 21px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2em;
color:#393939;
margin-left:20px;
margin-right:40px;
}

h3 {
color: #ff0090;
}

#kalenderevents h4{ 
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2em;
color:#393939;
margin-top: 0;
margin-left:13px;
margin-right:40px;
margin-bottom:10px;
}

p{ 
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#333;
margin-left:20px;
margin-right:40px;
}
/**/

#wrapper{
background:url(gfx/wrapper_bg.png) no-repeat;
width:920px;
margin:0 auto;
text-align: left;
}

#header{
background:url(gfx/logo_fyll.png);
width: 919px;
height:127px;
padding-top: 5px;
padding-bottom: 5px;
color: #336699;
display: block;
}

#flash{
width: 920px;
height:276px;
padding: 0px;
color: #336699;
margin: 0px;
}

/*
#sidebar{
float:right;
width: 329px;
background:#FFF;
}

#content{
float:left;
width:591px;
background: #FFF;
}
*/

#contentbunn{
  position:relative;
  top: -6px;
background: url(gfx/content_bunn.png);
clear:both;
width:100%;
height:18px;
}

#footer{
color: #FFF;
padding: 5px;
clear:both;
width:100%;
}

#footer a {
color: #FFF;
padding: 5px;
clear:both;
width:100%;
text-decoration: none;
cursor: pointer;
}

/* KALENDER */


#kalenderwrap {
	position: relative;
	background:url(gfx/kalenderbg_top.png);
	width: 286px;
	margin-top: 3px;
	margin-right:20px;
}

#kalenderwrap div {
	position: relative;
	background: url(gfx/kalendereventbg_bottom.png) no-repeat left bottom;
}

#kalenderwrap div div.nav {
	background: none;
  	position: absolute;
	left:193px;
	top: 10px;
	z-index: 100;
	width: 100px;
}

.calendar {
	width: 260px;
	padding: 0;
	margin-left: 14px;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

.nav a {
	float: right;
	display: block;
  margin-right: 20px;
	cursor: pointer;
}

caption {
	padding-top: 8px;
	color: #fff;
	padding-bottom: 9px;
	width: 180px;
	font: bold 18px/42px Arial, Helvetica, sans-serif;
	text-align: left;
}


th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width:32px;
	height:25px;
	text-align: center;
}

td.event {
  background: url(gfx/kalenderaktiv.jpg);
  color: white;
}

td.event a.tt {
  color: white;
  cursor: pointer;
}

td a {
	color: #608194;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

td a:link, td a:visited {	
	color: #608194;
	position: relative;
	/*top: -20px;
	  left: -20px;*/	
}

td a:hover, td a:active {
	color: #6aa3ae;
}

#kalenderevents {
  display: none;
  position: relative;
	background: url(gfx/kalendereventbg_top.png) no-repeat left top;
	width: 286px;
	margin-right:20px;
	margin-top:15px;
}

#kalenderevents div {
	background: url(gfx/kalendereventbg_bottom.png) no-repeat left bottom;
	float: left;
}

#kalenderevents p {
  margin: 0px 13px;
  margin-bottom: 10px;
  clear: both;
}


#kalenderevents a.nav {
  position: absolute;
  top: 10px;
  left: 260px;
  cursor: pointer;
}




/*---------- Tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#ffffff;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*bakgrunn IE HACK*/
a.tt:hover{ z-index:25; background:none;}

a.tt:hover span.tooltip{
    font-size:11px;
	display:block;
    position:absolute;
    top:4px; left:-19px;
	padding: 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
    background: url(gfx/bubble.png) no-repeat top;
	padding: 30px 8px 0 26px;
}
a.tt:hover span.middle{ /* bg midt*/
	display: block;
	padding: 0 8px; 
	background: url(gfx/bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(gfx/bubble.png) no-repeat bottom;
}

/* LAYOUT */


div#column2 {
  position:relative;
  top: -6px;
	width: 100%;
	background-color: #FFF;
}

div#main {
	position:relative;
	padding: 10px;
	margin-left: 0px;
	width: 560px;
}
div#sidecol {
	padding: 0px;
	float: right;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}




/* FORMS */

.searchText
{
     border-style: hidden;
     border-width: 0px;
     color: #333;
	 width:148px;
	 height:21px;
     font-size:12px;
     background-image: url(gfx/sok.jpg);
	 margin-top:12px;
	 margin-left:15px;

}

input.rounded_text_big {
	float: left;
    border-style: hidden;
    border-width: 0px;
    color: #333;
    padding: 4px 10px;
    width:130px;
    height:15px;
    font-size:12px;
    vertical-align: middle;
    line-height: 12px;
	margin-right: 5px;
    background-image: url(gfx/rounded_text_big.jpg);
	margin-bottom: 5px;
}

input.rounded_text_small {
  vertical-align: middle;
  border-style: hidden;
  border-width: 0px;
  color: #333;
  padding: 4px 10px;
  width:85px;
  height:15px;
  font-size:12px;
  line-height: 12px;
  background-image: url(gfx/rounded_text_small.jpg);
  float: left;
}

.checkbox { 
background-color:#fff; 
border: 0px solid black;
margin-left: 5px; 
}

.button {
	font-size:10px;
	cursor:pointer;
    border: none;
	margin-left:10px;
	color:#FFF;
    background: url(gfx/sendbtn.png) no-repeat top left;
    padding: 2px 8px;
	width:88px;
	height:23px;
	float: right;
}

.button:hover {
    border: none;
    background: url(gfx/sendbtn_hover.png) no-repeat top left;
    
}


/* NAV */

#meny{
width: 100%;
margin-bottom:0px;

}


#topbar{
font-size:13px;
position:relative;
left: -5px; 
color:#FFF; 
font-weight:normal; 
clear:both;
}

	#topbar a{
	padding-left: 5px;  
	color:#FFF; 
	text-decoration:none; 
	position:relative;
  top:0;
  left:0;
  height:34px; 
	line-height:33px; 
	float:left; 
	display:block;
	cursor: pointer;
	}

  #topbar a span {
    position: relative;
    float:left;
  }
	
	a.active{ 	
	height:34px;
	background:url(gfx/nav/tb_a.png) right no-repeat;
	padding-right:10px;
	cursor: pointer;
	}
	
	a.active span{ 
	background:url(gfx/nav/tb_span.png) left top no-repeat; 
	height:34px; 
	display:block; 
	padding-left:10px;
	margin-left:0px;
	}
	
	a.inactive{ 	
	height:34px;
	background:url(gfx/nav/tb_ia.png) right no-repeat;
	padding-right:10px;
	}
	
	a.inactive span{ 
	background:url(gfx/nav/tb_ispan.png) left top no-repeat; 
	height:34px; 
	display:block; 
	padding-left:10px;
	margin-left:0px;
	}
	
	
	
#middlebar{
position:  relative;
font-size:11px; 
color:#FFF;
background: url(gfx/nav/mb_bg.png); 
height:46px;
width:920px;
margin: 0 0px 25px;
padding: 0; 
/*overflow:auto;*/ 
/*height:1%; */
clear:both;
}

	#middlebar a{	
					position:  relative;
					color:#FFF; 
					text-decoration:none; 
					margin:10px 5px; 
					padding:10px; 
					height:23px; 
					line-height:0px; 
					display:block; 
					float:left;
					cursor: pointer; 
					/*background:url(gfx/nav/mb_a.png) right top no-repeat;*/
				}
				
				
	#middlebar a:hover{ color:#FFF; 
					text-decoration:underline; 
				}			
				
	#middlebar a span{
	/*background:url(pic/mb_span.png) left top no-repeat;*/
	height:23px; 
	display:block; 
	padding-left:10px;
	}