/* Nye Tromsprodukt Webside, startet 11.mai 2007 */

* {
	padding: 0;
  	margin: 0;
} 


#container {
  	margin:0px auto; 
  	width: 950px;
  	background-color: #ffffff;
  	border: 1px solid #D9DBD9;
  	border-top: 0px none;
  	padding-left:7px; padding-right:7px; padding-top:0px; padding-bottom:7px;
}

#content { 
	margin: 0;
	padding: 0px;
	background: #fff url('../images/content-bgr.gif') repeat-y;
	border: 0px;
}

#content-topper { 
	height: 28px;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 19px; padding-top: 4px;
	background: #fff url('../images/content-top-bgr.gif') no-repeat;
	border-top: 1px solid #999;
}

#header {
    height: 210px;
    width:950px;
    background: #fff url('../images/header-bgr.gif') no-repeat top left;
    padding: 0px;
    border-top: 0px; 
}

#header img {
    border:0px; 
}

#headermenu { 
	font-family: verdana, helvetica, serif;
	font-size: 7pt;
	margin:0; 
	padding-top: 3px; padding-left: 16px;
	text-align:right;
}

#headermenu a { 
	padding-right: 16px; margin: 0;
	color: #ccc;
	text-decoration: none;
}

#headermenu a:hover { text-decoration: none; color: #f5f5f5;}

#logo { 
	position: absolute;
	top: 80px;
	margin-left:-2px; 
	width:287px; 
	height:55px;
	border:0px none; 
	z-index:100 ! important;
	}

#logotxt1 { 
	font-size: 11pt;
	font-family: helvetica, times, serif;
	position: absolute;
	top: 92px;
	margin-left:70px; 
	font-weight: 800;
	color: #808080;
	letter-spacing: 1px;
	width:280px; 
	padding: 55px 80px 58px 0;
}



#rightside { 
	width:600px; height:160px;
	padding:0; 
	margin:35px 0 0 0; 
	float: right;
	border: 0px; 
	background: white;
	text-align: right;
}

.search {
 	margin:0; 
 	padding:0px;
 	float: left;
 	width: 100%;
}

.search .textfield {
	border: 1px solid #D9DBD9;
	background: #FAFAFA;
	color: #464646; font-style:normal; font-variant:normal; font-weight:normal; font-size:small; font-family:Helvetica, sans-serif; 
	margin-left:0; margin-right:0; margin-top:22px; margin-bottom:16px; 
	padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px;
	
}

.search .button {
	width: 38px;
	height: 24px;
	border: 1px solid #D9DBD9;
	padding: 0;
	cursor: pointer;
	background: #FAFAFA;
	color: green; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin-left:0; margin-right:0; margin-top:24px; margin-bottom:16px
}

.newslist { 
  	margin: 0px 0 8px 0px;
  	list-style: none;
  	color: #507D55;
  	line-height: 10pt;
}

.newslist li { 
  	margin-top: 8px;
}

.newslist a { 
  	font-weight: bold;
}

.navlist{
border-bottom: 1px dashed #E9E9E9;
width: 160px;
margin-top: 12px; margin-left: 0px; margin-bottom: 0px;
font: .95em tahoma;
}

.navlist li{
list-style: none;
margin: 0;
padding-top: 0.3em; padding-bottom: 0.3em; 
border-top: 1px dashed #E9E9E9;
}

.navlist li a { text-decoration: none; color: #E7A937;}

.navlist li a:hover{
color: #454545; text-decoration: none;
}

.list_left {
	float: left;
	width: 190px;
	height: 100%;
	margin: 0;
	padding: 8px 4px 0px 4px;
	font: .90em Verdana, Arial, Sans-Serif; 
	background: #fff url('../images/tonet_oppned.gif') repeat-x top;
}

.list_right {
	float: left;
	width: 300px;
	height: 100%;
	padding: 8px 4px 0px 4px;
	margin: 0px;
	font: .90em Verdana, Arial, Sans-Serif;
	background: #fff url('../images/cube.png') no-repeat top right;
}

.imgs {
    border:1px solid green; 
    margin:0px 6px 3px 0px;
    float: left;
}

.img {
    border:0px none; 
    margin:0px 6px 3px 0px;
    float: left;
}

.img2 {
    border:0px none; 
    margin:0px 2px 1px 8px;
    float: right;
}

.img0 {
    border:0px none; 
}

p {
	margin-top: 0px; margin-left: 0px; margin-bottom: 10px;
}

.grey {
	font-size:.75em; 
}

a {	color: green; text-decoration: none;}

a:hover {	color: #808080; text-decoration: underline;}

.infotxt {	font-size: .80em}
.infotxt a {	color: #e5e1e1; text-decoration: underline;}
.infotxt a:hover {	color: #808080; text-decoration: none;}

#colOne {
	float: left;
	width: 200px;
	height: 100%;
	margin: 0;
	padding: 6px 4px 10px 14px;
	color: #999999;
	background: #2B5D1F;  /* url('images/tonet_oppned.gif') repeat-x top; */
	font:.70em Verdana, Sans-Serif; 
	}

#colTwo {
	float: left;
	width: 511px;
	height: 100%;
	padding: 4px 4px 0px 24px;
	margin: 0px 0 0 0px;
	font: 70% Verdana, Arial, Sans-Serif;
	color: #454545;
	background: #fff;
	border-left: 0px solid gray; 
	border-right:0px solid gray;
	border-top:0px solid gray;
	border-bottom:0px solid gray;
}

#colTwo span {
	color: #FF6501;
}

#outputlink {
	padding: 5px 0 0 4px;
	margin: 30px 0 20px -24px;
	width: 100%;
	height: 25px;	
	background: #fff url('../images/outputlink.gif') no-repeat top left;
}

#outputlink h3 {
	margin: -13px 0 0 100px;
}

#outputlink p {
	margin: 0px 0 0 100px;
	color: #999999;
}

#outputlink a {
	color: #fff;
}

#colThree {
	float: right;
	width: 166px;
	height: 100%;
	padding: 4px 2px 10px 8px;
	margin: 0px;
	font: .65em tahoma, Sans-Serif, helvetica;
	color: #454545;
	background: #fff url('../images/rightbox-bgr.jpg') repeat-x top left;  
	border:0px; 
}

#colThree a { text-decoration: underline; color: #2B5D1F;}

#colThree a:hover { text-decoration: none; color: #808080;}

#colThree h3 {
	color: #454545;
	font: 1.2em verdana;
	font-weight: 600;
	margin-top: 0px; margin-bottom: 8px;
} 

h1 {
	color: #454545;
	font: 1.8em tahoma, verdana, arial;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin-top: 0px; margin-bottom: 22px;
	padding-top: 20px;
}

h2 {
	color: #454545;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 32px; margin-bottom: 11px;
}

h3 {
	color: #999999;
	font-size: 1.1em;
	margin-top: 0px; margin-bottom: 5px;
}

h4 {
	color: #454545;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 17px; margin-bottom: 8px;
}

h5 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0px; margin-bottom: 2px;
}

body {
	background: #fff url('../images/vertical-gradient.gif') repeat-x top left;
	font-size: 100%;
	height: 100%;
	color: #454545;
}

html {
	overflow-y: scroll; /* Validerer ikke */
}

hr {
border: 1px solid line; /* Validerer ikke */
color: #487F63;
background: #DFDFDF;
margin: 3px 0px 3px 0px;
height: 1px;
width: 98%;
}

#footer { 
	border-top: solid #808080 4px;
	border-bottom: solid silver 1px;
  	width: 948px;
  	height: 90px;
  	background: #D9DBD9;  /* url('images/mangfold.gif') no-repeat top right; */
  	clear:both
}
#footer_text {
	text-align: center; 
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: .65em;
	margin-top: 25px;
	color: #454545;
	line-height: 12pt;
}

#footer_text a {
	font: .85em verdana;
	text-decoration: none;
	color: #436744;
}

#footer_text a:hover {
	color: #454545;
	text-decoration: underline;
}

    .click-menu {
        width: 185px;
		background-color: #2B5D1F;
		padding: 18px 12px 18px 0px;
		height: 100%;
    }
    
    .click-menu .box1 {
        background: url('http://www.tromsprodukt.no/images/menubutton.gif') no-repeat;
        color: #C9EAC1
    }
    .click-menu .box1-hover {
        background: url('http://www.tromsprodukt.no/images/menubutton.gif') no-repeat;
        color: #f9f9f9
    }
    .click-menu .box1-open {
        background: url('http://www.tromsprodukt.no/images/menubutton-click.gif') no-repeat;
        color: #f9f9f9
    }
    .click-menu .box1-open-hover {
        background: url('http://www.tromsprodukt.no/images/menubutton-click.gif') no-repeat;
        color: #FFEBA9
    }
    .click-menu .box1,
    .click-menu .box1-hover,
    .click-menu .box1-open,
    .click-menu .box1-open-hover {
        text-indent: 20px;
        font-weight: bold;
        font-size: 13px;
        line-height: 31px;
        font-family: helvetica, arial;
        cursor: pointer;
        width: 180px;
        letter-spacing: 1px;
    }
    .click-menu .section {
        background-color: #2B5D1F; /* bakgrunnsfarge i meny */
        font-family: arial;
        font-size: 12px;
        line-height: 15px;
        padding: 0 0 5px 10px;
        display: none;
    }
    .click-menu .section a {
        color: #ffffff;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .section a:hover {
        color: #FFFF99;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .box2 {
        border-color: #22AD35; /* bakgrunnslinjer i meny */
        border-width: 1px;
        border-style: none none solid solid;
        padding: 1px 0 2px 6px;
    }
    .click-menu .box2-hover {
        border-color: #22AD35;
        border-width: 1px;
        border-style: none none solid solid;
        padding: 1px 0 2px 6px;
        background: #2B5D1F;
    }