/* Tyylit */
body {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	color:#4a4a49;
	background-color:#f2f2f2;
}
p{
	margin:10px 0;
}
a, a:link, a:visited, a:active{
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	color: #009ac8;
	text-decoration: none;
}

ul{
	margin:0 0 0 16px;
	padding:0;
}

/* 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: trebuchet ms, arial !important;
	color: #009ac8 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}


a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.login {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

input, select, textarea {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input, textarea {
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em trebuchet ms, arial sans-serif;
	padding:2px;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

input#submit {
	width:69px;
	height:26px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important; cursor:hand;
}


.text{
	width:100%;
}

.boldaus {
	font-size: 16px;
	color: #009ac8;
	font-weight:bold;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 16px;
	color: #009ac8;
	font-weight:bold;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 14px;
	color: #000000;
	margin:0;
	font-weight:normal;
}

h3 {
	font-size: 14px;
	color: #000000;
	margin:0 0 10px 0;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


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

/* Oletusrakenne */
#wrapper{
	width:820px;
	margin:0 auto;

}

#content{
	text-align:left;
	}

#header{
	position:relative;
	height:40px;
	color:#8e8e8b;
	}
	
#header a, #header  a:link, #header a:visited, #header a:active{
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	color: #8e8e8b;
	text-decoration: none;
}	

#logo{
	position:absolute;
	top:0;
	left:0;}
	
#kielet{
	position:absolute;
	top:14px;
	left:184px;
	}	
	
#yhteystiedot{
	position:absolute;
	top:14px;
	right:100px;
	}	
	
	
.ca{
	background:#f2f2f2 url(../img/bg.gif) repeat-y top left;
	margin:0;
	display:block;
	padding:10px 50px;
	z-index:4;
	
	}	

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}

#blue .bg, #blue .expandable{
	background-color:#009ac8;
	}
	
#blue a, #blue a:link, #blue a:visited, #blue a:active, #blue h1, #blue h3{
	color: #009ac8;
}	
	
#purp .bg, #purp .expandable{
	background-color:#7f4098;
	}
	
#purp a, #purp a:link, #purp a:visited, #purp a:active, #purp h1, #purp h3{
	color: #7f4098;
}		
	
#pink .bg, #pink .expandable{
	background-color:#ec0b8d;
	}
	
#pink a, #pink a:link, #pink a:visited, #pink a:active, #pink h1, #pink h3{
	color: #ec0b8d;
}		
	
#orange .bg, #orange .expandable{
	background-color:#f78f1e;
	}
	
#orange a, #orange a:link, #orange a:visited, #orange a:active, #orange h1, #orange h3{
	color: #f78f1e;
}	
	
#green .bg, #green .expandable{
	background-color:#c1d82f;
	}	
	
#green a, #green a:link, #green a:visited, #green a:active, #green h1, #green h3{
	color: #c1d82f;
}		
	
#grey .bg, #grey .expandable{
	background-color:#a7a9ac;
	}
	
#grey a, #grey a:link, #grey a:visited, #grey a:active, #grey h1, #grey h3{
	color: #a7a9ac;
}

.fader{
	height:195px;
	width:262px;
	overflow:hidden;
	float:left;
	background-color:#ccc;
	}
	
.ca_txt{
	margin-left:290px;
	overflow:hidden;
	}
	
.clearfloat {

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}
	



#contactFormContainer
            {
               position:absolute;
               right:0;
               top:14px;
			  z-index:10;
            }
#contactForm
            {
              
               width:300px;
			   position:absolute;
			   top:44px;
			   right:0;
               display:none;
               color:#fff;
			   background-color:#ccc;
			   z-index:10;
            }
 
#contactForm fieldset
            {
               padding:20px;
 
border:none;
            }      
            #contactForm label
            {
               display:block;
               color:#fff;
            }      
           
          
            #contactLink
            {
              
               display:block;
               cursor:pointer;
            }
            #messageSent
            {
               color:#ff9933;
               display:none;
            }
			
			
			
			
#mainslide{
	z-index:900;
	position:relative;
	display:inline-table;
	}	
	
#slidegallery{
	width:263px;
	height:300px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	display:inline-table;
	}
	
h1 cufon{
	display:inline-block;
	}
	
h2 cufon{
	display:inline-table;
	border-top:4px solid transparent;
	}	

	

	
.news_revolver{
	display:block;
	position:absolute;
	height:100%;
}

.topsh{
	clear:both;
	width:820px;
	height:37px;
	display:block;
	margin:0;
	padding:0;
	background:url(../img/bg_top.gif) no-repeat bottom center;
	}

.botsh{
	clear:both;
	width:820px;
	height:37px;
	display:block;
	margin:0;
	padding:0;
	background:url(../img/bg_bottom.gif) no-repeat top center;
	}