/*
ttt.css

*/

body {
    background-color: #ECF4FF;
	font: 12px Trebuchet MS, Verdana, Helvetica, Arial;
    line-height:20px;
	color: Black;
	margin:0;
	padding:0;
}

img {
    border:0px;
}

img.Block {
    display:block;
}

.none {
    display:none;
}

h1 {
    font-size:160%;
}
h2 {
    font-size:140%;
}
h3 {
    font-size:120%;
}
h4 {
    font-size:110%;
}
h5 {
    font-size:100%;
}
h6 {
    font-size:100%;
}

a {
    color:#E40035;
    font-weight:normal;
    text-decoration:none;
}
a:visited {
    
}
a:active {
    
}
a:hover {
    color:#FFA5BA;
    text-decoration:none;
}
a img {
    border:0;
}

ul {
    list-style-position: inside;
    list-style-image: url(http://www.tytto.fi/fi/resources/app/top/images/bullet_nuolet.gif);
    margin:0;
    padding:0px 0px 0px 2px;
}

#MainWrapper {
    background: #FFFFFF url(http://www.tytto.fi/fi/resources/app/top/images/reunat.gif) repeat-y;
	width:710px;
	margin:0px auto;
    padding:0px;
	/* border:1px solid #939BAB; */
    background-color: #FFFFFF;
}


div.ContentHeader {
    height:23px;
    width:660px;
}
div.ContentHeader img {
    display:block;
}
div.ContentBody {
    margin:0;
    padding:5px 10px 0px 10px;
    background: #FFFFFF url(http://www.tytto.fi/fi/resources/app/top/images/otsikko_tausta.jpg) no-repeat top left;
}

h3.News {
    border-bottom:1px solid #d6d6d6;
    padding-bottom:2px;
    margin-bottom:0px;
}
span.NewsPageTimestamp {
	float:right;
	text-align: right;
	margin: -22px 0 0 0;
	font-size:90%;
}
#MainNav {
    float:right;
    border-style:solid;
    border-color: #FFF;
    border-width:0px 0px 0px 0px;
    padding:10px 0px 10px 10px;
    width:130px;
    margin:0px;
}
#MainNav a:link {
    color:#000;
}
#MainNav a:visited {
    color:#000;
}
#MainNav a:active {
    color:#ff0012;
}
#MainNav a:hover {
    color:#ff0012;
}
#SpecialNav {
    float:right;
    border-style:solid;
    border-color: #FFF;
    border-width:0px 0px 0px 0px;
    padding:10px 0px 10px 10px;
    width:130px;
    margin:0px;
}
#SpecialNav a:link {
    color:#FFFFFF;
}
#SpecialNav a:visited {
    color:#FFFFFF;
}
#SpecialNav a:active {
    color:#ff0012;
}
#SpecialNav a:hover {
    color:#ff0012;
}
ul {
    margin:0px 0px 0px 20px;
    padding:0px;
    list-style-position:outside;
}
li {
    padding:3px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#LowerBox {
    /* border:1px solid green; */
    width:660px;
    margin:0px auto;
}
#BottomBox {
    /* border:1px solid cyan; */
    width:660px;
    margin:0px auto;
    padding-bottom:10px;
}
#BottomFirstRow {
    /* border:1px solid cyan; */
    border-bottom:1px solid #D6D6D6;
    color: #D6D6D6;  
}
#BottomSecondRow {
    color: #D6D6D6;
    font: 11px Trebuchet MS, Verdana, Helvetica, Arial;
    padding-top:3px;
}
span.right {
    height:10px;
    float:right;
}
span.right img {
    border:0;
}
span.left {
    float:left;
}
#BottomBox a{
    color:#D6D6D6;
    text-decoration:none;
}
#BottomBox a:visited{
    color:#D6D6D6;
}
#BottomBox a:hover{
    color:#FF0012;
}

#FirstColEtusivu {
    float:left;
    /* border:1px solid blue; */
    width:323px;
    margin:0px;

}
#SecondColEtusivu {
    float:right;
    /* border:1px solid yellow; */
    width:323px;
    margin:0px;
}


#FirstCol {
    float:left;
    /* border:1px solid blue; */
    width:315px;
    margin:0px;

}
#SecondCol {
    float:right;
    /* border:1px solid yellow; */
    width:315px;
    margin:0px;
}

div.ColBox {
    margin:0px 0px 10px 0px;
}
div.ColBoxHeader {
    height:23px;
    width:320px;
    margin:0;
}
div.ColBoxHeader img {
    display: block;
}
div.ColBoxBody {
    /* border: 1px solid green; */ 
    margin:0;
    padding:5px 5px 0px 10px;
    background: #FFFFFF url(http://www.tytto.fi/fi/resources/app/top/images/teksti_tausta.jpg) no-repeat top left;
}
div.ColBoxBody h4{
    margin:0px 0px 0px 0px;
    padding:0;
    color:#000;
    font: 12px Trebuchet MS, Verdana, Helvetica, Arial;
    font-weight:bold;
}
span.NewsDate {
    font: 10px Trebuchet MS, Verdana, Helvetica, Arial;
    font-weight:normal;
}
div.ColBoxBody p{
    margin:0px 0px 10px 0px;
    padding:0;

}
div.ColBoxFooter {
    /* border: 1px solid red; */
    margin:0;
    padding:5px 5px 0px 10px;
    text-align:right;
}
div.ColBoxFooter img {
    display:inline;
    border:0px;
}

div.ColBoxFooter a {
    color:#000;
    text-decoration:none;
}
div.ColBoxFooter a:hover {
    color:#FF0012;
    text-decoration:none;
}

div.GroupsBox {
    margin:0px 0px 10px 0px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}
div.GroupsBoxHeader {
    height:23px;
    border: 0px solid red;
    margin:0;
    padding:5px 5px 0px 10px;
}
div.GroupsBoxBody {
    margin:0;
    padding:5px 5px 0px 10px;
   
}
div.GroupsBox h3 {
    margin:0px 0px 0px 0px;
    padding:0;
    color:#000;
    font: 13px Trebuchet MS, Verdana, Helvetica, Arial;
    font-weight:bold;
}
div.GroupsBoxBody p {
    margin:0px 0px 10px 0px;
}

form {
    margin:0;
    padding:0;
}
input {
    border:1px solid #E6E6E6;
    padding:1px;
    margin:0px 0px 2px 0px;
    background-color: #FFFFFF;
}
.SubmitWidget {
    margin-top:0px;
    font: 12px Trebuchet MS, Verdana, Helvetica, Arial;
    border: 0px solid #E6E6E6;
}
.TextareaWidget {
    margin-bottom:0;
    border: 1px solid #E6E6E6;
    width:294px;
    height:100px;
    font: 11px Trebuchet MS, Verdana, Helvetica, Arial;
}
.TextInputWidget {
    width:294px;
    height:15px;
    font: 11px Trebuchet MS, Verdana, Helvetica, Arial;
}
div.ErrorWidget {
    width:286px;
    border:2px solid #CA0E00;
    background-color:#FFB7B7;
    padding:2px 4px 2px 4px;
    margin:1px 0px 3px 0px;
}