/* nollataan kaikki oletusasetukset selaimista */

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal }

/* sitten asetetaan omat oletukset elementeille */
a, :link { 
text-decoration: none; 
font-weight: bold; 
}

:link {color: #039;}
:visited {color: #636;}
:link:hover, :visited:hover {
color: #eee;
background: #1d91df;
}
:link:active, :link:active {color: #000;}

dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

p {margin-bottom: 1em;}

blockquote {
margin: 1em 0em 1em 1em;
}

ul {list-style: square; text-align: left;}
ul li {margin: 0.2em 0 0.3em 1.5em;}
ul li ul {margin: .5em 0 .5em .2em;}

fieldset { padding: .5em; border: 1px solid #888; margin-bottom: 1em; }

input, textarea {
margin:0.2em;
padding:0.1em;
}

/* turhien elementtien piilotus */
hr, #css-warning, #search label {
display: none;
}

/* äänimääritykset lukulaitteille? */

/* elementtien asettelua */

body {
color: #000;
font-family: verdana, sans-serif;
background: #e6e6e6;
font-size: small;
padding: 0px;
}

#container-header {
margin: 0 auto 0;
width: 800px;
height: 142px;
background: transparent url('/pict/linux-tuki-logo.png') no-repeat 44% 25%;
}

#container-header h1 {
text-align: center;
font-size: 88px;
height: 98px;
font-weight: bold;
font-family: freesans, sans-serif;
background-color: #ccc;
visibility: hidden;
}

#container-header p {
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #5784C0;
color: #fff;
border: 1px solid #D1E1E6;
margin: 3px;
padding: 5px 0 5px;
}

#container-outer {
margin: 0 auto 0;
width: 800px;
background: transparent url('/pict/linuxtuki-tausta.png') repeat-y 0% 0%;
}

#container-inner {
position: relative;
width: 100%;
}

#container-navigation {
position: absolute;
top: 5px;
left: 0px;
width: 200px;
text-align: center;
}

#container-main {
margin: 0 0 0 210px;
width: 510px;
background: transparent url('/pict/linuxtuki-katkoviiva.png') repeat-y 0% 0%;
padding-bottom: 1em;
}

#contents {
margin-left: 25px;
width: 520px;
min-height: 600px;
}

#container-bottom {
margin: 0 auto 0;
padding-top: 2em;
width: 800px;
background: #e6e6e6 url('/pict/linuxtuki-footer.png') no-repeat 0% 0%;
text-align: center;
color: #888;
}

#container-bottom p {
margin: 0;
}

/* fontit **/
h2 {
font-size: 160%;
font-weight: normal;
margin: 0 0 .4em 0;
border-bottom: 2px solid #bbb;
padding-bottom: 0;
overflow: hidden;
}

h3 {
font-size: 130%;
font-weight: normal;
margin: 1.5em 0 .5em 0;
border-bottom: 1px solid #bbb;
padding-bottom: .1em;
overflow: hidden;
}

h4, dt {
font-size: 115%;
font-weight: bold;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}

/* elementtien yksityiskohtia */
#navigation ul, #sitemap ul {
list-style-type: none;
}

#navigation ul li ul, #sitemap ul li ul{
margin-top: 0;
font-weight: normal;
color: #888;
list-style-type: square;
}

#navigation strong { color: #333; }
#navigation ul li ul li strong { font-weight: normal; }
#navigation ul li ul li a, #sitemap ul li ul li a { font-weight: normal; }

#navigation a:hover {
color: #333;
background: #eee;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}

#navi-selected {
font-weight: bold;
background: #eee;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}

#bigsearch .napit {
margin-left: 6em;
}

#search {
color: #888;
margin: 1em 0 1em 20px;
padding: 0;
text-align: left;
width: 100%;
}

#search fieldset {
padding: 0;
margin: 0;
border: none;
}

#search a { font-weight: normal; }
#search p { margin: 0; padding: 0; }
#qbox { width: 110px; }
#search-button { margin: 0; padding: 0;}
#search small { margin-left: 10px; }

#linkkivinkki {
color: #222;
margin: 2em auto;
padding: 0;
width: 85%;
}

#inner-footer {
margin: 2em 0 0 0;
text-align: center;
color: #888;
}

#footerinfo a {
color: #888;
text-decoration: none;
font-weight: normal;
}

#footerinfo a:hover {
color: #eee;
}

#contents img.right {
float: right;
clear: right;
margin: 5px 0 15px 5px;
}

#contents img.left {
float: left;
clear: left;
margin: 5px 15px 0 5px;
}


#contents ul, #contents ol  {
margin-bottom: 2em;
}

/* ------------------------------------------------- */


kbd, code {
	color: #161;
	background-color: #f3f3f3;
}

table.lomake small { font-style: italic; }

table.lomake .alt {
background: #eee;
}

table.tilauslomake td {
text-align: center;
}

tr.taulukko-korostus {
font-size: 115%;
font-weight: bold;
}

.laatikko {
float: right;
margin: 5px 0 15px 5px;
padding: 0 0 6px 0;
width: 278px;
background: transparent url('/pict/bg-lbrown-278-bottom.png') no-repeat 0% 100%;
font-weight: bold;
}

.laatikko h2, .laatikko h3, .laatikko h4 {
background: transparent url('/pict/bg-lbrown-278-top.png') no-repeat 0% 0%;
margin: 0;
padding: 8px 8px 0px 8px;
width: 262px;
border: none;
}

.laatikko p, .laatikko ul {
background: transparent url('/pict/bg-lbrown-278.png') repeat-y 0% 0%;
margin: 0;
padding: 2px 8px 5px 8px;
width: 262px;
}

#uutiset {
float: right;
margin: 5px 0 15px 5px;
padding: 0 0 6px 0;
width: 278px;
background: transparent url('/pict/bg-gray-278-bottom.png') no-repeat 0% 100%;
}

#uutiset h2 {
background: transparent url('/pict/bg-gray-278-top.png') no-repeat 0% 0%;
margin: 0;
padding: 8px 8px 0px 8px;
width: 262px;
border: none;
}

#uutiset p, #uutiset h3 {
background: transparent url('/pict/bg-gray-278.png') repeat-y 0% 0%;
margin: 0;
padding: 2px 8px 5px 8px;
width: 262px;
}

#uutiset h3 {
font-weight: bold;
font-size: small;
padding: 8px 8px 0px 8px;
margin: 0;
border: none;
/*border-top: 2px dotted #fff;*/
}

#uutiset h3 small {
font-size: small;
}