html, body { height: 100%; background: #fff; }

.wrapper { width: 980px; text-align: left; margin: 0 auto; }

#mainContainer { width: 100%; min-height: 100%; height: auto!important; height: 100%; text-align: center; float: left;}

#header { min-height: 75px; height: auto!important; height: 75px; width: 100%; float: left;  }
#header .wrapper { position: relative; z-index: 200; }
#header .logo { width: 120px; height: 62px; position: absolute; left: 0; top: 7px; z-index: 2; }
#header h1 { width: 400px; position: absolute; top: 100px; left: 0; z-index: 1; }

#languages { width: 90px; text-align: right; position: absolute; right: 12px; top: 10px; z-index: 2; }
#languages li { background: url('../images/bullets/bullet01.png') right 3px no-repeat; padding: 0 8px 0 3px; display: inline; }
#languages li.last { background: none; padding-right: 0; }
#languages a { color: #afafaf; text-decoration: none; }
#languages a:hover { text-decoration: underline; }
#languages a:hover, #languages .act a { color: #5c5c5c; }

#mainnavi { position: absolute; right: 0; top: 40px; z-index: 100; }
#mainnavi li { margin: 0 2px; float: left; display: inline; position: relative; z-index: 101; }
#mainnavi li a { display: block; zoom: 1; }
#mainnavi li a span { cursor: pointer; }
#mainnavi a.l1 { font-size: 16px; color: #5c5c5c; text-transform: uppercase; text-decoration: none; background: url('../images/blocks/bg_mainnavi_l.png') left -50px no-repeat; float: left; }
#mainnavi a.l1 span { height: 23px; line-height: 23px; background: url('../images/blocks/bg_mainnavi_r.png') right -50px no-repeat; padding: 0 12px; float: left; }
#mainnavi a.l1:hover { text-decoration: none; }
#mainnavi li:hover a.l1, #mainnavi li.act a.l1 { color: #fff; background-position: left top; }
#mainnavi li:hover a.l1 span, #mainnavi li.act a.l1 span { background-position: right top; }

#mainnavi ul { width: 208px; position: absolute; left: -4px; top: 23px; z-index: 102; display: none; }
#mainnavi li:hover ul { display: block; }
#mainnavi ul li { width: 100%; background: url('../images/blocks/bg_mainnavi_l2.png') no-repeat; z-index: 103; }
#mainnavi ul li.first { background-image: url('../images/blocks/bg_mainnavi_l2_t.png'); padding-top: 5px; }
#mainnavi ul li.last { background-image: url('../images/blocks/bg_mainnavi_l2_b.png'); background-position: left bottom; padding-bottom: 15px; }
#mainnavi a.l2 { font-size: 14px; color: #898989; text-decoration: none; border-bottom: 1px solid #ccc; padding: 8px 2px; margin: 0 18px; }
#mainnavi a:hover.l2 { text-decoration: underline; }
#mainnavi ul li.act a.l2 { color: #038aa5; text-decoration: underline; }
#mainnavi ul li.last a.l2 { border-width: 0; }


/* ---- */
#showcase { width: 100%; height: 252px; margin-top: 75px; position: relative; z-index: 20; clear: both; float: left; }
#showcase .wrapper { height: 252px; z-index: 30; }
#showcase .showcase { width: 100%; height: 252px; background: repeat-x; }
#showcase .showcase .image { width: 100%; height: 252px; background: center top no-repeat; position: absolute; left: 0; top: 0; z-index: 21; }
#showcase .showcase .wrapper { height: 252px; z-index: 22; }
#showcase .showcase h2 { line-height: 1.3em; font-family: Arial, sans-serif; font-size: 32px; font-weight: normal; color: #fff; margin-bottom: 20px;}
#showcase .showcase h2 span { background-color: #004368; padding: 5px 10px; }
#showcase .showcase .text { width: 280px; font-size: 14px; color: #fff;  }
#showcase .showcase .text p { line-height: 1.4; }
#showcase .showcase .button { width: 220px; margin-top: 20px; }
#showcase .showcase .button a { font-size: 20px; color: #fff; text-decoration: none; background: #038aa5; padding: 10px 15px 10px 15px; display: block; zoom: 1; }
#showcase .showcase .button a:hover { text-decoration: underline; }
#showcase .showcase .button-yellowgreen a { background: #bccc00; }
#showcase .showcase .button-black a { background: #000; }
#showcase .showcase .button-bordo a { background: #7f0005; }
#showcase .showcase .button-red a { background: #e63337; }
#showcase .showcase .button-gray a { background: #373737; }
#showcase .showcase .button-blue a { background: #004368; }

#showcase .showcase p.parent { height: 35px; font-family: Georgia, serif; font-size: 24px; line-height: 35px; color: #fff; white-space: nowrap; background: #000; padding: 0 10px; position: absolute; left: 0; top: 205px; z-index: 23; }
#showcase .showcase p.parent a { color: #fff; text-decoration: none; }
#showcase .showcase p.parent a:hover { text-decoration: underline; }

#showcase .thumbnails { position: absolute; left: 0; bottom: 0; z-index: 31; }
#showcase .thumbnails li { float: left; }
#showcase .thumbnails li a { width: 60px; height: 60px; padding: 8px 13px 11px 8px; background: url('../images/blocks/bg_thumbnails.png') 0 0 no-repeat; display: block; zoom: 1; }
#showcase .thumbnails li.act a, #showcase  .thumbnails li a:hover { /* background-position: 0 -79px; */ }

#thumbact { width: 81px; height: 81px; background: url('../images/blocks/bg_thumbnails_hover.png') no-repeat; position: absolute; left: 0; top: 0; z-index: 99999; }

	.tmpl-home #showcase, 
	.tmpl-home #showcase .showcase, 
	.tmpl-home #showcase .showcase .image { height: 471px; }
	.tmpl-home #showcase .showcase .wrapper { height: 436px; padding-top: 35px; }
	.tmpl-home #showcase { margin-top: 66px; }
	.tmpl-home #showcase .showcase { position: absolute; left: 0; top: 0; }
	.tmpl-home #showcase .twrapper { height: 80px; top: 391px; }
	
	.tmpl-2cols #showcase .wrapper {  }
	
	* html #showcase .thumbnails li a { background-image: url('../images/blocks/bg_thumbnails(ie6).png'); } 
	* html #thumbact { background-image: url('../images/blocks/bg_thumbnails_hover(ie6).png'); } 




#subnavi { margin: 0 32px 50px 0; }
#subnavi li { background: none; border-bottom: 1px solid #cccccc; }
#subnavi li.last { border-width: 0; }
#subnavi li a { font-size: 14px; color: #616161; text-decoration: none; padding: 8px 0; display: block; zoom: 1; }
#subnavi li a:hover { text-decoration: underline; }
#subnavi li.act a { color: #038aa5; text-decoration: underline; }

#quicksearch { margin-bottom: 15px; }
#quicksearch fieldset { width: 100%; height: 25px; background: url('../images/forms/bg_quicksearch.png') no-repeat; }
#quicksearch .i-button-gfx { vertical-align: middle; }
#quicksearch .i-text { width: 150px; color: #fff; border-width: 0; background: transparent; }

#breadcrumbs { margin: 0 0 20px 257px; }
#breadcrumbs li { background: url('../images/bullets/bullet02.png') right 4px no-repeat; padding: 0 20px 0 8px; display: inline; }
#breadcrumbs li.last { background: none; }
#breadcrumbs li a { color: #616161; }
#breadcrumbs li.last a { color: #959595; text-decoration: none; cursor: default; }



#content { width: 100%; margin-top: 10px; padding-bottom: 465px; float: left; }
#conetnt .content { clear: both; }

	.tmpl-home #content { margin-top: 20px; padding-bottom: 445px; }
	
	.tmpl-home #mainColumn .content2 { background: #d9ebec; padding: 20px 0; }

	.tmpl-3cols #leftColumn { width: 250px; float: left; }
	.tmpl-3cols #leftColumn .content { margin: 0 32px 0 0; padding-bottom: 40px; }
	
	.tmpl-3cols #mainColumn { width: 495px; float: left; }
	.tmpl-3cols #mainColumn .content { min-height: 300px; height: auto!important; height: 300px; margin: 0 15px; padding-bottom: 40px; }
	
	.tmpl-3cols #rightColumn { width: 235px; float: left; }
	.tmpl-3cols #rightColumn .content { margin: 0 10px 0 0; padding-bottom: 40px; }
	
	.tmpl-2cols #leftColumn { width: 250px; float: left; }
	.tmpl-2cols #leftColumn .content { margin: 0 32px 0 0; padding-bottom: 40px; }
	
	.tmpl-2cols #mainColumn { width: 730px; float: left; }
	.tmpl-2cols #mainColumn .content { min-height: 300px; height: auto!important; height: 300px; margin: 0 0 0 15px; padding-bottom: 40px; }
	

#footer { width: 100%; height: 445px; color: #b4b4b4; text-align: center; background: url('../images/blocks/bg_footer.png') repeat-x; margin-top: -445px; float: left; }
#footer .technologies { height: 69px; line-height: 69px; margin-bottom: 10px; overflow: hidden; }
#footer .technologies h4 { width: 180px; line-height: 69px; font-size: 17px; font-weight: normal; color: #fff; float: left; }
#footer .technologies ul { width: 790px; float: right; }
#footer .technologies ul li { padding: 0 16px; display: inline; }

#footer #cc { width: 100%; background: url('../images/blocks/bg_bottomnavi.png') 184px top repeat-y; padding: 10px 0; float: left; clear: both; }
#footer #cc .cc { width: 185px; margin-left: 10px; float: left; display: inline; }
#footer #cc .c1 { margin-left: 0; }
#footer #cc h3 { font-family: georgia, serif; font-size: 17px; font-weight: normal; color: #116b7c; }
#footer #cc h3 a { color: #116b7c; text-decoration: none; }
#footer #cc h3 a:hover { text-decoration: underline; }

#footer .bottomnavi {  }
#footer .bottomnavi li { margin-bottom: 10px; }
#footer  a { color: #b4b4b4; }
#footer .c5 .bottomnavi a { background: left top no-repeat; padding: 3px 0 5px 30px; }
#footer .c5 .sitemap a { background-image: url('../images/icons/icon_sitemap.png'); }
#footer .c5 .print a { background-image: url('../images/icons/icon_print.png'); }
#footer .c5 .twitter a { background-image: url('../images/icons/icon_twitter.png'); }
#footer .c5 .share a { background-image: url('../images/icons/icon_share.png'); background-position: left 2px; }

#footer .copyright { font-size: 10px; padding-top: 20px; }


#_atssh { display: none!important; } /* IE fix to prevent 1px horisontal scroller appearing */