/* CSS Document */

/* 
---------------------------------------------------------------------
	TimeOut Spa, December 2009
	Design: parny produktion, www.parny.se    
---------------------------------------------------------------------
*/

* 					{ margin:0; padding:0;} 
body 				{ font: 13px arial, verdana, sans-serif; background-color:#c4bca7; color:#666; background-image:url(grafik/bg_monster.gif); background-repeat: repeat-y;}

a:link 				{ text-decoration: none; color: #333333;}
a:visited 			{ text-decoration: none; color: #333333;}
a:active 			{ text-decoration: none; color: #333333;}
a:hover 			{ text-decoration: underline; color: #CC9900;}
a img 				{ border: 0; }

h1 					{ font: 18px arial, verdana, sans-serif; color:#333333; }
h2 					{ font: 15px arial, verdana, sans-serif; font-weight:bold; color:#333333; }

#innehall			{ position:absolute; width:900px; top:50%; left:50%; margin-left:-450px; margin-top:-300px; height:580px; padding-top:20px; background-image:url('grafik/bg_main.gif'); background-position: right; background-repeat: no-repeat; background-color:#FFF; border:2px solid #999999; }
#top 				{ width: 875px; height:120px; margin-left:12px; text-align:left; }
#logga 				{ margin-right:100px; float: left; }
#meny 				{ width: 200px; height:420px; margin-left:12px; margin-top:30px; float: left; text-align:left; }
#stenar 			{ position:absolute; bottom:5px; left:5px; }

#main 				{ width: 600px; padding-right:35px; height:425px; margin-left:53px; margin-top:30px; float: left; text-align:left; overflow:auto; }

a.nav 				{ width: 200px; height: 30px; display: block; }
a.nav span 			{ display: none; }

a#start 			{ background-image: url('grafik/menystarta.gif'); background-repeat: no-repeat; }
a:hover#start 		{ background-image: url('grafik/menystartb.gif'); background-repeat: no-repeat; }

a#sid1 				{ background-image: url('grafik/meny1a.gif'); background-repeat: no-repeat; }
a:hover#sid1 		{ background-image: url('grafik/meny1b.gif'); background-repeat: no-repeat; }
a#sid1.current		{ background-image: url('grafik/meny1c.gif'); background-repeat: no-repeat; }
a:hover#sid1.current		{ background-image: url('grafik/meny1d.gif'); background-repeat: no-repeat; }

a#sid2 				{ background-image: url('grafik/meny2a.gif'); background-repeat: no-repeat; }
a:hover#sid2 		{ background-image: url('grafik/meny2b.gif'); background-repeat: no-repeat; }
a#sid2.current		{ background-image: url('grafik/meny2c.gif'); background-repeat: no-repeat; }
a:hover#sid2.current		{ background-image: url('grafik/meny2d.gif'); background-repeat: no-repeat; }

a#sid3 				{ background-image: url('grafik/meny3a.gif'); background-repeat: no-repeat; }
a:hover#sid3 		{ background-image: url('grafik/meny3b.gif'); background-repeat: no-repeat; }
a#sid3.current		{ background-image: url('grafik/meny3c.gif'); background-repeat: no-repeat; }
a:hover#sid3.current		{ background-image: url('grafik/meny3d.gif'); background-repeat: no-repeat; }

a#sid4 				{ background-image: url('grafik/meny4a.gif'); background-repeat: no-repeat; }
a:hover#sid4 		{ background-image: url('grafik/meny4b.gif'); background-repeat: no-repeat; }
a#sid4.current		{ background-image: url('grafik/meny4c.gif'); background-repeat: no-repeat; }
a:hover#sid4.current		{ background-image: url('grafik/meny4d.gif'); background-repeat: no-repeat; }

a#sid5 				{ background-image: url('grafik/meny5a.gif'); background-repeat: no-repeat; }
a:hover#sid5 		{ background-image: url('grafik/meny5b.gif'); background-repeat: no-repeat; }
a#sid5.current		{ background-image: url('grafik/meny5c.gif'); background-repeat: no-repeat; }
a:hover#sid5.current		{ background-image: url('grafik/meny5d.gif'); background-repeat: no-repeat; }

a#sid6 				{ background-image: url('grafik/meny6a.gif'); background-repeat: no-repeat; }
a:hover#sid6 		{ background-image: url('grafik/meny6b.gif'); background-repeat: no-repeat; }
a#sid6.current		{ background-image: url('grafik/meny6c.gif'); background-repeat: no-repeat; }
a:hover#sid6.current		{ background-image: url('grafik/meny6d.gif'); background-repeat: no-repeat; }

a#sid7				{ background-image: url('grafik/meny7a.gif'); background-repeat: no-repeat; }
a:hover#sid7 		{ background-image: url('grafik/meny7b.gif'); background-repeat: no-repeat; }
a#sid7.current		{ background-image: url('grafik/meny7c.gif'); background-repeat: no-repeat; }
a:hover#sid7.current		{ background-image: url('grafik/meny7d.gif'); background-repeat: no-repeat; }

#kontakt 			{ position:absolute; bottom:-18px; left:0; font-size: 12px; width: 100%}
#parny 				{ position:absolute; bottom:-40px; right:0px; font-size: 9px; }
#parny a:link 		{ color: #999999; text-decoration: none; }
#parny a:visited 	{ color: #999999; text-decoration: none; }
#parny a:hover 		{ color: #033; text-decoration: none; }

#welcome 			{font-weight: bold;text-align: right;padding-right:20px}
#welcome-pict		{margin-bottom: 20px;text-align: center;}
#welcome-text 		{height: 150px; overflow: auto;padding-right:20px}

#page_content		{width:420px;height: 395px; overflow: auto;padding-right:20px}
#page_pict {
	float: right;
	width: 145px;
	margin-left: 10px;
}

.news_row {margin-top:10px;margin-bottom:10px}

.news_pictR {
	float: right;
	width: 150px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.prod_r {
	float: right;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.prod_l {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
}
	
.left 	{text-align: left;}
.center {text-align: center;}
.right 	{text-align: right;}
.bold 	{font-weight: bold;}
.clear_b {clear:both}
.padding_b20 {padding-bottom:20px}
.fonts11 {font-size:11px}

/* ------------------------------------------------------------*/
div#senastenytt {
	position: relative;
	width: 581px;
	height: 160px;
	background: transparent url('grafik/sn_bkgr.jpg') no-repeat bottom;
	font-size: 11px;
	color: #333333;
}

div#senastenytt .sn_rubrik {
	padding-top: 8px;
	margin-left: 20px;
	padding-left: 5px;
	font-size: 18px;
	background: transparent url('grafik/senaste-nytt.png') no-repeat bottom;
	width: 113px;
	height: 21px;
	color: #000000;
}

div#senastenytt .sp_sn_rubrik {
	visibility: hidden;
}
div#senastenytt .sn_head {
	font-size: 12px;
}
div#senastenytt .sn_date {
	font-size: 10px;
}

div#senastenytt .sn_body {
	padding-left: 10px;
}
div#senastenytt .sn_content {
	padding-top: 0px;
}
div#senastenytt .sn_pict {
	float: right;
	width: 161px;
	text-align: right;
	padding-right: 12px;
	margin-left: 10px;
}
