/*+-----------------------------------+*/
/*| www.verkatehdas.fi verkkopalvelun |*/
/*|        tyylimäärittelyt           |*/
/*+-----------------------------------+*/

/**
	Yleiset määritykset, poistaa kaikilta elementeiltä margin ja padding
	arvot. Joskin voi mahdollisesti aiheuttaa ongelmia elementtien keskittymisessä
	selainikkunassa. 
**/
*{
	margin: 0px;
	padding: 0px;
	}
img {border: 0px;}

div.clear { clear: both;}

body {
	background: #555555 url(/pics/body.gif) repeat-x;
	height: 100%;	
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	color: #2E4E7F;
}


a {
	color: #2E4E7F;
	text-decoration:underline;
}
/**
	Palvelun ylätunnisteen määrittelyt. Ylätunniste sisältää
	logon, ylänavigoinit ja kielivalinnat sekä selain ikkunan oikeassa reunassa oleva kuvake
	käytettävä sivupohja: _inc/header.vm
**/

#header {
	position:relative;
	min-height:100px;
	_height: 100px;
	background:transparent url(/pics/header-right_corner.gif)  no-repeat 1000px top;
	border-top: 5px solid #B7C900;
	border-bottom: 1px solid #E3E3E3;
	}
	
	/** palvelun logo **/
	#logo {
		position:absolute;
		top:22px;
		left:17px;
		width:262px;
		height:39px;
		}
		
		#logo h1 {
			display:block;
			width:262px;
			height:39px;
			}
		
		#logo h1 a {
			display:block;
			width:262px;
			height:39px;
			background:transparent url(/pics/logo-verkatehdas.gif) no-repeat;
			}
		
		/** teksti mikä näytetään jos käytetään lukijaa joka ei osaa tulkita css:ää **/
		#logo h1 a span { position:absolute;left:-999999px;}
		#kulttuuri__yhteiskuntavastuu_-symposio{display: none}
		#sib_musiikkia_sibeliuksen_syntymakaupungissa{display: none}
		/** 1. navigointikohta, vieraille **/	
		#header div#visitor {
			position: absolute;
			left: 435px;
			top: 10px;
			width: 200px;
			}
		
			#header #visitor ul {list-style-type:none;	}
			#header #visitor ul li { line-height: 17px; }
			#header #visitor ul li a { color:#c80078;text-transform:uppercase;font-weight:bold;text-decoration:none;}

	/** 2. navigointikohta, tapahtumien järjestäjille **/	
	#header div#client {
		position: absolute;
		left: 745px;
		top: 10px;
	
		}	
			
		#header #client ul{list-style-type:none;	}
		#header #client ul li { line-height: 17px;text-align:right; }
		#header #client ul li a { color:#416fb4;text-transform:uppercase;font-weight:bold;text-decoration:none;}

	/**
		kielivalinta
	**/
	#bottomnavi {
		margin-bottom: 1px;
		height:22px;
		width: 970px;
		color:#416fb4;		
		text-transform: uppercase;
		font-size:9px;
		line-height: 18px;
		font-weight:bold;
		text-align: right;
		position: relative;
		}
	#bottomnavi a { color:#416fb4;text-decoration:none;font-weight:bold;}

	#bottomnavi a.frontpage {
		position: absolute;
		left: 20px;}
	/**
		Sisältöalue
	**/
	#page {
		background:#d9e37a url(/pics/bg-page.gif) repeat-y;
		border-bottom: 4px solid #ffffff;
		width: 100%;
			}
	#page_calendar {
		background:#D9E37A url(/pics/bg-page-calendar.gif) repeat-y;
		border-bottom: 4px solid #ffffff;
		width: 100%;
			}
			
	#page-frontpage {
		position:relative;
		clear:both;
		width:100%;
		border: 1px solid #ffffff;
		border-right: 0px;
		border-left: 0px;
		background:#d9e37a;
		}
	#container {
		width: 976px;
		}
		
	/** 
	vasenpalsta,
	etusivulla käytetään leveämpää palstaa kuin alasivuilla
	**/
		#page_left-frontpage {
			float:left;
			width:435px;
			background: transparent url(/pics/laskurin_kuva.jpg) no-repeat 0px 0px;
			
			}		
							
			/**
				Etusivun sisältöalueen alapuolella oleva info-alue
				frontpage.jsp
			**/
			#bannerinfo {
				position:relative;
				clear:both;
				width:100%;
				height:56px;
				background:#555555;
					}
					
				/** vaaaleanpunainen tekstialue **/
					.info {
						float:left;
						width:344px;
						height:56px;
						background:#c80078;
							}
							
					.info h3 {
						font-size:18px;
						color:#ffffff;
						line-height:35px;
						padding:10px 0px 0px 15px;
						margin: 0px;
					}
					/** tummanpunainen linkkialue **/
					.link {
						float:left;
						width:91px;
						height:56px;
						background:#64003c;
						text-align:center;
					}
					.link a { 
						display: block; 
						outline: 0;
						position:relative;
						top:20px;
						color:#ffffff;
						text-decoration:none;
						text-transform:uppercase;
						}
		#page_left {
			float:left;
			width:260px;
			margin-right: 19px;	
			font-size: 11px;
			padding-bottom: 20px;
			}
		#page_left #picture {
			width: 260px; 
			height: 260px;
			background: transparent url(/ap-pics/kuvapaikkakuva.jpg) no-repeat 0px 0px;
			}
		
		#page_left_calendar{
			float:left;
			width:254px;
			margin-right: 0px;	
			font-size: 11px;
			}
			
		 #page_left_calendar #picturelong{
			width: 254px; 
			min-height: 550px;
			
			_height: 550px;
			
			background: #000000 url(/ap-pics/kuvapaikkakuva.jpg) no-repeat 0px 0px;
			}
		
		#page_left ul {
	
			list-style-type: none;
			margin-top: 20px;
			line-height: 20px;
			font-weight: bold;
				}
				
		#page_left ul li { width: auto; }
		#page_left ul li a {color: #C80078;	text-decoration: none;   padding-left: 20px; display: block; height: 1%;}
		#page_left ul li a#selected {background: #F1F1F1 url(/pics/bg-navi-li.gif) no-repeat right center;}
		#page_left ul ul { margin-top: 0px; background: #f1f1f1; font-weight: normal;}
		#page_left ul ul a {padding-left: 40px;}
		
		#page_left ul li#yhteydenottopyynto{
			margin-top: 25px;
			background: #4673B6;
			font-weight: bold;
			width: 150px;
			padding: 7px;
			margin-left: 20px;
			}
		#page_left ul li#yhteydenottopyynto a {
			padding-left: 7px;
			color: #ffffff;}
		#page_left ul li#yhteydenottopyynto a#selected {
			text-decoration: none;
			color: #ffffff;
			background: #4673B6;}
		
		#page_left ul li ul li {}
		#page_left ul li ul li ul li { margin-left: 20px;  }
		#page_left ul li ul a{ padding-right: 15px;  }
		#page_left ul li ul li ul li a{ padding-right: 15px;  }
	
	
/**
	etusivulla olevan kalenterin määritykset
	index.jsp
**/
#calendar {
	float:left;
	width:166px;
	background:#b7c900;
	height: 332px;
	margin-left: 0px;
	padding: 0px;	
	overfloat: hidden;
	position: relative;
	}
		
	/** tilapäisen kuvan sijoittaminen alueen keskelle - kuva tullaan myöhemmin korvaamaan toimivalla kalenterilla **/
	#calendar img { margin:4px 0px 0px 0px;}
	#calendar a { color:#2e4e7f;font-size:10px; margin-left: 5px;line-height: 20px;}


/** 
	Sivun oikeapalsta etusivulla
**/
#page_right-frontpage {
	float:left;
	color: #000000;
	width:337px;
	padding: 10px 10px 0px 20px;
	overflow: hidden;
	height: 320px;
}

#page_right-frontpage h2 {
	font-size:18px;
	margin: 0px;
	color:#555555;
	}
	
#page_right-frontpage h3 {
	font-size:13px;
	color:#555555;
	margin: 0px;
	}
	
#page_right-frontpage p {
	line-height:17px;
	}
	
	

		
/**
	etusivulla olevat tapahtumat nostokuvat
	index.jsp
**/
#banners {
	position:relative;
	width:100%;
	height:100px;
	background:#ffffff;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	_border-bottom: 2px solid #ffffff;
	
}
#banners div { position: absolute; left: 438px; top: 0px;
	width: 530px; height: 100px;
	}

#banners img {margin-left: 7px; margin-right: -5px;}
/**
	Alasivujen määritykset
	/templates/template.jsp
**/
#content {
	width:510px;
	float: left;
	margin-right: 17px;
	border: 0px solid coral;
	overflow: hidden;
	padding-bottom: 20px;
	}
	
	#content ul {list-style-type: none; margin-bottom: 15px;}
	#content ul li {
		background: transparent url(/pics/bg-li.gif) no-repeat 10px 7px; padding-left: 30px; line-height: 18px;}
	#content ol {
		margin-left: 29px; margin-bottom: 15px;}
	#content ol li {

		}
#gallery_content {
	float: left;
	margin-right: 17px;
	border: 0px solid coral;
	overflow: hidden;
	padding-bottom: 20px;
	}

#content_calendar {
	width:530px;
	float: left;
	margin-left: 17px;}

	#content_calendar h2{
		margin-bottom: 0px;
		}
	#content_calendar h4{
		margin: 0px;
		}
/**
	Alatunniste
	käytettävä sivupohja: _/inc/footer.vm
**/
#footer {
	clear:both;
	position:relative;
	padding-bottom: 15px;
		}
#footer p { 
	font-size:11px;
	color:#f7d01b;
	text-transform:uppercase;
	margin: 15px 0px 80px 17px;
	}

#footer div.logo {	
	width: 600px; position: absolute; left: 190px; top: -7px;}
	
#footer div.member {	
	width: 600px; position: absolute; left: 190px; top: 90px;}
#footer div img {margin-right: 20px;}

/*manageria varten tehtyjä tyylejä*/
blockquote {margin-left: 20px;}
span.strong{
	background: #D9E37A;}
/**/

/*text.css:n taulukon reunan ja otikoiden värien määrittelyt sivupohjakohtaiseksi*/
table.border {border: 1px solid #C80078; padding: 3px; background: #ffffff;}
h2 { color: #C80078;}
h3 {color: #C80078;}
h4 {color: #C80078;}
h5 {color: #C80078;}
td p {margin: 7px 0px;}
tr.otsikkorivi {font-weight: bold;}

#events
{
	height: 158px;
}

/*tapahtumakalenterin tyylit*/
	#event_types, #event_search {
		color: #D0DA78;
		background: #555555;
		width: 148px;		
		margin: 4px 0px 0px 4px;
		padding: 5px;
		}
		
		#calendar p {
			margin: 0px;
			font-size: 14px;
			}
			
		#calendar select {
			width: 148px;
			}
			
		#calendar input {
			width: 128px;
			border: 1px solid #A5ACB2;
			height: 17px;
			}
		#calendar input.btnHae {
			width: 33px;
			height: 18px;
			border: 1px solid #E1E1E1;
			background: #898989;
			color: #ffffff;
			font-size: 9px;
			margin-left: 2px;
			
			}
		.minicalendar {
		width: 148px;
		font-size: 8px;
		margin-left: 4px;
		color: #555555; 
		position: relative;
		
		
		}
	
		.minicalendar div {
			background: #555555;
			font-size: 12px;
			color: #D0DA78;
			margin-top: 5px;
			width: 158px;
			padding: 0px;
			position: relative;
			height: 20px;
			}
			
			a.bw {
				position: absolute; left: 1px;
				top: 4px;
				background: transparent url(/pics/bg-minicalendar-month-left.gif) no-repeat 0px 3px;
				margin: 0px; padding: 0px;
				 outline: 0px;
				 width: 10px;
				 height: 10px;
				}
						 
			a.fw {background: transparent url(/pics/bg-minicalendar-month-right.gif) no-repeat 0px 3px;
				margin: 0px; padding: 0px;
				position: absolute; right: 1px;
				top: 4px;
				 outline: 0px;
				 width: 10px;
				 height: 10px;
				}
			
			a.bw span, a.fw span  {
				visibility: hidden; border: 0px;}
			
			a.month {
				position: absolute;
				left: 10px;
				width: 125px;
				height: 15px;}
				.minicalendar div a{font-weight: normal; color: #D0DA78;}
				.minicalendar div a span {color: #D0DA78;}
		
	
		.minicalendar table {
			 background: #eeeeee; 
			 /* margin-left: 4px; */
			 width: 158px; 
			 border: 1px solid #555555;
			 }
			 
		.minicalendar  a{ color: #555555; outline: 0px;}
	
		.minicalendar td .v { background: transparent url(/pics/bg-minicalendar-week.gif) no-repeat 0px 0px;
			outline: 0px;}
		
		
	table.calendar_all {
		width: 100%;
		margin-top: 8px;
		}
		
	table.calendar_all .event_headline {
		background: #B0B862; 
		color: #ffffff; 
		font-size: 14px; 
		text-transform: uppercase;
		}
	table.calendar_all tr.eventname:hover{
		background: #ECF1BD;
		}
		a.eventlink { text-decoration: none;}
		a.eventlink:hover {background: #ECF1BD;}
	table.calendar_all td {padding: 1px 0px 1px 0px;}
		.oneEvent {color: #000000;}
	.oneEvent h5	{
		margin: 0px;
		margin-top: 15px;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;}
	.oneEvent h4	{
		color: #000000;
		font-size:12px;
		margin: 0px;
		font-weight: bold;}
	.oneEvent p {
		margin: 0px;
		}
	.oneEvent p.description {
		margin: 15px 0px 0px 0px;
		}
	.oneEvent a.buyticket {
		color: #ffffff;
		background: #C80078;
		display:block;
		height: 22px;
		outline: 0px;
		width: 130px;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		padding-left: 7px;}

td.selday {background: #D8D8D8; text-decoration: none;}

td.today {background: #C4C4C4;  text-decoration: none;}
/*tapahtumakalenterin yksittäien näkymän otsikkokuvat*/
	h5.mita, h5.missa, h5.milloin, h5.jarjestaja, h5.lisaa, h5.sisaanpaasy  {
		display: block;
		outline: 0px;
		width: 200px;
		height: 20px;		
		text-indent: -10000px; } 
		h5.mita {background: transparent url(/pics/title-mita.gif) no-repeat 0px 0px;}
		h5.missa {background: transparent url(/pics/title-missa.gif) no-repeat 0px 0px;}
		h5.milloin {background: transparent url(/pics/title-milloin.gif) no-repeat 0px 0px;}
		h5.jarjestaja {background: transparent url(/pics/title-jarjestaja.gif) no-repeat 0px 0px;}
		h5.lisaa {background: transparent url(/pics/title-lisaa_aiheesta.gif) no-repeat 0px 0px;}
		h5.sisaanpaasy {background: transparent url(/pics/title-sisaanpaasy.gif) no-repeat 0px 0px;}
/*End*/
			
/*tapahtumakalenterin tyylit loppui*/


/* FD */
legend {
	border: 0px;}

fieldset {border: 0px;
	margin-bottom: 20px;}

			
/*td ends*/