/*///////////////////////////////////////////////////////*/
    /* razorCMS                                              */
    /* theme/default_css.css                                 */
    /* GPLv3                                                 */
    /* smiffy6969                                            */
    /* www.razorcms.co.uk                                    */
    /* www.mis-limited.com                                   */
    /* 03/2008                                               */
    /* ----------------------------------------------------- */
    /* V0.1  -  03/2008  -  Version 0.1 first release        */
    /*                                                       */
    /*                      Theme created by smiffy6969      */
    /*                      Copywrited to burningfist.co.uk  */
    /* ----------------------------------------------------- */
    /* V0.2  -  06/2008  -  This file contains changes for   */
    /*                      up issue to V0.2RC               */
    /* ----------------------------------------------------- */
    /* V0.3  -  11/2008  -  BETA1 Bug fix and new features   */
    /* ----------------------------------------------------- */
    /* V0.3  -  12/2008  -  RC Bug fix and code walk         */
    /* ----------------------------------------------------- */
    /* V0.3  -  02/2009  -  RC2 Bug fix, code walk and some  */
    /*                      movement of functions.           */
    /* ----------------------------------------------------- */
    /* V1.0  -  06/2009  -  ALPHA Security, Bug fix and new  */
    /*                      functionality                    */
    /* ----------------------------------------------------- */
    /* V1.0  -  07/2009  -  BETA Bug fix and new             */
    /*                      functionality                    */
    /* ----------------------------------------------------- */
    /* V1.0  -  08/2009  -  BETA2 Bug fix and new            */
    /*                      functionality                    */
    /* ----------------------------------------------------- */
    /* V1.0  -  09/2009  -  RC Bug fix                       */
    /* ----------------------------------------------------- */
    /*///////////////////////////////////////////////////////*/
	
a.datapata:link{font-family: verdana; font-size: 11px; color: #6F6F6F; font-style: italic; text-decoration:none;}	
a.datapata:visited{font-family: verdana; font-size: 11px; color: #6F6F6F; font-style: italic; text-decoration:none;}	
a.datapata:hover{font-family: verdana; font-size: 11px; color: #c2c2c2; font-style: italic; text-decoration:none;}	

a.menu:link{ font-family: verdana, arial; color:#fff; font-size: 13px; font-weight: bold; text-decoration:none;}
a.menu:visited{ font-family: verdana, arial; color:#fff; font-size: 13px; font-weight: bold; text-decoration:none;}
a.menu:hover{ font-family: verdana, arial; color:#fff; font-size: 13px; font-weight: bold; text-decoration:none;}

a.active:link{ font-family: verdana, arial; color:#DBC85C; font-size: 13px; font-weight: bold; text-decoration:none;}
a.active:visited{ font-family: verdana, arial; color:#DBC85C; font-size: 13px; font-weight: bold; text-decoration:none;}

td.link{border: 3px solid #fff;}
img.kartta{border: 6px solid #fff; position: relative; margin:-40px auto;}
p.footer{font-family: verdana; font-size: 11px; color: #6F6F6F; font-style: italic;}
	
body {
    margin: 0px;
    padding: 0px;
    /*background-image: url(images/back.jpg);
    background-repeat: repeat-x;
    background-position: top;*/
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

h1 {
    margin: 10px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 105%;
    color: #444444;
}

h2 {
    margin: 10px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%;
    color: #444444;
    clear: left;
}

#content h1 {
    color: #444444;
    margin: 0px 0px 1px 0px;
    padding: 0px;
    text-align: left;
    /*border-bottom: 1px solid #aaaaaa;*/
    font-size: 130%;
}

#content h2 {
    color: #666666;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 120%;
}

#content h3 {
    padding-left: 3px;
    color: #888888;
    font-size: 110%;
}

p, td {
    margin: 10px 10px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #000;
}

li {
    margin: 0px;
    padding: 0px;
    color: #444444;
    text-decoration: none;
}

a, a:visited, a:active {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
    color: #000;
    text-decoration: none;
}

a:hover {
    margin: 0px;
    padding: 0px;
    color: #000;
}

a img {
    border: none;
}

#brace {
    width: 950px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#pageframe {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 950px;
	background-color: #ffffff;
    /*background-image: url(images/edge.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    float: left;*/
}

#pageframer {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 950px;
    background-color: #ffffff;
	/*background-image: url(images/edge.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    float: left;*/
}

#header {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: 127px;
    width: 950px;
    background-color: #ffffff;
	background-image: url(/datastore/media/header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

#headermid {
    margin: 0px;
    padding: 0px;
    height: 160px;
    width: 950px;
    background-color: #ffffff;
	/*background-image: url(images/headermid.jpg);
    background-repeat: repeat-x;
    background-position: top;
    float: left;*/
}

#headerr {
    margin: 0px;
    padding: 0px;
    height: 160px;
    width: 950px;
    background-color: #ffffff;
	/*background-image: url(images/headerr.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    float: left;*/
}

#headerr h1{
    margin: 0px;
    padding: 65px 0px 0px 30px;
    color: #ffffff;
    text-align: left;
    font-size: 170%;
    font-weight: normal;
    color: #b6d7ee;
}

#headerr h2{
    margin: 0px;
    padding: 0px 0px 0px 30px;
    color: #999999;
    height: 0.5em;
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}

/* ######################################################### */
/* ######################################################### */
/* Topnav css */
/* ######################################################### */
/* ######################################################### */

#topnav {
    margin: 0px -6px;
    padding: 0px;
    width: 950px;
	/*background-image: url(images/navbar.jpg);
    background-position: center;
    background-repeat: repeat-x;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;*/
    text-align: center;
	float: left;
}


#topnav ul, #topnav ul ul {
    padding:0;
    margin: 0;
    list-style: none;
    width: 945px;
}


#topnav ul a {
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom: -14px;
    display: block;
    width: auto;
    height: 50px;
    color: white;
    text-decoration:none;
    font-size: 13px;
	font-weight: bold;

	
	
}

#topnav ul li a:hover {
    color: white;
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
	font-weight: bold;

}

#topnav a.active {
    color: #dbc85c;
	font-weight: bold;
	
}

#topnav a.active:hover {
    color: #dbc85c;
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
	font-weight: bold;

}

#topnav ul li ul li a{
    color: #1791e4;
	font-weight: bold;

}

#topnav ul li ul li a:hover {
    color: #60bfff;
	font-weight: bold;

}


/* top level non hover property */
#topnav ul li {
    float: left;
    width: 184px;
    border-right: 5px solid #fff;
    height: auto;
	font-weight: bold;

}


#topnav ul li ul{
    position: absolute;
    left: -999em;
	font-weight: bold;

}


/* top level hover property */
#topnav ul li:hover, #topnav ul li.hoverfix {
    float: left;
    /*width: 150;*/
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
    height: auto;
}


/* Drag in 2nd level menu */
#topnav ul li:hover ul, #topnav ul li.hoverfix ul {
    left: auto;
    z-index: 2;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    /*background-color:  #a1a1a1a1;*/
}


/* 2nd level non hover property */
#topnav ul li:hover ul li, #topnav ul li.hoverfix ul li {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;

}


/* 2nd level hover property */
#topnav ul li:hover ul li:hover, #topnav ul li.hoverfix ul li.hoverfix {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;
}

/* ######################################################### */
/* ######################################################### */
/* Lownav css */
/* ######################################################### */
/* ######################################################### */

#lownav {
    margin-left: -7px;
	margin-top:-25px;
    padding: 0px;
    width: 935x;
	/*background-image: url(images/navbar.jpg);
    background-position: center;
    background-repeat: repeat-x;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;*/
    text-align: center;
	vertical-align:middle;
	float: left;
}


#lownav ul, #lownav ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
}


#lownav ul a {
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    width: auto;
    height: 40px;
    color: white;
    text-decoration:none;
	font-weight: bold;
        font-size: 13px;
	line-height:300%;
}

#lownav ul li a:hover {
    color: white;
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
}

#lownav a.active {
    color: #dbc85c;
}

#lownav a.active:hover {
    color: #dbc85c;
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
}

#lownav ul li ul li a{
    color: #1791e4;
}

#lownav ul li ul li a:hover {
    color: #60bfff;
}


/* top level non hover property */
#lownav ul li {
    float: left;
    width: 184px;
    border-right: 5px solid #fff;
    height: auto;
}


#lownav ul li ul{
    position: absolute;
    left: -999em;
}


/* top level hover property */
#lownav ul li:hover, #lownav ul li.hoverfix {
    float: left;
    /*width: 150;*/
    /*background-color:  #a1a1a1a1;*/
    background-image: none;
    height: auto;
}


/* Drag in 2nd level menu */
#lownav ul li:hover ul, #lownav ul li.hoverfix ul {
    left: auto;
    z-index: 2;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    /*background-color:  #a1a1a1a1;*/
}


/* 2nd level non hover property */
#lownav ul li:hover ul li, #lownav ul li.hoverfix ul li {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;

}


/* 2nd level hover property */
#lownav ul li:hover ul li:hover, #lownav ul li.hoverfix ul li.hoverfix {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;
}

/* ######################################################### */
/* ######################################################### */
/* ######################################################### */
/* ######################################################### */

#midbrace {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
}

#midbox {
    padding-top: 10px;
	padding-bottom: 10px;
    /*min-height:184px;
    height:auto !important;*/
    height:450px;
    width: 935px;
    background-color: #ffffff;
    float: left;
}

/* ######################################################### */
/* ######################################################### */
/* Navbar css */
/* ######################################################### */
/* ######################################################### */

#leftbar {
    margin: 1px 0px 0px 0px;
    padding: 0px 5px 0px 10px;
    width: 175px;
    font-size: 85%;
    text-align:left;
    float:left;
}

#leftbar p {
    margin: 10px 10px 10px 0px;
    padding: 0px;
}

#leftbar h1, #leftbar h2 {
    margin: 1px 0px 1px 0px;
    padding: 4px;
    color: #888888;
    width: 160px;
}

#leftbar #leftnav ul {
    margin: 0px;
    padding: 4px;
    width: 160px;
    list-style-type: none;
    background-color: #eeeeee;
    border: 1px solid #bbbbbb;
}

#leftbar #leftnav ul li {
    margin: 0px;
    padding: 0px;
}

#leftbar #leftnav ul li a {
    margin: 0px;
    padding: 0px;
    color: #1791e4;
    text-decoration: none;
}

#leftbar #leftnav ul li a:hover{
    margin: 0px;
    padding: 0px;
    color: #60bfff;
}

#leftbar #leftnav ul li a.active, #leftbar #leftnav ul li a.active:hover{
    margin: 0px;
    padding: 0px;
    color: #ff0000;
}

#leftbar #leftnav ul li ul {
    padding-left: 10px;
    margin: 0px;
    width: 184px;
    list-style-type: none;
    background-color: #eeeeee;
    border: none;
}

#leftbar #leftnav ul li ul li ul{
    padding-left: 10px;
}

/* ######################################################### */
/* ######################################################### */

table.etusivu{
	width: 935px;
	height: 445px;
	position: relative;
	text-align: center;
	background-image: url(images/1.jpg);
	background-repeat: no-repeat;
}
	table.etusivu2{
		text-align: left;
		width: 700px;
		margin: 0px 150px;
	}
	
table.jatevedet{
	width: 935px;
	height: 445px;
	position: relative;
	text-align:center;
	background-image: url(images/2.jpg);
	background-repeat: no-repeat;	
}

	table.jatevedet2{
		text-align: left;
		width: 800px;
		margin-left:90px;
		margin-top: -80px;
	}

table.roskat{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/3.jpg);
	background-repeat: no-repeat;
}

	table.roskat2{
		width: 800px;
		text-align: left;
		margin-top:0px;
		margin-left: 55px;
	}

table.rakentaminen{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/4.jpg);
	background-repeat: no-repeat;
}

	table.rakentaminen2{
		width: 935px;
		text-align: left;
		margin-top:-200px;
		margin-left: 10px;
	
	}
		
table.veneily{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/5.jpg);
	background-repeat: no-repeat;
}

	table.veneily2{
		width: 600px;
		text-align: left;
		margin-left: 300px;
	}

table.ajankohtaista{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/6.jpg);
	background-repeat: no-repeat;
}
	table.ajankohtaista2{
		position: relative;
		text-align: left;
		margin-top:-160px;
		margin-left:200px;
	}

table.yhteys{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/7.jpg);
	background-repeat: no-repeat;
}
	table.yhteys2{
		text-align: left;
		margin-left: 120px;
		margin-top: -60px;
	}
	
	table.yhteys3{
		position: relative;
		text-align: left;
		margin-top:-130px;
		height: 100px;
	}

table.linkit{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/8.jpg);
	background-repeat: no-repeat;
}

	table.linkit2{
		position: relative;
		text-align: left;
		margin-top:100px;
	}

table.kartta{
	width: 935px;
	height: 445px;
	position: relative;
	background-image: url(images/9.jpg);
	background-repeat: no-repeat;
}

	table.kartta2{
		position: relative;
		text-align:center;
	}
	
	table.kartta3{
		position: relative;
		text-align:left;
		color:#fff;
		margin-top:-460px;
		margin-left: 780px;
	}
	
#float{width: 250px; height: 280px; position: absolute; margin:100px 290px; border: 3px solid #b30004; z-index: 4;}
	
iframe.kartta{margin-top:-70px; border: 6px solid #fff;}

#content {
    margin-left:2px;
    height: auto;
    width: 935px;
    /*border: 1px solid #0000ff;*/
    text-align: center;
    float: left;
}

div.contentwh {
    height: auto;
    width: 935px;
	/*border: 1px solid #ff0000;*/
}

div.contentinstall {
    margin: 1px 0px 1px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    text-align: left;
}

div.contentinstallred {
    margin: 4px 0px 4px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    background-color: #ffcdcd;
    border: 1px solid #ff0000;
    text-align: left;
}

#content ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-type: circle;
}

#content li {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #000;
}

form {
    width: auto;
}

#button {
    border: 1px solid #ff7200;
    background-color: #ffc18e;
    width: auto;
    text-align: center;
}

table {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
}

th {
    background-color: #dddddd;
    color: #888888;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
}

.tableTitle {
    background-color: #dddddd;
}

.tableFooter {
    background-color: #dddddd;
    height: 10px;
}

.tableCenter {
    text-align: center;
}

.ten {
    width: 10%;
}

.auto {
    width: auto;
}

.twenty {
    width: 20%;
}

.twentyFive {
    width: 25%
}

#UCLoginBox, #UCUserBox {
    margin: 5px 0px 0px 0px;
    padding: 2px;
    border: 1px solid #999999;
    background-color: #ffffff;
}

#UCUserBox h2 {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm, #UCLogOutForm {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#UCLoginForm input.user {
    margin: 0px;
    padding: 0px;
    width: 100px;
}

#UCLoginForm input.button {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm p.userSmall {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

/* ######################################################### */
/* ######################################################### */
/* Footnav css */
/* ######################################################### */
/* ######################################################### */


#copyw {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: auto;
    width: 948px;
    background-color: #ffffff;
    float: left;
}

#copynav {
    display: block;
}

#copynav ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    display: inline;
}

#copynav li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

#copynav a, #footnav a:active, #footnav a:visited, #copyw a, #footnav a:active, #footnav a:visited {
    margin: 0px;
    padding: 0px 6px;
    text-decoration: none;
    font-size: 80%;
}

#copynav a:hover, #copyw a:hover{
    color: #ff0000;
}

#copyw p {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #444444;
    clear: left;
}

#footerl {
    margin: 0px;
    padding: 0px;
    height: 135px;
    width: 100%;
    background-image: url(images/footerleft.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    float: left;
}

#footer {
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 100%;
    display: block;
    float: left;
	text-align:left;
	margin-left:-10px;	
}


#footerr {
    margin: 0px;
    padding: 0px;
    height: 135px;
    width: 100%;
    background-image: url(images/footerright.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    float: left;
}

#footnav {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(images/footerblade.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 135px;
    text-align: center;
    display: block;
}

#footerLeft {
    padding-top: 26px;
    width: 50%;
    height: 70px;
    text-align: right;
    float: left;
    display: block;
}

#footerRight {
    padding-top: 26px;
    width: 50%;
    height: 70px;
    text-align: left;
    float: right;
    display: block;
}

#footerLeft a, #footerLeft a:active, #footerLeft a:visited {
    margin: 0px;
    padding: 0px 36px 0px 0px;
    text-decoration: none;
    font-size: 80%;
}

#footerRight a, #footerRight a:active, #footerRight a:visited {
    margin: 0px;
    padding: 0px 0px 0px 36px;
    text-decoration: none;
    font-size: 80%;
}

#footerLeft a:hover, #footerRight a:hover{
    color: #ff0000;
}

/* ######################################################### */
/* ######################################################### */