/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
        margin:0;
        padding:0;
}

.clr {
    height: 0px;
    clear: both;
}

/* fonts */


body, td, div, p{
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    letter-spacing: 0px;
}

a:link, a:visited{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 13px;
    color: #000;
}
a:hover{
    text-decoration: none;
}

/* layout */

body#frontpage{
    text-align: center;
    background-color: #797979;
}

body#site, body#tilanvuokraus{
    text-align: center;
}

div#maincol{
    background-color:#ffffff;
}

body#frontpage div#footercol, body#tilanvuokraus div#footercol, div#footercol{
    //background-color: #797979;
}


div#everything_main, div#everything_footer{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 963px;
}
div#header{
/* relative positioning here to get absolute positioning for the tab menu */

    position: relative;
    
    top: 0px; /* for ie6, these are a must */
    left: 0px;
    
    height: 216px;
    background-color: #d8bcd8;
}

div#header_border_akatemia1{
    background-color: #EA63FD;
    height: 2px;
}
div#header_border_akatemia2{
    background-color: #F4C7FE;
    height: 2px;
}
div#header_border_akatemia3{
    background-color: #EE8220;
    height: 2px;
}

/* default background */
div#header_bg{
    background: url(/images/stories/ylapalkki/08update/header_26.jpg) no-repeat;
    height: 216px;
}

/* frontpage */
div#section_boxes_wrapper{
    border-left: 1px solid #dedcdb;
    border-right: 1px solid #dedcdb;
    background-color: #ededed;
    padding: 18px 17px;
}

div#section_box1{
    float: left;
    width: 297px;
    height: 270px;
    background: url(../images/08update/etusivu.violetti.jpg) no-repeat;
/*    background-color: #5d4695;*/
}

div.section_box_spacer{
    float: left;
    width: 18px;
    height: 270px;
}

div#section_box2{
    float: left;
    width: 297px;
    height: 270px;
    background: url(../images/08update/etusivu.sininen.jpg) no-repeat;
/*    background-color: #e6e0ee;*/
}

div#section_box3{
    float: left;
    width: 297px;
    height: 270px;
    background: url(../images/08update/etusivu.oranssi.jpg) no-repeat;
/*    background-color: #f4b443;*/
}

div#section_box1 img{
    margin-bottom: 8px;
}

/* subpages */
div#leftcol{
    float: left;
    width: 233px;
    height:auto !important;
    
}

div#leftcol div.moduletable{
    border-bottom-color: #D5DAD5!important;
}
div#leftcol_top_bg{
    width:203;
    background: url(../images/border_top_side.png) no-repeat;
    height: auto ! important;
    padding-top: 10px;
    padding-left: 8px;
}

div.moduletable 
{
    padding-left:25px;
    width:190px !important;
}

ul.menu{
list-style:none;
padding-left:0px;
}
span.separator{
display:block;
font-weight:bold;
margin-bottom:8px;
margin-top:5px;
}

ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:active,
ul.menu li a:hover
{text-decoration:none;}

div#everything_main_top_bg_akatemia1 div#leftcol_top_bg{
	background: url(../images/border_top_side_violetti.jpg) no-repeat;
}
div#everything_main_top_bg_akatemia2 div#leftcol_top_bg{
	background: url(../images/border_top_side_sininen.jpg) no-repeat;
}
div#everything_main_top_bg_akatemia3 div#leftcol_top_bg{
	background: url(../images/border_top_side_oranssi.jpg) no-repeat;
}


div#everything_main{
   // background: url(../images/maincol_bg.png) repeat-y;
}
div#everything_main_top_bg_akatemia1{
    height: 100%; /* for ie6 */
    background: #E765FD url(../images/08update/bg.violetti.jpg) no-repeat;
    background-position: 1px 218px;
}
div#everything_main_top_bg_akatemia2{
    height: 100%; /* for ie6 */
    background: #F7CDFF url(../images/08update/bg.sininen.jpg) no-repeat;
    background-position: 1px 218px;
}
div#everything_main_top_bg_akatemia3{
    height: 100%; /* for ie6 */
    background: #EA851D url(../images/08update/bg.oranssi.jpg) no-repeat;
    background-position: 1px 218px;
}

div#wrapper_left_cont
{
   float:left;
   background-color: #D5DAD5;
   height: auto ! important;
   border-style: solid;
   border-width:3px;
   border-color:#BD349C;
}

div#contentcol{
    float: left;
    height: auto ! important;
    width:724px;     
    background:  url(../images/border_top_side.png) no-repeat right top;
}
div#everything_main_top_bg_akatemia1 div#contentcol{
	background: url(../images/border_top_side_violetti.jpg) no-repeat right top;
}
div#everything_main_top_bg_akatemia2 div#contentcol{
	background: url(../images/border_top_side_sininen.jpg) no-repeat right top;
}
div#everything_main_top_bg_akatemia3 div#contentcol{
	background: url(../images/border_top_side_oranssi.jpg) no-repeat right top;
}

div#content_wrapper{
    width: 712px;
    margin-top: 7px;
    background-color: #f0f0f0;
    margin-bottom: 50px;
}

div#content{
    padding-top: 65px;
    padding-right: 20px;
    background: transparent;
}


div#footer_wrapper{
padding: 18px 0px 5px 0px;
background: #6dcff6  url(../images/alabanneri.png);
}

div#footercol
{
height:50px;
width:100%;
background: #6dcff6  url(../images/alabanneri.png);
}

div#footer_lines{
    //border-top: 1px solid #5d4695;
    //border-bottom: 1px solid #5d4695;
    padding-left: 18px;
    padding-right: 18px;
}

div#footer_content div.moduletable{
    color: #5d4695;
    text-align: right;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 18px;
    padding-right: 18px;
}
div#footer_content table{
    float: right;
}
div#footer_content a:link, div#footer_content a:visited{
    color: #5d4695;
}
div.footer_content_title, div#footer_content div.moduletable h3{
    color: #5d4695;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    text-align: right;
    margin: 0;
    padding: 0;
}

div#footer_disclaimer{
    color: #ffffff;
    font-size: 13px;
    text-align: right;
    padding-right: 18px;
    padding-top: 2px;
}

/* tilanvuokraus */

body#tilanvuokraus div#header{
    background-color: #5d4695;
    height: 72px;
}

body#tilanvuokraus div#headercol{
    background-color: #ffffff;
}

body#tilanvuokraus div#maincol{
    background-color: #797979;
}

body#tilanvuokraus div#content_wrapper{
    width: 927px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    background-color: #797979;
    text-align: left;
}

body#tilanvuokraus div#content{
    padding: 16px 14px 18px 17px;
    background-color: #6dcff6;
}

body#tilanvuokraus div{
    color: #5d4695;
}

body#tilanvuokraus div.contentheading{
    margin:0;
    padding:0;
    margin-bottom: 10px;
    margin-top: 5px;
    font-style: normal;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
}

body#tilanvuokraus div.oddpage div.contentheading{
    text-align: right;
}
body#tilanvuokraus div.evenpage div.contentheading{
    text-align: left;
}

body#tilanvuokraus div#footer_disclaimer{
    color: #fff;
    padding-top: 0px;
}

body#tilanvuokraus div#footer_wrapper{
    padding: 8px 0px 7px 0px;
}


/* * MENUS * */

/* frontpage */
a.mainlevel_boxmenu1:link, a.mainlevel_boxmenu1:visited,
a.mainlevel_boxmenu2:link, a.mainlevel_boxmenu2:visited,
a.mainlevel_boxmenu3:link, a.mainlevel_boxmenu3:visited{
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-size: 17px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 6px;
    line-height: 22px;
}

div#section_boxes_wrapper .moduletable h3{
        color: #FFFFFF;
        font-weight: normal;
        font-size: 22px;
        font-style: italic;
        padding-top: 34px;
        padding-bottom: 16px;
        padding-left: 8px;
        line-height: 22px;
	text-indent: 0;
	text-align: left;
        margin: 0;
}


/* subpages */
a.mainlevel_subpagemenu1:link, a.mainlevel_subpagemenu1:visited,
a.mainlevel_subpagemenu2:link, a.mainlevel_subpagemenu2:visited,
a.mainlevel_subpagemenu3:link, a.mainlevel_subpagemenu3:visited{
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-size: 17px;
    padding-left: 34px;
    padding-right: 6px;
    margin-top: 10px;
    line-height: 30px;
    
}
/*a.mainlevel_subpagemenu1:link, a.mainlevel_subpagemenu1:visited,
a.sublevel_subpagemenu1:link, a.sublevel_subpagemenu1:visited,
a.mainlevel_boxmenu1:link, a.mainlevel_boxmenu1:visited{
	background-color: #41055d;
}
a.mainlevel_subpagemenu2:link, a.mainlevel_subpagemenu2:visited,
a.sublevel_subpagemenu2:link, a.sublevel_subpagemenu2:visited,
a.mainlevel_boxmenu2:link, a.mainlevel_boxmenu2:visited{
	background-color: #0000c2;
}
a.mainlevel_subpagemenu3:link, a.mainlevel_subpagemenu3:visited,
a.sublevel_subpagemenu3:link, a.sublevel_subpagemenu3:visited,
a.mainlevel_boxmenu3:link, a.mainlevel_boxmenu3:visited{
	background-color: #fa120f;
}*/



a#active_menu_subpagemenu1:link, a#active_menu_subpagemenu1:visited{
    text-decoration: underline;
}

a.sublevel_subpagemenu1:link, a.sublevel_subpagemenu1:visited,
a.sublevel_subpagemenu2:link, a.sublevel_subpagemenu2:visited,
a.sublevel_subpagemenu3:link, a.sublevel_subpagemenu3:visited{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding-left:34px;
    padding-right: 6px;
}

a.mainlevel_subpagemenu1:hover,
a.mainlevel_subpagemenu2:hover,
a.mainlevel_subpagemenu3:hover,
a.sublevel_subpagemenu1:hover,
a.sublevel_subpagemenu2:hover,
a.sublevel_subpagemenu3:hover{
    text-decoration: underline;
}

/* cloudmenu */

a.cloudmenu:link, a.cloudmenu:visited, a.cloudmenu_active:link, a.cloudmenu_active:visited{
    text-decoration: none;
    text-transform: lowercase;
    font-weight: normal;
}
a.cloudmenu:hover, a.cloudmenu_active:hover{
    text-decoration: underline;
}
a.cloudmenu_active:link, a.cloudmenu_active:visited{
    text-decoration: underline;
}

/* header tab menu */
div#topmenu{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

div#topmenu div.menuitem1{
    float: left;
    display: block;
    background: url(../images/08update/tab.violetti.jpg) no-repeat bottom left;
    min-width: 195px;
    width: auto ! important;
    width: 195px; /* ie minwidth */
}
div#topmenu div.menuitem2{
    float: left;
    display: block;
    background: url(../images/08update/tab.sininen.jpg) no-repeat bottom left;
    min-width: 195px;
    width: auto ! important;
    width: 195px;
}
div#topmenu div.menuitem3{
    float: left;
    display: block;
    background: url(../images/08update/tab.oranssi.jpg) no-repeat bottom left;
    min-width: 195px;
    width: auto ! important;
    width: 195px;
}
div#topmenu div.menuitem1_spacer{
    float: left;
    width: 38px;
    height: 20px;
}
div#topmenu div.menuitem2_spacer{
    float: left;
    width: 3px;
    height: 20px;
}
div#topmenu div.menuitem3_spacer{
    float: left;
    width: 3px;
    height: 20px;
}

div#topmenu div.menuitem1 div.menutext a:link, div#topmenu div.menuitem1 div.menutext a:visited{
    color: #ffffff;
}
div#topmenu div.menuitem2 div.menutext a:link, div#topmenu div.menuitem2 div.menutext a:visited, 
div#topmenu div.menuitem3 div.menutext a:link, div#topmenu div.menuitem3 div.menutext a:visited{
    color: #ffffff;
}

div#topmenu div.menuitem1 div.menutext a:link, div#topmenu div.menuitem1 div.menutext a:visited,
div#topmenu div.menuitem2 div.menutext a:link, div#topmenu div.menuitem2 div.menutext a:visited, 
div#topmenu div.menuitem3 div.menutext a:link, div#topmenu div.menuitem3 div.menutext a:visited{
    display: block;
    line-height: 30px;
    font-style: italic;
    font-size: 16px;
    padding-left: 13px;
    padding-right: 10px;
    text-decoration: none;
}

/* modules */
div#leftcol div.moduletable{
    width: 316px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #808080;
    margin-left: 0px;
}



/* * CONTENT * */

/* headings */

.contentheading, h1, h2, .componentheading, .contentpaneopen td.contentheading{
    display: block;
    padding:0;
    padding-left: 18px;
    font-style: italic;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 8px;
}

h3{
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin:0;
    margin-bottom: 6px;
    font-weight: bold;
}

h4, h5, h6{
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin:0;
    margin-bottom: 4px;
}


/* paragraphs */

.contentpaneopen td{
    padding-left: 36px;
}

.blog td.contentheading{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0px;
}

/* dates */

.createdate{
    color: #666;
    font-size: 90%;
}

ul{
    margin-bottom: 0px;
    padding-left :30px;
    padding-top: 0;
    margin-top:0;
}