/* x = vasemmalla puolella olevien linkkiryhmien määrä, y = linkkiryhmien määrä */

body {font-family: Arial, Verdana, sans-serif;line-height: 2em;background: url(/images/gradient.png) top left repeat-x #fff; color: #444; font-size: 0.8em;}

a:link, a:visited,a:active {text-decoration: none; color: #41786b; font-weight: bolder;}
a:hover {text-decoration: underline;}

img {border: 0;}
div#pageContainer {margin: 0 auto; padding:0; background-color: #eee; border: 1px solid #888; min-width: 700px; max-width: 1200px;}
div#top {padding: 0 1em; border-bottom: 1px solid #888; background: url(/images/topbackground.png) top right no-repeat #f1934b; margin-bottom: 1em;}
div#logo {padding-left: 2em; font-size: 1.5em;}

div.linkContainerTopic {background: #f1934b; text-indent: 1em; font-size: 1.2em;}

ul {list-style-type: none;}
div#container {width: 95%; padding: 1em; text-align: center;margin: 0 auto;}
div#left {float: left; width: 47%; text-align: left; padding-left: 1em;} /* 0 - x containerit tulevat tämän sisälle */
div#right {float:right; width: 47%; text-align: left; padding-right: 1em;} /* x - y containerit tulevat puolestaan tänne */
div.linkContainer {border: 1px dotted #888; margin-bottom: 1em; position: relative; border: 1px dotted #888; background-color: #fff;} /* kaikille linkkicontainereille yhteiset määritteet */

div.clear {clear: both;}

/* yksittäisten linkkicontainerien määritteet tänne */
div#containerTopic0 {}
div#container0 {}
div#containerTopic1 {}
div#container1 {}
div#containerTopic2 {}
div#container2 {}
div#containerTopic3 {}
div#container3 {}
div#containerTopic4 {}
div#container4 {}

/* notifikaatiopalikan määritteet */
div#notification {width: 80%; margin: 0 auto 1em auto; text-align: center;  background: #fff; text-indent: 1em; border: 1px dotted #888;}
div#notificationTopic {width: 80%; margin: 0 auto; text-align: center; background: #f1934b; font-weight: bolder;}