/* *************************************************** */
/* Stylesheet for Pumpa upp värmen AB.                 */
/* http://www.pumpauppvarmen.se/                       */
/* Author: Magnus Hultberg    Date: 09/11/2006         */
/* Questions: magnus.hultberg@gmail.com                */
/* *************************************************** */

/*************************************/
/* Basics: formatting and tag styles */

* {
	font-family: "Trebuchet MS", verdana, sans-serif;
}

body {
	margin: 0; 
	padding: 30px 0px 50px 0px; 
	background-color: #06c;
	color: #fff;
	text-align: center;
	font-size: 75%; /* Takes font-size from 16px to about 12px... */
}

h1 {
	font-size: 1.6em;
}
	h1.PUV-headline_shoutitfromtherooftops {
		display: none;
	}
h2 {
	font-size: 2.0em;
}
	h2.PUV-headline_splashwelcome {
		font-size: 3.2em;
	}
h3 {
	font-size: 1.1em;
	padding: 0;
	margin: 8px 0px 4px 0px;
}

a {
	color: #fff;
	text-decoration: underline;
}
	a:hover {
		color: #bbb;
	}

.PUV-text_introduction {
	font-weight: bold;
}
	
.PUV-accessibilitytext {
	position: absolute;
	overflow: hidden;
	width: 0; 
	height: 0;
	font-size: 0;
}

.PUV-navigation_links {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	list-style-type: none;
}
	.PUV-navigation_links a {
		text-decoration: none;
	}
	.PUV-navigation_links span {
		font-size: 20px;
	}
	.PUV-navigation_selected {
		color: #FF9933;
		font-style: italic;
	}
	

.PUV-no_link_decoration a {
	text-decoration: none;
}

.PUV-image_inline {
	border: 1px solid #fff;
}

.PUV-image {
	border: 1px solid #fff;
}

.PUV-breakall {
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
}

/************************************* */
/* Tables: properties and presentation */

#PUV-table_savingscalculator {
	width: 165px;
}

/*********************************** */
/* Containers: layout and placements */

#PUV-container {
	width: 900px;
	margin: 0px auto; /* Centers page in Opera and Firefox... */
	padding: 0;
	text-align: left;
	border: 1px solid #fff;
	background: url(../graphics/logotype-top_fullwidth.gif) transparent no-repeat;
}

#PUV-header {
	width: 100%;
	height: 185px;
}
	#PUV-header_contactinformation {
		margin: 15px 0px 0px 15px;
		font-weight: bold;
	}
	#PUV-header_catchclick {
		width: 100%;
		height: 105px;
		cursor: pointer;
	}

#PUV-mainsection_kennert {
	width: 100%;
	float: left;
	min-height: 390px;
	margin: 0;
	padding: 0;
	background: url(../graphics/background-kennert_right_flirt.gif) transparent no-repeat top right;
	border-bottom: 1px solid #fff;
}
#PUV-mainsection {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
	#PUV-navigation {
		width: 175px;
		float: left;
		border-top: 1px solid #fff;
	}
		#PUV-navigation_primary {
			padding: 10px 0px 10px 15px;
		}
		#PUV-navigation_secondary {
			border-top: 1px solid #fff;
			padding: 10px 0px 10px 15px;
		}
	#PUV-content_narrow {
		width: 460px;
		float: left;
		margin: 0;
		padding: 0;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		/* border: 1px solid #f00; */
	}
		#PUV-content_narrow_whitespace {
			margin: 15px 0px 15px 25px;
			padding: 0 0 15px 0;
		}
			.PUV-box_left {
				float: left;
				width: 210px;
				border: 1px solid #fff;
				background-color: #06c;
			}
				.PUV-box_left_whitespace {
					margin: 10px;
					padding: 0;
				}	
			.PUV-box_right {
				float: right;
				width: 210px;
				border: 1px solid #fff;
				background-color: #06c;
			}
				.PUV-box_right_whitespace {
					margin: 10px;
					padding: 0;
				}
	#PUV-content_wide {
		width: 680px;
		float: left;
		margin: 0;
		padding: 0;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		/* border: 1px solid #f00; */
	}
		#PUV-content_wide_whitespace {
			margin: 15px 0px 15px 25px;
			padding: 0 0 15px 0;
		}
	#PUV-content_rightcolumn {
		width: 220px;
		float: right;
		margin: 45px 10px 0px 0px;
		padding: 0;
		/* border: 1px solid #f00; */
	}
		#PUV-content_rightcolumn_whitespace {
			margin: 15px 10px 15px 10px;
			padding: 0;
		}

#PUV-footer {
	margin: 0;
	padding: 5px 10px 5px 0px;
	text-align: center;
}

#PUV-star_finansiering {
	position: relative;
	top: -60px;
	left: 80px;
	width: 170px;
	height: 123px;
	background: url(../graphics/star-finansiering_shaker.gif) transparent no-repeat;
	cursor: pointer;
}

#PUV-star_skickasms {
	position: relative;
	top: 180px;
	left: -40px;
	width: 137px;
	height: 114px;
	background: url(../graphics/star-skickasms.gif) transparent no-repeat;
}