style.css

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* END OF CSS RESET */


.linka A:link {color:#133E51; text-decoration:none}
.linka A:active {color:#133E51; text-decoration:none}
.linka A:visited {color:#133E51; text-decoration:none}
.linka A:hover {color:#133E51; text-decoration:underline;}

.link A:link {color:#FFF; text-decoration:none}
.link A:active {color:#FFF; text-decoration:none}
.link A:visited {color:#FFF; text-decoration:none}
.link A:hover {color:#FFF; text-decoration:underline;}

body		{
		background-color: #133e51;
		margin: 0 auto 0 auto;
		font-family: helvetica, arial;
		font-size: 10pt;
		text-align: justify;
		}

h3 {
    font-size:18px;
    font-weight: bold;
    padding-top:10px;
    padding-bottom:10px;
}

p {
    padding-top:2px;
}
#wrapper	{
		margin: 0 auto 0 auto;
		width: 900px;
		height: auto;
		}
#navigation	{
		width: 900px;
		height: 80px;
		}
#content	{
		width: 100%;
		background-image:url('/template/img/top.gif');
		background-repeat: no-repeat;
		background-color: #FFF;
		padding-top: 3px;
        min-height:500px;
        overflow:hidden;
        position:relative;
		}

#content a, a:hover, a:visited, a:active {
    color:black;
    text-decoration:underline;
}
.linka		{
		background-image:url('/template/img/linka.gif');
		width: 117px;
		height: 80px;
		color: #133E51;
		float: left;
		vertical-align: bottom;
		line-height: 140px;
		text-align: center;
		font-weight: bold;
		margin-right: 3px;
		}
.link		{
		background-image:url('/template/img/link.gif');
		width: 117px;
		height: 80px;
		color: #FFF;
		float: left;
		vertical-align: bottom;
		line-height: 140px;
		text-align: center;
		font-weight: bold;
		margin-right: 3px;
		}
#head		{
		padding-top: 5px;
		margin-right: 10px;
		float: left;
		}
#cwrap		{
		padding: 3px 3px 3px 3px;
		}
#footer		{
		background-image:url('/template/img/bottom.gif');
		height: 21px;
		text-align:center;
		}

#left {
    margin:10px;
    float:left;
    width:460px;
    position:relative;
}

#right{
    float:right;
    width:390px;
    position:relative;
}

.editdetail h2 {    
    font-size:18px;
    background-color: #88b3c6;
    padding-left:3px;
    padding-top:3px;
    padding-bottom:3px;
    border:1px solid #133e51;

}
.editdetail A, A:visited, A:active { color:black; text-decoration:none;}
.editdetail A:hover { color:gray;}

table.details {
    width:400px;
}

tr.details {
    border:1px solid gray;
}

td.details {
    border-bottom:1px solid gray;
    padding-bottom:0px;
    padding-top:10px;
    padding-left:0px;

}

/*INFOBOXES*/


fieldset.info, fieldset.success, fieldset.warning, fieldset.error, fieldset.validation {
    width: 300px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

fieldset a, a:visited, a:active {
    color:white
}
fieldset a:hover {
    color:white;
    text-decoration:underline;
}

legend.info, legend.success, legend.warning, legend.error, legend.validation {
    font-size:20px;
    letter-spacing:3px;
    border: 1px solid;
    padding:5px;
}

fieldset.info, legend.info {
    color: #133e51;
    background-color: #88b3c6;
}

fieldset.success, legend.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

fieldset.warning, legend.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

fieldset.error, legend.error {
    color: #D8000C;
    background-color: #FFBABA;
}

#paikkakartta img {
    border:3px solid black;
}