h1, h2, h3, h4, h5{
	letter-spacing:-0.3px;
}

h1  { font-family: Arial, Tahoma; font-size: 24px; font-weight: normal; line-height: 30px; color: #0097B5; }
h2 { font-family: Arial, Tahoma; font-size: 18px; font-weight: normal; line-height: 24px; color: #9A2524; }
h3 { font-size: 16px; font-weight: bold; line-height: 22px; color: #9A2524; margin-top: 0; }
h4 { font-size: 14px; font-weight: bold; line-height: 20px; color: #9A2524; margin-top: 0; }
h5 { font-size: 12px; font-weight: bold; line-height: 18px; color: #9A2524; margin-top: 0; }
h6 { font-size: 11px; font-weight: bold; line-height: 17px; color: #9A2524; margin-top: 0; }

.container{
	height: 100%;
	margin: 0;
}

.container ul {
  padding: 0px;
  margin: 0px;
  clear: both;
}

.ajankohtaista ul {
	margin: 10px;
}

#wrap{
}

#top-area {
	background-image: url('http://www.speederman.com/public/Images/valikko-ylatausta.png');
	background-position: top; background-repeat: repeat-x;
	width: 100%;
	height: 70px;
}

#top-holder {
	background-image: url('http://www.speederman.com/public/Images/valikko.png');
	background-position: center top; background-repeat: no-repeat;
	width: 1000px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
}

a.top-left {
	background-image: url('http://www.speederman.com/public/Images/logo.png');
	background-position: top center; background-repeat: no-repeat;
	width: 314px;
	height: 63px;
	float: left;
}

#top-right {
	height: 63px;
	float: left;
	margin: 0;
	padding: 0;
}

#transparentarea {
	width: 100%;
	height: 270px;
	margin: 0;
}

#contentarea {
	width: 100%;
	/*height: 100%;*/
	margin: 0;
}

#contentholder {
	background-color: #FFFFFF;
	background-image: url('http://www.speederman.com/public/Images/kanttari.png');
	background-position: center top; background-repeat: no-repeat;	
	width: 949px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#contents {
	padding: 10px;
}

#content-left {
	float: left;
	width: 679px;
}

#content-right {
	width: 250px;
	float: right;
}


/* päävalikon tyylit */
#mainmenu {
	width: 620px;
	height: 65px;
}
#mainmenu .menu{
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size: 13px;
	color: #FFFFFF;
	list-style:none;
	clear:both;
	float:left;
	padding:0;
	margin:0;
}
#mainmenu .menu a{
	color:inherit;
	text-decoration:none;
	display:block;
	float:left;
	/*
	width: 78px;
	height: 40px;
	*/
	padding: 5px;
	text-align: center;
}
#mainmenu .menu li{
	border-left: 1px solid #0097B5;
	float:left;
}
#mainmenu .menu a:hover{
	text-decoration:underline;
}
#mainmenu .menu li.last{
	border-right: 1px solid #0097B5;
}
#mainmenu .menu{
	margin-top:8px;
	font-size:13px;
	font-weight:bold;
}
#mainmenu .menu a{
	color:#FFFFFF;
}
/* päävalikon tyylit */

/* alavalikon tyylit */
#submenu {
	width: 250px;
	float: right;
}
#submenu .menu{
	font-family:Arial, Tahoma, "Trebuchet MS";
	font-size: 12px;
	color: #0097B5;
	clear:both;
	padding:10px;
	margin:0;
	border-bottom: 1px dashed #0097B5;
}
#submenu .menu a{
	color:inherit;
	text-decoration:none;
	display:block;
}
#submenu .menu a.selected{
	font-weight: bold;
}
#submenu .menu a:hover{
	text-decoration:underline;
}
/* alavalikon tyylit */

#tuotteet {
	width: 100%;
}

.tuote {
	margin-top: 10px;
	padding: 5px;
}

.tuote .push {
	margin-left:160px;
	vertical-align:top;
}

.tuotekuva {
	float: left;
	border: 0;
}

.block {
	display: block;
}

/* varauskalenterin tuotteet */

.products-rentals {
	/*width: 929px;
	height: 400px;*/
}

/* tuotelistaus vuokrattavista tuotteista */
.products-rentals .list {
}

/* tuotteen thumbnailin ja nimen sisällään pitävä alue */
.products-rentals .box {
	float: left;
	width: 200px;
	margin: 5px;
	padding: 10px;
	border: 1px dotted #D5D8DD;
}
	
	.products-rentals .box .image {
		text-align: center;
	}

/* varauskalenterin tuotteet */


/* Yleiset */
p {
  font-family: Arial, Tahoma;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #1F2326;
  line-height: 19px;
}

p.uutinen_lisatty_pvm {
	font-size: 11px;
	color: #888888;
}

a {
  color: #452525;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.clear{
	clear:both;
}

table {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table th {
	background-color: #0097B5;
	color: #FFFFFF;
	text-align: left;
	padding: 4px;
}

table td {
	text-align: left;
	padding: 4px;
}

table.csvTaulut tr {
	background-color: #FFFFFF;
}

table.csvTaulut tr:hover {
	background-color: #E1F3FB;
}

#footer p{
	font-family: Arial, Tahoma, Verdana;
	color:#FFFFFF;
	font-size:13px;
	margin-top:20px;
	padding-bottom: 1px;
	text-align: center;
}

#admin_sisalto_esikatselu ul {
  margin: 0px;
  padding: 0px;
}

fieldset {
  border: 1px dashed #0097B5;
  text-align: left;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  font-size: 12px;
  color: black;
  padding: 8px;
}

legend { font-size: 14px; font-weight: bold; color: #0097B5; padding: 0;}

label {
  font-family: Arial, Tahoma, Verdana;
  text-align: left;
  float: left;
  width: 250px;
}

#description {
	line-height: 18px;
}

/* kuvien katseluun */
.productImages
{
	list-style:				none;
	margin:					0;
}
 
.productImages li
{
	float:					left;
	padding:				5px;
	width:					100px;
	height:					100px;
	text-align:				center;
}


/* vuokrauskalenterin muotoilut */
table.calendar-rentals {
}

table.calendar-rentals th {
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

table.calendar-rentals td {
	background-color: #FFFFFF;
	width: 120px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	padding: 12px;
	/*border: 2px solid white;*/
}

table.calendar-rentals td.reserved {
	background-color: #F96464;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 12px;
}

table.calendar-rentals .highlight {
	background-color: #DB0F0F;
}

table.calendar-rentals td.today {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #0097B5;
	padding: 12px;
}

table.calendar-rentals td p {
	background-color: #DF4747;
	color: #FFFFFF;
	margin-bottom: 0;
}

.calendar-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* vuokrauskalenterin muotoilut */







.remooz-element
{
	cursor:					-moz-zoom-in;
}

/**
 * Box layout
 */

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}
.remooz-loading
{
	background-image:		url('http://www.speederman.com/public/Images/spinner.gif');
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

/**
 * Close button
 */

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url('http://www.speederman.com/public/Images/closebox.png') no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url('http://www.speederman.com/public/Images/closebox.gif');
}

/**
 * Caption title
 */

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
	color:					#eee;
}
.remooz-title-content p
{
	color:					#eee;
}

/**
 * Type specific
 */

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

/**
 * Shadow
 */

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url('http://www.speederman.com/public/Images/remo_bg_n.png') repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url('http://www.speederman.com/public/Images/remo_bg_ne.png') no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url('http://www.speederman.com/public/Images/remo_bg_e.png') repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url('http://www.speederman.com/public/Images/remo_bg_se.png') no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url('http://www.speederman.com/public/Images/remo_bg_s.png') repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url('http://www.speederman.com/public/Images/remo_bg_sw.png') no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url('http://www.speederman.com/public/Images/remo_bg_w.png') repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url('http://www.speederman.com/public/Images/remo_bg_nw.png') no-repeat;
}

/* ######################################################### */
/* älä muokkaa tietoja jotka on syötetty tästä eteenpäin     */
/* ######################################################### */

/* TinyMCE */
body.mceContentBody {
  background-color: #FFF;
  font-family: Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #1F2326;
  line-height: 19px;
}

.mceContentBody a {
  font-family: Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #452525 !important;
  line-height: 19px;
}

.mceContentBody a:hover {
  text-decoration: none;
}

.mceContentBody table {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.mceContentBody table td {
	font-size: 12px;
	color: #1F2326;
	line-height: 19px;
	padding: 4px;
}