/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bgwhite.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}


/* textlayout */
h2 {margin: 0; font-size: 2.5em;}
h3 {margin: 0; padding: 0 0 5px 5px; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
p {line-height: 1.8em; margin: 0 0 5px 0; font-size: 11px;}

#content p {padding: 0 5px 0 20px;}

/* wrappers */

#wrapper { width: 960px;
		   margin: 0 auto;
		   
			
}
#wrapper2 { width: 960px;
			height: 250px;
			margin-top: 10px;
}

/* Header */	


#header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	margin-left: auto;
	background-image: url(../images/header2.jpg);
}

#sponsor {
	float: right;
}

/* Menu */

#menycontainer{padding-left: 0em; padding-top: 0.2em; border-bottom: 1px solid #000000;}
#menycontainer ul{padding: 0.2em 0; margin: 0;  font: 70% Verdana, Helvetica, sans-serif;}
#menycontainer li{margin: 0; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.2em 0.9em; margin-left: 1px; background: #cccccc;	
	border: 1px solid #0066cc; border-bottom: none;}
#menycontainer a:link{color: #000000;}
#meny a:visited{color: #000000;}
#menycontainer a:hover{border-color: #666666;}
#menycontainer a#current{background: #0066cc; border: 1px solid #000000; border-bottom: 1px solid #0066cc; color: #FFFFFF;}



#undermenu ul{margin: 0; padding: 0.3em 0; text-align: left; background: #0066cc; font: 70% Verdana, Helvetica, sans-serif;}
#undermenu li{display: inline; margin-left: -0.35em}
#undermenu ul a{text-decoration: none; padding: 0.3em 2em; }

#undermenu a:link{color: #FFFFFF;}
#undermenu a:visited{color: #FFFFFF;}
#undermenu a:hover{color:#999999}
#undermenu a#current{background: #D6EBD6; color: #000000;}

#showroom {margin-top: 10px;
		   margin-bottom: 0;
		   width: 960px;
		   height: 250px;
		   
}

#showbarseniorer { background-image:url(../images/showbar_seniorer.jpg);
				   width: 960px;
				   height: 250px;
				   margin-top: 10px;
}

#showbarjuniorer { background-image:url(../images/showbar_juniorer.jpg);
			     width: 960px;
				 height: 250px;
				 margin-top: 10px;
}	

#showbarungdomar { background-image:url(../images/showbar_ungdomar.jpg);
				 width: 960px;
				 height: 250px;
				 margin-top: 10px;
}
#showbarforeningen { background-image:url(../images/showbar_foreningen.jpg);
				 width: 960px;
				 height: 250px;
				 margin-top: 10px;
}
#showbarbamse { background-image:url(../images/showbar_skidskola.jpg);
				 width: 960px;
				 height: 250px;
				 margin-top: 10px;
}

#showbararkivet{ background-image:url(../images/showbar_arkivet.jpg);
				 width: 960px;
				 height: 250px;
				 margin-top: 10px;
}
#showbarskidstadion { background-image:url(../images/showbar_skidstadion.jpg);
				 width: 960px;
				 height: 250px;
				 margin-top: 10px;
}



/* Page */

#page {width: 960px;
	   margin-top: 10px;
	   margin-left: auto;
	   margin-right: auto;
}

/* Content */

#content {float: left;
	      width: 640px;
		  margin-top: 10px;
	      
}
/* div for iframe */
/* LAYOUT AKTIVAS BILDER */
#photo {padding-left: 5px; padding-right: 5px; float:right;
}

/* SKIDSTADION */

#spaarkarta {width: 960px;
	      height: 485px;
		  background-image: url(../images/skidstadion/spaarkarta.jpg);
		  margin-top: 10px;
}


/* Sidebar */
#sidebarmenu {width: 230px;
			  height: 250px;
			  float: right;
}

#sidebar {float: right;
		  width: 300px;
		  margin-left: 20px;
}
/* sidebar_startsida */
#besokare {float: right;
		   width: 300px;
	       height: 30px;
		   background-image: url(../images/sidebar/besokare.jpg);
		   margin-top: 2px;
}
#besokare img {margin-top: 5px;			 
			 margin-left:20px;
}
#spaarstatus {width: 300px;
		      margin-top: 10px;
}
#spaarstatus_under {float: right;
		  		   width: 300px;
	     		   height: 30px;
		  		   background-image: url(../images/sidebar/sparstatus_reklam.jpg);
		  		   margin-top: 0px;
}
#tavlkal {float: right;
		  width: 300px;
	      height: 230px;
		  background-image: url(../images/sidebar/tavlingskalender.jpg);
		  margin-top: 10px;
}
#bamse   {float: right;
		  width: 300px;
	      height: 230px;
		  background-image: url(../images/sidebar/skidskola.jpg);
		  margin-top: 10px;
}
#konstsno {float: right;
		  width: 300px;
	      height: 230px;
		  background-image: url(../images/sidebar/konstsno.jpg);
		  margin-top: 10px;
}
#skidstadion {float: right;
		  width: 300px;
	      height: 230px;
		  background-image: url(../images/sidebar/skidstadion.jpg);
		  margin-top: 10px;
}
#wall_of_fame {float: right;
		  	   width: 300px;
	    	   height: 230px;
			   background-image: url(../images/wall_of_fame/startsida/nisse_ericsson.jpg);
			   margin-top: 10px;
}
#vasaloppslager {float: right;
		  	   width: 300px;
	    	   height: 230px;
			   background-image: url(../images/sidebar/vasaloppslager.jpg);
			   margin-top: 10px;
}
#jokerlotteriet {float: right;
		  		 width: 300px;
	     	     height: 230px;
		 		 background-image: url(../images/sidebar/jokerlotteriet.jpg);
		   		 margin-top: 10px;
}
/* Sidebar_Seni_Juni_Ung */

#aktiva {float: right;
		 width: 300px;
		 margin-top: 10px;
}
#aktiva a:link{text-decoration:none; color: #000000;}
#aktiva a:visited{text-decoration:none; color: #000000;}
#aktiva a:hover{text-decoration:none; color: #666666;}

#styrelse {float: right;
		 width: 300px;
		 margin-top: 10px;
		 border-left: 1px #000000;
		 border-bottom: 1px #000000;
}

#teaser {background-image:url(../images/teaser_jsm2010.jpg);
		 width:640px;
		 height: 100px;
		 margin-bottom: 5px;
		 
}
#news {background-image: url(../images/senastenytt.gif);
	   width: 640px;
	   height: 35px;
	   
			
}
/* GALLERIET */
#galleriseniorer {float: right;
				  width: 320px;
				  height: 230px;
				  background-image:url(../images/gallery_sen.jpg);
				  background-repeat:no-repeat;
				  background-position:center;
				  
				  
				  
}
#gallerijuniorer {float: right;
				  width: 320px;
				  height: 230px;
				  background-image:url(../images/gallery_jun.jpg);
				  background-repeat:no-repeat;
				  background-position:center;
				  
}
#galleriungdomar {float: right;
				  width: 320px;
				  height: 230px;
				  background-image: url(../images/gallery_ung.jpg);
				  background-repeat:no-repeat;
				  background-position:center;				  
				  }	
				  
/* GALLERI ;Problem med bilder på juni,seni,ung sidan */
#galleriungdomar2 {float: left;
				  width: 320px;
				  height: 230px;
				  background-image: url(../images/gallery_ung.jpg);
				  background-repeat:no-repeat;
				  background-position:center;				  
				  }	
/* ARKIVET */
#arkiv_video {float: left;
			  width: 300px; 
			  border-right: 1px #CCCCCC;
			  margin-bottom: 200px;
}
#arkiv_artiklar {float: left;
			  width: 300px;
			  border-right: 1px #CCCCCC;
			  margin-left: 2px;
			  margin-bottom: 200px;
}
#arkiv_resultat {float: left;
			  width: 300px;			  
			  margin-left: 2px;
			  margin-bottom: 200px;
}

#arkiv_video h3{ padding-left: 60px; , margin-top: 20px; }

#arkiv_artiklar h3{ padding-left: 60px; , margin-top: 20px; }	

#arkiv_resultat h3{ padding-left: 40px; , margin-top: 20px; }

#arkiv_resultat a{text-decoration: none; line-height: 1.8em; margin: 0 0 5px 0; font-size: 11px; 	padding-left: 45px; }
#arkiv_video a{text-decoration: none; line-height: 1.8em; margin: 0 0 5px 0; font-size: 11px; 	padding-left: 70px; }	
#arkiv_artiklar a{text-decoration: none; line-height: 1.8em; margin: 0 0 5px 0; font-size: 11px; 	padding-left: 70px; }
#arkiv_resultat a:hover{color:#0099FF;}
#arkiv_video a:hover{color:#0099FF;}	
#arkiv_artiklar a:hover{color:#0099FF;}	  
/* FOOTER */
#space {width: 960px; height: 100px; margin: 0; padding: 0;}
#footer { width: 960px;
		  margin-top: 0;
		  margin-left:auto;
		  margin-right:auto;
		  
}
#stripe_and_logo {height: 87px;
				  width: 960px;
				  float:left;
}
#blue_line {background-image: url(../images/footer/footer_stripe.gif);
			background-repeat: repeat-x;
			height: 87px;
			width: 960px;
			
			
}
#loggo_bg { background-image: url(../images/footer/footer_logo.jpg);
			background-repeat: no-repeat;
			width: 375px;
			height: 87px;
			margin-left: 50px;
}
#hif_name {background-image:url(../images/footer/footer_06.gif);
			width: 261px;
			height: 63px;
			margin-left: 82px;
}
/* lankningen i foten */
#link_page {width: 960px;
			height: 500px;
			float: left;
			background-color: #03006c;
			margin: 0;
			padding: 0;
}

#link_topic   {width: 100px; height: 200px;  float:left; margin-top: 25px; margin-left: 15px;}

/* Layout till länkarna */
#link_topic ul{margin: 0; padding: 0; text-align: left; font: 70% Verdana, Helvetica, sans-serif;}
#link_topic li{list-style: none;}
#link_topic ul a{text-decoration: none; padding: 0; }

#link_topic ul a:link{color: #FFFFFF;}
#link_topic ul a:visited{color: #FFFFFF;}
#link_topic ul a:hover{color:#999999}

#link_topic img {color: #03006c;}
#link_topic img { border:none;
				  }
#link_topic h4 {text-align: left; font: Verdana, Helvetica, sans-serif; font-size:9px; margin-top: 2px;}