.body
{
    background-color:#660033;
    font-family:Trebucet Arial Verdana;
    color:#333333; 
    font-size:small; 
    border-width:0;
}
a { text-decoration:none; }

a:hover { text-decoration:underline; }

hr { color:#ccc !important; background-color: #ccc; }

.form { padding-left:5px; padding-right:5px; }

.topLogos { margin-left:auto; margin-right:auto; color:White; min-width:800px; }

.topLogos img { border-style: none; }

.spaceLogos { height:10px; clear:both; }

.topLogo { float:left; text-align:center; vertical-align:bottom; }

/* TOP LOGOS */
a.topLogoRaseko
{
padding-left:1px;
width:110px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Raseko_white_110.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoTimali
{
padding-left:1px;
width:110px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Timali_white_110.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoRao
{
padding-left:1px;
width:110px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Raision_ammattiop_white_110.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoRko
{
padding-left:1px;
width:96px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Raision_kauppaopisto_white_96.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoOpso
{
padding-left:1px;
width:140px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Raision_oppisopimust_white_140.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoNao
{
padding-left:1px;
width:110px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Naantalin_ammattiopisto_white_110.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

a.topLogoMkto
{
padding-left:1px;
width:180px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Mynamaki_white_180.png) no-repeat top left; */
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

/* LOGOS */
a.LogoRaseko
{
width:135px;
height:87px;
display:inline-block;
background: url(../../Images/Logos/raseko_RBG_135_87.png) no-repeat top left;
line-height:87px;
vertical-align:bottom;
overflow:hidden;
}

a.LogoRaseko2
{
width:165px;
height:30px;
display:inline-block;
background: url(../../Images/Logos/Raseko_RGB_165.png) no-repeat top left;
line-height:30px;
vertical-align:bottom;
overflow:hidden;
}

.main { background-color:White; margin-left:auto; margin-right:auto; clear:left; min-width:800px; max-width:1200px; padding:0; }

.imagelogo { *height:125px; max-height:125px; min-width:798px; }

.pagerasekologo { float:left; width:18%; }

.rasekoLogo { float:left; padding-top:15px; width:135px; vertical-align:middle;}

.pageimage { float:left; width:60%; }

.image { width:480px; text-align:center; }

.spaceImageLogo { float:left; width:1px; height:125px; }

.pagelogo { float:right; width:21%; }

.logo { padding-top:40px; width:165px; text-align:right; }

.menu { clear:both; color:White; height:20px; background-color:#A30064; }

.breadcrumb { float:right; }

.title { clear:both; padding:1px 0 15px 5px; font-size:larger; }

.leftColumn { float:left; width:35%; padding:0 10px 0 5px; text-align:justify; }

.midColumn { float:left; width:35%; border-left: solid 1px #A30064; padding-left:10px; text-align:justify; }

.rightColumn { float:right; width:26%; }

/* 1 Column */

.leftColumn1Col { float:left; width:70%; padding:0 10px 0 5px; text-align:justify; }

.rightColumn1Col { float:right; width:28%; }

/* 1 Column map */

.leftColumn1ColMap { float:left; width:570px; padding:0 10px 0 5px; text-align:justify; }

.rightColumn1ColMap { float:right; width:26%; }

/* 2 Columns */

.leftColumn2Col { float:left; width:48%; padding:0 10px 0 5px; text-align:justify; }

.rightColumn2Col { float:left; width:48%; border-left: solid 1px #A30064; padding:0 1px 0 10px; text-align:justify; }


/* 3 Columns */

.left3Column { float:left; width:31%; padding:0 10px 0 5px; text-align:justify; }

.mid3Column { float:left; width:33%; border-left: solid 1px #A30064; padding:0 5px 0 10px; text-align:justify; }

.right3Column { float:left; width:31%; border-left: solid 1px #A30064; padding:0 1px 0 10px; text-align:justify; }

/* */

.infoHeader { color:#FFFFFF; background-color:#A30064; font-size:medium; }

.spaceInfoHeader { height:5px; }

.spaceInfo { height:10px; }

.infoText { border: solid 1px #A30064; padding:5px 2px 7px 7px; color:#000000; background-color:#FFFFFF; font-size:small; }

.infoTextTitle { color:#A30064; padding:7px 0 7px 0; font-size:small; }

.bottom { clear:both; padding-top:10px; }

.footer { color:#FFFFFF; background-color:#A30064; width:50%; font-size:x-small; }

.partner { padding-top:10px; }

.copyright { clear:both; color:#C97FA3; font-size:xx-small; margin-left:auto; margin-right:auto; max-width:1200px; }

.copyright div { text-align:right; padding-bottom:5px; padding-right:15px; }

.rbroundbox { background: url(../../Images/Elements/nt.gif) repeat; }

.rbtop div { background: url(../../Images/Elements/20_tl.png) no-repeat top left; }
.rbtop { background: url(../../Images/Elements/20_tr.png) no-repeat top right; }
.rbbot div { background: url(../../Images/Elements/20_bl.png) no-repeat bottom left; }
.rbbot { background: url(../../Images/Elements/20_br.png) no-repeat bottom right; }

.rbcontent { margin: 0 7px; }

/* height and width stuff. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 20px;   /* oli 7px */
font-size: 1px;
}

/* footer */
.rbroundboxfooter { background: url(../../Images/Elements/FooterHeader/ntf.gif) repeat; }
.rbtopfooter div { background: url(../../Images/Elements/FooterHeader/ntf.gif) no-repeat top left; }
.rbtopfooter { background: url(../../Images/Elements/FooterHeader/10_tr.png) no-repeat top right; }
.rbbotfooter div { background: url(../../Images/Elements/FooterHeader/10_bl.png) no-repeat bottom left; }
.rbbotfooter { background: url(../../Images/Elements/FooterHeader/ntf.gif) no-repeat bottom right; }

/* header */
.rbroundboxheader { background: url(../../Images/Elements/FooterHeader/ntf.gif) repeat; }
.rbtopheader div { background: url(../../Images/Elements/FooterHeader/10_tl.png) no-repeat top left; }
.rbtopheader { background: url(../../Images/Elements/FooterHeader/10_tr.png) no-repeat top right; }
.rbbotheader div { background: url(../../Images/Elements/FooterHeader/ntf.gif) no-repeat bottom left; }
.rbbotheader { background: url(../../Images/Elements/FooterHeader/ntf.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopheader div, .rbtopheader, .rbbotheader div, .rbbotheader, .rbtopfooter div, .rbtopfooter, .rbbotfooter div, .rbbotfooter {
width: 100%;
height: 7px;
font-size: 1px;
}

.headerimgage
{ background: url(../../Images/Timali/etusivu1.jpg) no-repeat top left; }

/*************** Only on Sub pages ****************/

.lineImage { clear:both;height:5px; background-color:#A30064; }

.spaceTitle {clear:both;height:10px;}

.spaceMenuSub { clear:both; height:3px; }

/*************** Only 1 column pages ****************/

.column { float:left; width:570px; padding:0; }

.map {
   position: absolute;
   width: 570px;
   height: 400px;
   border:#A30064 2px solid;
}