html { min-height: 100%; margin-bottom: 1px; } 

body {
	color: #000; 
	background: #e3ecdd url(http://www.juthbacka.fi/images/juthbacka2.gif) top left repeat-x; 
	font: 12px/16px Trebuchet MS, Verdana, Arial, sans-serif; 
	margin: 10px auto; 
	padding: 0px; 
	text-align: center; 
	}
	
/*--pagestructure--*/	

	#wrapper { width: 900px; margin: 0 auto; padding: 0; text-align: left; background:url(http://www.juthbacka.fi/images/bg.gif) top left repeat-y; }
	#header { width:898px; height:105px; background-color:#fff; border-right:1px solid #CCDDC1; border-left:1px solid #CCDDC1; margin:0; padding:0;}
	#headertop { width:900px; height:10px;  margin:0; padding:0; border:none;}
	#left { float: left; margin: 0; width: 560px; padding:0 40px 50px 50px;}
	#right{ margin-left: 650px; padding:0;}
	#contenthel { float: left; margin: 0; width: 770px; padding:0px 0px 10px 15px; }
	#footer { clear:both; padding-top:5px; background:url(http://www.juthbacka.fi/images/footer.gif) bottom left no-repeat;}

/* -- content styling -- */	

	h1 {color:#1F7439; font: normal 16px Trebuchet MS, Arial, Helvetica, Sans-serif;  margin: 20px 0px 15px 0px;}
	h2 {color:#5EA855; font: normal 14px Trebuchet MS, Arial, Helvetica, Sans-serif; margin: 16px 0px 12px 0px;}
	h3 {color:#666; font: bold 12px Trebuchet MS, Arial, Helvetica, Sans-serif; margin: 7px 0 0 0;}
	h4 {color:#333; font: normal 12px Trebuchet MS, Arial, Helvetica, Sans-serif; margin:7px 0 0 0;}
	h5 {color:#333; font: 12px Trebuchet MS, Arial, Helvetica, Sans-serif; margin:7px;}
	hr {border: none; height: 1px; background:#dcdcdc; color: #dcdcdc; margin: 5px 0; page-break-before: always; page-break-after: always;}
       #imgrow img{margin-right:5px; clear:right;}
/*-------------------topnav---------------------------------------------*/
     
.topnav {
                                  list-style: none;
                                  padding: 0;
                                  width:550px;
                                  margin:0px 0 10px 0;
                                  height:auto;
                                  }			

.topnav ul {
		font:bold 12px Trebuchet MS, Arial, Helvetica, Sans-serif;
		color:#fff;
		background-color:#006633;
		margin:0px;
		padding:0;
		}

	.topnav li {
        	display:inline;  
             	}

	.topnav li a {
		color:#fff;
		text-decoration:none;
		padding:5px 3px 5px 3px;
 		}
	.topnav li a:visited{
                 color:#FFFFFF; 
                 }
	.topnav li a:hover {
                     color:#86D786; 
                     }
	.topnav li a.selected {
		color:#000;
		background-color:#7CB976;                 
		}
        .topnav li.first{ padding-left:10px;}
	
/*--------------links---------------------------------*/
	a:link {color:#006633; text-decoration: none;}
	a:visited {color:#006633; text-decoration: none;}
	a:hover {color:#70A666; text-decoration: none;}
/*---------------rightnav startpage----------------------*/
#nav { margin: 0 0 20px 0; }

#nav ul, #rightmenu ul, #topnav ul {
                                  list-style: none;
                                  padding: 0;
                                  margin:0;
                                  }
#nav ul #undernav li a{ 
		 font: bold 12px Trebuchet MS, Arial, Helvetica, Sans-serif;;
		 color:#fff;
		 background-color:#86D786;
                display: block;
		padding: 30px 0 8px 58px;
		text-decoration: none;
		border:1px solid #fff;
		border-left:1px solid #ccc;
		margin:4px 0 4px 0;}
		
#nav li a, #nav li a:visited {
               font: bold 12px Trebuchet MS, Arial, Helvetica, Sans-serif;;
		color:#fff;
		background-color:#86D786;
                display: block;
		padding: 30px 0 8px 58px;
		text-decoration: none;
		border:1px solid #fff;
		border-left:1px solid #ccc;
		margin:4px 0 4px 0;
        }
/*----------------startpage subnav---------------------------*/

#nav li a:hover { color:#fff; }
#nav li a.camp{background:url(http://www.juthbacka.fi/images/b_camping.jpg) left no-repeat; }
#nav li a.camp:hover{background:url(http://www.juthbacka.fi/images/b_camping_hover.jpg) left no-repeat; }
#nav li a.konferens{background:url(http://www.juthbacka.fi/images/b_konferens.jpg) left no-repeat; }
#nav li a.konferens:hover{background:url(http://www.juthbacka.fi/images/b_konferens_hover.jpg) left no-repeat; }
#nav li a.boende{background:url(http://www.juthbacka.fi/images/b_hotell.jpg) left no-repeat; }
#nav li a.boende:hover{background:url(http://www.juthbacka.fi/images/b_hotell_hover.jpg) left no-repeat; }
#nav li a.kreator{background:url(http://www.juthbacka.fi/images/b_kreator.jpg) left no-repeat; }
#nav li a.kreator:hover{background:url(http://www.juthbacka.fi/images/b_kreator_hover.jpg) left no-repeat; }
#nav li a.hops{background:url(http://www.juthbacka.fi/images/b_designshop_n.jpg) left no-repeat; }
#nav li a.hops:hover{background:url(http://www.juthbacka.fi/images/b_designshop_nhover.jpg) left no-repeat; }
#nav li a.produ{background:url(http://www.juthbacka.fi/images/b_produforum.jpg) left no-repeat; }
#nav li a.produ:hover{background:url(http://www.juthbacka.fi/images/b_produforum_hover.jpg) left no-repeat; }
#nav li a.empty {background-color:#86d786;}

/*--diverse styles--*/
        #left img {border:1px solid #ccc;}
	#footer p {font-size:11px; color:#666; padding-left:30px; height:20px; margin:0; }
	.arkiv{}
	.arkiv h2, .arkiv h3, .arkiv ul, .arkiv p {padding-left:55px;}
	.arkiv a, .arkiv:visited {color:#1F7439;} 
	.arkiv ul, .arkiv li { list-style:none; padding-top:3px; margin:0;}
	.hr { border-bottom:1px dotted #1F7439; height:5px; margin:0; padding:0;}
	.border {border:5px solid #ccc;}
	form, select, input, textfield { font: 11px Trebuchet MS, Arial, Helvetica, Sans-serif; color:#006600; }
	table, tr, td{ font: 11px/16px Trebuchet MS, Arial, Helvetica, Sans-serif;}
       .left{ float:left; margin:0px 10px 10px 0px;}
       .right{ float:right; margin:0px 0px 10px 10px;}
       #imgrow img{margin-right:5px; clear:right;}
       .grey {color:#666; font-style:italic;}
       .description {color:#666; font-size:13px; }
/*-------------------rightmenu---------------------------------*/
#rightmenu ul {
                  margin-top:10px;
	          border-right: 1px solid #fff;
                  border-bottom: 1px solid #fff;
                  border-top:none;
                  border-left:1px solid #fff;
                  background-color:#1F7439;
                  }
#rightmenu a { 
                     display: block;
                     padding:5px 5px 5px 15px;
                     font-size: 12px;
                     border-top:1px solid #efefef;
                     background-color:#1F7439;
                     }
#rightmenu li a:link, #rightmenu li a:visited {
	                 color: #fff;
                         }

#rightmenu li a:hover, #rightmenu li a.selected {    
	                                                                background-color: #C4D9BC;
	                                                                color: #000;
                                                                        }


/*-----------------------------------------two column layout---------------------------------------------------*/
#column_wrapper {margin-top:20px;}

#inner        { 
                      float:left; 
                      display:inline; 
                      width:250px;
                      margin:0;
                      }
/*--to prevent weird space before heading--*/
#inner h1, #inner h2 {margin-top:0;}
#outer           {
                        margin:0px 20px 20px 270px; 
                        padding:0;
                        }

/*------search styles------*/
.search { font-size:11px; color:#333; background-color:#7CB976; padding:5px 5px 0px 15px; margin:0; border-top:1px solid #CCDDC1;  border-left:1px solid #CCDDC1}
#right form{ margin:0;}
.btn1 {
           background: transparent url(http://www.juthbacka.fi/images/searchbtn.gif) no-repeat top; 
	   width: 29px; 
	   height: 20px; 
	   border: 0; 
           cursor: pointer; 
           padding:0;
           margin:0;
                       }

input.searchfield {
	background: transparent url(http://www.juthbacka.fi/images/input.gif) no-repeat; 
	width: 173px; 
	height: 21px; 
	border:0;
        margin:0;
        padding:2px;		
			}
/* ---------Artikel styles---------- */
.rapportbox { 
	padding:10px; 
	float:left;
	width:508px;
        margin-top:10px;
	clear:both;
	}
	
	.rapportbox img { 
		margin:0 10px 0 0; 
		float:left;
              border:none;
               	}

	.rapportbox h2 { 
		display: inline;
		}

.clear { 
	clear:both; 
	}
	
.spacer { 
	height:12px; 
	clear:both;
	}


/*--Content styles--*/
.artikelbox { 
        width:508px;
	position:relative;
	float:left;
        margin-top:10px;
	padding:20px 20px 10px 20px; 
	clear:both;
	border:1px solid #7CB976; 
	background-color:#F5F8F3;
	}
	
.artikelbox img { 
		margin:0 10px 0 0; 
		float:left;
	}
.artikelbox h1 { 
		display: inline;
		}

.clear { 
	clear:both; 
	}
	
.spacer { 
	height:12px; 
	clear:both;
	}
.bigphoto img {text-align:center; margin:0px;}
.kommentarer {color:#666; margin:0;}

#senasteutgivet{
	background:url(http://www.juthbacka.fi/images/senasteutgivet.jpg) top no-repeat;
	width:230px;
	height:145px;
	padding:25px 10px 10px 10px;
	margin:0;
	color:#fff;
	}
#senasteutgivet a:link, #senasteutgivet a:visited {color:#fff;}
#senasteartikel{
	background:url(http://www.juthbacka.fi/images/senasteartikel.jpg) top no-repeat;
	width:230px;
	height:145px;
	padding:25px 10px 10px 10px;
	margin:0;
	color:#fff;
	}
#senasteartikel a:link, #senasteartikel a:visited {color:#fff;}
#harhordesvi a:link{color:#666666;}

.story_photo {
	float: left;
        margin: 0px 15px 10px 0px;
       padding:0;
	}
.post {
	padding: 0px;
	margin: 0px 40px 40px 0px;
	}

/*--------------------------------form-----------------------------*/

.comment_entry {
		margin: 0px 0px 45px 0px;
		}
		

#comment_entry_form {
	padding: 15px 10px 15px 10px;
	width: 475px;
	}

	#comment_entry_form .comment_label  
               {
		width:105px; 
		font-weight:bold;
                font-size:12px;
		padding: 3px 5px 0px 0px;
		margin: 5px 0px 5px 0px;
		}
         #comment_entry_label
              { 
              font-size:10px;
              }

	#comment_entry_form textarea 
                { 
		border:1px solid #7CB976; 
		background: #fff; 
		padding: 2px 0px 0px 5px;
		margin: 5px 0px 5px 0px;
		height:130px; 
		width: 350px;
		}
	
	#comment_entry_form .textbox   
               {
		width: 341px;
		margin: 5px 0px 5px 0px;
		}

	#comment_entry_form p 
               {
		margin: 5px 0px 10px 110px;
		}

	#comment_entry_form .comment_submit
               {
		margin: 10px 0px 0px 0px;
		}