/* Tyylit */
body {
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
	color: #3b3b3b;
}

p{
	margin:10px 0;
	line-height:150%;
}

a, a:link, a:visited, a:active{
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	color: #ff6a00;
	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: 'Calibri', Arial, Helvetica, sans-serif;
	color: #ff6a00 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}


a.news, a.news:link, a.news:visited {
	color:red;
	text-decoration: none;
}
td {}
.login {}
input, select, textarea {}
.text{
	width:100%;
}
h1 {
	font-size: 32px;
	color: #ff6a00;
}
h2 {
	font-size: 24px;
	color: #ff6a00;
}
h3 {
	font-size: 20px;
	color: #ff6a00;
}
h4 {
	font-size: 18px;
	color: #ff6a00;
}
h5 {
	font-size: 16px;
	color: #ff6a00;
}
h6 {
	font-size: 14px;
	color: #ff6a00;
}

.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%;
}




/*** Taitto ***/



#wrapper 					{width:845px; margin:0 auto; text-align:left;}

#header 					{padding:60px 0px 0px 0px;}

#logo 						{float:left;}

#menu 						{float:left;margin: 50px 0px 0px 20px; text-align:center;}
#menu ul 					{padding:0;margin:0;list-style:none;}
#menu li 					{float:left;margin-right:2px;}
.navileft 					{background: url(../img/navileft.jpg) no-repeat center top; height:30px; width:6px; float:left;} 
.navimid	 				{background: url(../img/navibg.jpg) repeat-x center top; height:30px; float:left;}
.naviright 					{background: url(../img/naviright.jpg) no-repeat center top; height:30px; width:6px; float:left;}

.menu_active 				{display:block;padding:5px 5px;font-size:15px; color:#fff !important;}
.menu_unactive 				{display:block; color:#606060 !important; font-size:15px; padding:5px 5px;}

#social 					{float:right;width:110px; margin:0px 0px 0px 3px;}


#mainpic 					{height:400px; width:845px; position:relative;}

#boxwrap 					{position:relative; height:280px;}
#boxwrap a, #boxwrap a:active, #boxwrap a:visited {color:#3B3B3B !important;} 
#boxwrap h2 a, #boxwrap h2 a:active, #boxwrap h2 a:visited {color:#fff !important;} 
#box-1 						{background: url(../img/box-first.jpg) no-repeat center top; width:481px; height: 280px; position:absolute; left:-70px;}
#box-2 						{background: url(../img/box-second.jpg) no-repeat center top; width:409px; height: 280px; margin-left:20px; position:absolute; right:0;}
.boxcontent 				{margin-left:300px;padding:20px 20px 10px 10px;}
.boxcontent_2 				{padding:20px 20px 20px 40px;margin-right:150px;}

#box-1 h2, #box-2 h2 		{color:#fff;font-size:30px; padding:0; margin:15px 0px;}


#left 						{float:left;width:510px;}
#right 						{float:left;width:240px;margin-left:57px;}

#menu2 						{width:237px;background: url(../img/menubg.jpg) repeat-y center top;}
#menu2 ul					{padding:0;margin:0;list-style:none;}

#menu2 a 					{display:block;color:#ff6d01 !important; font-size:15px;padding:4px 0px;font-weight:bold;}
.menu2-padding 				{padding:0px 20px;}
.menu2-padding p			{line-height:1.2;}


#titlespace  				{padding:0px 20px;}
#titlespace h2 				{padding:10px 0px;margin:0;}

#person_menu 				{float:left; width:280px;margin-right:10px;}
#person_menu ul 			{padding:0;margin:0; list-style:none;}
#person_menu li 			{float:left;}
.person_active 	img			{border: 5px solid #f99f1a;}
.person_unactive img		{border: 5px solid #fff;}

#person_stats 				{float:left; width:500px;}
#person_stats td 			{width:50%;}

#rightcol 					{float:left;width:290px;margin-left:45px;}

.box-1-sub 					{width:270px;height:307px;background: url(../img/box-high.jpg) no-repeat left top;margin-top:10px;}
.box-2-sub 					{width:270px;height:285px;background: url(../img/box-low.jpg) no-repeat left top;}
.box-3-sub 					{width:270px;height:285px;background: url(../img/box_06.jpg) no-repeat left top;}
.box-4-sub 					{width:270px;height:250px;background: url(../img/box_03.jpg) no-repeat left top;}
.box-5-sub 					{width:270px;height:285px;background: url(../img/box_08.jpg) no-repeat left top;}
.box-padding 				{padding:5px 30px 10px 30px;}
.box-padding-tight			{padding:5px 30px 10px 30px;}

.box-padding h1, .box-padding h2, .box-padding h3, .box-padding h4, .box-padding h5, .box-padding h6, .box-padding p 			{color:#fff !important;}
.box-padding h1, .box-padding h2, .box-padding h3, .box-padding h4, .box-padding h5, .box-padding h6				 			{font-size:27px; padding:0; margin: 15px 0px 8px 0;}


.box-people					{width:270px;height:285px;background: url(../img/tutustu-box.jpg) no-repeat center top; text-align:center;}


/** INPUT **/
#send .text 				{float:left;background: url(../img/input_03.jpg) no-repeat left top; height:45px; width:532px;}
#send .button 				{display:block; float:left; clear:}
#send input[type="text"] 	{background:none;outline:none; border:0; padding:10px 0px 0px 10px; font-size: 19px; display:block; float:left;}
#send input[type="submit"] 	{}



/** LIGHT BOX **/


.lightbox-container 		{

background-color:#fff;position:relative; border: 1px solid #ff9d33; 
width:790px;

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 

-webkit-box-shadow: #000 0px 0px 20px; 
-moz-box-shadow: #000 0px 0px 20px;
box-shadow: #000 0px 0px 20px; 

behavior: url(template/html/default/PIE.php);}


/** ** **/



.lightbox-padding 			{padding:30px;}
.lightbox-close-button 		{position:absolute; right:-1px; top: -17px;}



#footer 					{width:710px; margin:0 auto; color:#909090;padding-top:10px;}