/* Start of CMSMS style sheet 'Kalenterin tyylit' */
html {padding:0px}
body {color:#333;font-family: "Lucida Grande",Verdana,sans-serif;margin: 0 auto;padding:0; background: repeat-x url(/images/medium/bg3.gif) #003F74;}
img {border:0}
a {color: #333333;}

#menu {background:url(/images/bottom.gif); width:1000px; height:35px; margin: 0 auto; padding:0; font-size: 11px; border-bottom:5px solid #6699cc; }
#menu ul {margin: 0; padding: 0; }
#menu li {height: 35px;float: left;display: block; text-align:center;list-style: none; margin: 0; padding:0;border-right:1px solid #00234E;}
#menu li.konsertit {width:170px;border-left:1px solid #00234E;  }
#menu li.kokoukset {width:188px;}
#menu li.kongressit {width:115px;}
#menu li.tilat {width:150px;}
#menu li.ravintolat {width:165px;}
#menu li.yritys {width:90px;}
#menu li.lang {width:114px; border-right:1px solid #00234E;}
#menu li.lang a { color:#ffd463;}
#menu a {text-decoration:none; display: block; padding: 11px;color: #fff; min-height:1em;}
#menu a:hover { background-color: #003F75; color:#F2D17A; }

#wrapper {overflow: hidden;margin: 0 auto; padding:0;width:1000px;background: repeat-y url(/images/tausta.gif) #fff}

#wrapper2-outer {clear:both;background-color: #eef5ff ;}
#wrapper2 {overflow: hidden;margin: 0 auto; padding:0;width:1000px;background: repeat-y url(/images/tausta.gif) #fff}


#image { width: 1000px; height: 300px; background-color: #fff; border-bottom:5px solid #ddd; }

#pelkka_logo { background:url(/images/pelkka-logo.gif); width:250px;height:300px;margin:0;padding:0; white-space:nowrap;float:left;border-bottom:5px solid #ddd;}
h1 {margin: 0;padding: 0;font-size: 1px;width: 200px;height:65px;text-indent: -2000px;
background:40px 20px url(/images/header.gif) no-repeat;}

#map {float:left;border-bottom:5px solid #ddd;}

#left {float:left;width:250px;padding:0;margin:0;}

#submenu { margin:0; padding:0; font-size:11px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fafafa;}
#submenu ul {padding: 0 8px 8px 8px; margin:0 0 20px 0; border-bottom:0px solid #ddd;}
#submenu ul ul { padding: 0; border-top:2px solid #ddd; border-bottom:2px solid #ddd; margin-top: 3px; margin-bottom: 0px;}
#submenu ul ul ul { padding: 0;}
#submenu li {list-style: none; margin: 0; padding:5px 0 5px 0;display: block; border-bottom:1px solid #ddd;}
#submenu ul ul li {padding:0; margin:0; border: none; }
#submenu a {text-decoration:none; display: block;padding: 8px 5px 8px 15px; min-height:1em;}
#submenu a:hover { background-color: #eee; }
#submenu ul ul a {padding: 5px 10px 5px 30px;background-color: #eee;}
#submenu ul ul a:hover {background-color: #ddd;}
#submenu h3 {padding: 8px 5px 8px 15px; margin:0; font-size:11px; background-color: #fafafa;}
#submenu ul ul h3 {padding: 5px 10px 5px 30px; margin:0; font-size:11px; background-color: #eee;}
#submenu a.imglink {margin:0; padding:0; display:inline;}
#submenu a.imglink:hover {background-color:#fafafa;}
/** fix stupid ie bug with display:block; **/
* html #submenu li a { height: 1%; } 
* html #submenu li hr { height: 1%; }

#middle {float:left;width:630px;margin:8px 0 0 0;padding:0 60px 0 60px;font-size: 12px; }
#middle h2 {height:30px;margin:0 0 0 0; padding:30px 0 30px 0; font-size:24px; font-weight:normal; font-family: Arial,Verdana,Sans-serif; }
#middle h3 {color: #3366CC; margin:0 0 0 0px; padding:0 0 20px 0;font-size:15px;font-family: Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
#middle h4 { margin:0; padding:0 0 20px 0;font-size:12px;font-family: Verdana;}
#middle p {margin:0; line-height:1.5em}
#middle p.small {font-size: 9px; margin:0; padding:30px 0 20px 0; line-height: normal; color: #aaa;}
#middle p.small a {color: #aaa; text-decoration: none;}
#middle p.small a:hover {color: #666; text-decoration: underline; }
#middle a {color: #3366CC; text-decoration: none;}
#middle a:hover {color: #3366CC; text-decoration: underline; }
#middle ul {margin:0 0 15px 10px;padding:0;line-height:1.4em;}
#middle li {list-style: none;margin:0;padding:0;padding-left:20px; padding-bottom:15px; 
background: 5px 4px url(/images/icons/arrow-right-smaller.gif)  no-repeat ;}
#middle li.star {background: 5px 4px url(/images/star.gif) no-repeat;}
#middle ul li ul {margin:0;padding:5px;}
#middle ul li ul li {margin:0;padding:0 0 0 20px;background: 5px 4px url(/images/icons/arrow-right-gray.gif)  no-repeat ;}
#middle img.staffimg {float:left;border:1px solid #DDDDDD;padding:10px 10px 10px 10px;margin: 0 20px 20px 0px;}
#middle br.clear { clear: left; }
#middle form {margin:0 60px 0 0;}

#viiva {margin:0; padding:0;}

#right-empty { float:left;width:229px;font-size:11px;padding:0;margin:8px 0 0 0; border-top:1px solid #ddd;background-color:transparent;}

#right { float:left;width:229px;font-size:11px;padding:0;margin:8px 0 0 0; border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:transparent;}
#right h4 { color: #333; font-weight:bold; font-size:10px;padding:15px 10px 5px 10px; margin: 0 10px 0 0;display:block;background-color:#fafafa;border-right: 1px solid #ddd;border-top: 1px solid #ddd;}
#right ul {border-right: 1px solid #ddd; margin:0 10px 0 0; padding:0 10px 20px 0;background-color:#fafafa;}
#right li {line-height:1.5em;font-size:10px;list-style: none; margin: 0;display: block; 
padding:12px 10px 0 10px}
#right li a {font-size:10px;text-decoration:none; min-height:16px;color:#3366CC; padding-left:23px;padding-top:2px;padding-bottom:2px;background: no-repeat url(/images/icons/arrow.gif);}
#right li a:hover { text-decoration: underline; }
#right p {font-size:11px;margin:0; padding: 0 0 20px 0;}
#right img {padding: 0 0 20px 0;}
#right a.b-tavara {background: no-repeat url(/images/icons/truck.gif);}
#right a.b-yhteys {background: no-repeat url(/images/icons/vcard.gif);}
#right a.b-viinit {background: no-repeat url(/images/icons/drink_empty.gif);}
#right a.b-kalenteri {background: no-repeat url(/images/icons/date.gif);}
#right a.b-auto {background: no-repeat url(/images/icons/parkki.gif);}

#footer {clear:both; background-color:#eef5ff  }
#footer-inner {background-color: #fff;font-size:9px;margin: 0 auto; padding-top:0; width:999px;height:40px;border-top: 5px solid #ddd;border-right: 1px solid #ddd;}
#spons-text {float: left; padding:0; margin:12px 10px 0 60px;}
#spons {float: left; padding:0; margin:14px 0 0 60px;}
#spons img {padding:0;}
#footer-inner ul {margin:0;padding:0;}
#footer-inner li {margin:12px 0 10px 60px;padding:0;height: 17px; width:100px;float: left;display: block; list-style: none; padding-left:23px;}
#footer-inner li.tulosta {margin-left:60px;width:80px;background: no-repeat url(/images/icons/page_white_text.gif);}
#footer-inner li.palaute {margin-left:47px;width:80px;background: no-repeat url(/images/icon-tell.gif);}
#footer-inner li.sivukartta {margin-left:47px;width:80px;background: no-repeat url(/images/icons/sitemap.gif);}
#footer-inner li.yhteistyo {margin-left:45px;background: no-repeat url(/images/icons/arrow_whitebg.gif);}
#footer-inner a {text-decoration:none;display:block;margin-top:2px;}
#footer-inner a:hover {text-decoration:underline;}

#copyright {clear:both;height:79px;background-color: #003F75;background:top left url(/images/bottom-bg.gif) repeat-x}
#copyright-inner {margin: 0 auto; width:1000px;height:79px;background:url(/images/bottom.gif); font-size:9px;color:#FFFFFF;}
#copyright-inner a {color:#FFFFFF; text-decoration:none;}
#copyright-inner a:hover { text-decoration:underline;}
#copy, #address, #phone, #links {float:left; margin:0; line-height:20px;}
#copy {padding:20px 0 10px 25px; width: 260px;}
#address {padding:10px 0 10px 25px;width: 125px;}
#phone {padding:10px 0 10px 25px;width: 125px;}
#links {padding:10px 0 10px 25px;}

#map {float:left;border-bottom:5px solid #ddd;}

#searchbox {float:left; margin:0; padding:10px 5px 10px 5px; background-color: #FAFAFA; width:238px;
border-left: 1px solid #ddd; border-right: 1px solid #ddd;  height:20px;}
#searchbox .hakunappi { font-size: 12px;color: #666;width: 40px; background-color: #eee; border: 1px solid #ddd; padding: 0px 0px 3px 0px;}
#searchbox .hakunappi:hover {background-color: #FAFAFA;}
#searchbox .hakukentta {font-size: 12px;width: 150px;color: #666;margin-left: 20px;padding: 1px 0px 4px 5px;background-color: #fff;border: 1px solid #ddd; }

#kalenteri {width:630px;margin:0;border-top:0px solid #ddd; border-bottom:1px solid #ddd;}

#selite {width:588px;font-size: 10px;background:#fff;border:1px solid #ddd; border-top:0; border-bottom:0;padding: 8px 20px 0px 20px; margin:0;}
#selite p {padding-bottom:10px;}

#paiva {clear:both;border-top: 1px solid #ddd; float:left; width:110px;padding: 17px 10px 10px 0px;}
.paivannimi {font-size: 10px; display:block;width:80px;border-bottom: 1px dashed #ddd;height:18px;}
.pvm {color:#3366CC;font-family: georgia,'times new roman',serif; font-size:17px;padding-top:5px;}

#event,
#event_kas,
#event_today_kas,
#event_today  {border-top:1px solid #ddd;border-right:1px solid #ddd;margin:0;margin-left:120px;padding: 0 7px 7px 0;}

a.tapahtuma_linkki {text-decoration: none;font-weight:bold;font-size:14px;display:block;padding:5px 20px 0px 20px;margin:10px 0 0 0;}

h5  {font-size:14px;font-weight:bold;display:block; padding:5px 20px 0px 20px;margin:10px 0 0 0;}

#event_kas a.tapahtuma_linkki,
#event_today_kas a.tapahtuma_linkki {background: 98% 50% no-repeat url(/images/star.gif); }
#event_kas h5,
#event_today_kas h5 {background: 98% 50% no-repeat url(/images/star.gif);}


#event_kas,
#event { background: top right no-repeat url(/images/kalenteri-no-kas.gif) #fff; }

#event_today_kas,
#event_today { background: top right no-repeat url(/images/kalenteri-today.gif) #fff; }

a.tapahtuma_linkki:hover {color: #999;}

#kalenteri blockquote {color:#000; padding:10px 0 5px 0; margin: 0 0 0 20px;}

blockquote p {margin:0; width:320px; padding:0; }

blockquote p.tapahtuma, 
blockquote p.tuottaja, 
blockquote p.aikapaikka {font-family:Arial,Verdana,Sans-serif;padding-bottom:10px}

blockquote p.linkit {font-size:12px;font-family:Arial,Verdana,Sans-serif;float:right; display:block; width:135px; margin:0;padding:0px;padding-top:10px;}

blockquote p.tapahtuma {font-size:12px;}
blockquote p.tapahtuma b {font-size:12px;}

blockquote p.tuottaja {}

blockquote p.aikapaikka {padding-top:10px;font-size:12px;}

blockquote a {color:#3366CC; text-decoration:none;}
blockquote a:hover {text-decoration:underline;}
blockquote a.lipari {float:left; display:block; margin:0 0 10px 0;padding:0px 0px 0px 20px;background: 7px 50%  no-repeat url(/images/icons/arrow-right-smaller.gif); }
blockquote a.paikka {float:left; margin:0 0 10px 0;padding:0px 0px 0px 20px;background: 7px 50%  no-repeat url(/images/icons/arrow-right-smaller.gif); }

#kklista {width:627px;font-size:10px;border:1px solid #ddd; border-top:0; padding:3px 0px 3px 1px ; height: 22px;clear:both; margin:0; }
#kklista ul {margin: 0; padding: 0; }
#kklista li {height: 20px;float: left;display: block; text-align:center;list-style: none; margin: 0; padding:0; margin-left:2px; border:1px solid #eee; width:152px; background:#fafafa; }
#kklista a {margin:0;padding:0;border:1px solid #fff; display:block; height:18px;}
#kklista a:hover {margin:0;padding:0;text-decoration: underline;background:#fff2d4;height:18px;}
#kklista a.nykyinen {border:1px solid #fff; display:block; height:18px; color:#333; background:#fff;}
#kklista a.nykyinen:hover {text-decoration: none; height:18px;color:#333; background:#fff;cursor:default;}

#vaihdakk  {width:627px;font-size:11px;border:1px solid #ddd; padding:3px 0px 3px 1px ; height: 22px;clear:both;margin:0; }
#vaihdakk ul {margin: 0; padding: 0; }
#vaihdakk li {height: 20px;float: left;display: block; text-align:center;list-style: none; margin: 0; padding:0; margin-left:2px;border:1px solid #eee; width:308px; background:#fafafa; }
#vaihdakk a {border:1px solid #fff; display:block; height:18px;}
#vaihdakk a:hover {text-decoration: underline;background:#fff2d4;height:18px;}
/* End of 'Kalenterin tyylit' */