body, table {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#7E7E7E;
    margin:0px 0px 0px 0px;
    border:0;
    padding:0px 0px 0px 0px;
}
A.langchange {
    color:#f00;
}
A {
    color:#3D3D3D;
    text-decoration:none;
}
A:hover {
    text-decoration:underline;
}
.maindiv {
    height:100%;
    width:auto;
    padding:0px 0px 0px 2px;
    margin:0;
}
A IMG,
IMG {
    border: none;
}
/* HEADER */
#header {
    width: 100%;
    height: 84px;
    display: block;
}
#headinfo {
    width: 90%;
    height: 60px;
    display: block;
    padding-right: 10%;
}
#langchangebox {
    border-left: 1px solid #7e7e7e;
    display: inline-block;
    float: right;
    height: auto;
    padding: 4px 0;
    text-align: right;
    width: 50px;
    margin-left: 10px;
}
#headerframe {
    /*width: 700px;*/
    height: 50px;
    padding-top:0px;
    border: none;
    overflow: hidden;
    text-align: right;
    float:right;
}
#fbbox {    
    text-align: left;
    width: auto;
    margin: 10px 0 0 4px;
}
#fbbox > iframe {
    border:none; 
    overflow:hidden; 
    width: auto; 
    max-width:450px; 
    height:20px;
    background-color:transparent;
}
#menu {
    display: table;
    width: 100%;
    padding-left: 190px;
    padding-right: 5%;
    max-width: 1400px;
}
#menu .menurow {
    display: table-row;
	text-align: right;
}
#menu .distleft {
	width: 180px;
	display: table-cell;
}
#menu .distright {
	width: 60px;
	display: table-cell;
}
#menu .menutext {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 4px 0px;
    white-space: nowrap;
    text-align: center;
    height: 15px;
    display: table-cell;
	padding: 7px 10px;
	width: auto;
}
.menutext.active {
    background-color:#F0F0F0;
}
.menutext H2 {
    margin: 0px;
    padding: 0px;
}
.menutext A {
    color:#7E7E7E;
    text-decoration:none;
}
.menuline {
    text-align:center;
    color:#D9221A;
    width: 10px;
}
#menu .menutext.icon {
	display: none;
}
/* OPENING */
#openingpage {}
#openingmain {
    width: 100%;
    height: 429px;
    display: table-row;
}
#openingmain > div {
    display: table-cell;
    background-color:#323232;
    vertical-align: top;
}
#openingmain .left {
    width: 180px;
    background-color: #D92219;
}
#openingmain .right {
    width: 100%;
    border-left:2px solid #fff;
}
#openingshow,
#bigflash {
    height:300px;
}
#openingrefbox {
    height: 120px;
    overflow: hidden;
    width: auto;
    position: relative;
    margin-top: 10px;
}
#openingrefbox .openingref {
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    overflow: hidden;
}
#openingrefbox .openingref > A {
    color:#7E7e7e;
    text-decoration:none;
    white-space: nowrap;
    display: block;
    padding: 0px 0px 3px 5px;
}
#openingrefbox .openingref > A:hover {
    text-decoration:underline;
}
#openingrefbox .openingref IMG {
    display: block;
    cursor:pointer;
    height:105px;
}
#openingtext {
    margin-left:190px;
}
#openingpage #fbbox{
    margin-left: 190px;
}
#openingbottom {
    display:block; 
    width:804px;
    margin:10px 0px 0px 190px; 
    line-height:16px;
}
/* OPENING MEDIA - creatd by Artur in 2018 */
#openingmedia-box {}
#openingmedia-box-frame {
	overflow:hidden;
	display:inline-block;
	width: 530px;
	height: 300px;
}
#openingmedia-box IFRAME {
	border:none;
	overflow:hidden;
}
#openingmedia-box-text {
	color: #7E7e7e;
	display: inline-block;
	width: 280px;
	vertical-align: bottom;
	padding: 5px;
	text-align: right;
	height: 300px;
}
#openingmedia-box-text-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-right: 14px;
}
#openingmedia-box-text-title {
	font-size: 3em;
	display: inline-block;
	vertical-align: top;
	flex: 1;
}
#openingmedia-box-text-desc {
	flex: none;
	margin-bottom: 5px;
}
#openingmedia-box-text A.more {
	color: #D92219;
    display: block;
    font-size: 1.8em;
	text-transform: uppercase;
	margin-top: 5px;
}
#openingmedia-box-text-carousel {
	height: 20px;
	width: 100%;
	display: table;
}
#openingmedia-box-text-carousel-row {
	display: table-row;
}
#openingmedia-box-text-carousel .item {
	display: table-cell;
	height: 10px;
	width: auto;
	cursor: pointer;
	padding: 5px 10px 0px 10px;
}
#openingmedia-box-text-carousel .item:first-child {
	margin-left: 0px;
}
#openingmedia-box-text-carousel .item A {
	background-color: #AAAAAA;
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	max-width: 60px;
    margin: 0 auto;
}
#openingmedia-box-text-carousel .item:hover A {
	background-color: #FFF;
}
#openingmedia-box-text-carousel .item.active A {
	background-color: #666;
}
/* ============================================= */
/* --- INSIDE --- */
#insidemain {
    width: 100%;
    height: auto;
    display: table-row;
    background-image:url(img/inner_greyline.gif); 
    background-repeat:repeat-x;
}
#insidemain > div {
    display: table-cell;
    vertical-align: top;
}
#insidemain .left {
    width: 180px;
    height: 100%;
    background-color:#AEAEAE;
}
#insidemain .right {
    width: 100%;
    padding: 0 0 0 20px;
}
#insidemain .right>DIV {
    width:98%;
}
.illu {
    background-repeat: no-repeat;
    height: 150px;
    overflow: hidden;
    width: 100%;
}
H3 {
    color:#FFF;
    margin:0px 0px 6px 0px;
    font-size:13px;
    padding:0px 0px 2px 5px;
    border-bottom:1px dotted #FFF;
    font-weight: normal;
}
#referencetypesearchbox {
    margin:0px 0px 0px 0px; 
    padding:0px 0px 6px 5px; 
    border-top:1px dotted #fff; 
    border-bottom:1px dotted #fff;
}
#referencewordsearchbox {
    margin:10px 0px 6px 0px;
    padding:0px 0px 6px 5px;
    border-bottom:1px dotted #fff;
}
#filterform {
    border:0;
    margin:6px 0;
    padding:0;
}
#filterlist,
#techlist {

}
#filterlist .title,
#techlist .title {
    margin:8px 0px 0px 6px; 
    color:#FFF;
    font-weight: normal;
}
#filterlist .row {
    display: table-row;
}
#filterlist .checkbox {
    display: table-cell;
    height: 16px;
}
#filterlist .checkbox INPUT[type="checkbox"] {
    width:13px;
    height:13px;
    margin:0px 3px 0px 0px;
    vertical-align:top;
}
#filterlist .item,
#techlist .item {
    padding:0px 0px 0px 6px;
    color: #545454;
}
#filterlist .item {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}
#techlist .item.active {
    background-color:rgb(197, 197, 197);
}
#techlist .item A {
    color: #545454;
    line-height: 14px;
}
.sendfilterbox {
    background-color:#c5c5c5; 
    width:180px;
    color:#545454;
    margin: 4px 0;
    padding: 2px 0;
    display: table;
}
.sendfilterboxrow {
    vertical-align: middle;
    display: table-row;
}
.sendfilterbox INPUT[type="radio"] {
    margin: 0 4px 0 2px;
    padding: 0;
    display: table-cell;
    height: 12px;
    vertical-align: bottom;
}
.sendfilterboxrow SPAN {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: left;
}
.searchbuttonbox {
    color: rgb(255, 255, 255); 
    font-size: 12px; 
    cursor: pointer; 
    margin-top: 5px; 
    text-decoration: none;
}
.searchbuttonbox > DIV {
    display:inline; 
    margin-left:0px; 
    width:90px; 
    font-size:14px; 
    font-weight:bold; 
    letter-spacing:5px;
}
.searchbuttonbox:hover {
    text-decoration: underline;
}
#wordsearch {
    border:0;
    margin:0;
    padding:0;
}
#wordsearch > INPUT[type='text'] {
    font-size:10px;
    height:20px;
    width:150px;
}
/* TAGS */
.tagcloud {
    font-size: 0.8em;
    margin:5px 0px 6px 0px;
    padding:0px 0px 6px 5px;
    border-bottom:1px dotted #fff;
    max-width: 200px;
}
.right .tagcloud {
    margin:0;
    padding:0;
    border:none;
    max-width: 850px;
}
.tagcloud .tagitem {
    display: inline-block;
    margin: 0 3px 0 0;
    color: white;
}
.right .tagcloud .tagitem {
    color: inherit;
    margin: 0 10px 0 0;
}
.tagcloud .tagitem A {
    color: inherit;
}
/* --- */
.setorder {
    background-color: #e5e5e5;
    height: 25px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0px;
    display: table;
    width: 98%;
    max-width: 980px;
    /*min-width: 592px;*/
}
.setorder > DIV {
    margin-left: 5px;
}
.setorder .formelement {
    margin: 0px 5px 5px 0px;
    display: inline-block;
}
.setorder .formelement > DIV { 
    display: inline;
}
.setorder SELECT {
    font-size:10px;
}
.setorder > DIV > DIV {
    display: table-cell;
}
.setorder .pagestatus {
}
.setorder DIV.inactive {
    color: white;
}
.setorder DIV.space {
    display: inline-block;
    width: 5px; 
}
/* --- */
#reflistpage .projekttitle {
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    margin:0;
    margin-bottom:0px;
    width:100%;
    margin:16px 0px 10px 3px; 
    white-space:normal;
}
#reftable,
#techtable {
    display: table;
    max-width: 980px;
    min-width: 600px;
}
#reftable .title,
#techtable .title {
    background-color:#e5e5e5;
    padding:1px 0px 1px 10px; 
    margin:6px 0px 6px 0px; 
    font-size:11px;
}
#techtable .title {
    width: 784px;
}
#reftable .items,
#techtable .items {
    background-color:white;
    display: table-row;
}
#reftable .refbox,
#techtable .refbox {
    width:196px;
    text-align:center;
    padding:18px 0px 5px 0px;
    border:0px solid #F00;
    margin:0px;
    float:left;
    height: 145px;
}
#reftable .refbox .inbox,
#techtable .refbox .inbox {
    margin-bottom:10px;
    height:auto;
    margin-bottom:10px;
    border-left:1px solid #D9221A;    
    padding: 0 10px 10px 18px;
    position: relative;
}
#reftable .refbox .inbox .triangleRight {
    border-bottom: 4px solid transparent;
    border-left: 7px solid #d9321a;
    border-top: 4px solid transparent;
    height: 0;
    left: 3px;
    position: absolute;
    top: 2px;
    width: 0;
}
#reftable .refbox .inbox .newborder {
    color: #D9221A;
    position: absolute;
    letter-spacing: 0px;
    font-weight: bold;
    left: 2px;
    top: 11px;
    font-size: 10px;
}
#reftable .refbox .inbox .newborder.rotate {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    left: -7px;
    top: 20px;
    writing-mode: rl-tb;
}
#reftable .refbox .inbox:hover
#techtable .refbox .inbox:hover {
    background-color:#e5e5e5;
}
.reflistelemtitle {
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    margin: 3px 0px 3px 0px;
    white-space:normal;
    width:160px;
    text-align: left;
}
.reflistelemimg {
    text-align: left;
}
.reflistelemimg IMG {
    width: 160px;
    height: 80px;
}
.reflistelemlink {
    text-align: left;
}
.reflistelemlink A {
    color:#D9221A;
    text-decoration:none;
    text-transform:none;
}
/* --- TEXTUAL CONTENT --- */
.textincolls {
    margin-top:20px;
    width:790px;
    display: table-row;
    clear: both;
}
.textincolls.contactlist {
}
.coll {
    width:380px; 
    vertical-align:top; 
    text-align:justify;
    display: table-cell;
    float: left;
    padding:0px 0px 0px 15px; 
    border-left:1px solid #FF0000;
    margin: 10px 0 10px 0;
}
.coll:first-child {
    padding:0px 15px 0px 0px;
    border: none;
}
.coll.contact {
}
.coll.contact > DIV {
    display: inline-block;
    float: none;
    margin-left: 20px;
}
/* --- */
.searchnote {
    color:#FFFFFF;
    margin:10px 0px 3px 0px;
}
.searchnote:first-child {
    margin-top: 0px;
}
.yearindex {
    vertical-align:top;
    font-size:14px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* === PROJEKT === */
#projektpage {

}
#projektpage .projektdesc {
    margin:20px 0px 15px 0px;
    width:700px;
}
#projektpage .projekttitle {
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    margin:0;
    margin-bottom:0px;
    width:790px;
    margin:16px 0px 0px 0px; 
    white-space:normal;
}
#projektpage .projektdate {
    color:#FF0000;
    margin-bottom:10px;
}
#projektpage .projekttags {
    
}
#projektpage .projekttags .taglist {
    margin: 0 0 10px 0;
    font-size: 16px;
}
#projektpage .projekttags .tagitem {
    margin:0;
}
#projektpage .projekttags .tagitem:after {
    content: '\a0\b7';
}
#projektpage .projekttags .tagitem:last-child:after {
    content: '';
}
#projektpage .projektsubtitle {
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    margin:0;
    margin-top:6px;
    margin-bottom:0px;
}
#projektpage .projektpic {
    margin-top:20px;
    background-color:#E5E5E5;
    width:700px;
    border-left:1px solid #FFF;
    border-right:1px solid #fff;
}
#projektpage .projektvideobox {
    position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
#projektpage .projektvideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.projektpictextbox {
    padding:6px 10px 10px 10px;
}
.projektpicttitle {
    padding:0px;
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
.projektpictdesc {
    padding: 10px 0px 0px 0px;
}
#projektpage .reflist {
    line-height: 10pt;
    margin: 30px 0;
    max-width: 800px;
    width: 100%;
}
#projektpage .reflist .refitem {
    margin: 0px 10px 0 0;
    white-space: normal;
}
.tovabblink {
    text-decoration:none;
    color:#7E7E7E;
}
.tovabblink:hover {
    text-decoration:underline;
    color:#7E7E7E;
}
.stepsarrow {
    border:0;
    margin:0px 5px 0px 5px;
}
.staticcontent {
    margin:20px 0px 10px 0px;
    padding:0px 5px 0px 0px;
    width:790pxx;
    text-align:justify;
    max-width: 900px;
}
.statictitle {
    font-size:16px;
    text-transform:uppercase;
}
.staticsubtitle {
    font-size:12px;
    text-transform:uppercase;
}
.illupic {	
}
.keskenydiv {
    /*width:600px;*/
    width:100%;
}
.textwithborder {
    padding-left:10px;
    border-left:1px solid #F00;
    margin-top:5px;
}
ol {
    padding-left:0px;
    margin-left:20px;
    list-style-position:outside;
    line-height:normal;
}
.latin {
    padding-left:15px;
    margin-left:0px;
    list-style-type:upper-latin;
}
.initpic {
    text-align:left;
    margin:0px 5px 3px 0px;
}
.staticredtitle {
    color:#D3221A;
    font-size:10px;
    margin:15px 0px 3px 0px;
}
.framebody {
    background-color:#FFFFFF; 
    text-align:right; 
    margin-top:4px;
}
#technologypage {}
#technologypage .tech_head {
    width: 100%;
    background-repeat:no-repeat; 
    height:150px;
    overflow: hidden;
}
.technology_description {
    text-align: justify;
    padding: 0px 10px 0px 0px;
    width: 100%;
    max-width: 600px;
    display: inline-block;
    margin-top: 10px;
}
.technology_description > DIV {
    padding: 0 10px 0 0;
}
.technology_description .tech_intwo {
    margin-top: 20px; 
    width: 100%;
}
.technology_description .tech_intwo > DIV {
    display: table-cell;
    text-align: justify;
    width: 50%;
    vertical-align: top;
}
.technology_description .tech_intwo > DIV.textual {}
.technology_description .tech_intwo .techpic_wide {
    width: 340px;
}
.technology_description .tech_intwo .techpic_wide IMG {
    width: 100%;
}
.technology_description .tech_intwo .tleft {
    padding-right: 10px; 
    border-right: 1px solid #D9221A;
}
.technology_description .tech_intwo .tright {
    padding: 0 0 0 10px;
}
.technology_refs {
    width: 100%;
    max-width: 200px;
    border-left:1px solid #c5c5c5;
    padding-left:15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
/* FOOTER */
#footer {
    height:105px; 
    width:100%; 
    background-image:url(img/foot.gif); 
    margin-top:10px; 
    background-repeat:no-repeat;
}
#footer > DIV {
    padding-top:80px;
}