/* -------------------------------------- Globaalit tyylit -------------------------------------- */

* {margin:0;}

p {
margin-bottom: 15px;
}

body {
color: #111111;
font-family: Arial, Georgia, "Times New Roman", Times, serif;
font-size: 12px;

background-color: #9da8ae;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 27px;
text-align: center;
}

h1 { 
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
margin: 0px;
white-space: normal;
color: #416389;
margin-top: 15px;
}

h2 { 
font-size: 29px;
font-style:normal;
font-weight:normal;
margin: 0px;
white-space: normal;
color: #416389;
}

.kysely2 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style:normal;
font-weight:normal;
margin: 0px;
margin-bottom: 10px;
white-space: normal;
color: #416389;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:normal;
font-weight:normal;
margin: 0px;
margin-top: 10px;
white-space: normal;
color: #416389;
}

h5 {
	font: bold 12px arial, tahoma, verdana, sans-serif;
	margin: 25px 0 5px 0;
	color: #0066cc;
}

h6 {
color: #0066cc;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-style:normal;
font-weight:normal;
margin: 0px;
white-space: normal;
}

h7 {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
white-space: normal;
color: #416389;
margin-bottom: 10px;
margin-top: 15px;

}

img {
border: none;
}

a {
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}

#keskitys {
width:950px;
margin:0px auto;
text-align:left;
padding:0px;
position: relative;
}

#keskitys2 {
width:320px;
margin:0px auto;
text-align:left;
padding:0px;
position: relative;
}

.navigaatio {
position: relative;
left: 355px;
top: 34px;
margin-top: -12px;
}

#navi a {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color:#ffffff;
width: 108px;
display: block;
letter-spacing: 2px;
float: left;
padding-top: 35px;
padding-bottom: 75px;
padding-right: 4px;
padding-left: 4px;
}

#navi a:hover {
background-color:#be600d;
}

.naviselected {
background-color:#e98730;
}

.header {
width: 950px;
height: 158px;
background-color: #e67817;
border-bottom: 9px solid #be600d;
position: relative;
}

.logo {
position: absolute;
left: 2%;
float: left;
}

.footer {
background-image:url(images/footer.gif);
background-position:top;
background-repeat:no-repeat;
width: 950px;
height: 17px;
}

.TabbedPanelsContent {
font-family: Arial;
font-size: 11px;
}

.TabbedPanelsContent a {
font-family: Arial;
font-size: 11px;
}

/* -------------------------------------- Etusivun tyylit -------------------------------------- */

#etusivunkuvat {
width: 950px;
height: 283px;
position: relative;
margin: 0px;
}

#flash {
position: absolute;
top: 167px;
left: 467px;
}

.content_etusivu {
position: relative;
margin: 0px;
width: 950px;
background-color:#FFFFFF;
height: 41em;
}

.etusivufutumon {
position: absolute;
left: 30px;
top: 15px;
}

.tiedoteteksti {
position: absolute;
left: 590px;
top: 232px;
}

.tiedotelaatikko {
position: absolute;
left: 523px;
top: 20px;
font-family: arial, tahoma, verdana, sans-serif;
}

.erotin_etusivu {
width: 300px;
border-left: 1px dashed #333333;
position: absolute;
right: 155px;
top: 20px;
height: 39em;
}

.etusivuteksti {
font-family: Arial, Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
width: 260px;
position: absolute;
left: 205px;
top: 75px;
}

.lippu {
position: absolute;
left: 30px;
top: 400px;

}

/* -------------------------------------- Palvelusivun tyylit -------------------------------------- */

.content_kysely {
position: relative;
font-family: arial, georgia, sans-serif;
margin: 0px;
width: 950px;
background-color:#FFFFFF;
height: 115em;
}

.content_palvelut {
position: relative;
margin: 0px;
width: 950px;
background-color:#FFFFFF;
height: 57em;
}

.content_yksityiset {
position: relative;
margin: 0px;
width: 950px;
background-color:#FFFFFF;
height: 95em;
}

.palvelut_otsikko {
position: absolute;
top: 50px;
left: 50px;
}

.palvelut_teksti {
position: absolute;
left: 50px;
right: 50px;
top: 92px;
}

.yksityisille_otsikko {
position: absolute;
top: 270px;
left: 53px;
}

.yrityksille_otsikko {
position: absolute;
top: 270px;
left: 550px;
}

.yksityisille_otsikko2 {
position: absolute;
left: 65px;
top: 62px;
}

.yksityisille_teksti {
position: absolute;
left: 65px;
right: 65px;
top: 140px;
font-size: 12px;
}

.yrityksille_teksti {
position: absolute;
left: 65px;
right: 65px;
top: 132px;
font-size: 12px;
}


.yksityisille_palvelulista {
position: absolute;
left: 295px;
top: 345px;
width: 630px;
}

.yksityisille_jaetut_ominaisuudet {
position: absolute;
background-color: #FFF;
left: -30px;
top: 346px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 35px;
width: 235px;
border: 1px solid #9da8ae;

}

.yrityksille_palvelulista {
position: absolute;
left: 65px;
right: 65px;
top: 365px;
}

.erotin_palvelut {
width: 20px;
border-left: 1px dashed #333333;
position: absolute;
right: 429px;
top: 262px;
height: 33em;
}

.sohvamon {
position: absolute;
left: 65px;
top: 390px;
}

.bisnesmon {
position: absolute;
top: 346px;
left: 626px;
}

.yksityisten_palvelutaulukko {
border-collapse: collapse;
border-style: 1px solid;
border: none;
border-color: #AAAAAA;
}

.taulukkotausta {
background-color: #FFFFFF;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.taulukkotausta2 {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
}

.taulukkotausta a {
color:#0066CC;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
}

.taulukkotausta a:hover {
text-decoration:underline;
}

/* -------------------------------------- Tukisivun tyylit -------------------------------------- */

/* -------------------------------------- Yhteystietosivun tyylit -------------------------------------- */

.content_yhteys {
position: relative;
margin: 0px;
width: 950px;
background-color:#FFFFFF;
height: 53em;
}

.livesupport_nappi {
position: absolute;
top: 330px;
left: -3px;
}

.yhteys_otsikko {
position: absolute;
top: 55px;
left: 440px;
}

.yhteysfutu {
position: absolute;
left: 70px;
top: 93px;
}

#yhteys_teksti {
position: absolute;
left: 440px;
right: 50px;
top: 105px;
}

#yhteys_teksti a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #516F8E;
}

#yhteys_teksti a:hover {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #516F8E;
text-decoration:underline;
}

/* -------------------------------------- Tilaussivun tyylit -------------------------------------- */

.error {
width: 220px;
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
padding: 15px;
margin-bottom: 10px;
}

#content_tilaus {
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
position: relative;
margin: 0px;
width: 870px;
background-color:#FFFFFF;
padding: 40px;
}

#content_tilaus a {
font-family: arial, tahoma, verdana, sans-serif;
text-decoration: underline;
font-size: 12px;
color: #3E7EA9;
}

#content_tilaus a:visited {
color: #3E7EA9;
}

#content_tilaus a:hover {
color: #153347;
}

.tilaustaulukko {
font-family: arial, tahoma, verdana, sans-serif;
background-color: #FFFFFF;
}

.tableheader_tilaus {
background-image: url('images/bgrad.gif');
color: #FFFFFF;
font-weight: bold;
background-repeat: repeat-x;
}

.tilaus_textbox {
padding: 3px;
font-family: tahoma, arial, verdana, sans-serif;
border: 1px solid #AAAAAA;
}

.BlueButton {
padding: 5px;
color: #FFFFFF;
background-color: #1583B7;
font-size: 11px;
border: 1px solid #07577E;
height: 26px;
background-image: url('images/nappibg.gif');
}

.iplaatikko {
font-family: Arial, Georgia, sans-serif;
width: 300px;
background-color: #FFFFFF;
padding: 35px;
-moz-border-radius: 7px;
margin-top: 12em;
}

#cpanelwebmail {
position: absolute;
// left: 583px;
left: 145px;
font-size: 9px;
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
//top: 46px;
top: 335px;
width: 292px;
padding: 20px;
font-family: Tahoma, arial, helvetica, sans-serif;

}

#cpanelwebmail h1 {
font-size: 13px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}

#cpanelwebmail h2 {
font-size: 13px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
margin-top: 5px;
}

.etsinappi {
border: 1px solid #CCCCCC; 
padding: 1px;
width: 35px;
font-size: 11px;
}

.textbox {
padding: 3px;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

.flags {
position: absolute;
top: 19px;
right: 10px;
}

.nopeustesti {
text-align: center;
margin-top: 12px;
}

.nopeustesti a {
text-decoration: underline;
}