/* Business Arena Oy
 * www.businessarena.fi
 *
 * Created by; Antti Heikinmäki / Controla Oy
 * Created: 01.10.2008
 **********************************************/

body { 	margin: 0; font-family: Lucida Sans; font-size: 12px; background: url(/images/stories/pics/bg.jpg) repeat-x #2e2e2e; color: white; }
a { color: #c1d8e0;}
a:hover { color: #fc7c11;}
h1 { font-size: 16px; margin: 10px 0px 10px 0px;}
h2 { padding: 20px;}

.all { height: 400px; position: absolute; width: 100%; height: 100%; background: url(/images/stories/pics/header.jpg) top right no-repeat;}
.bg_image { height: 221px; width: 80%; position: absolute; top: 149px; right: 0px;}
.content { margin-left: auto; margin-right: auto; width: 900px; height: auto; color: white;}
.header { width: 800px; height: 142px; margin-left: auto; margin-right: auto;}
.logo { display: block; float: left; width: 310px; height: 140px;}

/* MAIN CONTENT */
.main-content-wrapper-bg { margin: 150px 0px 0px 0px; background-color: black; opacity: 0.99999; background: 
url(/images/stories/pics/varjotausta.png) no-repeat; width: 795px; order: 1px solid black;}
.main-content-wrapper { background-color: #474747; margin: 20px 15px 20px 20px;}
.main-content { background-color: #474747; margin: 20px 0px 0px 20px; min-height: 400px;}

/* SLOGAN */
.slogan { width: 800px; position: absolute;}
.slogan .moduletable img{ display: block; margin-left: auto; margin-right: auto; margin-top: 50px; width: 700px;}

/* MAIN MENU */
.mainmenu { display: block; float: left; width: 450px; height: 50px; margin: 90px 0px 0px 0px; text-align: center;}
.mainmenu li { display: inline; margin: 0px 10px 0px 0px;}
.mainmenu a{ text-decoration: none; color: white; font-size: 12px;}

/* ARTICLE */
.article-content { width: 440px; height: 100%; margin: 0px 0px 0px 30px; border-right: 1px dotted silver;}
.article-content p{ margin: 5px 30px 5px 0px;}

/* CONTENTHEADING */
.contentheading { margin: 20px 0px 0px 20px; padding: 20px;}

/* RIGHT */
.right { display: block; float: right; width: 230px; margin: 50px 10px 10px 10px; color: white; color: #c1d8e0; height: 100%; padding: 
20px;}
.right .moduletable { margin: 0px 0px 0px 10px; }

/* TAPAHTUMAT */
.moduletable_tapahtumat { margin: 10px 10px 10px 10px; }
.moduletable_tapahtumat ul {list-style: none;}
.moduletable_tapahtumat a{ text-decoration: none; color: #c1d8e0;}
.moduletable_tapahtumat a:hover { color: #fc7c11; }

/* CONTACT */
.contact { height: 50px;display: block; margin: 20px 0px 0px 0px; width: 750px; }
.contact p{ margin: 0px 0px 0px 20px;}

/* FOOTER */
.footer { position: relative; display: block; float: left; width: 750px; height: 50px; margin: 0px; 
background-color: #2e2e2e; text-align: right; }

/* FORM */
.ba_form { margin: 10px 10px 10px 10px; padding: 10px;}
.form_header{ height: 100px;margin: 10px 10px 	10px 10px;}
.form_header #logo { float: left; width: 200px;}
.form_header #topic { float: left; width: 200px; }
#formcontent { margin: 0px 0px 0px 0px; margin: 10px 10px 10px 10px; width: 500px; border: 1px solid whit;}
.fields .lbltext { loat: left; width: 200px; margin: 5px 0px 0px 0px; float: left;}
.fields .lblinput { loat: left; width: 200px; margin: 5px 0px 0px 0px; float: left;}
.chronoform { margin: 0px 10px 0px 0px; float: right;}
.chronoform a{ color: #2e2e2e; text-decoration: none; font-size: 10px;}

.form_sent { padding: 20px; }
.form_sent h1 { font-size: 14px; margin: 40px 0px 5px 40px;}
.form_sent p { font-size: 12px; margin: 5px 0px 0px 40px;}

/********************************
 * Näytteilleasettajalomake 2009
 ********************************/

form#ChronoContact_OsaajatKohtaavat2009Naytteilleasettajat {  }
#ChronoContact_OsaajatKohtaavat2009Naytteilleasettajat h1{ font-size: 18px; margin: 0; padding: 20px;}
#ChronoContact_OsaajatKohtaavat2009Naytteilleasettajat h2{ font-size: 16px; margin: 0;}
#ChronoContact_OsaajatKohtaavat2009Naytteilleasettajat h3{ font-size: 14px; margin: 10px 0px 0px 0px;}


/***********************
 * Clusters 2009
 **********************/
form#ChronoContact_Clusters2009 { }
form#ChronoContact_Clusters2009 h2{ font-size: 14px; margin: 0; padding: 0;}

form#ChronoContact_Clusters2009 #track { text-align: center; border: 1px solid white; width: 400px; margin: 10px 
10px 10px 10px;}
form#ChronoContact_Clusters2009 #track h1 { font-size: 14px; margin: 0; padding: 0;}
form#ChronoContact_Clusters2009 #track p { font-size: 11px; margin: 0; padding: 0;}

form#ChronoContact_Clusters2009 #block { border: 1px solid white; width: 450px; text-align: center; margin: 10px 
10px 10px 10px;}