/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 16, 2011 05:27:03 AM America/New_York */



@font-face {
		font-family: 'DroidSansRegular';
		src: url('../fontface/DroidSans-webfont.eot');
		src: url('../fontface/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fontface/DroidSans-webfont.woff') format('woff'),
				 url('../fontface/DroidSans-webfont.ttf') format('truetype'),
				 url('../fontface/DroidSans-webfont.svg#DroidSansRegular') format('svg');
		font-weight: normal;
		font-style: normal;

}

@font-face {
		font-family: 'DroidSansBold';
		src: url('../fontface/DroidSans-Bold-webfont.eot');
		src: url('../fontface/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fontface/DroidSans-Bold-webfont.woff') format('woff'),
				 url('../fontface/DroidSans-Bold-webfont.ttf') format('truetype'),
				 url('../fontface/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
		font-weight: normal;
		font-style: normal;

}


b, strong {
	font-family: 'DroidSansBold';
	font-weight: normal;
}




/* Tyylit */
body {
	font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0;
	color: #5e5e5d;
	background:#1d82dc url(../img/bg.jpg) no-repeat center top;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	color: #1973ca;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
	 Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: 'DroidSansRegular', arial !important;
	color: #1973ca !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}


a.news, a.news:link, a.news:visited {
	color:#1973ca;
	text-decoration: none;
}
td {}
.login {}
input, select, textarea {}
.text{
	width:100%;
}
h1 {
	font-size: 30px;
	color: #a6c26c;
	padding: 5px 0;
	margin: 0px 0;
}
h2 {
	font-size: 20px;
	color: #5f5f5f;
	margin: 10px 0;
}
h3 {
	font-size: 15px;
	color: #5f5f5f;
}
h4 {
	color: #5f5f5f;
}
h5 {
	color: #5f5f5f;
}
h6 {
	color: #5f5f5f;
}

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}
#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}
#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}
.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}



/* --------------------------
 *
 * Basic structure
 *
 * ----------------------- */

 * 																{ box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url(template/html/default/boxsizing.htc);  }

 #wrapper 														{ text-align: left; margin: 0 auto; width: 970px; }
 #header 														{ background: url(../img/header-bg.jpg) repeat-x center top; padding: 40px 40px 5px 40px; *padding: 35px 10px 10px 10px; }
	#header #menu 												{  }
	#header #menu ul 											{ padding: 0; margin: 10px 0 0 0; list-style: none; border-top: 1px dotted #a6a6a6;  }
		#header #menu ul li										{ float: left; margin-top: -1px; padding-left: 9px;  }
		#header #menu ul li:first-child							{ padding-left: 0px; }
			#header #menu ul li a								{ display: block; padding-top: 10px; border-top: 3px solid transparent; color: #5e5e5d; }
			#header #menu ul li a.active						{ border-top: 3px solid #656565; }
 
 #mainpic 														{ height: 295px; *height: 275px; }
	#mainpic .slogan 											{ float: right; border-left: 10px solid #6c980a; background-color: #1973ca; color: white; font-size: 24px; 
																  margin-top: 44px; *margin-top: 24px; padding: 15px 20px; }
 
 #content 														{ background: white; padding: 33px 40px; }
	#content .title 											{ background: url(../img/bullet-greenarrow.png) no-repeat left top; padding-bottom: 16px;
																  border-bottom: 1px dashed #656565; padding-left: 25px; font-size: 20px; margin-bottom: 15px; }

 #footer 														{ color: #c0daed; padding: 10px 10px; }
 #footer .footermenu 											{  }
 #footer .footermenu ul											{ list-style: none; padding: 0; margin: 0; float: right; }
 #footer .footermenu ul li										{ float: left; }
 #footer .footermenu ul li a									{ color: #c0daed; }
 #footer .footermenu ul li.seperator 							{ padding: 0 5px; }


 .button 														{ background: url(../img/bullet-greenarrow.png) no-repeat left center; display: block; padding: 2px 2px 2px 25px; 
 																  color: #6c980a !important; font-size: 16px; margin: 8px 0; }

 .formInput 													{ background: url(../img/input-bg.png); border: 1px solid #c7c7c7; padding: 6px; margin: 0px 0 0 0; display: block;
 																  box-shadow: #cacaca 1px 1px 1px; -webkit-box-shadow: #cacaca 1px 1px 1px; -moz-box-shadow: #cacaca 1px 1px 1px; 
 																  color: #5f5f5f; outline: none; } 

 .extranet 														{ border-left: 1px dashed #a7a7a7; border-right: 1px dashed #a7a7a7; padding-left: 20px; }



 .pageTitle														{ background: #1973ca; padding: 15px 30px; font-size: 16px; color: white; }
 .submenu 														{ border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; }
 .submenu ul													{ padding: 10px 0px; background-color: #f6f6f6; margin: 0; list-style: none; }
 .submenu ul li													{ margin-left: 20px; }
 .submenu ul li a												{ display: block; margin: 4px 0px; color: #262626; }
 .submenu ul li a.active 										{ color: #1973ca; text-decoration: underline; }
 .submenu ul li a.lvl1 											{ background: url(../img/bullet-grey.png) no-repeat left 13px; padding-left: 10px; border-top: 1px dotted #a7a7a7; 
 																  width: 90%; margin: 10px 0; padding-top: 10px; }
 .submenu ul li a.lowlvl 										{ background: url(../img/bullet-grey2.png) no-repeat left 5px; padding-left: 10px; }

 .breadCrumbs 													{ border-bottom: 1px dashed #a7a7a7; padding-bottom: 10px; margin-bottom: 20px; }
 .bc-link 														{ background: url(../img/bullet-grey.png) no-repeat right center; padding-right: 10px; }

 /* --------------------------
	*
	* PIE, RADIUS, ETC
	*
	* ----------------------- */

	.pie                                                          { position: relative; behavior: url(template/html/default/PIE.php); }
	.border-radius-5                                              { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.border-radius-10                                             { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.border-radius-top-5                                          { border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; 
																	-ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; }
	.border-radius-top-10                                         { border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; 
																	-ms-border-radius: 10px 10px 0px 0px; -o-border-radius: 10px 10px 0px 0px; }
	.border-radius-bottom-5                                       { border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; 
																	-ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
	.border-radius-bottom-10                                      { border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; 
																	-ms-border-radius: 0px 0px 10px 10px; -o-border-radius: 0px 0px 10px 10px; }
	.border-radius-left-5                                         { border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; 
																	-ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; }
	.border-radius-right-5                                        { border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; 
																	-ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; }

	.cf:before, .cf:after                                         { content: ""; display: table; }
	.cf:after                                                     { clear: both; }
	.cf                                                           { *zoom: 1; }

	.tip-black                                                    { position: absolute; display: block; left: 0; bottom: -10px; border-left: 10px solid #383838; 
																	border-right: 10px solid transparent; border-bottom: 10px solid transparent; }

 /* --------------------------
	*
	* Float
	*
	* ----------------------- */
	
	.col, .float-left, #login p, #login #login-form
	{ float: left; }

	.float-right, .col.right, #header #login
	{ float: right; }


 /* --------------------------
	*
	* COLS
	*
	* ----------------------- */

	.cols                                                         { margin-bottom: 20px; margin-left: -2%; }

	.col                                                          { margin: 0 0 0 2%; }


	.col-10                                                       { width: 8%; }
	.col-15                                                       { width: 13%; }
	.col-20                                                       { width: 18%; }
	.col-25                                                       { width: 23%; *width: 22.5%; }
	.col-30                                                       { width: 28%; *width: 253px; }
	.col-70 .col-30                                               { width: 28%; *width: 172px; }
	.col-31                                                       { width: 29%; }
	.col-35                                                       { width: 33%; }
	.col-40                                                       { width: 38%; }
	.col-45                                                       { width: 43%; }
	.col-50                                                       { width: 48%; *width: 46% }
	.col-55                                                       { width: 53%; }
	.col-60                                                       { width: 58%; }
	#header .col-60 											  { width: 58%; *width: 526px; }
	.col-65                                                       { width: 63%; }
	.col-66                                                       { width: 64%; }
	.col-67                                                       { width: 65%; }
	.col-70                                                       { width: 68%; }
	.col-70 .col-70                                               { width: 68%; *width: 390px; }
	.col-75                                                       { width: 73%; }
	.col-80                                                       { width: 78%; }
	.col-85                                                       { width: 83%; }
	.col-90                                                       { width: 88%; }
	.col-95                                                       { width: 93%; }
	.col-100                                                      { width: 98%; *width: 100%; }