/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }

html, body { background-color: #6D84B4; padding: 0; margin: 10px 0 10px 0; text-align: center; }

.clear { clear: both; margin: 0; padding: 0; }

h1 { font-size: 16px; }

h2 { font-size: 16px; font-weight:bold; padding-bottom: 15px; }

h3 { font-size: 14px; font-weight:bold; }

#container { margin: 0 auto; width: 900px; text-align: left; font-family:Arial,sans-serif; color: #000; font-weight:normal; font-size:12px; line-height: normal; background-color: #fff; line-height: 1.5; }

#content { float: left; display: inline; width: 825px; }

#logo { float: right; display: inline; width: 75px; }

#yp { width: 815px; padding: 5px; background-color: #369; }

#yp_teksti { float: left; display: inline; text-align: center;  color: #fff; text-size:14px; }

#puhelin { margin-top: 2px; }

#yp_kieli { float: right; display: inline; text-align: left; color: #fff; font-size:12px; margin: 15px 50px 0px 0px; }

#navi { width: 815px; padding: 5px; background-color: #369;  text-align: center; }

a.navi { text-decoration: none; margin-right: 30px;  color: #fff; }
a:hover.navi { text-decoration: underline; }

a.navil { text-decoration: none; margin-right: 0px; color: #fff; }
a:hover.navil { text-decoration: underline; }

#actual { width: 745px; padding: 40px; }

#vasen { width: 350px; margin-right: 45px; float: left; display: inline; }

#oikea { width: 350px; float: right; display: inline; }

.reunus { border: 5px #206495 solid; }