* {margin: 0; padding: 0; border: 0;}
body {background-color: #efffd8; color: #aaaa5c; font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif; background-image: url(/images/structure/bg_body.gif); background-position: top; background-repeat: repeat-y; text-align: center;}
html, body {min-width: 940px; height: 100%;}
/* CONTAINER */
div#container {position: relative; width: 900px; margin-left: auto; margin-right: auto; text-align: left;}

/* HEADER  */
div#header {width: 100%; height: 165px; background-position: top; background-repeat: no-repeat; background-image: url(/images/structure/bg_header.jpg); background-color: inherit; text-align: center;}
div#head {width: 940px; height: 165px; position: relative; margin-left: auto; margin-right: auto;}
div#head p.langselect {position: absolute; left: 710px; top: 16px; text-align: left; color: #fff; background-color: inherit; font-weight: bold; font-size: 9pt;}
div#oditech_logo {width: 87px; height: 87px; top: 15px; left: 20px; position: absolute; z-index: 100;}
div#head div.menu {position: absolute; left: 0; top: 132px; text-align: center; height: 31px; line-height: 31px; color: #fff; background-color: inherit; font-weight: bold; font-size: 9pt;}
div#head div.menu a {display: block; float: left; color: #fff; background-color: inherit; text-decoration: none; border-right: 2px solid #fff; width: 165px;}
div#head div.menu a:hover {color: #fff; background-color: #6898a8; text-decoration: none;}

/* NOJS */
div.njsheader div#head div.menu a {display: block; float: left; color: #fff; background-color: inherit; text-decoration: underline; border-right: 2px solid #fff; width: 165px;}
div.njsheader div#head div.menu a:hover {color: #fff; background-color: #6898a8; text-decoration: none;}
div.njsheader div#head div.menu a.nolink {display: block;  float: left; color: #fff; background-color: inherit; text-decoration: none; border-right: 2px solid #fff; width: 165px;}
div.njsheader div#head div.menu a.nolink:hover {color: #fff; background-color: inherit; text-decoration: none; cursor: default;}

/* SUBMENUS */ /* !filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90)! */
div#submenu_ceginfo {position: absolute; left: 165px; top: 8px; width: 185px; height: 120px; background-color: #95A868; color: inherit; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #fff; opacity: .9; font-weight: bold; font-size: 9pt; text-align: left; visibility: hidden;}
div#submenu_ceginfo a {color: #fff; background-color: inherit; text-decoration: none; display: block; padding: 5px;}
div#submenu_ceginfo a:hover {color: #fff; background-color: #6898A8; text-decoration: none;}
div#submenu_portfolionk {position: absolute; left: 499px; top: 56px; width: 310px; height: 72px; background-color: #95A868; color: inherit; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #fff; opacity: .9; font-weight: bold; font-size: 9pt; text-align: left; visibility: hidden;}
div#submenu_portfolionk a {color: #fff; background-color: inherit; text-decoration: none; display: block; padding: 5px;}
div#submenu_portfolionk a:hover {color: #fff; background-color: #6898A8; text-decoration: none;}
div#submenu_ugyfeleink {position: absolute; left: 666px; top: 80px; width: 165px; height: 48px; background-color: #95A868; color: inherit; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #fff; opacity: .9; font-weight: bold; font-size: 9pt; text-align: left; visibility: hidden;}
div#submenu_ugyfeleink a {color: #fff; background-color: inherit; text-decoration: none; display: block; padding: 5px;}
div#submenu_ugyfeleink a:hover {color: #fff; background-color: #6898A8; text-decoration: none;}

/* HEADER  NJS*/
div#header_njs {width: 100%; height: 31px; background-position: top; background-repeat: no-repeat; background-image: url(/images/structure/head-non-js.jpg); background-color: inherit; text-align: center;}
div#head_njs {width: 940px; height: 31px; position: relative; margin-left: auto; margin-right: auto;}

/* SUBMENUS NONJS*/
div#submenu_ceginfo_njs {position: absolute; left: 30px; top: 10px; font-size: 7pt; text-align: left;}
div#submenu_portfolionk_njs {position: absolute; left: 345px; top: 10px; font-size: 7pt; text-align: left;}
div#submenu_ugyfeleink_njs {position: absolute; left: 700px; top: 10px; font-size: 7pt; text-align: left;}
div#head_njs a {color: #738b37; background-color: inherit; text-decoration: underline; padding: 2px; }
div#head_njs a:hover {color: #738b37; background-color: inherit; text-decoration: none; }
div#head_njs span {padding: 0 4px; }


/* CONTENT */
div#content {width: 610px; background-color: inherit; color: #5a5a5a; position: absolute; top: 20px; left: 0; padding-bottom: 30px;}
div#content .main{width: 450px; float: left;}

div#content .col_left {width: 390px; float: left; }
div#content .col_right {width: 390px; float: right;}
div#content a {color: #c60000; background-color: inherit; text-decoration: underline;}
div#content a:hover {color: #c60000; background-color: inherit; text-decoration: none;}
div#content ul {list-style-position: outside; margin-bottom: 25px;}
div#content li {list-style-type: disc; font-size: 8pt; margin-left: 24px;  margin-bottom: 2px; color: #5a5a5a; background-color: inherit;}
div#content p {background-color: inherit; color: #5a5a5a; font-size: 8pt; line-height: 140%; margin-bottom: 20px;}
div#content .pager {font-size: 8pt; line-height: 130%; color: #ecebeb; background-color: inherit; text-align: center; padding-top: 10px; clear: both; font-weight: bold;}
div#content .pager a {color: #c60000; text-decoration: none; background-color: inherit; font-weight: normal;}
div#content .pager a:hover {color: #c60000; text-decoration: underline; background-color: inherit; font-weight: normal;}
div#content .pager .actual {color: #fff; font-weight: bold; background-color: #bdbdbd; padding-left: 3px; padding-right: 3px; }
a.link_content {color: #c60000; background-color: inherit; text-decoration: none;}
a.link_content:hover {color: #c60000; background-color: inherit; text-decoration: underline;}
div#content a.gray, div#content a.gray:hover {color: #D1CCBA; background-color: inherit; text-decoration: underline;}
div#content a.gray:hover {text-decoration: none;}

/* VIRTUAL BUSINESS CARD */
table.businesscard {width: 610px; border: 0; padding: 0; margin: 0;}
table.businesscard td.details { width: 250px; vertical-align: top;}
table.businesscard td.picture { width: 110px; vertical-align: top;}
table.businesscard td.motto {width: 250px; vertical-align: top; background-color: inherit; color: #acacac; font-size: 8pt; line-height: 140%; font-style: italic; text-align: right;}

/* SHORT INFO PANEL */
div#shortinfopanel {width: 255px; background-color: inherit; color: #5a5a5a; position: absolute; top: 20px; left: 650px; padding-bottom: 30px;}
div#shortinfopanel p {background-color: inherit; color: #5a5a5a; font-size: 8pt; line-height: 140%; margin-bottom: 20px;}
div#shortinfopanel a {color: #c60000; background-color: inherit; text-decoration: underline;}
div#shortinfopanel a:hover {color: #c60000; background-color: inherit; text-decoration: none;}
div#shortinfopanel h1 a{text-decoration: none;}
div#shortinfopanel h1 a:hover{text-decoration: underline;}
div#shortinfopanel h1.highlight a{color: #c60101; background-color: inherit;}
div#shortinfopanel ul {list-style-position: outside; margin-bottom: 25px;}
div#shortinfopanel li {list-style-type: disc; font-size: 8pt; margin-left: 16px;  margin-bottom: 2px; color: #5a5a5a; background-color: inherit;}
div#shortinfopanel div.decormap {float: right;}

/* GLOBAL CLASSES */
h1 {color: #E4A000; background-color: inherit; font-size: 15pt; font-weight: normal; margin-bottom: 18px;}
h2 {color: #6898a8; background-color: inherit; font-size: 10pt; font-weight: bold; margin-bottom: 14px;}
h3 {color: #5a5a5a; background-color: inherit; font-size: 9pt; font-weight: bold; margin-bottom: 5px;}
span.datum {color: #d1ccba; background-color: inherit; font-size: 8pt; font-weight: normal; font-style: italic;}
hr {border-top: 1px solid #ecebeb; border-bottom: 0; border-left: 0; border-right: 0; height: 1px; margin-bottom: 15px; clear: both;}
div.minianims {float: left; padding-top: 3px;}
div.portfoliobox {width: 450px; float: left; border-bottom: 1px solid #ECEBEB; margin-bottom: 10px;}
div.portfoliopreviewbox {float: right; margin-left: 15px; margin-bottom: 5px; width: 120px;}
div.portfoliopreviewbox img {border: 1px solid #d1ccba;}
div.portfoliotextbox {float: left; width: 315px;}
span.highlight {color: #fb0e0d; background-color: inherit;}
h2.highlight {color: #c60101; background-color: inherit;}
a.modal {cursor: pointer;}
.lightbottom {margin: 8px 0 5px 0; display: inline-block;}
.hidden {display: none;}


span.italicnormal {font-style: italic; font-weight: normal; font-size: 8pt;}
span.normal {font-weight: normal; font-size: 8pt;}
div.partnerlogos {float: right; width: 200px; text-align: right;}

div#content .tags{position: relative; width: 160px; float: right; margin: 0 -20px; left: -10px; text-indent: 6px;}
div#content .tags h2{margin-left: 0;}
div#content .tags h2.highlight2 {color: white; background: #c9d4b3; padding: 4px 0; text-indent: 5px; width: 100%;}
div#content .tags h2 a, div#content .tags h2 a:hover { color: #73a0ae;}
div#content .tags ul {margin:0; padding:0; position: relative;}
div#content .tags ul li{margin:0 0 10px 0; position: relative; text-indent: 0; background: url(/images/structure/li.gif) 8px center no-repeat; padding: 4px 0 4px  22px; list-style-type: none; }
div#content .tags ul li.highlight2{background: url(/images/structure/higlight-li.gif) 0 center no-repeat #c9d4b3; color: white;}