/*****************************************************/
/*   Author:  Morten Pelle Korsmo                    */
/*            pelle@blend.no                         */
/*   Version: 1.0                                    */
/*   Date:    4. mars 2007                       */
/*****************************************************/

* { margin: 0; padding: 0; color: #043883; line-height: 1.4; }

HTML,BODY {
	margin: 0px;
	padding: 0px;
	/*background: url(/images/bg_main.png) repeat-y top center;*/
	background-color:	#f1f1f2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #043883;
	height:100%;
}

img { 
	behavior: url(iepngfix.htc);
	margin-bottom:15px;
	}
	
.leftfloat {
	float: left;
	margin-right: 6px;
	width: 150px;
}

#bgwrap {
	width: 1111px; 
	margin: 0px auto;
	/*border: 1px solid red;*/
	height: 100% auto;
	background: url(/images/bg_main.png) repeat-y top center;
}
#wrap {
	width: 1011px; 
	margin: 0px auto;
	padding-bottom:15px;
	/*border: 1px solid red;*/
	height: 100% auto;
}
/*
DIV {
	border: 1px solid red;
	}
*/
/**************/
/*   HEADER   */
/**************/
/*#header-section {
	margin: 0px;
	padding: 0px;
	border-top:8px solid #ffffff;
	border-bottom:8px solid #ffffff;	
	background-color: #f19300;
	background-image:url(../images/bg_top.png);
}*/

#header {
	background-image:url(/images/topp.png);
	background-repeat:no-repeat;
	width: 1011px;
	height: 120px;
	/*float:left;*/
	margin: 0px;
	padding: 0px;
	/*border: 1px solid blue;
	margin-top: 10px;*/
}

/*#header-right {
	background-color: #f19300;
	background-image:url(../images/bg_top.png);
	height: 73px;
	margin: 0px;
	padding: 0px;
}*/

.small {
	font-size:9px;
}
#navcol {
	padding: 0px;
	width: 180px; 
	overflow: hidden;
	float:left;
	color: #ffffff;
	/*border: 1px solid white;	*/
}
#menuitem {
	color:#043883;
	background:url(../images/bg_menu.png);
	background-repeat:no-repeat;
	height:31px;
	width:156px;
	margin-bottom:5px;
	margin-top:5px;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:24px;
	/*border: 1px solid black;*/
}
#menuitem A{
	color:#043883;
	text-decoration:none;
}

#menuitem a:hover {
	color:#ffffff;
	text-decoration:none;
}
#submenuitem {
	color:#043883;
	padding-left:34px;
	padding-bottom:5px;
}
#bgfooter {
  width: 1111px;
	height:65px; 
	margin: 0px auto;
	height: 100% auto;
	padding: 0px;
	background-image: url(../images/bg_footer.png);
	background-repeat: no-repeat;
	text-align:center;
	/*background-position: center top;*/
	behavior: url(iepngfix.htc);
	/*border: 1px solid black; 	*/
}

#hline {
	background-image: url(/images/hline.png);
	background-repeat: repeat-x;
	height: 14px;
	behavior: url(iepngfix.htc);
	clear:both; 	
}
#hline_submenu {
	background-image: url(/images/hline_submenu.png);
	background-repeat: repeat-x;
	height: 14px;
	behavior: url(iepngfix.htc); 	
}
#vline {
	background-image: url(/images/vline.png);
	background-repeat: repeat-y;
	width: 28px;
	height: 100%;
	behavior: url(iepngfix.htc); 	
}
#imgbox {
	width: 550px;
	overflow: hidden;
	float: left;
	z-index:0;
}

#main {
	padding:0px;
	overflow:hidden;
	margin: 8px 15px 0px 15px; /* top,right,bottom,left*/
	/*border: 1px solid blue;*/
}

#sidecol {
	padding: 0px;
	margin: 0px 0px 0px 0px; /* top,right,bottom,left*/
	width: 165px;
	float:right;
	color: #717073;
	/*border: 1px solid red;*/
}

/*******************/
/***   GENERAL   ***/
/*******************/
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #043883;
	/*font-style: italic;*/
	font-style:normal;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;	
	color: #043883;	
	/*font-style: italic;*/
	font-style:normal;
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;	
	color: #043883;
	font-variant:inherit;	
}
H4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;	
	color: #043883;
	font-variant:inherit;	
}
/*A {
	color: #83b819;
	text-decoration: underline;
}
*/
A {
	COLOR: #043883;
	text-decoration: none;
}
A.active {
	COLOR: #043883;
}
A.visited {
	COLOR: #043883;
}
A:hover {
	COLOR: #043883; 
	text-decoration: underline;
}

#white{
	COLOR: #FFFFFF;
	text-decoration:none;
}
a:hover#white{
	COLOR: #FFFFFF; 
	text-decoration:underline;
}
#orange{
	COLOR: #f19300; 
	text-decoration:none;
}
#darkred{
	COLOR: #043883; 
	text-decoration:none;
}
a:hover#darkred{
	COLOR: #043883; 
	text-decoration:underline;
}
INPUT {
	border: solid 1px #d0d0d0;
}

TEXTAREA {
	width : 350px; 
	border: solid 1px #d0d0d0;
}

/*****************/
/*   MAIN MENU   */
/*****************/
.mainmenu {
	font-family:Arial, Helvetica, sans-serif;	
	border: 0px;
	font-weight: bold;
	background-color: #eeebe8;
	border-right: 7px solid #ffffff;
	background-image: url(../images/bg_mainmenu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 99;	
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	/*border-bottom-width: 0;*/
	
}

.mainmenu li ul{
list-style-type:none;
text-indent:10px;
}

.mainmenu li a{
/*background: white url(media/glossyback.gif) repeat-x bottom left;*/
background-color:#f19300;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px dashed #C7DC98;	
	padding-left:12px;
	padding-top:4px;
	padding-bottom:4px;	
}

* html .mainmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.mainmenu li a:visited, .mainmenu li a:active{
color: white;
}

.mainmenu li a:hover{
	background-color:#bc2b16;
	color: #f19300;	
	
}
#subitem {
	font-family:Arial, Helvetica, sans-serif;	
	border-bottom: 1px solid #043883;
	padding: 0px;
	margin: 0px;
	/*padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;	*/
	background-color:#bc2b16;
	color:#FFF;
}

#subitem a {
	color: #FFF;	
	text-decoration: none;
	border:none;
}

#subitem a:hover {
	color: #f19300;	
	/*background-color:#bc2b16;*/
	text-decoration: none;
}

/********************/
/***  INTERFACE   ***/
/********************/
#boxright  {
	width: 258px;
	float:right;
	margin-left: 8px; /*top,right,bottom,left*/
	font-size:12px;
	color: #717073;
	/*border: 1px solid red;*/
}
#boxleft {
	width: 268px;
	float: left;
	padding-right: 8px;
	background-image:url(../images/vline.png);
	background-repeat:repeat-y;
	background-position:right;
	color: #717073;
	/*vertical-align:middle;*/
	font-size:12px;
	/*border: 1px solid black;*/
}
#rightcolumn {
	/*padding: 0px 10px 0px 10px; /*top,right,bottom,left*/
	margin:0px;
	font-size:11px;
	color: #043883;
	width:210px;
	float:right;
}	

#rightcolumn strong {
	color: #043883;
}	
#rightbox1{
	background:url(../images/rbox1_bg.png);
	background-repeat:repeat-y;
	overflow:hidden;
	color: #FFF;
	padding-left: 20px;
	padding-right: 20px;
	width: 210px;
}
#rightbox2{
	background:url(../images/rbox2_bg.png);
	background-repeat:repeat-y;
	overflow:hidden;
	color: #043883;
	padding-left: 20px;
	padding-right: 20px;
	width: 210px;
}
#rightcolumn_white {
	padding: 0px 10px 0px 10px; /*top,right,bottom,left*/
	font-size:11px;
	color: #FFF;
}	

#rightcolumn_white strong {
	color: #FFF;
}	

#articlearea	{
	/*margin: 0px 15px 0px 15px; /* top,right,bottom,left*/
	overflow: hidden;
	/*left: 230px;
	margin-left:24px;*/
	width:550px;
	/*color: #717073;*/
	float:left;
	/*border: 1px solid green;*/
}
#articlearea2	{
	margin: 10px 20px 0px 0px; /* top,right,bottom,left*/
	overflow: hidden;
	width:560px;
	color: #717073;
	float:right;
	/*border: 1px solid blue;*/
}
#articlearea3	{
	margin: 40px 40px 40px 40px; /* top,right,bottom,left*/
	overflow: hidden;
	width:275px;
	color: #717073;
	float:right;
	/*border: 1px solid blue;*/
}

.searchinput{
	border: 0px none;
	width: 90px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;		
}

.searchbutton{
	border: 0px none;
	height: 16px;
	padding:2px;
	background-color: #790016;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	font-weight: bold;
}

.button{
	border: 0px none;
	padding:2px;
	background-color: #f19300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	font-weight: bold;
}

.logininput{
	border: 0px none;
	width: 120px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
}

.articleimg	{
	float: left;
	margin-right:10px;
	border: 1px solid #FFFFFF;
}

.thmbimg	{
border: 1px solid #FFFFFF;
margin-bottom: 5px;
margin-right: 10px;
}


#bgarticle {
    margin: 0px;
    padding: 0px;
		background-image: url(../images/bg_1colmain.png);
    background-repeat: repeat-y;
		background-position: right bottom;
}
.clear{
	clear:both;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	display:block;
	height: 1px;
	}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	color:#FFFFFF;
	font-size:12px;
	clear: both;
	height:25px;
}
#footer A {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer A:hover {
	color:#0099FF;
}

#subfooter {
	font-size:9px;
	text-align:center;
	padding-top: 4px; 
	/*color:#FFFFFF;*/
	vertical-align:bottom;
	text-decoration:none;
}
#subfooter A:hover {
	text-decoration:underline;
}
.articlelist {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	width: 355px;
	float:left;
	/*background-image:url(/images/vline.png);
	background-repeat:repeat-y;
	background-position:left;*/
	/*border: solid 1px red;*/
}

hr {
	/*border: 1px dashed #999999;*/
	background-image: url(http://www.installatorproven.no/images/hline.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	margin: 10px 0px 10px 0px;
	clear: both;
	height:10px;
	border:none;
}

#logolink {
	width: 175px;
	height: 93px;
	/*margin-top: 30px;*/
	margin-left: 30px;
	float:left;
	/*border: 1px solid red;*/
	cursor:pointer;
}
#searchbox {
	/*width: 175px;
	height: 93px;*/
	/*margin-top: 30px;*/
	margin-right: 27px;
	margin-top:80px;
	float:right;
	/*border: 1px solid red;*/
	cursor:pointer;
}
#menuarea {
	height: 100%;
	width: 182px;
	margin-right: 17px;
	/*background-image:url(/images/menubg.png);
	background-repeat:repeat-x;*/
	/*top:150px;
	margin-top:150px;
	padding-top: 100px;
	padding-left: 72px;
	padding-bottom: 0px;
	padding-right: 0px;*/
	float: left;
	/*border: 1px solid blue;*/
}

.articlemenu {
 float:right;
 width:330px;
 margin-right:10px;
 /*border: 1px solid blue;*/
}