/* elements */
html
{
	margin: 0px;
	padding:0px;
}
body
{
	background: #f2f2f2;
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	width:100%;
	height:100%;
}
h1,h2,h3
{
	font-size: 1.15em;
	font-weight:600;
	margin:1px;
	padding:0px;
	text-align:left;
}
h2
{
	font-weight:400
}
h3
{
	font-weight: 400;
}
hr
{
	padding:0px;
	margin:2px 0px 10px 0px;
	/*float:left;*/
	width:93%;
	height: 1px;
	color:#d5d2d2;
	clear: both;
	border: 1px solid #d5d2d2;
}
a
{
	color:#000000;
}
#mainbody
{
	background: #f2f2f2;
	width: 946px;
	/*_width:945px;*/
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align: left;
}
#top_image
{
	width: 944px;
	float:left;
	clear:both;
}
#top_image img
{
	border: none;
}
#topmenu
{
	height:34px;
	width: 944px;
	float:left;
	background:transparent url('../../images/hausjarvi/bg_top_menu.png') top left no-repeat;
	padding:0px;
	margin:0px;
	text-align: left;
}
#topmenu ul
{
	text-align: left;
	list-style:none;
	display: block;
	float:left;
	margin:0px;
	padding:10px 0px 0px 10px;
	font-size:12px;
}
#topmenu ul li
{
	list-style:none;
	display:block;
	float:left;
	padding: 0px 10px 5px 10px;
	text-align: left;
}
#footer
{
	background: #f2f2f2 url('../../images/hausjarvi/bg_main.png') bottom center no-repeat;
	float:left;
	width: 946px;
	clear: both;
	border:none;
	border-bottom: 1px solid #d5d2d2;
	text-align: center;
	padding: 30px 0px 30px 0px;
}
/* menu links */
#topmenu ul li a, #content_left ul li a
{
	color: #000000;
	text-decoration: none;
}
/* quick search */
#quickbardiv
{
	float:right;
	padding:0px;
	padding-right: 10px;

}
.quicksearchbtn
{
	border:none;
	margin:4px 3px 0px 1px;
	float:left;
	
}
.quicksearchinput
{
	background: transparent url('../../images/hausjarvi/quick-search-field.gif') top left no-repeat;
	border: none;
	width:122px;
	height:24px;
	padding:4px;
	margin-top:4px;
	float:left;
}
#content_all
{
	text-align: left;
	background:#ffffff url('../../images/hausjarvi/bg_content_all.png') top left repeat-y;
	padding:0px 0px 20px 0px;
	border-bottom: 1px solid #d5d2d2;
	border-right: 1px solid #d5d2d2;
	float:left;
	clear: both;
	width: 944px;
}
.wide #content_all
{
	background-image: none !important;
}

#content_left
{
	min-height:25px;
	width: 209px;
	float:left;
	border: none;
	border-right: 1px solid #d5d2d2;
	border-left: 1px solid #d5d2d2;
	/*border-bottom: 1px solid #d5d2d2;*/
}
#content_left ul
{
	margin:0px;
	padding:0px;
	font-size:12px;
	float: none;
	background:#f1f1f1;
}

#content_left ul li
{
	list-style: none;
	margin:0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	border-bottom: 1px solid #d5d2d2;
	float:none !important;
	clear: both;
}
#content_left ul li a
{
	margin:0px;
	padding:4px 25px 4px 25px;
	float:none;
	display: block;
	clear:both;
}
#content_center_and_right
{
	float: left;
	width: 730px;
	min-height: 400px;
	border: none;
	border-width: 0px;
}
.normal #content_center
{
	float: left;
	width: 555px;
}
.wide #content_center
{
	float: left;
	width: 720px;
}
#breadcrumb
{
	background: transparent url('../../images/hausjarvi/bg_breadcrumbs.png') top left repeat-x;
	width: 732px;
	height: 23px;
	float:left;
	white-space:nowrap;
}
#breadcrumb span
{
	padding:2px 10px 0px 10px;
	line-height:18px;
}
#breadcrumb span a
{
	text-decoration: none;
	color: #000000;
}
.normal #content_page_area
{
	width: 548px;
	float:left;
	margin: 5px;
	overflow: hidden;
}

.wide #content_page_area
{
	width: 700px;
	float:left;
	margin: 5px;
	overflow: hidden;
}
.normal #content_right
{
	float:left;
	width: 159px;
	text-align:left;
	overflow: hidden;
	background: #ffffff;
}

.wide #content_right
{
	display: none;
}
/* class definitions */
.break
{
	clear: both;
}
.active1
{
	background: #d7d7d7;
}
.active1 ul
{
	background: #ffffff !important;	
	border:none !important;
}
.active1 ul li 
{
	border:none !important;
	border-top: 1px solid #d5d2d2 !important;
}

.active1 ul li a
{
	padding: 5px 5px 0px 40px!important;
	float: none;
}

.active2 ul li a
{
	padding: 5px 5px 0px 60px!important;
	float: none;
}

.active3 ul li a
{
	padding: 5px 5px 0px 80px!important;
	float: none;
}
.active4 ul li a
{
	padding: 5px 5px 0px 100px!important;
	float: none;
}
.active5 ul li a
{
	padding: 5px 5px 0px 120px!important;
	float: none;
}
.active6 ul li a
{
	padding: 5px 5px 0px 140px!important;
	float: none;
}
.hidden
{
	display: none;
}
/*frontpage styles */
#startpage
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.startpagecolumns
{
	float:left;
	width:575px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
}

.startpagecolumn
{
	float:left;
	width:273px;
	overflow: hidden;
}
.container_outer1, .container_outer2, .container_outer3
{
	float:left;
	width: 268px;
	background: transparent url('../../images/hausjarvi/container-gray-outer.gif') top left no-repeat;
	padding:10px 0px 0px 0px;
	margin:2px 0px 15px 2px;
}
.container_inner
{
	width: 248px;
	background: transparent url('../../images/hausjarvi/container-gray-inner.gif') bottom left no-repeat;
	padding:0px 10px 10px 10px;
	float:left;
	clear:both;
}
.container_outer_wide
{
	float:left;
	width: 542px;
	background: transparent url('../../images/hausjarvi/container-wide-outer.gif') top left no-repeat;
	padding:15px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
.container_inner_wide
{
	width:100%;
	background: transparent url('../../images/hausjarvi/container-wide-inner.gif') bottom left no-repeat;
	padding:0px 10px 10px 10px;
	float:left;
	clear:both;
}
.bulleted
{
	background: transparent url('../../images/hausjarvi/link-bullet.gif') top left no-repeat;
	padding:0px 0px 0px 20px;	
	text-decoration:none;
	color: #000000;
	border:none;
}
.bulleted a
{
	text-decoration:none;
	color: #000000;
	border:none;
}
.startpagelift
{
	float:left;
	clear: both;
}
.toptoolbar
{
	float:right;
}
.smaller-text
{
	font-size: 0.65em;
	cursor: pointer;
}
.bigger-text
{
	cursor: pointer;
}
.newslisting
{
	float:left;
	clear: both;
}
.newlistingtitle
{
	margin:10px;
	font-weight: bold;
	font-size:1.15em;
}
.NewsListingItem
{
	white-space:nowrap;
	margin:10px;
}
.NewsListingItemTitle
{
	clear:both;
	float:left;
}
.datelistingtext
{
	color: #8f8d8d;
	padding:0px 0px 0px 10px;	
}
.NewsLink
{
	font-weight: bold;
}
.NewsPreview
{
	clear:both;
	float:left;
	font-size:0.85em;
	color: #8f8d8d;
	margin: 5px;
}

#test
{
	width:500px;
}
	
/* EventCalendar Start */
body.body_calendar
{
	background: #ffffff;
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	width:100%;
	height:100%;
}

#mainbody_calendar
{
	background: #ffffff;
	width: 100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align: left;
}
div#DivEventCalendar
{
	width:100%;
}
div#monthcalendararea
{	
	width:230px;
	float:left;
}
div#CalendarSearchArea
{
	width:400px;
	float:left;
}

div#DivListingAndInfo
{
	width:100%;
}
div.calendarlistingarea
{
	width:100%;
}
div.informEventarea
{
	width:100%;
}
/*div.divEventColumn1
{
	float:left;
}*/
div.divEventColumn2
{
	float:left;
}
/*
img.eventImg
{
	height:100px;
	width:100px;
}*/
tr.trEventtype select
{
	height: 18em;
}
div#Event h3
{
	color:#7ba000;
}
/* EventCalendar Stop */



/* mp 10.12.2010  */ 
DIV#CalendarSearchArea {	 	WIDTH: 440px}
DIV#monthcalendararea {	FLOAT: left;	WIDTH: 190px; font-size: 8pt; margin-right: 10px; /*margin-top: 30px; */}

#Tapahtumahaku h2 { font-size: 12pt; font-weight: bold; margin-bottom: 10px; } /*  background-color: #d7d7d7;  */

#Tapahtumahaku   { border: 0px red solid;}
#Tapahtumahaku  .eventTr{ min-height: 25px;  vertical-align: middle!important; margin-bottom: 5px!important; margin-top: 5px!important; border: 0px red solid; margin: 0px; padding: 0px;  font-size: 9pt;      clear: both; padding: 5px;   }

 .eventTr .left {vertical-align: middle!important; background-color: transparent; float: left;  width: 100px;     padding: 0px; font-weight: bold; font-size: 8pt;}
 .eventTr .right {vertical-align:middle!important; float: right;  width: 330px;  border: 0px red solid;   padding: 0px; }
 
  .eventTr .right  select{  margin-right: 0px!important; background-color: white;  }
   .eventTr .right span { margin-left: 5px; margin-right: 5px; }

.eventTr   .basic select{  width: 250px;}                          

.eventTr .submitp { padding-left: 100px; }




/*
#DivEvent { border: 1px red solid; } */
DIV.divEventColumn1 {  border: 0px green solid;  margin-left: 15px; } 
DIV.divEventColumn2 { border: 0px maroon solid; float: left;   display: block!important;  }

 div.divEventColumn2 img
 {    margin-right: 10px;  } 
 
 
 div.DivEventname, 
  div.DivEventnameOver 
{
	margin-top: 15px;
	margin-bottom: 5px;
}
div.DivEventname A, 
 div.DivEventnameOver A
{
	font-family:sans-serif;
	font-size: 1.2em;
	color:#7ba000;
}
 
 
 div.DivEventname { background-color: #c3c3c3;  margin: 25px 0px 15px 0px;  padding: 5px 10px;}  
 div.DivEventname a  { color: #333333; text-decoration: underline; }  
 div.DivEventnameOver { background-color: #c3c3c3;  margin: 25px 0px 15px 0px; padding: 5px 10px;}  
 div.DivEventnameOver a  {  color: #333333; text-decoration: underline; }
 div.DivEventnameOver a:hover  {   text-decoration: none; }

/*
#CalendarSearchArea { width: 480px!important;  border: 1px red solid; }
*/
/*
.eventTr .basic { background-color: Red;  width: 200px;}
.eventTr .ba { background-color: Red;  width: 200px;}
*/

#tooltippi { width: 80px!important; height: 60px; border: 1px #727272 dotted; 
             left: 360px; top:75px; position: absolute;
               z-index: 10000; background-color:  #ffffff;
                font-size: 8pt;  text-align:left!important; /*padding: 6px 0px 9px 10px; */
                padding: 6px;  padding-left: 10px; padding-top: 8px;
                
                
                }
                
                
#loadExcel 
{
 float: right; width: 75px; height: 25px; border: 0px #c0c0c0 solid; background-image: url('/images/excel.jpg'); background-repeat:  no-repeat; background-position: left 5px;  padding-left: 40px; padding-top: 14px;  
}
#loadExcel A { TEXT-DECORATION: underline; }
#loadExcel A:hover {	TEXT-DECORATION: none;}                
