/* Aikakauslehdet.fi CSS-styles */


	.subFrontPage #column1 {
		width: 760px;
		margin: 0;
		padding: 0;
	}
		
		.subFrontPage #CrumbTrail{
			width: 500px;
			border: 0;
			margin: 0;
			padding: 3px 240px 0 20px;
		}

		.subFrontPage #column1 #CoverWrapper{
			clear: both;
			float: left;
			width: 540px;
			margin: 0;
			padding: 0 0 20px 0;
		}

			.subFrontPage #column1 #CoverHeader{
				width: 540px;
				margin: 0;
				padding: 0;
				color: #fff;
			}
			
				.subFrontPage #column1 #CoverHeader h1{
					width: 540px;
					height: 101px;
					margin: 0;
					padding: 0;
				}
				
					.subFrontPage #column1 #CoverHeader h1 img{
						margin: 0;
						border-top: 1px solid #e6e6e6;
						padding: 0;
					}
					
				.subFrontPage #column1 #CoverHeader #CoverHeaderDate{
					width: 500px;
					height: 30px
					margin: 0;
					padding: 9px 20px;
					font-size: 12px;
					line-height: 12px;
					text-align: right;
				}
				
				.subFrontPage #column1 #CoverHeader .CoverLehdet{
					background: #1c4578 url(/content/images/aikakauslehdet/cover_header_bg.gif) left bottom no-repeat;
				}

				.subFrontPage #column1 #CoverHeader .CoverKontakti{
					background: #9bb54b url(/content/images/aikakauskontakti/cover_header_2_bg.gif) left bottom no-repeat;
				}
			        /* 09/08 eteenpäin */		
				.subFrontPage #column1 #CoverHeader .CoverLehdet08{
					background: #1c4578 url(/content/images/aikakauslehdet/cover_header_bg_08.gif) left bottom no-repeat;
				}

				.subFrontPage #column1 #CoverHeader .CoverKontakti08{
					background: #9bb54b url(/content/images/aikakauskontakti/cover_header_2_bg_08.gif) left bottom no-repeat;
				}
				
				/* uusi opinnoissa uutiskirje */
				.subFrontPage #column1 #CoverHeader .CoverOpinnot{
					background: #8B0051; 
				}
				
			.subFrontPage #column1 .CoverHeadlinesLong,
			.subFrontPage #column1 .CoverHeadlinesShort{
				width: 500px;
				margin: 0;
				padding: 0 20px;
			}

			.subFrontPage #column1 .CoverHeadlinesShort{
				margin-bottom: 20px;
			}

				.subFrontPage #column1 .CoverIngressLong{

					margin-bottom: 10px;
				}

				.subFrontPage #column1 .CoverIngressShort{
					margin-bottom: 10px;
				}

				.subFrontPage #column1 .CoverIngressLong .ArticleLink{
					margin-top: 10px;				
				}
				
				.subFrontPage #column1 hr.CoverSplit{
					clear: both;
					margin: 0;
					padding: 0;
				}

			.subFrontPage #column1 .CoverHeadlinesShort h2{
				margin-bottom: 10px; 
			}
				
			.subFrontPage #column1 .CoverHeadlinesShort h3{
				margin: 0; 
				padding: 0;
			}
			
				
		.subFrontPage #column1 #ArticleHeader{
			clear: both;
			float: left;
			width: 760px;
			margin: 0;
			padding: 0;
		}

		.subFrontPage #column1 .ArticleHeaderLehdet{
			background-color: #369;
		}
		/* 08, Pinkki tausta, Tapsa, 10.11.2008*/
		.subFrontPage #column1 .ArticleHeaderLehdet08{
			background-color: #f53f5b;
		}

		.subFrontPage #column1 .ArticleHeaderKontakti{
			background-color: #893;
		}
		
		.subFrontPage #column1 .ArticleHeaderOpinnot{
			background-color: #8B0051;
		}
		
			.subFrontPage #column1 #ArticleHeader h1{
				float: left;
				width: 500px;
				margin: 0;
				padding: 0 20px;
			}

				.subFrontPage #column1 .ArticleHeaderLehdet h1 a,
				.subFrontPage #column1 .ArticleHeaderLehdet h1 a:link,
				.subFrontPage #column1 .ArticleHeaderLehdet h1 a:visited,
				.subFrontPage #column1 .ArticleHeaderLehdet h1 a:hover,
				.subFrontPage #column1 .ArticleHeaderLehdet h1 a:active{
					display: block;
					width: 134px;
					height: 0;
					overflow: hidden;
					margin: 0;
					padding-top: 40px;
					background: transparent url(/content/images/aikakauslehdet/article_header_h1.gif) left top no-repeat;
				}
				
				.subFrontPage #column1 .ArticleHeaderLehdet08 h1 a,
				.subFrontPage #column1 .ArticleHeaderLehdet08 h1 a:link,
				.subFrontPage #column1 .ArticleHeaderLehdet08 h1 a:visited,
				.subFrontPage #column1 .ArticleHeaderLehdet08 h1 a:hover,
				.subFrontPage #column1 .ArticleHeaderLehdet08 h1 a:active{
					display: block;
					width: 134px;
					height: 0;
					overflow: hidden;
					margin: 0;
					padding-top: 40px;
					background: transparent url(/content/images/aikakauslehdet/article_header_h1_pink.gif) left top no-repeat;
				}
				
				
				
				.subFrontPage #column1 .ArticleHeaderKontakti h1 a,
				.subFrontPage #column1 .ArticleHeaderKontakti h1 a:link,
				.subFrontPage #column1 .ArticleHeaderKontakti h1 a:visited,
				.subFrontPage #column1 .ArticleHeaderKontakti h1 a:hover,
				.subFrontPage #column1 .ArticleHeaderKontakti h1 a:active{
					display: block;
					width: 160px;
					height: 0;
					overflow: hidden;
					margin: 8px 0 7px 0;
					padding-top: 25px;
					background: transparent url(/content/images/aikakauskontakti/article_header_h1.gif) left top no-repeat;
				}
                                
                                
				.subFrontPage #column1 .ArticleHeaderOpinnot h1 a,
				.subFrontPage #column1 .ArticleHeaderOpinnot h1 a:link,
				.subFrontPage #column1 .ArticleHeaderOpinnot h1 a:visited,
				.subFrontPage #column1 .ArticleHeaderOpinnot h1 a:hover,
				.subFrontPage #column1 .ArticleHeaderOpinnot h1 a:active{
					display: block;
					width: 290px;
					height: 0;
					overflow: hidden;
					margin: 0 0 0 -20px;
					padding: 39px 0 0 0;
					
					background: transparent url(/content/images/opinnoissa/opinnot_article_header.gif) left top no-repeat;
				}				
				
			.subFrontPage #column1 #ArticleHeader #ArticleDate{
				float: right;
				width: 180px;
				margin: 0;
				padding: 14px 20px;
				font-size: 12px;
				line-height: 11px;
				text-align: right;
				color: #fff;
			}

		.subFrontPage #column1 .ArticleWrapper{
			clear: both;
			float: left;
			width: 500px;
			margin: 0;
			padding: 0 20px;
		}
		
			.subFrontPage #column1 .ArticleHeading{
				width: 500px;
				margin: 15px 0;
				padding: 0 0 1px 0;
				font-size: 18px;
				line-height: 18px;
				font-weight: normal;
			}
			
			.subFrontPage #column1 .ArticleHeading a,
			.subFrontPage #column1 .ArticleHeading a:link,
			.subFrontPage #column1 .ArticleHeading a:visited,
			.subFrontPage #column1 .ArticleHeading a:hover,
			.subFrontPage #column1 .ArticleHeading a:active{
				text-decoration: none;
				color: #333;
			}
			
			
			.subFrontPage #column1 .ArticleImage{
				float: left;
				width: 120px;
				margin: 0 10px 10px 0;
				padding: 0;
			}
			
			.subFrontPage #column1 .ArticleImage img{
				margin: 0;
				padding: 0;
			}
			
			.subFrontPage #column1 .ArticleTextWide{
				width: 500px;
				margin-top: 0;
			}

			.subFrontPage #column1 .ArticleTextNarrow{
				float: left;
				width: 370px;
				padding: 0;
				margin: 0;
			}
			
				.subFrontPage #column1 .ArticleIngress{
					font-family: Georgia;
					margin-bottom: 20px;
				}
				
					.subFrontPage #column1 .ArticleIngress p,
					.subFrontPage #column1 .ArticleBody p{
						margin: 0 0 10px 0;
					}
					
		.subFrontPage #column1 #ArticleColumn2{
			float: right;
			width: 190px;
			margin: 0;
			padding: 25px 15px;
			text-align: left;
		}
		
		.subFrontPage #column1 #CoverColumn2{
			float: right;
			width: 190px;
			margin: 0;
			padding: 0 15px 25px 15px;
			text-align: left;
			
		}
		
			.subFrontPage #column1 #ArticleColumn2 h2,
			.subFrontPage #column1 #CoverColumn2 h2{
				margin: 0 0 5px 0;
				padding: 0;
			}
			
			.subFrontPage ul#ArticleList{
				margin: 0 0 10px 0;
				padding: 0;
				list-style: none;
			}
			
				.subFrontPage ul#ArticleList li{
					display: inline;
					margin: 0;
					padding: 0;
					background: none;
				}
				
					.subFrontPage ul#ArticleList li a,
					.subFrontPage ul#ArticleList li a:link,
					.subFrontPage ul#ArticleList li a:visited,
					.subFrontPage ul#ArticleList li a:active{
						display: block;
						background-color: transparent;
						background-image: url(/content/images/bg/bullet_articlelist.gif);
						background-position: 0px 7px;
						background-repeat: no-repeat;
						padding-left: 10px;
						text-decoration: none;
						font-weight: bold;
						color: #369;
					}
			
					.subFrontPage ul#ArticleList li a:hover{
						background-position: 0px -48px;
						text-decoration: underline;
						color: #0382c9;
					}
	
			.subFrontPage form#CoverArchive{
				margin: 10px 0;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 10px 0;
			}
			
			.subFrontPage form#CoverArchive select{
				width: 100%;
				margin: 0;
				padding: 0;
				font-size: 12px;
			}