ul.contentlist, ul.contentlist ul { list-style: disc; margin: 0 0 0 1.25em; padding: 0 0 1em 0; }
ol.contentlist, ol.contentlist ol { list-style: decimal; margin: 0 0 0 1.25em; padding: 0 0 1em 0; }
ul.contentlist ul, ol.contentlist ol { padding: 0; }

table.contenttable th { font-weight:bold; }

.elLeftImg .imageWr, .elLeftColImg .imageWr {clear: both; float: left;}
.elRightImg .imageWr, .elRightColImg .imageWr { float: right; }
.imageWr { margin-bottom: 10px; }
.imageWr figcaption { margin-bottom: 0; text-align: center; }
.elRightImg .imageWr, .elRightColImg .imageWr { text-align: right; }
.imageWr img { margin-bottom: 0; }
.imageWr p { padding-left: 0; }
.imgRow { clear: both; }
.center { text-align: center; }
.center *{ text-align: left; }
.center .imageWr { display: inline-block; }
.right { text-align: right; }
.right .imageWr { display: inline; }

.elLeftAbove .imageWr { width: 100%; }
.elLeftAbove .imageWr:after {clear: both;}
.elLeftAbove .imageWr figcaption {display: table-cell; vertical-align: middle; margin-bottom: 0; padding-left: 35px; text-align: left;}
#main .container .elLeftAbove .imageWr figcaption p {font-size: 24px; line-height: 28px; font-style: italic;}
.elLeftAbove .imageWr img {float: left;}
.elLeftAbove .imageWr p {margin: 0; padding: 0;}

.elLeftColImg {margin-bottom: 25px;}
.elLeftColImg .imageWr:after {clear: both;}
.elLeftColImg .imageWr img {float: left;}
#main .container .elLeftColImg .content {width: 100%;}
#main .container .elLeftColImg .content h3 {margin: 0;}
#main .container .elLeftColImg .content p {margin: 0;}
#main .container .elLeftColImg .content a {display: inline-block; margin-top: 4px;}
.elLeftColImg .content.elLeftColImg .content p {margin: 0; padding: 0;}
.elLeftColImg .content {display: table-cell; vertical-align: middle; margin-bottom: 0; padding-left: 10px; text-align: left;}

.el { margin-bottom: 15px; }

/* ==========================================================================
   normalizr overrides
   ========================================================================== */
h1 {font-size: 44px; line-height: 48px; margin: 15px 0;}
h2 {font-size: 36px;	line-height: 36px; margin: 13px 0;}
h3 {font-size: 22px; line-height: 22px; margin: 11px 0;}
p {font-size: 16px; line-height: 22px; margin-bottom: 44px;}

.toggleableElement h2 {margin: 0; }
.toggleableElement h2 .toggleIndicator {margin: 0 8px -12px 0; display: inline-block; background: url("../img/joka_sprite.png") -103px -870px #fff no-repeat; height: 40px; width: 40px;}
.toggleableElement.open h2 .toggleIndicator {background: url("../img/joka_sprite.png") -66px -862px #fff no-repeat;}
.toggleableElement h2:hover .toggleIndicator {background: url("../img/joka_sprite.png") -103px -921px #000 no-repeat; height: 40px; width: 40px;}
.toggleableElement.open h2:hover .toggleIndicator {background: url("../img/joka_sprite.png") -66px -911px #000 no-repeat;}
.toggleableElement h2 a {text-decoration: none; color: #000; font-size: 22px;}
.toggleableElement .toggleableContent {padding-left: 48px;}