html, body, #wrap 
{
height: 100%; 
margin: 0; 
background-color: white;

}
 
body > #wrap {height: auto; min-height: 100%; min-width: 1240px;} /*tämän min-width kontrolloi milloin sisältö pysähtyy kun ikkunan leveyttä pienennetään*/

img, div 
{ 
behavior: url(iepngfix.htc) 
}

#main {
position: relative;
left: 50%;
width: 1200px;
padding-bottom: 380px; /* must be same height as the footer */
padding-top: 45px;
margin-left: -600px; /* half of the width */
/*background-image: url(tausta.jpg);*/ 
background-repeat:no-repeat;
min-width: 400px;
min-height: 600px;
font-family: Myriad, Helvetica, Arial, sans-serif;
color: black;
}  

#leipis {
width: 600px;
margin-bottom: 20px;

}

#sudoku_peli-ikkuna {
width: 900px;
margin-bottom: 20px;
}

#logo {
position: relative;
left: 0;
top: -10px;
float: left;
}


#muu_header,#tiedotteet_teksti, #tiedotteet_teksti_kaikki, #oikea_palsta, #tiedotteet, .vasen_palsta_laatikko {
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#muu_header {
display: block;
position: relative;
left: 0;
top: 0;
float: right;
width: 700px;
height: 76px;
margin-top: 10px;
margin-left: 20px;
}

#saa {
position: absolute;
top: -20px;
left: 0px;
}

#saa_otsikko {
position: absolute;
top: 2px;
left: 10px;
font-size: 0.7em;
font-family: Verdana, Arial, sans-serif;
}

#tiedotteet {
position: absolute;
top: -15px;
left: 270px;
background-color: #c3ddf2;
width: 410px;
padding-top: 14px;
padding-left: 20px;
padding-bottom: 10px;
/*border: 2px lightgrey solid;*/
}


.tiedotteet_pvm {
float: left;
font-size: 0.7em;
padding-right: 10px;
line-height: 120%;
}

.tiedotteet_otsikko {
font-size: 0.7em;
padding-top: 0px;
padding-bottom: 2px;
padding-right: 10px;
font-weight: bold;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
line-height: 120%;
/*text-transform: uppercase;*/
}

#kaikkitiedotteet {
font-size: 0.75em;
font-weight: bold;
padding-top: 6px;
}

#tiedotteet_teksti {
display: none;
position: absolute;
top: 40px;
right: 0px;
width: 390px;
padding: 20px;
padding-top: 40px;
border: 2px solid #00427a;
background-color: #e0eefd;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.9em;
line-height: 130%;
z-index:99;
}

#tiedotteet_teksti_sulje {
position: absolute; 
display: none;
top: 53px;
right: 110px;
width: 300px;
/*height: 10px;*/
/*border: 4px green dotted;*/
z-index: 9999999991;
}

#tiedotteet_teksti_kaikki {
display: none;
position: absolute;
top: 246px;
left: 440px;
width: 390px;
padding: 20px;
padding-top: 40px;
border: 2px solid #00427a;                                                    
background-color: #e0eefd;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.9em;
line-height: 130%;
z-index:99;
}

#tiedotteet_teksti_sulje_kaikki {
position: absolute;
display: none;
top: 262px;
right: 440px;
width: 300px;
/*border: 4px green dotted;*/
z-index: 9999999991;
}


#leivanmurut {
display: block;
position: relative;
left: 0;
top: 0px;
font-size: 0.7em;
}

#paavalikko {
display: block; 
position: relative;
left: 0;
top: 15px;
clear: both;
width: 1160px;
min-height: 20px;
background-color: #e0eefd;
margin-bottom: 40px;
box-shadow: 0px 0px 14px #ffb772;
-webkit-box-shadow: 0px 0px 14px #ffb772;
-moz-box-shadow: 0px 0px 14px #ffb772;
z-index: 5;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: .6em;
color: #00427a;
padding-left: 26px;
padding-right: 14px;
padding-top: 9px;
padding-bottom: 2px;
word-spacing: 2px;
text-shadow: 0px 1px #FFF;
border: #999 solid 1px;
}

.paavalikon_linkki a {padding-top: 10px; padding-bottom: 10px; }

/*#paavalikko_glow {
display: block;
position: absolute;
left: -20px;
top: 96px;
z-index: 4;
width: 1168px;
height: 88px;
}*/

#juttuvinkki {
display: block;
position: absolute;
right: 10px;
top: 200px;
background-color: #116bb8;
color: white;
padding: 4px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-face: Myriad, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#oikea_palsta {
display: block;
position: relative; 
right: 0px;
top: 20px;
float: right;
width: 560px;
background-color: #e1f0ff;
min-height: 735px;
margin-left: 40px;
margin-bottom: 360px; /*tämä kontrolloi sivupohjan valkoisen alan korkeutta*/
}

#nettitv {
display: block; 
position: absolute;
left: 10px;
top: 10px;
width: 400px;
height: 230px;
border: 0px #999 solid;
background: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
}

#nettitv_logo {
display: none;
position: absolute;
left: 10px; 
top: 207px; 
z-index: 1000000;
}

#nettitv_listaus {
display: block;
position: absolute;
left: 20px;
top: 20px;
width: 400px;
height: 200px;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 1em;
}

#nettilehti {
display: block; 
position: absolute;
left: 10px;
top: 250px;
width: 400px;
height: 276px;
border: 1px #999 solid;
background: #e1f0ff;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
z-index: 2;
}

#nettilehti_logo {
position: absolute;
left: 10px;
top: 230px;
z-index: 1000000;
}

#nettilehti_arkistolinkki {
display: block;
position: absolute;
left: 20px;
top: 542px;
}

#liitteet {
display: block;
position: absolute;
left: 10px;
top: 572px;
width: 526px;
border: 1px #999 solid;
background: #FFF;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #000;
padding-top: 10px;
padding-left: 12px;
padding-bottom: 6px;
background-image: url('images/liitteet/liitteet_tausta.jpg');
background-position: 260px -6px;
background-repeat: no-repeat;

}

.liite_otsikko_oikea_palsta {
font-size: 0.8em;
font-weight: bold;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 6px;
margin-right: 14px;
}

#sudoku {
display: block;
position: absolute;
left: 10px;
top: 617px;
width: 210px;
height: 100px;
border: 1px #999 solid;
background: #FFF;
text-align: left;                                 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
background-image: url('sudoku_etusivu.gif');
background-position: 120px -7px;
background-repeat: no-repeat;
font-family: 'Arial Narrow', sans-serif;
font-size: 1.65em;
font-weight: bold;
color: #000;
padding-top: 6px;
padding-left: 10px;
}

#sudoku_logo {
position: absolute;
left: 155px;
top: 10px;
z-index: 10;
}

#ilmoitukset {
display: block;
position: absolute;
left: 240px;
top: 617px;
width: 308px;
height: 78px;
border: 1px #999 solid;
background: #FFF;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
padding-top: 10px;
padding-bottom: 18px;
}

.oikea_palsta_banneri {
display: block;
position: relative;
float: right;
clear: both;
right: 10px;
top: 10px;
margin-bottom: 10px;
height: 265px;
width: 120px;
}

#etukupongit_ylaosa {
position: absolute;
top: 739px;
left: 10px;
height: 20px;
overflow: hidden;
width: 185px;
background-image: url('etukupongit_tausta.gif');
background-repeat: no-repeat;
background-position: -9px 0px;
padding-left: 20px;
padding-top: 22px;
/*color: #8eb2d0;*/
/*color: #006dbc;*/
color: #00427a;
text-align: center;
z-index: 500;
text-indent: 15px;
}

#etukupongit {
position: absolute;
top: 780px; 
height: 170px;
width: 543px;
background-color: #e1f0ff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding-left: 15px;
padding-top: 20px;
border: 1px dashed lightgray;
}

.etukupongit_teksti {
position: relative;
float: left;
width: 50%;
font-family: Helvetica, Arial, sans-serif;
color: #00427a;
font-size: 0.9em;
font-weight: normal;
line-height: 140%;

}

.etukuponki_laatikko {
position: relative;
float: right;
margin-right: 10px;
margin-top: 4px;
font-weight: normal;
line-height: 200%;
width: 45%;
}

#jakelukartta {
display: block;
position: absolute;
left: 10px; 
top: 760px; 
height: 380px;
width: 260px;
text-align: center;
background-position: 0px 80px;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-family: 'Arial Narrow', sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #000;
}
 
#jattijakelukartta {   
display: block;
position: absolute;
left: 280px;
top: 760px;
height: 360px;
width: 260px;
text-align: center;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-family: 'Arial Narrow', sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #000;
}

.jattijakelupaivamaarat {
font-size: 0.6em;
line-height: 150%;
background-color: white;
}

.vasen_palsta_laatikko {
display: block;
position: relative;
left: 0;
top: 0px;
float: left;
/*min-height: 110px;*/
width: 600px;
margin-bottom: 10px;
/*background-color: #e1f0ff;*/
z-index: 50000000;
}

#kirjoitti {
display: inline;
position: relative;
top: -8px;
padding-top: 6px;
padding-bottom: 6px;
color: #000000;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

#kuvalaatikko_wrap {
position: relative;
top: 20px;
width: 200px;
margin-right: 20px;
float: left;
overflow: hidden;
}

#kuvalaatikko {
position: relative;
top: 20px;
width: 200px;
float: left;
margin-right: 20px;
height: auto;
overflow: hidden;
}

.kuvalaatikko_automaailma {
position: relative;
top: 0px;
width: 200px;
height: auto;
overflow: hidden;
}

#kuvateksti {
position: relative;
bottom: 0px;
padding: 10px 10px 30px 10px;
font-family: Myriad, Helvetica, sans-serif;
font-size: 0.8em;
font-style: italic;
color: gray;
}

.liitteen_kuvaus {
position: inherit;
top:-25px;
font-size: 0.8em;
}



#footer {
display: block;
position: inherit;
left: 0%;
/*--min-width korjaa bugin (ainakin FF), jossa kapeaa ikkunaa oikealle scrollatessa footerin tausta katkeaa--*/
min-width: 1200px;
/*--*/
width: 100%;
margin-top: -320px; /* negative value of footer height */
margin-left: 0px; /* half of the width */
height: 320px;
clear:both;
background-color: white;
overflow: hidden;
z-index: 50;
zoom: 1;
} 

#footer_wrap {
display: block;
position: absolute;
width: 100%;
bottom: 0px;
height: 250px;
/*border: 6px dotted green;*/
display: block;
z-index: 499999;
zoom: 1;
}

.footer_palsta {
display: block;
position: relative;
left: 20px;
top: 0px;
margin-right: 50px;
padding-left: 0px;
float: left;
width: 340px;
height: 250px;
z-index: 500000;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-weight: 200;
color: #FFFFFF;
text-align: left;
line-height: 150%;
letter-spacing: 1px;
/*overflow: hidden;*/
/*border-top: 1px dotted #002d4e;*/

}

p.footer_isompi {
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 200;
color: #FFFFFF;
text-align: left;
letter-spacing: 1px;

}

#juttuvinkki A:link {text-decoration: none; color:#FFF;}
#juttuvinkki A:visited {text-decoration: none; color:#FFF;}

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


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



<!----fontit--->
p 
{
font-variant: normal; 
font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 
color: #000000;
font-size: 0.8em;
line-height: 140%;
}

p.tuoteteksti {
font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 0.75em;
}

p + p {margin-top: 10px;}

p.small 
{
font-variant: small-caps; 
font-family: sans-serif; 
color:#FFFFFF;
}

h1.uutislaatikko
{
font-variant: normal;
font-size: 1.6em;
font-family: Myriad, Helvetica, Arial, sans-serif;
color: #00427a;
line-height: 100%;
}


h1 
{
font-variant: normal; 
font-size: 1.6em; 
font-family: Myriad, Helvetica, Arial, sans-serif; 
color: #00427a;
line-height: 100%;
}

h2 {
font-family: Myriad, Helvetica, Arial, sans-serif;
color: #00427a;
font-size: 1.2em;
}

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


<!---- menu ---->

#demo-container
{
padding:25px 15px 0 15px;;
}

ul#simple-menu
{
list-style-type:none;width:100%;position:relative;font-family: 'Lucida Grande', Verdana, Arial, sans-serif;font-size:13px;font-weight:bold;margin:0;padding:0px 0 0 0;
}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0px 0 10px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{color:#ff6699;}
ul#simple-menu li a.current{color:#ff6699;}
ul#simple-menu li a.current:hover{color:#ff6699;}