/**********************************************************
* RESET
*/

html {
	overflow-y: scroll;
}

body,html,div,dl,dt,dd,ul,ol,liz,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,blockquote,fieldset {
	margin: 0;
	padding: 0;
}

th,td { margin: 0; }

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

img, fieldset { border: 0; }

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

/* ul { list-style: none; } */

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 3px 3px 3px 0px;
}

q:before, q:after { content: ''; }

abbr,acronym { border: 0; }

a { text-decoration: none; }

/**********************************************************
* CLEARFIX
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/**********************************************************
* GENERAL  FIXES
*/

div.contentpaneopen_edit { float: right; }

.mceToolbarTop { text-align: left; }
.mceContentBody { padding-left: 3px; }

table#toolbar a.toolbar { margin-left: 3px; }

table.adminform td { padding: 5px; }
table.adminform tr.row0 td { background-color: #eaeaea; }
table.adminform th { background-color: #ccc; font-weight: bold; padding: 5px; }

form#com-form-login fieldset.input { margin-bottom: 18px; }
form#com-form-login table.contentpane img { display: none; }

div#editor-xtd-buttons { margin-top: 5px; }

div#editor-xtd-buttons div.button2-left { 
	float: left; 
	border: 1px solid #ccc;
	margin-right: 2px;
	width: 80px;
	text-align: center;
}

div#editor-xtd-buttons div.button2-left a { 
	background-color: #fff;
	display: block;
	height: 100%; 
	padding: 5px;
}

div#editor-xtd-buttons div.button2-left a:hover { background-color: #eaeaea; }

table.adminform img#publish_up_img, table.adminform img#publish_down_img { margin: 0 0 -4px 3px; }

div#dpprint_btns { margin-bottom: 10px; }

.seo {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 2px 0;
}

dl#system-message {
	background-color: #fff;
	border-color: #fbb016;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	margin-bottom: 10px;
	padding: 10px;
	width: 400px;
}

dt.error { font-weight: bold; }

div.tool-tip {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	z-index: 10000;
}

div.dparticle_form_title input { width: 260px; }

table.dparticle_form_admintop td { padding: 0 0 5px 0; }

input.dpbtn {
	background-color: #e0dfe3;
	border: 1px solid #888;
	color: #333;
	cursor: pointer;
	font-family: arial, verdana;
	font-size: 11px;
	height: 20px;
	overflow: visible;
	padding: 0 5px;
}

/**********************************************************
* TABS
*/

dl#pane .closed{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height:18px !important;
	line-height:normal;
	margin:1px 2px -3px 0px;
	padding:5px;
	width:100px !important;
	z-index:3;
}

dl#pane .open{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fcfcfe;
	height: 18px !important;
	line-height: normal;
	margin: 1px 2px -1px 0px;
	padding: 5px;
	width: 100px !important;
	z-index: 0;
	display: block;
}

dl#pane h3 { border-bottom: none; }

.tabs{
	width: 400px;
	clear: both;
	padding-top: 20px;
	font-size: 10px;
}

.tabs dt{ float: left; }

.current{
	clear: both;
	border: 1px solid #ccc;
	background-color: #fcfcfe;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.current dd{
	margin:0;
	padding: 0 0 0 5px;
}

.panelh3{
	margin: 0;
	font-size: 12px;
}

table.adminform td { padding-bottom: 4px; }


/**********************************************************
* BODY
*/

body, html { height: 100%; }

body, div, table {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, sans-serif;
	color: #683E04;
}

h1 { font-size: 19px; }

.component h1 {
	margin-bottom: 10px;
}

h2 { 
	font-size: 16px; 
	font-weight: bold; 
	padding: 5px 0 20px 0;
}
h3 { 
	font-size: 13px; 
	font-weight: bold;
}

h4,h5,h6 {
	font-size: 11px; 
	font-family: Arial, sans-serif;
	text-transform: none;
}

p, td, li { 
	/* font-size: 14px; */ 
	margin: 0 0 5px 0; 
}

ol li {
	padding-left: 0px;
	margin-left: 40px;
	padding-bottom: 10px;
}

hr {
	background-color: #eaeaea;
	border: none;
	clear: both;
	height: 1px;
}

a { 
	color: #0000e6;
    text-decoration: none;
}

a:hover { 
    text-decoration: underline;
}

.component a:visited { 
    color: #0000e6;
}


/**********************************************************
* MAIN BLOCKS
*/
#wrapper {
	min-height: 100%;
	height: 100%;
}

#header {
	float: left;
	clear: both;
	height: 250px;
	min-width: 990px;
  	width: 100%;
  	margin: 0 auto -30px;
  	/* background-image:url('../images/lines181x5.png');
	background-repeat:repeat-x;
	 background-position: 0 30px;
*/
}

#content {
  	 padding-bottom: 20px;
  	 width: 976px;
  	 margin: 0 auto;
  	 height: auto;
  	 clear: both;
}

#breadcrumb {
	float: left;
	clear: both;
	width: 100%;
	min-height: 30px;
	height: auto;
}

#leftcol {
	float: left;
	width: 160px;/*210*/
	min-height: 500px;
	height: auto;
}

#middlecol { 
	float: left;
	min-height: 500px;
	height: auto;
	width: 800px;
	padding: 0 0 0 25px;
	
}

ul.middlcol  { 
list-style: disc;
}

.component {
	float:left;
	min-height: 400px;
	height: auto;
	border: 1px solid #EBC479;
	padding: 15px 25px;
	width: 750px;
}

#rightcol {
	display: none;
	float: left;
	width: 170px;
	min-height: 500px;
	height: 100%;
}

#footer {
	float: left;
	height: 15em;
	min-width: 990px;
  	width: 100%;
  	background-color: #444;
  	color: #bebebe;
  	margin: 20px auto 0;
	padding: 10px 0 5px 0;
}

/**********************************************************
* HEADER CONTENT
*/

#header  .top_banner {
	width: 980px;
	height: 120px;
	/* border: 1px solid black; */
	margin: 13px auto 13px;
}

#header .logoholder a,
#header .logoholder a:hover {
	color: #FFFFFF; /* Logotekstin väri */
	text-decoration: none;
}

#header #some {
	width: 65px;
	float:left;
	margin-top: 25px;
}

#Cm8Spacer,
#google_ads_div_HT-Ylalaita_ad_wrapper,
#google_ads_div_Foorumi-Yla_ad_wrapper,
#google_ads_div_EtusivuJB_ad_wrapper {
	z-index: 10001;
}

/**********************************************************
* MENUBAR
*/

#menu_bar {
	height: 67px;
	width: 100%;
		
	background-color: #0078D4; /* yläpalkin väri on tässä */
	repeat: repeat-x;
	/* color: #ecc371; */
	color: #000000;
	position: top;
}

#menu_bar .menu_bar_content {
	height: 67px;
	width: 960px;
	margin: 0 auto;
}
#topnavi {
	float: left;
	width: 650px; /*950, 600*/
	height:67px;
	list-style: none; /*forumia varten*/
}

#topnavi a {
	color: #e6e6e6;
	text-decoration: none;
	padding:0 19px;
	font-size: 18px;
}

#topnavi a:hover {
	color: #FFFFFF;
}

#topnavi a.active_menu { 
	text-decoration: none;
}

#topnavi .logoholder,
#topnavi ul { 
	float: left;
	padding: 23px 0 0 0;
	list-style: none;
}

#menu_bar .logoholder {
	/*
	background-image: url('../images/logo/haaleetreunat5.png');
	background-repeat: no-repeat;
	background-position: center right;
	*/
	float: left;
	width: 270px;
	height: 30px;
	color: #ecc371;
	font-family: Tahoma;
	font-size: 30px;
	text-transform: uppercase;
	padding-top: 20px;
	padding-bottom: 15px;
	line-height: 0.8;
}

#topnavi li {
	float: left;
	
}

/**********************************************************
* LEFTCOL
*/
#leftcol .leftcol_content  form{
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #EBC479;
    clear: both;
    padding: 15px;
	margin: 0 0 10px 0;
}

#leftcol  ul{
    clear: both;
	margin-left: 13px;
	margin-right: 10px;
	margin: 0 10px 15px 23px;
	list-style: disc;
	/* list-style-image: url('../images/list_arrow.png'); */
	list-style-position: outside;
}

#leftcol  ul li {
	padding-bottom: 3px;
	font-size: 12px;
	margin: 0;
}

#leftcol .loginform  .heading {
	color: #7C4505;
	text-align: center;
	margin-bottom: 3px;
}

#leftcol .loginform  label {
	font-size: 12px;
}

#leftcol .loginform input {
	border: 1px solid #EBC479;
	width: 130px;
	margin-bottom: 3px;
	height: 25px;
	padding-left: 2px;
}

/**********************************************************
* MIDDLECOL
*/

/*BOXES*/

#middlecol .boxholder {
	float: left;
	width: 100%;
}

#middlecol .boxholder .box {
	float: left;
	width:300px;
	height: 250px;
	background-color: #5D3808; /*#754209;*/
	margin-right: 19px; /*poista joka kolmannesta*/
	margin-bottom: 14px;
}

#middlecol .boxholder .box_link {
	display: block;
	height: 250px;
	width: 300px;
}

#middlecol .boxholder .box_link:hover {
	background-color: #9E6727;
	text-decoration: none;
}

#middlecol .boxholder .box.last {
	margin-right: 0;
}

#middlecol .box .top_text,
#middlecol .box .hilight,
#middlecol .box .bottom_text,
#middlecol .box .arealink {
	display: block;
	color: #ECC371;
	text-align: center;
	font-size: 16px;
	padding: 0 24px;
}

#middlecol .box .top_text {
	padding-top: 20px;
}

#middlecol .box .hilight {
	font-size: 32px;
	color: #FCEFDF;
	padding-top: 5px;
	padding-bottom:5px;
}

#middlecol .box .box_top {
	display: block;
	height: 180px;
}

#middlecol .box .arealink {
	height: 70px;
	font-size: 32px;
	text-decoration: none;
}

/*BOXES ETUSIVU*********************/

#middlecol .box .suorakulma_ad {
	margin-top: 10px;
	width: 300px;
	float: left;
}

#middlecol #google_ads_div_etusivu_suorakulma_ad_wrapper {
	width: 300px;
	float: left;
	text-align:center;
}

#middlecol .box .littlead {
	height: 60px;
	width: 120px;
	display: block;
	float: left;
	margin: 5px 0 5px 20px;
	background-color: #fff;
}

#middlecol .box .logo {
	margin: 30px 0 0 50px;
}

/* BOXES FORUM ************/

#middlecol .boxholder_forum .box .top_text {
	height: 85px;
}

#middlecol .boxholder_forum .box .box_top {
	height: 170px;
}
#middlecol .boxholder_forum .box .arealink{
	padding: 20px 0 0 0;
	height: 40px;
}
#middlecol .boxholder_forum .box .bottom_text{
	font-size: 14px;	
}

/*special cases & */
#middlecol .box .arealink.condense {
	word-spacing: -5px;
}

/*Etusivu banners*/
#bannersholder {
	height: 105px;
	width: 100%;
}

#bannersholder .banner {
	float: left;
	margin-right: 40px;
}

#bannersholder .littlead {
	width: 120px;
	height: 60px;
}


#bannersholder .littlead.last {
	margin-right: 0;
}

#bannersholder .suorakulma_ad {
	width: 980px;
	height: 125px;
	
	/* width: 300px; */
	/* height: 100px; */
	/* background-color: #5D3808; /*
	/*border: 1px solid #ECC371 ;*/
}

/* middlecol descriptionbox*/
#middlecol .descriptionbox p {
	font-size: 16px;
}

#middlecol .tallit .descriptionbox .top {
	height: 170px;
	margin-bottom: 0;
}

#middlecol .tallit .areaheading {
	margin-bottom: 5pxpx;
}

#middlecol .tallit .areaheading h2{
	padding-bottom: 5px;
}

#middlecol .descriptionbox .top {
	height: 190px;
	margin-bottom: 15px;
}

#middlecol .descriptionbox .bottom {
	width: 100%;
	text-align: left;
	/*height: 30px;*/
	height: auto;
	margin-left: 30px;
}

#middlecol .descriptionbox .bottom a {
	padding: 0 5px;
	font-size: 15px;
}

.descriptionbox.high{
	height: 395px;
	width: 425px;
}

/*middlcol other*/
#middlecol .component .dplist_row:hover td{
	background-color: #FCEFDF;
}

.banner_topright.high {
	height:285px;
}


/**********************************************************
* RIGHTCOL
*/


/**********************************************************
* FOOTER
*/

#footer a { 
	color: #bebebe;
}

#footer .footer_wrap {
	width: 976px;
	margin: 0px auto;
	text-align: center;
}

#footer .footermenu {
	/*display: inline;*/
	clear: both;
}

#footer .footermenu .copyright { 
	float: left;
	margin-left: 90px;
	font-size: 14px;
}

#footer .footermenu .menu {
	float: left;
}

#footer li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	font-size: 14px;
}

#footer #feedback,
#footer #mediakortti,
#footer #faq {
	float: left;
	font-size: 12px;
}

/**********************************************************
* ARTICLE
*/

.article-content ul,
.htmlcontent_rightcol ul,
.htmlcontent_leftcol ul,
.htmlcontent_leftcol_btm ul  {
	list-style-type: disc;
	list-style-image: url('../images/list_arrow.png');
	margin: 0 0 18px 18px;
}

.article-content ul ul,
.htmlcontent_rightcol ul ul,
.htmlcontent_leftcol,
.htmlcontent_leftcol_btm ul ul {
	margin: 0 0 0 33px;
}

.article-content ol,
.htmlcontent_rightcol ol,
.htmlcontent_leftcol ol,
.htmlcontent_leftcol_btm ol  {
	list-style-type: decimal;
	margin: 0 0 18px 24px;
}

.article-content ol ol,
.htmlcontent_rightcol ol ol,
.htmlcontent_leftcol ol ol,
.htmlcontent_leftcol_btm ol ol {
	margin-bottom: 0;
}

.article-content ul li,
.htmlcontent_rightcol ul li,
.htmlcontent_leftcol ul li,
.htmlcontent_leftcol_btm ul li { 
	/* background-image: url(../images/list_style.gif);
	background-repeat: no-repeat;
	background-position: 0 9px; */
	padding: 1px 0 1px 3px;
	margin: 0;
}

.contentheading, .componentheading { 
	font-size: 22px;
	margin-bottom: 10px;
}

.areaheading {
	width: 100%;
	margin-bottom: 10px;
}

/* back link -------------------------*/
.backlink {
	height: 50px;
	clear: both;
	width: 100%;
}
.backlink h2{
	width: 345px; 
	float:left;
}

.backlink .left {
	float: left;
}

.backlink .right {
	float: right;
	text-align: right;
}

.backlink a {
	display:block;
	/*background-image:url(../images/previous.png);
	background-repeat:no-repeat;*/
	width: auto;
	padding: 9px 0;
}

.backlink.bottom {
	margin-top:15px;
}


/**********************************************************
* BREADCRUMB
*/

#breadcrumb {
 	color: #7c4505;
	font-size: 20px;
 	border-bottom: 1px solid #fcefdf;
 	margin-bottom: 7px;
}

#breadcrumb a {
	text-decoration: underline;
}

/**********************************************************
* ARTICLE TOP BTNS
*/

div.content_btns { float: right; }

/**********************************************************
* SITEMAP
*/

div.dpsitemacont div.naviholder {
	border-bottom: 1px solid #dadada;
	padding: 0 10px;
}

div.dpsitemap_block2 { background-color: #f2f2f2; }

div.dpsitemacont ul ul, div.dpsitemacont ul ul ul, div.dpsitemacont ul ul ul ul, div.dpsitemacont ul ul ul ul ul,
div.dpsitemacont ul ul ul ul ul ul  { margin-top: 3px; }

div.dpsitemacont ul li { padding: 5px 0; font-size: 13px; }
div.dpsitemacont ul li li { padding: 3px 0 3px 10px; font-size: 11px; }
div.dpsitemacont ul li li li { padding: 3px 0 3px 20px; font-size: 11px; }
div.dpsitemacont ul li li li li { padding: 3px 0 3px 30px; font-size: 11px; }
div.dpsitemacont ul li li li li li { padding: 3px 0 3px 40px; font-size: 11px; }
div.dpsitemacont ul li li li li li li { padding: 3px 0 3px 50px; font-size: 11px; }
div.dpsitemacont ul li li li li li li li { padding: 3px 0 3px 60px; font-size: 11px; }
div.dpsitemacont ul li li li li li li li li { padding: 3px 0 3px 70px; font-size: 11px; }
div.dpsitemacont ul li li li li li li li li li { padding: 3px 0 3px 80px; font-size: 11px; }

/**********************************************************
* EDITABLE CONTENT LEFT
*/

div.moduletable_ecleft { margin-bottom: 15px; }

/**********************************************************
* Banners
*/

#hevostalli {
	border: 1px solid;
}
#google_ads_div_Etusivu-sky_ala {
	height:600px;
	
}
#google_ads_div_Etusivu-sky_yla{

}

.whiterabbit_mediakortti {
	background-image: url('../../../images/banners/rabbit.JPG');
	display: block;
	width: 190px;
	height: 147px;
}

.whiterabbit_mediakortti:hover {
	text-decoration: none;
}

/** FORMS  *********************************************/

.button {
	background-color: #683E04;
    border: 1px solid #EBC479;
    color: #EBC479;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    width: auto;
	padding: 0 5px 2px 5px;
}

input.submitbutton {
	width: 130px;
	float: right;
}

.pwchange_btn {
	clear: left;
	float: left;
	margin-left: 16%;
}

/** PAYMENT OPTIONS *******************************/

.paymentmethods {
	border-bottom: 1px solid #FCEFDF;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.paymentmethods img{
	margin:0 0 5px 5px;
}

.paymentmethods p {
	margin:3px 0 5px 3px;
	font-weight:bold;
}

/** OTHER ******************************************/

.strong {
	font-weight: bold;
}

.space-under {
	margin-bottom: 30px;
}

#www-index .linkki {
	color: #000;
	text-decoration: none;
}
#www-index a {
	text-decoration: underline;
}

.somebar {
	width: 100%;
	height: 20px;
	margin-bottom: 20px;
	float: left;
}

.somebar .right {
	width: auto;
	min-width: 200px;
	float: right;
}

.somebar .g-plus,  
.somebar #fb-root {
	width: 100px;
	float: left;
	margin-right: 20px;
}

/*FAQ *********************/
.faq-questions {
	list-style: disc inside none;
	margin-bottom: 20px;
}

.faq-questions li {
	margin: 4px 10px;
}

.faq-vastaus {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #FCEFDF;
}
/*KISAKUTSUT*/

#middlecol .component .kisakutsutH2 {
	color: #7C4505;
}

#middlecol .component .dplist_row_odd td {
	background-color: #FDFFEF;
}

#middlecol .component .dplist th {
    background-color: #754209;
    color: #ECC371;
}

/* LEIRIT */

#leirit {
	border: 0;
	padding: 10px 0;
}

#middlecol .component .dplist a {
	color: #7C4505;
    text-decoration: none;
}

#middlecol .component .tallitH2 {
	color: #7C4505;
}

#leirit .ui-widget-header {
	background: none no-repeat scroll 50% 50% #fff;
	border: 0;
}

#leirit .ui-tabs-panel.ui-widget-content {
    border: 1px solid #EBC479;
}

#leirit .ui-tabs.ui-widget-content {
    border: 0;
}

#leirit .ui-state-default {
	border: 1px solid #EBC479;
}

#leirit .ui-state-default, .ui-widget-content .ui-state-default {
    background: none no-repeat scroll 50% 50% #FCEFDF;
}

#leirit .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: none no-repeat scroll 50% 50% #FFF;
}

.ui-dialog .ui-widget-header {
	background-image: none;
	background-color: #FCEFDF;
}

#leirit #searchbox input.submitbutton {
	float: left;
	margin-right: 10px;
}

/* TALLIT*/
#middlecol .descriptionbox .searchform_tallit {
	margin-top:30px;
}

#middlecol .descriptionbox .searchform_tallit .submitbutton{
	float: none;
}

#middlecol .component .provincesearch {
	float: left;
	width: 690px;
	height: auto;
	clear: both;
}

#middlecol .component .bottomdescription {
	float: left;
	width: 100%;
}

#map_canvas {
	height:310px;
	width: 800px;
	margin: -15px 0 10px -25px;	
}

.contentbox .textholder {
	float: left;
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
}
.contentbox h1 {
	width:auto;
	float: left;
}

.contentbox .right {
	width: 300px;
	float: right;
	text-align: right;
	margin: 15px 10px 0 0;
}

.contentbox .right a. {
	color: #ECC371;
	text-decoration: none;
}

.stabledata address {
	font-size: 16px;
}

.stabledata address strong {
	color: #683E04;
}

/*YLEINEN*/

.infolist {
	margin: 15px;
}

.pagination {
	margin: 5px 0 10px 0;
}

/*MEDIAKORTTI*/
table.mediakortti_td td {
	padding: 15px;
}

/**********************************************************
* USERMENU
*/

div#dpusermenu {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3000;
	background-color: #cecece;
	padding: 7px;
}

div#dpusermenu h3 {
	background-image: url(../js/usermenu.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

div#dpusermenu ul.menu_usermenu {
	display: none;
	list-style-type: disc;
	list-style-position: inside;
	margin: 5px 0 0 7px;
}

div#dpusermenu ul.menu_usermenu li {
	padding: 2px 0;
}

div#dpusermenu ul.menu_usermenu li a, 
div#dpusermenu ul.menu_usermenu li a:link, 
div#dpusermenu ul.menu_usermenu li a:hover, 
div#dpusermenu ul.menu_usermenu li a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

div#dpusermenu ul.menu_usermenu li a:hover {
	font-weight: bold;
}

.middlecol_banner_bottom {
	padding-top: 13px;
}
.middlecol_banner_bottom > div,
.footer_banner > div {
	clear: both;
	width: 728px;
	height: 90px;
	margin: 0 auto;	
}
.footer_banner > div {
	margin-top: 13px;
}