/* 
YHTEYDENOTTOLOMAKKEEN TYYLIT 
******************************************************/

body { margin: 10px; background: #fff; color: #000; font: Verdana, Tahoma, Arial; }

/* Ihan ensimmäisen sivun tyylit (index) */
#centralisation { margin: 40px auto 30px auto; text-align: center; }
#centralisation h1 { font: 1.5em Times New Roman, Georgia, Verdana; }
#centralisation h1 a.rauhalankievari { display: block; margin: 0 auto; width: 491px; height: 281px; background: url(rauhalan_kievari.gif) no-repeat; }
h1 span { position: relative; left: -3000em; }

/* Muiden sivujen ulkoasu */
#container { width: 750px; }
#navigation { float: left; width: 200px; height: 413px; background: url(navi.gif) no-repeat; }
.english #navigation { background: url(enavi.gif) no-repeat; }
#maincontent { float: right; width: 520px; }
#maincontent .column { width: 253px; }
#maincontent #column1 { float: left; }
#maincontent #column2 { float: right; }
#footer { clear: both; height: 50px; }
#contactinformation { width: 750px; height: 24px; background: url(contactbar.gif) no-repeat; font-family: Verdana; font-size: 12px; color: #fff; }
#contactinformation span { display: block; padding: 5px 0 0 5px; /* position: relative; left: -3000em; */ }
/*.english #contactinformation { font-size: 9px; }*/

/* Päänavigaatio */
#navigation ul { position: relative; top: 15px; list-style-type: none; margin: 0; padding: 0; }
#navigation ul li { height: 31px; margin: 0 35px 0 0; }
#navigation ul li a { display: block; height: 26px; font-size: 0.7em; width: 165px; }
#navigation ul li.yhteys a { height: 40px; }
#navigation ul li.mainpage { height: 137px; margin: 0; }
#navigation ul li.mainpage a { display: block; height: 110px; width: 188px; }
#navigation ul li a span { position: relative; left: -3000em; }

/* Muut linkit */
a { color: #114c89; text-decoration: none; }
a:visited { color: #379146; text-decoration: none; }
a:hover, a:active { color: #ffa600; text-decoration: none; }

/* Tekstien tyylit */
#maincontent h1 { margin: 0.5em 0 1em 0; font: 1.5em Times New Roman, Georgia, Verdana; }

#maincontent h1.tervetuloa { width: 520px; height: 57px; background: url(ots_tervetuloa.gif) no-repeat; }
#maincontent h1.majoitus { width: 437px; height: 81px; background: url(ots_majoitus.gif) no-repeat; }
#maincontent h1.tilaisuudet { width: 270px; height: 75px; background: url(ots_tilaisuudet.gif) no-repeat; }
#maincontent h1.yhteys { width: 252px; height: 153px; background: url(ots_yhteydenotto.gif) no-repeat; }

#maincontent h1.welcome { width: 508px; height: 71px; background: url(hea_welcome.gif) no-repeat; }
#maincontent h1.accommodation { width: 375px; height: 80px; background: url(hea_accommodation.gif) no-repeat; }
#maincontent h1.events { width: 457px; height: 80px; background: url(hea_events.gif) no-repeat; }
#maincontent h1.contact { width: 252px; height: 112px; background: url(hea_contact.gif) no-repeat; }

h3 { font-size: 0.8em; font-family: Verdana, Tahoma, Arial; margin: 20px 0 15px 0; }

p { font: 0.80em Verdana, Tahoma, Arial; }
p.red { color: #ff0000; }
p.bold { font-weight: bold; }
p.nomargin { margin: 0; }
div.image p { font-weight: bold; }


#contactform { position: relative; float: left; width: 310px; }
form { margin-bottom: 15px; }
fieldset { margin: 0; padding: 0; border: 0; }
label { font: 0.80em Verdana, Tahoma, Arial; }
input.text, textarea.text { display: block; width: 100%; margin-bottom: 7px; border: 1px solid #7f9db9; font: 0.80em Verdana, Tahoma, Arial; }
input.text { height: 1.4em; }
input.text:focus, textarea.text:focus { border: 1px solid #ffa600; }
textarea { height: 150px; }
input.button { width: 80px; font: 0.80em Verdana, Tahoma, Arial; }

#pricelist td { font-size: 0.8em; font-family: Verdana, Tahoma, Arial; }

/* Muut tyylit kuten kuvat ym. */
img.noborder { border: 0; }
div.image { float: left; width: 337px; margin: 0 10px 10px 0; border: 0; }
img.mainpage { float: left; margin: 0 10px 10px 0; border: 0; }
img.smokesauna { float: left; margin: 0 10px 10px 0; }
img.strawberries { float: right; margin-bottom: 10px; border: 0; }
img.drivinginstruction { float: right; border: 0; } 
img#finlandsmap { position: absolute; top: 0; right: -30px; border: 0; }

.notopmargin { margin-top: 0; }
.nobottommargin { margin-bottom: 0; }
.extratopmargin { margin-top: 15px; }