/* CSS Document */
body {margin: 0px; padding: 0px; background-image: url(../img/tausta.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ceb583; }
a:link, a:visited {color: #75212E; font-weight: bold;text-decoration: none}
#header{ width: 800px; padding: 0; height: 100px; background-image: url(../img/logo.gif); background-repeat: no-repeat; background-position: right top; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

#footer a:link, #footer a:visited {font-weight: normal; color: #F1F1F1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; text-decoration: none;  }

#runko{position:relative;display:block;}
#inner{position:relative; overflow: hidden;width: 800px; margin: 0 auto;background-color: #644415; }
#leftCol{ position:relative; width: 200px; float: left; background-color: #7c541a; background-image: url(../img/leftColBg1x500.jpg); background-repeat: repeat-x; }
#content{position:relative; width: 600px;float: left; margin: 0px; background-color: #FFFFFF;  background-image: url(../img/runkoOrnamenttiTopLeft.gif); background-repeat: no-repeat; background-position: left top;min-height: 400px}
#content, #leftCol{padding-bottom:32767px; margin-bottom:-32767px;}
#footer{clear: both; width: 800px; padding: 0px; height: 100px;margin: 0 auto;text-align: right; }


#content .twoColumn{ display: block; min-height: 250px }

.otsikko1{ padding: 30px 0px 10px 15px }
h1{ padding: 10px 0px 5px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
#content p{ padding: 0px 25px 0px 25px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
ol{margin: 0px;padding: 0px 25px 0px 45px;color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#kymmenenJaPuoliGurua{ margin: 10px; float: right; height: 248px; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
#kirjaAuki{ margin: 0px 0px 0px 0px;float: right; height: 187px; width: 300px; }
#quote{float: left;margin: 25px 0px 20px 10px;padding: 5px; width: 586px; height: 115px; background-image: url(../img/needAquote.gif); background-repeat: no-repeat; }
#quote p {padding: 30px 10px 10px 30px;}
.clear {clear: both;line-height: 1px}

#ethics ul{ }
#ethics li{margin: 0px;padding: 0px ;color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

#specializedfields {margin: 0 auto;width:400px; height: 80px; padding: 0px 0px 0px 25px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#babylon {margin: 0;width:400px;  padding: 0px 0px 0px 25px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#babylon p{padding: 0px;}
#babylon h1{margin: 10px 0px 15px 0px;padding: 0px;}
#specializedfields ul { list-style-type: none; padding: 0px; margin: 0px 0px 5px 0px; }
#specializedfields li { display: block; float: left; width: 200px; padding: 0; margin: 0;}

/* VALIKKO */
#tabs { list-style:none; padding: 0px; margin:50px 0px 0px 50px; }
#tabs li { margin: 10px 0px 0px 0px; width: 150px; background-color: #FFFFFF; }
#tabs li a {display:block; position:relative; text-decoration:none;}
/* Tab1 asetukset*/
#tabs li a.m1 {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab1.gif) left top; position:relative; z-index:300;}
/* Tab2 asetukset*/
#tabs li a.m2 {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab2.gif) left top; position:relative; z-index:200;}
/* Tab3 asetukset*/
#tabs li a.m3 {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab3.gif) left top; position:relative; z-index:200;}
/* Tab4 asetukset*/
#tabs li a.m4 {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab4.gif) left top; position:relative; z-index:200;}


#tabs li a.m1:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}
#tabs li a.m2:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}
#tabs li a.m3:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}
#tabs li a.m4:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}

#tabs li a.m1Valittu {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab1.gif) left bottom; position:relative; z-index:300;}
#tabs li a.m2Valittu{display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab2.gif) left bottom; position:relative; z-index:200;}
#tabs li a.m3Valittu {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab3.gif) left bottom; position:relative; z-index:200;}
#tabs li a.m4Valittu {display:block; width: 124px;height: 34px; position:relative; text-decoration:none; background:url(../img/menu/tab4.gif) left bottom; position:relative; z-index:200;}