body {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	background-color: #f0f0f0;
	font-size: 75%; 
	font-family: Arial, Helvetica, sans-serif; 
	color : #000000; 
	text-align:center;
}


div#container {
 	background: white url("images/sidemenu_back.gif") repeat-y left top;
	position: relative;
	background-color: white;
	margin: 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align:left;
}

div#header {
	background: white url("images/autosound-logo.gif") no-repeat top left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 748px;
	height: 60px;
}

div#header h1, div#header span {
	display: none;
}


div#sidebanners {
	position: absolute;
	left: 0;
	top: 30em;
	width: 170px;
	text-align: center;
}

div#sidebanners img {
	border: 0 solid black;
	margin-bottom: 1em;
}

div#kw h1 {
	display: none;
}



/*************/
/* TOPBANNER */
/*************/
div#topbanner {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 468px;
	height: 60px;
}
/**********/
/* SEARCH */
/**********/
div#search {
	position: absolute;
	right: 0;
	top: 63px;
	margin-right: 0.5em;
}


/************/
/* MAINMENU */
/************/
div#mainmenu {
	position:relative;
	background: white url("images/topmenu_stripe.gif") repeat-x bottom;
	left: 0px;
	top: 60px;
	width: 100%;
	height: 2.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 105%;
	text-align: center;
} 


div#mainmenu h3, div#mainmenu span {
	display: none;
}

div#mainmenu ul {
	padding: 0; 
	margin: 0;
	list-style: none;
}

div#mainmenu li {
	float: left;
 	background:url("images/topmenu_inactive_right.gif") no-repeat right top;
	margin: 0;
	padding: 0;
}


div#mainmenu a {
	background:url("images/topmenu_inactive_left.gif") no-repeat left top;
	display:block;
	padding: 0.6em 2em 0.4em 2em;
	text-decoration: none;
	font-weight : bold;
	color : #ffffff; 
}

div#mainmenu li.selected {
 	background:url("images/topmenu_right.gif") no-repeat right top;
}

div#mainmenu li.selected a {
	color : black; 
 	background:url("images/topmenu_left.gif") no-repeat left top;
}

div#mainmenu a:hover {
	color : black; 
}



/***********/
/* SUBMENU */
/***********/

div#submenu {
	position: static;
	float: left;
	margin: 6.5em 0 0 0;
	padding: 0 0 0 14px;
	width: 150px;
} 

div#submenu span, div#submenu h3 {
	display: none;
}

div#submenu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


ul#submenuLevel1, ul#submenuLevel1cont {
	list-style-type: none;
}

ul#submenuLevel2 {
	list-style-type: none;
}

ul#submenuLevel1 li, ul#submenuLevel1cont li {
	background:url("images/listbutton.gif") no-repeat 0 1px;
	padding: 0 0 0 14px;
	margin: 0 0 0 0;
}

ul#submenuLevel1 a, ul#submenuLevel1cont a {
	margin-left: 0;
	padding-left: 0;
	line-height: 1.2em;
	font-size: 100%;
	font-weight: bold; 
	color: #444444;
	text-decoration: none;
}

ul#submenuLevel2 a {
	margin-left: 0;
	padding-left: 0;
	line-height: 1.2em;
	font-size: 100%;
	font-weight: normal; 
	color: #666666;
	text-decoration: none;
}

ul#submenuLevel1 a:hover, ul#submenuLevel1cont a:hover, ul#submenuLevel2 a:hover {
	color: #aaaa00;
}

ul#submenuLevel2 li {
	padding: 0 0 0 14px;
	margin: 0 0 0 0;
}

ul#submenuLevel1 li.selected a {
	color: #000088;
}

ul#submenuLevel2 li.selected a {
	color: #000088;
}


/************/
/* PAGEBODY */
/************/

div#pagebody {
	position: static;
	margin: 5em 0 0 172px;
	background-color: white;
	padding: 1em 2em 2em 2em;
} 

div#pagebody p, div#pagebody table {
	font-size: 100%; 
	font-family: Arial, Helvetica, sans-serif; 
	margin-top: 0.8em;
	margin-bottom: 0;
}

div#pagebody ul {
	margin: 0.5em 0 0.5em 3em;
	padding: 0 0 0 0;
}


div#pagebody h1 {
	text-align: left;
	font-size: 150%;
	font-weight: bold; 
	color : #005387; 
	margin-top: 0;
	margin-bottom: -0.3em;
}	

div#pagebody h2 {
	text-align: left;
	font-size: 120%;
	font-weight: bold; 
	color : black; 
	margin-top: 1.5em;
	margin-bottom: -0.2em;
}	

div#pagebody h3 {
	text-align: left;
	font-size: 100%;
	font-weight: bold; 
	color : black; 
	margin-top: 1.5em;
	margin-bottom: -0.2em;
}	


div#pagebody p.virhe {
	color: red;
	font-weight: bold;
}


div#pagebody input, div#pagebody textarea {
	background-color: #f8f8f8;
}

div#pagebody img.kehys {
	border: 1px solid black;
}


div#pagebody img.oikeakehys {
	float: right;
	border: 1px solid black;
	margin: 10px 0 10px 10px;
}

div#pagebody img.vasenkehys {
	float: left;
	border: 1px solid black;
	margin: 0 10px 10px 0;
}


.keskita {
	text-align: center;
}

div#pagebody img.oikea {
	float: right;
	margin: 10px 0 10px 10px;
}

div#pagebody img.vasen {
	float: left;
	margin: 10px 10px 10px 0;
}

div#pagebody hr {
	color: #eeeeee;
	clear: both;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0;
}


div#pagebody form label {
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding-right: 0.5em;
	float: left;
}


div#forumtable table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	border: 0px solid white;
}


div#forumtable th.headbegin {
	width: 25px;
	background: url('images/forum_header_left.gif') no-repeat top left;
	margin: 0;
	padding: 0;
}

div#forumtable th.headend {
	width: 125px;
	background: url('images/forum_header_right.gif') no-repeat top right;
	margin: 0;
	padding: 17px 25px 0px 0.5em;
	text-align: left;
}

div#forumtable th.headend a {
	margin: 0;
	color: blue;
	font-size: 140%;
	line-height: 1em;
	padding: 0;
	text-decoration: none;
}

div#forumtable th.headend a:hover {
	color: white;
}

div#forumtable td {
	background: url('images/forum_body_right.gif') no-repeat bottom right;
	margin: 0;
	padding: 0;
}

div#forumtable td ol {
	margin: 0;
	padding: 1em 1em 1em 0.5em;
}


div#forumtable td.head2begin {
	width: 25px;
	height: 15px;
	background: url('images/forum_header_left_bottom.gif') no-repeat bottom left;
	margin: 0;
	padding: 0;
}


div#forumtable td.head2end {
	width: 25px;
	height: 15px;
	background: url('images/forum_header_right_bottom.gif') no-repeat bottom right;
	margin: 0;
	padding: 0;
}

div#forumtable td.bodybegin {
	background: url('images/forum_body_left.gif') no-repeat bottom left;
	margin: 0;
	padding: 0;
}



div#mainbanner {
	width: 350px;
	margin: 0 auto 1em auto;
	text-align: right;
}

div#mainbanner a {
	color: red;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}


div.list tbody tr td, div.doublelist tbody tr td, div.triplelist tbody tr td, div.singlelist tbody tr td, div.sixlist tbody tr td {
	background-color: #eeeeee;
}

div.list td {
	padding: 0.5em;
	width: 25%;
}

div.doublelist td {
	padding: 0.5em;
	width: 50%;
}

div.triplelist td {
	padding: 0.5em;
	width: 33%;
}

div.singlelist td {
	padding: 0.5em;
	width: 100%;
}

div.sixlist td {
	padding: 0.5em;
	width: 16%;
}


div.list th, div.doublelist th, div.triplelist th, div.singlelist th, div.sixlist th {
	background-color: #cccccc;
	text-align: left;
}

div.magazine {
	float: left;
	display: inline;
	width: 150px;
	height: 290px;
	margin-right: 1em;
	clear: none; 
	text-align: center;
}


div#footer {
	position: static;
	clear: both;
	color: #888888;
	font-size: 11px;
	text-align: center;
}


div#footer ul li {
	display: inline;
	list-style-type: none;
}

div#footer ul {
	padding: 3px 0 0 0; 
	margin: 0 0 0 0;
}

div#footer a {
	margin: 0 0 0 0;
	padding: 0 3em 0 3em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color : #000088; 
}

div#footer li.selected a {
	font-weight: bold; 
}

div#footer a:hover {
	color : #dd6a03; 
}


/*************/
/* HEADLINES */
/*************/
div#headlines {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background: #fafafa;
	left: -140px;
	top: 4em;
	width: 128px;
	border: 1px solid #aaaaaa;
	padding: 5px 5px 5px 5px;
}

div#headlines h1 {
	border-bottom: 1px solid #aaaaaa;
	background-color: #f0f0f0;
	margin: -5px -5px -5px -5px;
	padding: 5px 5px 5px 5px;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

div#headlines ul {
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	font-size: 95%;
	list-style-type: none;
}

div#headlines a {
	font-size: 105%;
	font-weight: bold;
}

div#headlines li {
	margin-bottom: 0.5em;
}