body {
        margin: 0; padding: 0;
        background: #fff;
        font-family: Arial, sans-serif;
        font-size: 9pt;
        background: #D2D9C9;
}

P, PRE { margin: 0px 0px 0px 0px; }
a { background: inherit; color: #10478C; text-decoration: none; }
a:hover { background: inherit; color: #65A8C3; text-decoration: underline; }


div#karp {
        position: relative; left: 50%;
        margin-left: -397px;
        width: 792px;
        border-width: 0 2px 2px 2px;
        border-style: solid;
        border-color: #9AA086;
        background: url(images/bg.jpg) repeat-y #fff;
}

div#hc {
        margin: 0 0 32px 4px;
        border-bottom: solid 2px #9AA086;
}

div#header {
	width: 515px; height: 158px;
        border-width: 0 2px;
        border-style: solid;
        border-color: #9AA086;
        background: #BCC1AA;
}

div#logo {
        float: right;
        width: 266px; height: 158px;
        background: url(images/vallamaja_pisi.jpg) top right no-repeat;

}

div#vpilt {
	height: 127px;
        background: url(/fileadmin/header/rnd.php) no-repeat;
        border-bottom: solid 2px #9AA086;
}

div#hmenu {
        padding: 8px 16px;
}

div#hmenu a {
	color: #fff;
        margin: 0 8px;
}

div#hmenu a:hover {
	color: #fff;
}

div#vmenu {
        float: left;
        width: 160px;
}

div#vmenu a {
        padding: 4px 16px;
        display: block;
        color: #444;
        border-bottom: dashed 1px #ddd;
}

div#vmenu a:hover {
        background: #EDF2EC;
        color: #000;
}

p.updated {
	margin-left: 176px;
        color: #666;
        font-style: italic;
}

div#content {
        margin: 16px 16px 0 176px; padding: 0px;
	line-height: 1.5em;
        background: #fff;
        border: dashed 1px #aaa;
}

div#content-float {
    width: 568px;
    padding: 16px;
}
.news-list-title a, .news-single-title {
	display: block;
	margin: 20px 0 1px 0;
	padding: 0px 0;
        font-weight: bold;
	line-height: 1em;
        font-size: 1.3em;
	color: #9AA086;
        border-bottom: dashed 1px #ddd;
}

.news-list-title a:hover {
        color: #DCC634;
}

.news-list-date, .news-single-date {
	color: #9AA086;
        font-style: italic;
	margin: 0 0 5px 0;
}

.news-single-item h3 {
        font-weight: bold;
	line-height: 1em;
        font-size: 1em;
    
}
.news-single-backlink {
	display: block;
	margin: 20px 0 1px 0;
        border-top: dashed 1px #ddd;
}

.tx-ttnews-browsebox {
	display: block;
	margin: 20px 0 1px 0;
        border-top: dashed 1px #ddd;
	text-align:center;
}
div#footer {
clear:both;
        margin: 32px 0 0 163px; padding: 8px 0;
        border-width: 2px 0 0 0;
        border-style: solid;
        border-color: #9AA086;
        background: #BCC1AA;
        text-align: center;
}

div.lev1 a{
 font-weight: bold;
 padding: 2px 0 2px 8px;}

div.lev2 a{
 font-weight: normal;
 padding: 2px 0 2px 160px;}

div.lev3 a{
 padding: 2px 0 2px 24px;}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 0px; height: 100px; font-size: 10pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 11em; }
.menu li { background-color: #fff; float: left; }
.menu li.sub { background-color: #cccc99; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border-bottom: 1px dashed #ddd; display: block; text-decoration: none; hxeight: 2em; line-height: 2em; width: 11em; color: #444; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 11em; }
* html .menu a:hover { color: #000000; background-color: #EDF2EC; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #000000; background-color: #EDF2EC; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #000000; background-color: #EDF2EC; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 7em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

div#xmenu {
        float: left;
        width: 160px;
}

.menu_levX a, .menu_levX a:visited { background: #EDF2EC; border: 1px solid #d2d9c9; display: block; text-decoration: none; hxeight: 2em; line-height: 2em; width: 11em; color: #444; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu_levX li:hover > a { color: #000000; background-color: #fff; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }


/* RTE / Table styling */
TABLE.contenttable { border: 1px #333333 solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: #EDEBF1; }


/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }


/* form elements */
form {
    margin:10px;
    padding: 10px;
    border: 1px solid #9aa086;
    background-color: #edf2ec;
}

form table {
    margin: 0 !important;
}

form table td {
    padding: 3px 1px !important;
}


fieldset {
    border:0;
    padding: 0;
}

label {
    display:block;
    font-weight:bold;
    margin:5px 0;
    vertical-align:middle;
}

input, select {
    padding: 2px;
    border: 1px solid #9aa086;
    font: normal 1em Verdana, sans-serif;
    color:#333;
}
textarea {
    width:400px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border: 1px solid #9aa086;
    height:200px;
    display:block;
    color:#333;
}
input.button, .csc-mailform-submit { 
    margin: 7px 0px; 
    font: bold 1em Arial, Sans-serif; 
    border: 1px solid #9aa086;
    padding: 2px 3px; 
    color: #333;	
}
input.radio, #headersearch input.radio, input.csc-mailform-radio {
    border: 0;
    vertical-align:middle;
}

.csc-mailform-radio legend {
    display: none;
}
.csc-mailform-radio label {
    display: inline;
}

.tx-indexedsearch form {
    margin: 0;
    padding: 5px;
}
