/* fonts */
@font-face {
	font-family: 'NewsGothicLTMedium';
	src: url('/fonts/newsgolt-webfont.eot');
	src: local('News Gothic LT Medium'), url('/fonts/newsgolt-webfont.woff') format('woff'), url('/fonts/newsgolt-webfont.ttf') format('truetype'), url('/fonts/newsgolt-webfont.svg#webfontb9U106vO') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* defaults */
*		{ margin: 0; padding: 0;}
img		{ border: none; }
html, body	{ font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial, Verdana; font-size: 12px; line-height: 20px; color: #000; text-align: left; behavior: url(/emo/hacks/csshover3.htc); }
h1		{ font-family: "NewsGothicLTMedium", "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana; display: block; margin-bottom: 10px; font-size: 24px; line-height: 34px; font-weight: normal; color: #005291;}
h2		{ font-family: 'NewsGothicLTMedium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial, Verdana; display: block; margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #005291;}
a		{ outline:none; color: #000; text-decoration: none; }
a:hover		{ text-decoration: underline; }
#content li     { margin: 0 0 0 14px; }

/* layout */
#content                        { width: 950px; margin: 0px auto; }
#bg                             { position: relative; width: 950px; height: 360px; overflow: hidden;}
#bg img                         { position: absolute; }
#top                            { position: absolute; top: 0; left: auto; width: 866px; height: 114px; margin: 0px 42px; background: transparent url(/images/bg_top.png) no-repeat top center;}

/* index/home */
#content.index #main            { float: left; width: 518px; padding: 20px 0 0 46px;}
#content.index #image           { float: none; width: auto; margin: 0; display: none;}
#content.index #news            { width: 328px; float: right; margin: 20px 46px 0 12px; font-size: 12px; line-height: 20px;}
#content.index #news_content    { width: 306px; padding: 10px 10px 0 10px; background: #fff url('../images/bg_news_overview.png') bottom left repeat-x; border-left: 1px solid #bfd4e3; border-right: 1px solid #bfd4e3;}
#content.index #news_content a  { color: #005291; }
#content.index #news_top        { width: 328px; height: 29px; background: #fff url('../images/bg_news_head.png') no-repeat top center; }
#content.index #news_top h1 a   { display: block; padding: 8px 10px; font-size: 14px; line-height: 14px; color: #fff;}
#content.index #news_bottom     { width: 328px; height: 5px; background: #fff url('../images/bg_news_overview_bottom.png') no-repeat bottom center; }
#content.index #news .next      { color: #cc0033; margin: 0 0 0 6px; }


/* content */
#content.content #main          { float: left; width: 368px; padding: 40px 0 0 0;}
#content.content #image         { width: 328px; float: right; margin: 20px 0px 0 0; position: relative;}
#contenttxt                     { position: relative; z-index: 10; width: 866px; min-height: 514px; margin: -200px 42px 0 42px; background: transparent url(/images/bg_content.png) no-repeat top center;}


/* expertise */
#content.expertise #main        { float: left; width: 696px; padding: 40px 20px 0 0;}
#main.expertise                 { width: 696px; color: #333; font-size: 12px; line-height: 18px;}
#main.expertise a.back          { color: #cc0033;}
#main.expertise h2 a            { color: #005291; font-size: 14px; line-height: 18px;}
#main.expertise h2              { margin: 0;}
#main.expertise .image img      { float: right; margin-top: 5px;}
#main.expertise .txt            { float:left; width: 368px; }
#main.expertise .expertise_even, #main.expertise .expertise_odd, #main.expertise .ev_charging_even, #main.expertise .ev_charging_odd, #main.expertise .products_service_even, #main.expertise .products_service_odd { clear: both; float: left; height: 110px; padding: 10px 0; overflow: hidden;}
#content.expertise .image       { float: right; width: 328px; position: relative;}
#main.expertise img.overlay     { position: absolute; top: 0; right: 0; z-index: 10; }
#main.expertise .divider        { clear: both; width: 696px; height: 1px; border-top: 1px solid #ccc; border-bottom: 0;}
.expertise_next                 { float: right; }
.expertise_prev                 { float: left; }

/* news */
#content.news #main             { float: left; width: 696px; padding: 40px 20px 0 0;}
#main.news                      { width: 696px; color: #333; font-size: 12px; line-height: 18px;}
#main.news a                    { color: #cc0033;}
#main.news h2 a                 { color: #005291; font-size: 14px; line-height: 18px;}
#main.news h2                   { margin: 0;}
#main.news img                  { float: right; margin-top: 5px;}
#main.news .txt                 { float:left; width: 368px; }
#main.news .news_even, #main.news .news_odd { clear: both; float: left; height: 110px; padding: 10px 0; overflow: hidden; }
#content.news .image            { float: right; width: 328px; position: relative;}
#main.news img.overlay          { position: absolute; top: 0; right: 0; z-index: 10; }
#main.news .divider             { clear: both; width: 696px; height: 1px; border-top: 1px solid #ccc; border-bottom: 0;}
.news_next                      { float: right; }
.news_prev                      { float: left; }

/* vacatures */
#content.vacatures #main        { float: left; width: 696px; padding: 40px 20px 0 0;}
#main.vacatures                 { width: 696px; color: #333; font-size: 12px; line-height: 18px;}
#main.vacatures a               { color: #cc0033;}
#main.vacatures h2 a            { color: #005291; font-size: 14px; line-height: 18px;}
#main.vacatures h2              { margin: 0;}
#main.vacatures img             { float: right; margin-top: 5px;}
#main.vacatures .txt            { float:left; width: 368px; }
#main.vacatures .vacatures_even, #main.vacatures .vacatures_odd { clear: both; float: left; height: 110px; padding: 10px 0; overflow: hidden;}
#content.vacatures .image       { float: right; width: 328px; position: relative;}
#main.vacatures img.overlay     { position: absolute; top: 0; right: 0; z-index: 10; }
#main.vacatures .divider        { clear: both; width: 696px; height: 1px; border-top: 1px solid #ccc; border-bottom: 0;}
.vacatures_next                 { float: right; }
.vacatures_prev                 { float: left; }


/* footer */
#footer                         { clear: both; width: 889px; height: 35px; margin: 10px auto; text-align: center; padding: 45px 61px 0 0; font-size: 10px; line-height: 18px; color: #999999; background: #fff url('../images/bg_bottom.png') no-repeat bottom center; }
#footer img                     { vertical-align: middle; margin: -3px 10px 0 0; }
#footer a                       { color: #999999; }

/* misc */
#main p                         { margin: 0 0 20px 0; }
#main p a                       { text-decoration: underline; }
#main p a:hover                 { text-decoration: none; }
a.logo                          { float: left; margin: 22px 0 0 24px;}
#lang                           { width: 610px; float: right; text-align: right; margin: 12px 22px 0 0;}
#powerdev                       { font-family: 'NewsGothicLTMedium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial, Verdana; display: block; width: 610px; float: right; text-align: right; font-size: 21px; line-height: 21px; color: #990033; margin: 14px 24px 0 0;}
a.logo_bottom                   { float: left; vertical-align: middle;}
#image .overlay                 { position: absolute; top: 0; left: 0; z-index: 10; }
img.maps                        { float: right; margin: 10px 20px 0 0; }

/* menu */
#menu                           { float: right; text-align: right; margin: 6px 24px 15px 0;}
#menu ul                        { list-style-type: none; }
#menu ul li                     { font-family: 'NewsGothicLTMedium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial, Verdana; display: block; font-weight: normal; float: left; padding: 0 0 0 23px; height: 24px; font-size: 15px; line-height: 24px; }
#menu ul li a:hover             { color: #6697bd; text-decoration: none; }
#menu ul li.active a            { color: #990033; text-decoration: none; }
#menu ul li a                   { display: block; color: #005291;}

/* submenu */
#submenu                        { float: left; width: 130px; text-align: right; padding: 40px 0px 0 20px;}
#submenu ul                     { list-style-type: none; margin: 6px 0 0 0; }
#submenu ul li                  { font-family: 'NewsGothicLTMedium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, Arial, Verdana; display: block; font-weight: normal; text-align: right; padding: 0 22px 8px 0; height: 30px; font-size: 16px; line-height: 16px; }
#submenu ul li a:hover          { color: #6697bd; text-decoration: none; }
#submenu ul li.active a         { float: right; margin: 0 -10px 0 0; padding: 0 10px 0 0; background: #fff url('../images/submenu_arrow.png') no-repeat 100% 7px; text-decoration: none;}
#submenu ul li a                { display: block; color: #005291;}

