html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
a {text-decoration: none; cursor: pointer;}
input { outline: none; }
em {font-style: italic;}
.clear {clear: both; margin: 0;}

.yellow {color: #ffde00;}
.blue {color: #00609c;}
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif;}
body {background: #c9ced2; /* Old browsers */
background: linear-gradient(to bottom,  #e6e6e6 0%,#c9ced2 100%); /* W3C */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #c9ced2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#c9ced2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#c9ced2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e6e6 0%,#c9ced2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e6e6 0%,#c9ced2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c9ced2',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
background-attachment: fixed;
 font-family: Arial, sans-serif; font-size: 15px; -webkit-text-size-adjust: 100%;}
h1 {color: #00609c; font-size: 60px;}
h2 {color: #00609c; font-size: 30px; margin-bottom: 20px;}
h3 {color: #00609c; font-size: 20px; margin-bottom: 30px;}
h4 {color: #ffde00; font-size: 16px; margin-bottom: 10px;}
h5 {color: #272727; font-size: 14px;}
h6 {color: #fffff; font-size: 13px; margin-bottom: 5px;}
p {margin: 7px 0 15px 0;}
#menuLang {width: 100%; background: #272727; height: 30px;}
.langWrapper {width: 100%; max-width: 1140px; margin: 0 auto; padding: 7px 0;}
#menuLang ul {float: right; width: 235px;}
#menuLang li {float: left; margin-left: 3%; display: list-item;}
#menuLang li a {color: #fff;}
#menuLang li a:hover, #menuLang li.active a {color: #ffde00;}
header, #menuQuick, #wrapper, #imageWrapper, .headerWrapper {width: 100%; max-width: 1140px; margin: 0 auto;}
.headerWrapper {float: left; margin: 10px 0; width: 100%;}
#branding {float: left; width: 13%; padding: 0 0 10px 0; width: 150px;}
#branding a {float:left; height: 70px; padding: 0 5% 0 0;}
#branding img {height: auto; width: 150px;}
#menuMain {height: 90px; width: 80%; text-align: center; float: left; padding-left: 2%;}
#menuMain li {padding: 7px 2% 7px 2%;  -webkit-hyphens: none; display: inline-table; margin: 55px 1% 10px 1%; float: left; border-top-right-radius: 1em; background: #00609c;}
#menuMain a li {font-size: 18px; color: #fff; font-family: 'Ubuntu', sans-serif;}
#menuMain a:hover li, #menuMain li:hover, #menuMain a li.active {color: #fff; background: #272727;}
.flex-caption {position: absolute;!important; z-index:10; padding: 5px; bottom: 5%; width: 96%; opacity: 0;}
.flex-caption-wrap {width: 100%; max-width: 300px;}
.flex-caption h1 {font-size: 80px; margin: 0 40px 60px 100px; text-align: left; float: left; line-height: normal; color: #fff;}
#imageMain {float: left; position: relative;}
#imageMain img {width: 100%; max-width: 1140px; height: auto;}
#imageMain h1 {position: absolute; z-index: 10; color: #fff; margin: 0 40px 50px 2%; bottom: 0; font-size: 55px;}
.breadcrumbs {position: absolute; z-index: 10; bottom: 10px; left: 2%; width: 90%; color: #fff;}
.threeColumn {width: 28.65%; float: left; background: url(../images/tausta2.jpg) #045887; padding: 20px 2%; border-bottom-right-radius: 1em; min-height: 127px;}
.threeColumn.marginRight {margin-right: 1%;}
.threeColumn .title {color: #ffde00; margin-bottom: 7px; font-size: 20px; margin-top: 0;}
.fourColumn {width: 20%; float: left; background: url(../images/tausta2.jpg) #045887; padding: 20px 2%; border-bottom-right-radius: 1em; min-height: 94px;}
.fourColumn.marginRight {margin-right: 3%;}
.fourColumn h3 {color: #ffde00; margin-bottom: 7px;}
.menuService a {color: #fff; width: 90%; float: left; padding-right: 10%;}
.menuService li:hover a, .breadcrumbs a, .breadcrumbs a:visited, .menuService li.active a {color: #ffde00;}
.menuService li {width: 60%; background: url(../images/arrow-w.png) right no-repeat; padding-bottom: 4px; padding-top: 2px; float: left; border-bottom: 1px dotted #00609c;}
.menuService li:hover, .menuService li.active {background: url(../images/arrow-y.png) right no-repeat;}
.fourColumn .menuService li {width: 100%;}
.fourColumn .menuService {margin-bottom: 15px; float: left;}
#content {width: 100%; background: #fff; margin-top: 10px; float: left; padding-bottom: 20px;}
#textIndex {width: 62%; float: left; margin-right: 2%; margin-left: 2%; margin-top: 20px;}
#text {width: 45%; float: left; margin-right: 2%; border-right: 1px solid #00609c; padding-right: 2%; min-height: 400px; margin-top: 20px;}
#text img  {width: 100%; height: auto; max-width: 490px;}
#text h3 {margin-bottom: 0;}
#text h4 {color: #00609c;}
#text ul {margin-bottom: 25px; list-style: url(../images/arrow-b-mikro.png) inside;}
#text p {line-height: 18px;}
#text a, #text a:visited {color: #00609c;}
#text a:hover {color: #272727;}
#banner {width: 38%; margin: 60px 5% 0 0; padding: 20px 2%; float: left; border: 1px solid #ccc; margin-left: 2%;}
#banner img {float: right; width: 57%; height: auto;}
.miniWrapper {width: 40%; float: left;}
#banner p {margin-bottom: 40px; margin-top: 20px;}
#banner a {color: #00609c; font-style: italic;}
.flexslider { background-color: #045887; }
#news {width: 29%; float: right; padding: 0 2% 20px 2%; border-left: 1px solid #00609c; margin-top: 20px;}
#news h3 a, #news h3 a:visited {color: #00609c;}
#news a h4, #banner a:hover, #news h3 a:hover {color: #272727;}
#news p, .newsPage p, .published {font-size: 13px; color: #00609c; font-style: italic; margin-top: 5px;}
#news h4 {font-size: 14px; width: 90%;}
.newsItem {margin-bottom: 10px; padding: 5px 2%; border-bottom: 1px dotted #ddd; background: url(../images/arrow-b.png) no-repeat right;}
.newsItem:hover {background: url(../images/arrow-w.png) no-repeat right #ddd;}
.newsPage {border-bottom: 1px dotted #2787c3; background: url(../images/arrow-w.png) no-repeat right;}
.newsPage h5 {width: 90%;}
.newsPage h5 a, .newsPage p {color: #fff;}
.newsItem.newsPage:hover {background: url(../images/arrow-b.png) no-repeat right #ddd;}
.newsItem.newsPage:hover h5 a, .newsItem.newsPage:hover p {color: #00609c;}
#menuSide {width: 21%; float: left; padding: 0 2% 20px 0;}
#menuSide h4 {font-size: 20px; float: left; width: 100%; color: #272727; margin-top: 25px; margin-bottom: 5px;}
#menuSide a {color: #00609c; float:left; margin-top: 10px; width: 100%;}
#menuSide p {float: left; width: 100%; margin-bottom: 5px; margin-top: 5px;}
.sideItem {float: left; border-bottom: 1px dotted #ddd; margin-bottom: 20px; width: 100%; padding-bottom: 10px;}
#menuSide .sideItem a {background: url(../images/arrow-b-min.png) no-repeat left; padding: 5px 2% 5px 7%; width: 90%;}
#menuSide .sideItem a:hover {background: url(../images/arrow-b-min.png) no-repeat left #ddd;}
footer {width: 96%; float: left; margin-top: 10px; background: #272727; color: #fff; font-size: 12px; padding: 20px 2%;}
footer p {width: 40%; text-align: right; float: right;}
footer a {color: #fff;}
footer a:hover, .newsPage h5 a:hover {color: #ffde00;}
footer ul.menuFooter {width: 22%; float: left; margin-right: 3%;}
footer ul.menuFooter  li {max-width: 170px; margin-bottom: 3px; display: block;}
#contactPrint {visibility: hidden; display: none; opacity: 0;}
input {height: 15px; padding: 5px 1%; border: 1px solid #ddd; width: 300px; border-radius: 0; -webkit-appearance: none;}
textarea {height: 100px;padding: 5px 1%; border: 1px solid #ddd; width: 300px; border-radius: 0; -webkit-appearance: none;}
input.button {height: 30px; width: 100px; background: #00609c; cursor: pointer; color: #fff; border-radius: 0; -webkit-appearance: none;}
input.button:hover {background: #272727;}
.thumbnail {width: 46%; margin: 5px 1%; display: inline-table; max-height: 80px; overflow: hidden; max-width: 200px;}
.thumbnail img {width: 100%; height: auto;}
#menuSide .thumbnail a {margin: 0;}
#menuSide .thumbnail a:hover {background: none;}
.line {padding-top: 10px; height: 1px; border-bottom: 1px dotted #ddd; margin-bottom: 20px;}
.some {float: left; width: 50%; margin-top: 50px;}
.some a {margin-right: 10px;}
#text img.imageWidth {max-width: 120px; height: auto;}
#text.contactList ul {width: 47%; float: left; margin-right: 3%; min-height: 240px; list-style: none;}
#text img.max2Width {max-width: 200px;}
#text img.max15Width {max-width: 150px;}
#text img.max1Width {max-width: 100px;}

@media screen and (max-width: 1300px) {
#menuLang ul {margin-right: 2%;}
.flex-caption h1 {font-size: 70px;}
}

@media screen and (max-width: 1100px) {
.threeColumn .menuService li {width: 70%;}
#branding {width: 15%;}
}

@media screen and (max-width: 960px) {
.flex-caption h1 {font-size: 65px; margin: 0 40px 40px 100px;}
#imageMain h1 {font-size: 45px; margin-bottom: 40px;}
#textIndex, #text {margin-right: 2%;}
#textIndex p {width: 100%;}
#banner {width: 56%; margin: 60px 2% 0 0;}
#text {width: 60%; border-right: none; border-bottom: 1px solid #00609c; padding: 0 0 30px 0; min-height: 200px;}
.fourColumn {width: 29%;}
#menuSide {width: 60%; float: left; padding: 30px 2% 20px 36%;}
.threeColumn .menuService li {width: 80%;}
#menuMain {padding-left: 3%;}
}

@media screen and (max-width: 840px) {
#menuMain {width: 72%; padding-left: 7%;}
}

@media screen and (max-width: 740px) {
.flex-caption h1 {font-size: 55px; margin: 0 0 20px 60px;}
#imageMain h1 {font-size: 36px; margin-bottom: 40px;}
#textIndex, #text, #menuSide {width: 94%; margin: 20px 3% 0 3%;}
#menuSide {padding: 0 0 30px 0;}
.threeColumn {width: 90%; padding: 20px 5%; border-bottom-right-radius: 0; min-height: 10px;}
.fourColumn {width: 90%; padding: 20px 5% 10px 5%; margin-bottom: 20px; min-height: 10px; border-bottom-right-radius: 0;}
.threeColumn.marginRight, .fourColumn.marginRight {margin-right: 0; border-bottom: 1px dotted #045887;}
.threeColumn, .fourColumn { background: url(../images/tausta2.jpg); background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;}
.fourColumn h3 {float: left; width: 100%;}
#menuQuick {float: left;}
.menuService {width: 80%;}
.threeColumn .menuService li {width: 52%;}
#banner {width: 90%; margin: 40px 3% 30px 3%;}
#news {width: 94%; padding: 20px 3%; border-left: none; border-top: 1px solid #00609c; border-bottom: 1px solid #00609c; margin-top: 40px;}
footer ul.menuFooter {width: 100%; margin: 20px 0 0 0; text-align: center;}
footer p {width: 100%; text-align: center; padding-top: 20px; border-top: 1px dotted #333; margin-top: 20px;}
footer ul.menuFooter li {max-width: none;}
.some {text-align: center; width: 100%; margin-top: 30px;}
}

@media screen and (max-width: 680px) {
#imageMain h1 {top: 5%;}
.flex-caption h1 {font-size: 40px; margin: 0 0 30px 40px;}
#imageMain h1 {font-size: 30px; margin-bottom: 30px;}
h1 {font-size: 30px;}
.breadcrumbs {position: relative; bottom: auto; margin-top: 5px; color: #272727;}
.breadcrumbs a, .breadcrumbs a:visited {color: #00609c;}
#branding {position: absolute;top: 0; width: auto; padding: 5px 0; border: none; background: #fff;}
#branding a {padding: 0; border: none;height: 80px;}
#branding img {width: 130px; height: auto;}
#menuLang {height: 75px; width: 98%; padding-right: 2%; padding-top: 15px; text-align: center; background: #fff;}
#menuLang li {float: none; text-align: right;}
#menuLang li a {color: #272727;}
#menuLang li a:hover, #menuLang li.active a {color: #00609c;}
#menuMain {height: auto; width: 90%; padding: 0 5%;}
#menuMain li {width: 24%; margin: 0 2% 10px 2%;}
.threeColumn .menuService li {width: 70%;}
.fourColumn {width: 90%;}
.headerWrapper {margin: 10px 0 5px 0;}
.mobileHidden {display: none; visibility: hidden; opacity: 0;}
}


@media screen and (max-width: 560px) {
.contactList ul {width: 100%; float: left; margin-right:0;}
}

@media screen and (max-width: 495px) {
#menuMain li {width: 39%; margin: 0 2% 10px 2%;}
.flex-caption h1 {font-size: 25px; margin: 0 0 20px 30px;}
#imageMain h1 {font-size: 25px; margin: 0 0 30px 2%;}
h1 {font-size: 25px;}
.miniWrapper, #banner img {width: 90%; margin: 0 5%;}
#banner img {max-width: 300px; float: left; margin-top: 15px;}
#banner h3 {margin-bottom: 10px;}
#banner p {margin-bottom: 15px; margin-top: 15px;}
input, textarea {width: 90%;}
.fourColumn .menuService li {width: 85%; padding-right: 15%;}
.threeColumn .menuService li {width: 90%;}
}