a {
  color: #017CCC;
}
a:visited {
  color: #017CCC;
  text-decoration: none;
}
#page {
  width: 780px;  
  background-color: #FFFFFF;
  margin: autopx autopx autopx autopx;
}
#top-bar {
  height: 176px;
  background: #FFFFFF url( /files/ptr.kotisivukone.com/kuvat/ptr_logo4.jpg ) no-repeat top left;
}
#content {
  margin: 5px -60px 0px -10px;
}

#content h1 {
  font-weight: normal;
  color: #017CCC;
  font-size: 170%;
  font-family: 'arial rounded MT bold';
  padding-left: 12px;
}

#content h2 {
  color: #017CCC;
  padding-left: 12px;
}
#content a:link {
  text-decoration: underline;
}

#content h3 {
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 11px;
  background-color: #017CCC;
  padding: 2px 0px 2px 12px;
}

#content p {
  font-family: 'times new roman regular';
  font-size: 10pt;
  padding-left: 12px;
}

/*Content is shown with the width of 380px on the left*/
#cdl {
  width: 380px;
  float: left;
  clear: both;
}

/*Content is shown with width of 310px on the right*/
#cdr {
  width: 370px;
  float: left;
  padding-left: 30px;
}

#menu {
  background: #017CCC;
  height: auto;
}
#menu ul {
  height: auto !important; min-height: 32px;
  height: 32px;
}
#menu ul li {
  height: 30px;
  background: transparent url( https://kotisivukone.fi/clients/layouts/idea/pics/menu_divider.gif ) no-repeat top right;
}
#menu ul li a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 9px 23px 8px 23px;
}
#menu ul a:hover {
  color: #fff;
  text-decoration: underline;
}
#menu ul li ul {
  padding-bottom: 1px;
  z-index: 100;
  border: 1px solid #017CCC;
  height: auto;
}
#menu ul li ul li {
  clear: both;
  background-image: none;
  height: auto;
}
#menu ul li ul li a {
  color: #017CCC; 
  text-transform: none;
  padding: 4px 4px 4px 12px;
  overflow: hidden;
}
#menu ul li ul li a:hover {
  color: #017CCC;
  text-decoration: underline;
}


#left-bar, #right-bar {
  color: #5B5B5B;
}
#left-bar h1, #right-bar h1 {
  color: #5B5B5B;
  font-size: 110%;
  font-weight: bold;
}


.box {
  width: 182px;
  border: none;
  margin: 15px 10px 23px 10px;
  background: #F1F1F1 url( /Kotisivukone/clients/layouts/idea/pics/box_bg.gif ) repeat-y bottom left;
}
.box .header {
  height: 35px;
  background: transparent url( /Kotisivukone/clients/layouts/idea/pics/box_top.gif ) no-repeat top left;
  padding: 0; margin: 0;
}
.box .content {
  background-color: transparent;
}
.box h1 {
  padding: 10px 0;
  margin: 0 10px;
}
.box p {
  padding: 0 0 20px 0;
  margin: 0 10px;
}

#footer {
  clear: both;
}
body {
  background: transparent url( repeat ) repeat top left;
}