@charset "UTF-8";
body {
	background-image: url(/content/images/Astmaviikko2009/taustakuva.gif);
	background-repeat: repeat;

	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #052d5b;
}


#wrapper {
margin:0 auto;
padding:0;
position:relative;
text-align:left;
width:1022px;
}

#header{
	background-image: url(/content/images/Astmaviikko2009/header.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 1022px;
}

#footer{
	background-image: url(/content/images/Astmaviikko2009/footer.png);
	background-repeat: no-repeat;
	height: 148px;
	width: 1022px;
	padding-top:50px;
	padding-left:70px;
	font-weight: bold; 
}

#title {
	background-repeat: no-repeat;
	height: 64px;
	width: 1022px;
}

.section_1 {background-image: url(/content/images/Astmaviikko2009/title_1.png);}
.section_2 {background-image: url(/content/images/Astmaviikko2009/title_2.png);}
.section_3 {background-image: url(/content/images/Astmaviikko2009/title_3.png);}
.section_4 {background-image: url(/content/images/Astmaviikko2009/title_4.png);}
.section_5 {background-image: url(/content/images/Astmaviikko2009/title_5.png);}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:235px;
	height:428px;
        z-index:5;
}

#content {
	width:1022px;
	min-height: 450px;
	height:auto !important;
	background-image: url(/content/images/Astmaviikko2009/mainContent_bg.png);
	background-repeat: repeat-y;
	padding-top: 30px;
	padding-left: 90px;
        padding-right: 100px;

}
#content img{
	padding-bottom: 30px;
}

#content a{ 
	text-decoration: none;	
	color: #cc3333;
}

label {float:left;
	font-weight: bold; 
height:20px;
padding-top:5px;
margin-left:0px;
margin-right:8px;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #052d5b;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #052d5b;
	padding: 0px;
	margin-top: 0px;
}
#navi {
	overflow:hidden; 
	height: 25px;
	position:absolute;
	left:300px;
	top:125px;
	width:800px;
	z-index:3;
	padding-top: 0px;
	padding-left: 2px;
	border:0;
       
}

#flashNavi {
	position:relative;
	overflow:hidden; 
	height: 25px;
	z-index:3;
	padding-top: 0px;
	padding-left: 2px;
	border:0;      
}

#flashNavi img{position:relative;padding-right:10px;margin-top:0px;}

#flashNavi img.act{margin-top:-32px;}


#flashNavi a, #navi a {float:left;}

#navi img{position:relative;padding-right:10px;margin-top:0px;}

#navi img.act{margin-top:-29px;}


#columnLeft {

	float: left;
	padding-bottom: 20px;
}

#column {
	width: 835px;
	float: left;
	padding-bottom: 20px;
}

.row {
	clear: left;
	padding-bottom: 5px;
}


#column1 {
	width: 360px;
	float: left;
}

.noshow {display:none;}
.show {display:block;}

#columnForm {
	width: 330px;
	float: left;
}


#columnAina {
	width: 100px;
	float: left;
	padding-left:60px;
}
#columnUsein {
	width: 100px;
	float: left;
}
#columnEiKoskaan {
	width: 150px;
	float: left;
}
#column2 {
	width: 500px;
	float: right;
	padding-top: 0px;
}

#column3 {
	width: 340px;
	float: left;
	padding-top: 0px;
	padding-left: 50px;
	
}

#column .DownloadFlashLink {
	padding-right:10px;
	font-size: 9px;
	text-align:center;
	position:relative;
	clear:left;
	top:-30px;
}

#column3 .DownloadFlashLink {
	padding-top:20px;
	top:0px;
	font-size: 9px;
}

#flashNavi a, #navi a {
	text-decoration: none;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#flashNavi img, #navi img, #column1 img, #column2 img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#flashNavi img {
	padding-bottom:0px;
}
.flashArea {
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	height:280px;
	}

.flashAreaFP {
height: 191px;
	}


a:hover {
	color: #89BA40;
}

/* Custom radioboxes yms.. (see more from custom-form-elements.js) */
  span.checkbox { /* not in use yet */
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(/content/images/Astmaviikko2009/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }
 span.radio {
   width: 20px;
   height: 25px;
   padding: 0;
   background: url(/content/images/Astmaviikko2009/radiobutton.png) no-repeat;
   display: block;
   margin-right:10px;
   float: left;
 }
 span.select { /* not in use yet */
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
 }

.row .textField {width: 250px;}