/*
	--------------------------
	Common Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain	{ /* nomac \*/height: 1%;/* nomac */ }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/* General */
.relative   { position: relative; }

.centre	{ text-align: center; }
.right	{ float: right; }
img.right   { margin-left: 1em; }
.left	{ float: left; }
img.left   { margin-right: 1em; }

/*  Typography 
--------------------------  */

html    { width: 100%; }
body	{ width: 100%; font-family: verdana, sans-serif; font-size: 1em; margin: 0px; border: 0px; text-align: center; color: #000; background: #1e3c1d url(../files/template/background.jpg) no-repeat top center; background-attachment: fixed; }
p		{ margin: 1em 0px; font-size: 0.75em; line-height: 1.35em; }
td, label, li		{ font-size: 0.75em; }
a		{ text-decoration: underline; color: #000; }
a:hover	{ text-decoration: none; color: #000; }
a img   { border: 0px; }
h1 		{ font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; margin-top: 0.3em; color: #009b00; }
h2 		{ font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; margin-top: 1em; padding-bottom: 0.25em; color: #009b00; border-bottom: dotted 1px #009b00; }
h3 		{ font-size: 0.9em; font-weight: normal; margin-bottom: 0.1em; color: #009b00; }
h4 		{ font-size: 0.75em; margin-bottom: 0.3em; }
h5 		{ font-size: 0.75em; margin-bottom: 0.3em; }
h6 		{ font-size: 0.75em; margin-bottom: 0.3em; }

/*  Template Structure 
--------------------------  */

div#outer    { width: 56.75em; padding: 0px 0px 0px 14px; margin: 0px auto; background: transparent url(../files/template/background-shadow-left.png) repeat-y left; }
div#outerright    { width: 56.75em; padding: 0px 14px 0px 0px; background: transparent url(../files/template/background-shadow-right.png) repeat-y right; float: left; }
div#inner   { width: 56.75em; background: transparent url(../files/template/background-opaque.png); padding-top: 1em; float: left; }

div#menu    { width: 9.5em; float: left; margin: 0px 1.3em; text-align: left; }
div#menu img    { border: 0px; }

div#menu ul { list-style-type: none; margin: 0.25em 0px 0px 0px; padding: 0px; float: left; width: 9.5em; }
div#menu ul li { margin-top: 0.5em; padding: 5px 0px; position: relative; float: left; width: 12.75em; }
div#menu ul li a    { color: #005d1e; background-color: #fff; display: block; padding: 0px 0.75em; text-decoration: none; }
div#menu ul li div.top { width: auto; text-align: left; margin: 0px; padding: 0px; background: transparent url(../files/template/body-background-tl.png) no-repeat top left; font-size: 5px; position: absolute; top: 0px; left: 0px; right: 5px; }
div#menu ul li div.tr { position: absolute; top: 0px; right: 0px; width: 5px; height: 5px; background: transparent url(/_resources/files/template/body-corner-tr.png) no-repeat; }
div#menu ul li div.bottom { width: auto; text-align: left; margin: 0px; padding: 0px; background: transparent url(../files/template/body-background-bl.png) no-repeat bottom left; font-size: 5px; position: absolute; bottom: 0px; left: 0px; right: 5px; }
div#menu ul li div.br { position: absolute; bottom: 0px; right: 0px; width: 5px; height: 5px; background: transparent url(/_resources/files/template/body-corner-br.png) no-repeat; }

div#menu ul li:hover a    { background-color: #005d1e; color: #fff; }
div#menu ul li:hover div.top { background: transparent url(../files/template/body-background-tl-green.png) no-repeat top left; }
div#menu ul li:hover div.tr { background: transparent url(/_resources/files/template/body-corner-tr-green.png) no-repeat; }
div#menu ul li:hover div.bottom { background: transparent url(../files/template/body-background-bl-green.png) no-repeat bottom left; }
div#menu ul li:hover div.br { background: transparent url(/_resources/files/template/body-corner-br-green.png) no-repeat; }

div#menu ul li.selected a    { background-color: #005d1e; color: #fff; }
div#menu ul li.selected div.top { background: transparent url(../files/template/body-background-tl-green.png) no-repeat top left; }
div#menu ul li.selected div.tr { background: transparent url(/_resources/files/template/body-corner-tr-green.png) no-repeat; }
div#menu ul li.selected div.bottom { background: transparent url(../files/template/body-background-bl-green.png) no-repeat bottom left; }
div#menu ul li.selected div.br { background: transparent url(/_resources/files/template/body-corner-br-green.png) no-repeat; }

div#menu ul li.selected.sub a   { padding-bottom: 0.25em; }
div#menu ul li.selected.sub ul li div.bottom { background: transparent url(../files/template/body-background-bl-border.png) no-repeat bottom left; }
div#menu ul li.selected.sub ul li div.br { background: transparent url(/_resources/files/template/body-corner-br-border.png) no-repeat; }
div#menu ul li.selected.sub ul li div.top { background: transparent url(../files/template/body-background-tl-border.png) no-repeat top left; }
div#menu ul li.selected.sub ul li div.tr { background: transparent url(/_resources/files/template/body-corner-tr-border.png) no-repeat; }

div#menu ul li.selected.sub ul  { margin: 0px; margin-bottom: -5px; position: relative; float: left; width: 12.75em; }
div#menu ul li.selected.sub ul li  { margin: 0px; font-size: 1em; padding: 0px; background-color: #fff; border-left: solid 1px #005d1e; border-right: solid 1px #005d1e; width: 12.59em; }
div#menu ul li.selected.sub ul li a  { background-color: #fff; color: #005d1e; border-bottom: dotted 1px #9bcf29; margin: 0px 0.75em; padding: 0.35em 0px; }
div#menu ul li.selected.sub ul li.last    { border-bottom: 0px; position: static; margin-bottom: 5px; }
div#menu ul li.selected.sub ul li.last a    { border-bottom: 0px; }

div#menu ul li.selected.sub ul li:hover     { background-color: #9bcf29; }
div#menu ul li.selected.sub ul li:hover a   { background-color: #9bcf29; }
div#menu ul li.selected.sub ul li:hover div.top { background: transparent url(../files/template/body-background-tl-border-lime.png) no-repeat top left; }
div#menu ul li.selected.sub ul li:hover div.tr { background: transparent url(/_resources/files/template/body-corner-tr-border-lime.png) no-repeat; }
div#menu ul li.selected.sub ul li:hover div.bottom { background: transparent url(../files/template/body-background-bl-border-lime.png) no-repeat bottom left; }
div#menu ul li.selected.sub ul li:hover div.br { background: transparent url(/_resources/files/template/body-corner-br-border-lime.png) no-repeat; }

div#menu ul li.selected.sub ul li.selected     { background-color: #9bcf29; }
div#menu ul li.selected.sub ul li.selected a   { background-color: #9bcf29; }
div#menu ul li.selected.sub ul li.selected div.top { background: transparent url(../files/template/body-background-tl-border-lime.png) no-repeat top left; }
div#menu ul li.selected.sub ul li.selected div.tr { background: transparent url(/_resources/files/template/body-corner-tr-border-lime.png) no-repeat; }
div#menu ul li.selected.sub ul li.selected div.bottom { background: transparent url(../files/template/body-background-bl-border-lime.png) no-repeat bottom left; }
div#menu ul li.selected.sub ul li.selected div.br { background: transparent url(/_resources/files/template/body-corner-br-border-lime.png) no-repeat; }

div#bodyouter   { width: 43.25em; float: left; position: relative; }
div#bodyouter div.tr { position: absolute; top: 0px; right: 0px; width: 5px; height: 5px; background: transparent url(/_resources/files/template/body-corner-tr.png) no-repeat; }
div#bodyouter div.br { position: absolute; bottom: 0px; right: 0px; width: 5px; height: 5px; background: transparent url(/_resources/files/template/body-corner-br.png) no-repeat; }

div#bodytop     { width: auto; text-align: left; margin: 0px; padding: 0px; background: transparent url(../files/template/body-background-tl.png) no-repeat top left; font-size: 5px; position: absolute; top: 0px; left: 0px; right: 5px; }
div#bodyinner   { width: 40.75em; background-color: #fff; float: left; margin: 5px 0px; padding: 0.75em 1.25em; text-align: left; }
div#bodybottom     { width: auto; text-align: left; margin: 0px; padding: 0px; background: transparent url(../files/template/body-background-bl.png) no-repeat bottom left; font-size: 5px; position: absolute; bottom: 0px; left: 0px; right: 5px; }

div#footer  { width: 56.75em; margin: 0px auto; padding: 0px 0px 0px 14px; background: transparent url(../files/template/background-footer-main.png) no-repeat bottom left; clear: both; }
div#footer ul    { list-style-type: none; text-align: left; width: 56.75em; margin: 0px; padding: 0px 14px 14px 0px; background: transparent url(../files/template/background-footer-right.png) no-repeat bottom right; }
div#footer ul li    { float: right; margin: 2em 1em 2em 0.5em; padding-left: 1em; border-left: solid 1px #000; font-size: 0.7em; }
div#footer ul li.copyright    { border-left: 0px; }
div#footer ul li.sitemap   { margin-right: 2em; }
div#footer ul li a  { text-decoration: none; }
div#footer ul li a:hover  { text-decoration: underline; }
div#footer ul li.sitemap a  { margin-right: 2em; }

div#orantec-web-design    { width: 56.75em; margin: 1em auto 0px auto; text-align: right; }
div#orantec-web-design a    { font-size: 0.65em; padding-right: 18px; text-decoration: none; color: #333; }
div#orantec-web-design a:hover    { text-decoration: underline; }

/*  Content 
--------------------------  */

div.content-left    { width: 25.6em; float: left; margin-top: 1em; }
div.content-spotlight    { width: 14.1em; float: left; margin-left: 1em; margin-top: 1em; }
div.content-spotlight img   { margin-bottom: 1em; }

/*  News 
--------------------------  */

ul.latest   { list-style-type: none; padding: 0px; margin: 0.75em 0px; }
ul.latest li    { margin-bottom: 1em; font-size: 1em; }
ul.latest li img    { float: left; margin: 0.15em 0.75em 0px 0px; border: solid 5px #009b00; }
ul.latest li h3    { margin: 0px 0px 0.25em 0px; }
ul.latest li h3 a    { text-decoration: none; color: #009b00; }
ul.latest li h3 a:hover    { text-decoration: underline; }
ul.latest li p  { margin: 0.25em 0px; }
ul.latest li p.date  { color: #009b00; font-size: 0.65em; }

/*  Vacancies 
--------------------------  */

ul.vacancies   { list-style-type: none; padding: 0px; margin: 0.75em 0px; float: left; }
ul.vacancies li    { margin-bottom: 1em; font-size: 1em; float: left; }
ul.vacancies li h3    { margin: 0px 0px 0.5em 0px; }
ul.vacancies li h3 a    { text-decoration: none; color: #009b00; }
ul.vacancies li h3 a:hover    { text-decoration: underline; }
ul.vacancies li p  { margin: 0.5em 0px; }
ul.vacancies li p.info  { font-size: 0.7em; }
ul.vacancies li p.info strong  { color: #009b00; }

ul.vacancies li ul li   { float: none; }

ul.vacancies li ul.files    { list-style-type: none; float: right; margin: 0px; padding: 0px; }
ul.vacancies li ul.files li { font-size: 0.7em; }
ul.vacancies li ul.files li img { vertical-align: middle; }

ul.vacancies li ul.info    { list-style-type: none; float: left; margin: 0px; padding: 0px; }
ul.vacancies li ul.info li { font-size: 0.7em; }

/*	Contact maps
--------------------------  */

div.contactmap		{ width: 20em; height: 10em; float: right; margin-top: 0.25em; }

/*  Sitemap 
--------------------------  */

ul.sitemap   { list-style-type: none; padding: 0px; margin: 0.75em 0px; }
ul.sitemap li    { margin: 1em 0px; }
ul.sitemap li ul    { list-style-type: none; }
ul.sitemap li ul li { font-size: 1em; margin: 1em; }