/*
	* **********************************
	* Stylesheet for common webbrowsers
	* **********************************
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

/* 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%;
}

 
 
body {
  margin:0px;
  padding:0px;
  font-family:arial,verdana,serif;
  font-size:12px;
  color:#ffffff;
  background:transparent url(/pics/bg.gif) repeat;
}

* { margin:0px;padding:0px; }
.clear { clear:both;}
a { outline:none}


#all {
  position:relative;
  left:0px;
  top:0px;
  margin:0px;
  padding:0px;
  width:100%;
  }
	/*
	 * Header 
	 */
	#header {
	  position:relative;
	  width:100%;
	  height:84px;
	  background:transparent url(/pics/header.gif) repeat-x;
	  margin:0px;
	  padding:0px;
	 }
	
		/* - logo - */  
		#header h1  {
		 	position:absolute;
			top:0px;
			left:0px;
			height:84px;
			width:245px;
			margin:0;
			padding:0;
		  }
		
		#header h1 a { display:block;height:84px;width:245px;margin:0px;padding:0px;background:transparent url(/pics/logo.gif) no-repeat;text-indent:-99999px;}
		
		#socialMedia { position:absolute; top:10px;left: 850px; }
		#socialMedia a#facebook { float:left;width:24px;height:24px;margin-right:8px;background:url(/pics/icon-some-fb.gif) no-repeat;}
		#socialMedia a#twitter { float:left;width:24px;height:24px;background:url(/pics/icon-some-tw.gif) no-repeat; }

		#langMenu {
		  position:absolute;
		  width:100%;
		  top:63px;
		  left:0px;
		  margin:0px;
		  padding:0px;
		  height:23px;
		   }
		#sp-slogan {
		  float:left;
		  width:400px;
		 
		  }
		/* - kielivalinta - */
		#lang { 
		  float:left;
		  margin:0px;
		  padding:0px;
		  height:23px;
		 
		 }
			#lang ul { list-style-type:none;height:23px;}
			#lang li { display:inline;}
			#lang a#sp-fi { float:left;height:23px;width:59px;background:transparent url(/pics/sp-fi.gif) no-repeat;}
			#lang a#sp-en { float:left;height:23px;width:72px;background:transparent url(/pics/sp-en.gif) no-repeat; margin-left:2em;}
			#lang a#sp-se { float:left;height:23px;width:74px;background:transparent url(/pics/sp-se.gif) no-repeat; margin-left:2em;}
			#lang a#sp-de { float:left;height:23px;width:90px;background:transparent url(/pics/sp-de.gif) no-repeat; margin-left:2em;} 
			#lang a#sp-ru { float:left;height:23px;width:90px;background:transparent url(/pics/sp-ru.gif) no-repeat; margin-left:2em;} 
			#lang a span { display:none;}

		/*
		 * Music flash player
		 */
		#mPlayer {
		position:absolute;
		width:1px;
		height:1px;
		top:0px;
	}
		
		#switchPlayer {
			position:absolute;
			left:910px;
			top:64px;
			z-index:89;
		}
		#switchPlayer h5 { 
			float:left;
			width:41px;
			height:19px;
			background:transparent url(/pics/label-music.gif) no-repeat;
			text-indent:-99999px;
			margin:0;
			padding:0;
			}
		#switchPlayer a#musicStatusSwitch { float:left;padding-top:6px;color:#FBB70F;text-decoration:none;margin-left:0.5em;font-size:11px;}


		/*+-------------------+*/
		/*| Frontpage		  |*/
		/*+-------------------+*/
		
		  
		/* - Language Selection - */
		#lang-fp {
		  position:relative;
		  clear:both;
		  margin:20px auto;
		  width:850px;
		  padding:0px;
		}
		#lang-fp ul { margin:0px;padding:0px;list-style-type:none;height:43px;}
		#lang-fp li { display:inline;padding:0px; }
		#lang-fp a { font-size:12px; float:left;}
		#lang-fp a span { display:none;}
		#lang-fp a#fi { height:43px;width:20%;background:transparent url(/pics/title-fi.gif) center top no-repeat; }
		#lang-fp a#se { height:43px;width:20%;background:transparent url(/pics/title-se.gif) center top no-repeat; }
		#lang-fp a#en { height:43px;width:20%;background:transparent url(/pics/title-en.gif) center top no-repeat; }
		#lang-fp a#de { height:43px;width:20%;background:transparent url(/pics/title-de.gif) center top no-repeat; }
		#lang-fp a#ru { height:43px;width:20%;background:transparent url(/pics/title-ru.gif) center 13px no-repeat; }
		
		/* - Flash - frontpage - */
		#intro {
		  clear:both; position:relative; margin:0 auto; padding:0px; width:748px; height:302px; background:#FCF7E3;  border:4px solid #FCF7E3;
		}
			
		/* - logo frontpage - */
		#logo-fp {
		  clear:both;
		  position:relative;
		  width:275px;
		  margin-left:auto;
		  margin-right:auto;
		  margin-top:20px;
		  height:118px;
		  background:transparent url(/pics/logo-fp.gif) no-repeat;
		  text-align:center;
		}
		#logo-fp h3 { font-size:16px;margin:0.5em 0em;padding:0em;}
		#logo-fp h3 span { display:none;}
		
		#contact-fp { 
		  clear:both;
		  position:relative;
		  width:100%;
		  text-align:center;
		  top:50px;
		  margin:auto;
		  padding:0px;
		 }
		#contact-fp p { font:normal normal 12px arial,verdana,serif;color:#ffffff;margin:0em;padding:0em; }
		#contact-fp p a { color:#ffffff;text-decoration:underline; }

/*+-------------------+*/
/*| ALASIVUJEN TYYLIT |*/
/*+-------------------+*/
/* --- SIS�LT�ALUETTA YM�R�IV� DIV  --- */
#page {
  position:relative;
  width:100%;
  margin:0em;
  padding:0em;
  background:#6B0B25 url(/pics/page.jpg) repeat-x; 
  }
	
	#contentArea {
		position:relative;
		##width:950px;
	}
	/* -- vasenpalsta -- */
	#leftCol {
	  float:left;
	  margin:0px;
	  padding:0px;
	  z-index:10;
	}
		.naviDefault { width:250px;}
		.naviWide { width:300px;}
	/* - navigointi - */
	#navi { 
	  position:relative;
	  width:90%;
	  margin:0px;
	  padding:0px;
	  z-index:100;
	  }
	#navi a { 
	  font:normal normal 11px verdana,arial,serif;
	  color:#ffffff;
	  text-decoration:none;
	  }
	#navi a:hover { text-decoration:underline;}
	#navi a.chosen { color:#F4EAA7; }
	
	/*Vanajanlinna Group -kuvalinkki vasemmassa palstassa*/
	#vg_logo{margin:20px 0px 0px 15px; border:0;}
	
	/* presentation.jsp -otsikko tyylit */
	#navi h3 {  font:normal normal 18px arial,verdana,serif;color:#FFFAB0;margin:0.5em 0em 0.5em 1em;padding:0px; }
	/* -- oikeapalsta -- */
	#rightCol {
	  float:left;
	  width:850px;
	  margin:2px 0px 0px 0px;
	  padding:0px;
	  min-height:434px;
	  height:auto;
	  _height:434px;
	
	}
	
	/* - osion flash elementit - */
	#rightCol object { position:relative;top:-5px;z-index:1;  }
	
	#bgimage {
	  position:absolute;
	  width:590px;
	  height:600px;
	  
	}
	/* - Tekstityylit - */
	/* otsikot */
	#rightCol h2 { font:normal normal 18px arial,verdana,serif;color:#FFFAB0;margin:0.5em 0em;padding:0px; }
	#content h1 { color:#FFFAB0;}
	/* n�m� m��ritykset ovat Vanajanlinna News osion sivuille */
	#rightCol h1.h1 { color:#FFFAB0;}
	#rightCol h1    { color:#FFFAB0;}
	#content h3 { color:#ffffff;}
	
	/* sis�lt�tekstin v�ri */
	#rightCol { color:#ffffff;z-index:1;}
		
	
	/* linkit */
	#rightCol a { color:#FBB70F;text-decoration:underline; }
	#rightCol a:hover { color:#FFFAB0; }
	#rightCol a:visited { text-decoration:none; }
	
	#content a { color:#FBB70F;text-decoration:underline; }
	#content a:hover { color:#FFFAB0; }
	#content a:visited { text-decoration:none; }
	#content p.txtleipa { color:#fff;}
	#content ul, #content ol { margin-left: 2em;}
		#content ul ul, #content ol ol { margin-left: 1em;}
	/* listat */
	#rightCol ul,#rightCol ol  {margin-left:0em; }
	
	/* kuvat */
	#rightCol img.border { border:1px solid #D69901;}
	
	/* sivun sis�ll�n leveyden m��r��v� solu */
	#content { 
	  float:left;
	  width:550px;
	  margin:0;
	  padding:0px 5px;
	  min-height:434px;
	  height:auto;
	  _height:434px;
	  z-index:1;
	   }
	#rightCol #content object { }
	/*+---------------------------------+*/  
	/*| Sivukohtaiset tyylitm��rittelyt |*/  
	/*+---------------------------------+*/  
	  
	/*+------------------+*/
	/*| pohjakerros-sivu |*/
	/*+------------------+*/
	#floor_menu { 
	  position:relative;
	  height:15px;
	  width:520px;
	  margin-top:1em;
	  margin-left:0.5em;
	  padding:0px;
	   }
	#floor_menu ul { list-style-type:none;margin:0px;padding:0px;}
	#floor_menu li { display:inline;float:left;width:124px;height:15px;border-right:3px solid #25010D;background:#BE0A20;}
	#floor_menu li.last { border:none; }
	#floor_menu li a { font:normal bold 12px arial,verdana,serif;color:#fff;text-decoration:none;padding-left:2.2em;line-height:12px;background:none;}
	#floor_menu li a:hover { text-decoration:underline;color:#fff;} 
	#floor_menu li.active_floor { background:#BE0A20 url(/ap-pics/pohjakartta/bg-active_floor.gif) left center no-repeat;display:inline;float:left;width:124px;height:15px;}  
	
	/*+----------+*/
	/*| ajo-ohje |*/
	/*+----------+*/
	
	#driving_instructions_menu {
	  position:relative;
	  height:15px;
	  width:550px;
	  margin-top:1em;
	  margin-bottom:0.5em;
	  margin-left:0em;
	  padding:0px;
	}
	#driving_instructions_menu ul { list-style-type:none; }
	#driving_instructions_menu li { display:inline;float:left;height:17px;background:#BE0A20;margin-right:0em;border:1px solid #25010D;padding:0em;}
	#driving_instructions_menu li a { position:absolute;top:4px;background:transparent url(/ap-pics/ajoohje/n-nuoli.gif) 2px 0px no-repeat;font:normal bold 11px arial,verdana,serif;color:#fff;text-decoration:none;padding-left:1.5em;line-height:12px;}
	#driving_instructions_menu li#vl { width:150px;}
	#driving_instructions_menu li#mvt { width:170px;}
	#driving_instructions_menu li#kp { width:200px;}
	
	
	/*+--------------+*/
	/*| Henkil�kunta |*/
	/*+--------------+*/
	#staff img { border:1px solid #D69901; }

/* -- ALATUNNISTE -- */
#footer {
  clear:both;
  /* position:relative; */
  float:left;
  width:100%;
  margin:0px;
  padding:0px;
  background:transparent url(/pics/footer.gif) repeat-x;
  height:100px;
  z-index:1;
}
	/* yhteystiedot teksti */
	#footer p { 
	  display:inline;
	  float:left;
	  font:normal normal 11px arial,verdana,serif;
	  color:#FFFAB0;
	  padding-top:28px;
	  left:150px;
	  margin:auto;
	  z-index:2;
	  }
	/* Cha�ne des R�tisseurs - logo */  
	#footer-pic {
	  float:left;
	  height:66px;
	  background:transparent url(/pics/footer-pic.jpg) no-repeat;
	  margin-left:16px;
	  padding:0px;
	  width:15%;
	  z-index:3;
}  

/*+-----------------+*/
/*| Ohjelmapalvelut |*/
/*+-----------------+*/

#ohjelmapalvelut div.activity  { position:relative;clear:both;width:100%;margin:0px;padding:0px;}
#ohjelmapalvelut div.activity a.read_more { float:right; }

/*+------------------+*/
/*| ALASIVUJEN FLASH |*/
/*+------------------+*/
/** flashi� ymp�r�iv� kehys **/
#content> div.flash { 
	position:relative;
	width:408px;
	height:265px;
	clear:both;
	margin:0em 0em 0em 0em;
	padding:0.4em 0.1em 0em 0em;
	border:1px solid #FBB70F;
	}
#content> div.flash {  }		

/*+------------+*/
/*| MUUT SIVUT |*/
/*+------------+*/


/** FD lomakkeiden tyylit - kopioitu formdesignercss.css -tiedostosta **/
/* FormDesigneria ymp�r�iv� div */


/**
	Additional info on right column ( bm2 news, additional links, free text ara
**/
#page #info {
	float:left;
	margin-top:20px;
	padding:0em;
	width: 130px;
	
	}
#page #info-de {
	position: absolute;
	margin-top:20px;
	padding:0em;
	left: 850px; 
	width: 90px;
}
	.narrowBox { margin-bottom:1em;}
	.narrowBox h3 {
		width:132px;
		height:26px;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0em;
		padding-top:0.5em;
		padding-left:0.5em;
		color:#fff;
		background:url(/pics/h3-narrowBox.gif) repeat-x;}
		/* 
		.narrowBox h3.bulletin { background:url(/pics/h3-lisatietoa.gif) no-repeat; }	
		.narrowBox h3.additionlInfo { background:url(/pics/h3-lisatietoa.gif) no-repeat; }
		*/
	.narrowBox  ul {
		margin:0em;
		padding:0em;
		list-style-type:none;
		width: 125px;
		}
	.narrowBox  ul li {
		border-bottom:1px solid #8c0842;
		padding:0.5em 0em 0.5em 1em;
		margin:0em 0em 0em 0em;
		font-size:10px;
		}	
	.narrowBox  ul li a { color:#FBB70F;text-decoration:none;font-size:12px;}
	.narrowBox ul li a:hover { text-decoration:underline;}
	
	
	.banner { position: relative; clear:both;}
		.banner a img { border:none;}

/**
	**
	** Slideshow.jsp 
	**
**/
		#slideshowWrapper { position:relative; width:408px; height:271px; margin:0 auto;border:1px solid #FBB70F; cursor: pointer;} 
			#slideshowImages { position:relative; width:408px; height:274px; overflow:hidden;border:1px solid #FBB70F;margin:0 auto;}
		/* small images */
		#slideShowWrapperSmall { float:right;margin:0 1em; width: 300px; height: 199px;border:1px solid #FBB70F; cursor: pointer;}
			#slideshowImagesSmall { width:300px; height:199px; overflow:hidden;border:1px solid #FBB70F;margin:0 auto;}	
		
/*
 * **
 * ** Bulletin Manager 2
 * **
 */
	/* date */


	#content #bm2 p.bm2Date { font-size:10px;font-family:Courier;}
	
	/**
	**
	** template-events.vm 
	**
	**/
		#content #accordion  h3 { margin-bottom: 1em; padding-bottom: 0.25em; border-bottom: 1px solid #FBB70F; text-decoration: none;}
	#content #accordion h3 a { text-decoration: none;}
	#content #accordion div { margin-bottom: 1em;  border-bottom: 1px solid #FBB70F; }