/****************************************************************************
  Torsby Träteknik - www.swetubs.com - torsbytrateknik@telia.com
  Author: Katharina Andersson Media - www.kamedia.se - info@kamedia.se
  Date: 2008-05-30
****************************************************************************/

/****************************************************************************
  Layout
****************************************************************************/
* {
	margin: 0;
	padding: 0}
	
body {
	color: #000;
	font: 75%/140% Arial, Helvetica, Sans-serif;
	margin: 0;
	word-spacing: 1px}
	body.mainpage {
		background: #fff url("../images/background-mainpage2.png") repeat-x top left}
	body.subpage {
		background: #fff url("../images/background-subpage.png") repeat-x top left}
		
#container {
	background-color: transparent;
	margin: 10px auto 0;
	width: 950px}

/****************************************************************************
  Header
****************************************************************************/
#header {
	margin: 25px 0 0 0}
#logo {
	float: left;
	margin: 0 0 0 10px}
	
/*** Menu ***/
#menu {
float: right}
	#menu ul {
	list-style: none;
	margin: 10px 0 0 0}
	#menu li {
	float: left;
	margin: 0 0 0 20px}
	#menu li a {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase}
	#menu li a:hover, #menu li a.active {
	color: #FE6602}
	
/****************************************************************************
  Mainpage
****************************************************************************/

/*** Mainpage ***/
#content-mainpage {
	margin: 0 0 0 0}
#content-mainpage-left {
	float: left;
	margin: 20px 0 0 0}
#content-mainpage-right {
	color: #fff;
	margin: 0 0 0 445px}
	#content-mainpage-right a {
		color: #F15E02;
		font-weight: bold;
		text-decoration: none}
	#content-mainpage-right a:hover {
		color: #fff;
		text-decoration: underline}
	#content-mainpage-right h1 {
	font-family: "Calisto MT", "Times New Roman", Arial, Helvetica, sans-serif; 
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 10px 0;}
	#content-mainpage-right h2.slogan {
	color: #FE6602;
	font-family: "Calisto MT", "Times New Roman", Times, serif; 
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 10px 0;
	text-transform: none}
	#content-mainpage-right h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 0 0}
	#content-mainpage-right h3 {
	font-family: "Calisto MT", "Times New Roman", Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 5px 0}
	#content-mainpage-right p {
		padding: 0 0 10px 0}

/*** Mainpage2 ***/
#content-mainpage2 {
	margin: 20px 0 0 0;
	padding: 0}
	#content-mainpage2-imagelink, #content-mainpage2-imagelink2 {
		float: left;
		width: 230px}
	#content-mainpage2-imagelink {
		margin: 0 5px 0 0;
		padding: 10px 5px 0 0;}
	#content-mainpage2-imagelink2 {
		padding: 10px 0 0 0}
	#content-mainpage2-imagelink h1, #content-mainpage2-imagelink2 h1 {
		padding: 0 0 5px 0}
	#content-mainpage2-imagelink p, #content-mainpage2-imagelink2 p {
		padding: 0 0 0 10px}
	#content-mainpage2-imagelink p.link a, #content-mainpage2-imagelink2 p.link a {
		color: #F15E02;
		float: right;
		font-weight: bold;
		padding: 0 5px 0 0;
		text-decoration: none}
	#content-mainpage2-imagelink p.link a:hover, #content-mainpage2-imagelink2 p.link a:hover {
		color: #000;
		text-decoration: underline}
		
	/* Rotator */
	#content-mainpage-rotator {
	border: none;
	cursor: pointer;
	float: left;
	height: 235px;
	margin: 0 auto 0;
	overflow: hidden;
	position: relative;
	width: 260px}
	#content-mainpage-rotator img {
	border: 0;
	cursor: pointer;
	height: 235px;
	width: 260px}
	
/*** Mainpage3 ***/
#content-mainpage3 {
	margin: 20px 0 0 0;
	padding: 0;}	
	#content-mainpage3-left {
	float: left}
	#content-mainpage3-right {
	float: right}
		
/****************************************************************************
  Subpages
****************************************************************************/
#content {
	margin: 55px 0 0 10px}
	
#submenu {
float: left;
width: 220px}
	#submenu ul {
	list-style: none}
		#submenu li {
		border-bottom: 1px solid #ccc;
		height: 30px}
			#submenu li a {
			color: #F15E02;
			display: block;
			font-weight: bold;
			height: 23px;
			padding: 7px 0 0 10px;
			text-decoration: none}
				#submenu li a:hover, #submenu li a.active {
				background-color: #000;
				color: #fff}
		
#content-subpage {
float: left;
margin: 0 0 0 50px;
min-height: 400px;
width: 600px}
	#content-subpage a {
	color: #F15E02;
	font-weight: bold;
	text-decoration: none}
		#content-subpage a:hover {
		color: #000;
		text-decoration: underline}
	#content-subpage h1 {
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	text-transform:uppercase}
	#content-subpage h2 {
	font-size: 100%;
	padding: 0 0 5px 0;
	text-transform: uppercase}
	#content-subpage p {
	padding: 0 0 15px 0}
		#content-subpage p.breadcrumb {
		color: #444;
		font-size: 90%;
		padding: 0 0 25px 0}
			#content-subpage p.breadcrumb a {
			color: #F15E02;
			text-decoration: none}
				#content-subpage p.breadcrumb a:hover {
				color: #000;
				text-decoration: underline}
	#content-subpage span {
	padding: 0 10px 0 10px}
	#content-subpage table {}
		#content-subpage td {
		height: 20px;
		padding: 0 25px 0 0}
		#content-subpage td.bild {
		padding: 0 25px 15px 0}
	#content-subpage ul {
		padding: 0 0 10px 15px;
		list-style: disc;}
		#content-subpage li {
		padding: 0 0 5px 0}
		
	
/****************************************************************************
  Footer
****************************************************************************/
#footer {
	margin: 0 0 0 0;
	padding: 20px 0 20px 10px}
	#footer p {
		font-size: 90%}
	#footer span {
		color: #ccc;
		padding: 0 10px 0 10px}
	#footer a {
		color: #F15E02;
		font-weight: bold;
		text-decoration: none}
	#footer a:hover {
		color: #000;
		text-decoration: underline}
	#footer a.kamedia, #footer a.kamedia:hover {
		border: none;
		padding: 0 0 0 40px}
	

/****************************************************************************
  Misc
****************************************************************************/	
img {
	border: none}
hr {
	color: #ccc;
	height: 1px;
	margin: 0 0 10px 0;
	text-align: left;
	text-shadow: none}
	
	
/****************************************************************************
   Webshop
****************************************************************************/
#webshop {
min-height: 400px;
width: 980px}
iframe {
border: 0px;
min-height: 400px;
width: 980px}

#rotator {
height: 236px}
#rotator img {
display:none;
position: absolute}