body						{ font-family: arial; font-size: 12px; font-weight: normal; color: #333; margin: 0; padding: 0; background: #b2b3ab; }
h1							{ font-size: 20px; margin: 0 0 10px; }
h2							{ font-size:16px; margin: 0 0 10px; }
h3,							
h2.noFaktabox				{ font-size: 13px; color:#62635b; margin: 0 0 10px; }
p							{ margin: 0; padding: 5px 0; }
a							{ outline: none; cursor: pointer; color: #0085b8; background: url(../images/linkArrow.jpg) no-repeat right 5px; padding: 0 10px 0 0; }
a:hover						{ text-decoration: none; }

ul,							
li							{ margin: 0; padding: 0; list-style: none; }
img							{ border: none; }

#print						{ float: right; background: none; padding:0 ; }

table						{ float: left; clear: both; width: 100%; border-spacing: 0; border-collapse: collapse; border-right: 1px solid #CDCFC4; border-bottom: 1px solid #CDCFC4; }
.possotome table				{ float: none; }
tr							{ height: 25px; }
tr.odd						{ background: #E2E3DB; }
td							{ padding: 2px 5px; text-align: left; border-left: 1px solid #CDCFC4; border-top: 1px solid #CDCFC4; }
td.tdHeader					{ background: #00A6EB; color: #fff; }
td.textRight				{ text-align: right; }

.hr							{ width: 100%; height: 2px; margin: 15px 0; }
/* selected text color */
::selection					{ background: #00A6EB; color: #fff; } 
::-moz-selection			{ background: #00A6EB; color: #fff; /* Firefox */ } 

/***********************************
		HEADER
********************************* */
#headerWrapper				{ width: 100%; height: 85px; background: #fff; }
#header						{ width: 920px; height: 85px; margin: 0 auto; }
#header a					{ float: left; background: none; display: block; }
#header a img				{ float: none; margin: 25px 0 0 10px; }
#header img					{ float: right; margin: 40px 10px 0 0; }
/***********************************
		TOPMENU
********************************* */ 
#topmenuWrapper					{ width: 100%; background: url(../images/topmenuBG.jpg) 0 0 repeat-x; }
#topmenu 						{ position: relative; width: 910px; height: 18px; padding: 6px 30px; margin: 0 auto; overflow: hidden; }
#topmenu li 						{ float: left; display: inline; }
#topmenu li.backLava 				{ background: url(../images/slider-right.gif) no-repeat top right; width: 3px ;z-index:8; position: absolute; }
#topmenu li.backLava .leftLava 	{ background: url(../images/slider-bg.gif) 0 0 no-repeat; height: 100%; margin-right: 3px; }
#topmenu li.backLava .cornerLava 	{ background: url(../images/slider-corner.gif) no-repeat bottom right; height: 27px; width: 3px; position: absolute; bottom: 0px; right: 0px; }
#topmenu li.backLava .bottomLava 	{ background: url(../images/slider-bottom.gif) no-repeat bottom left; height: 27px; width:100%; position: absolute; bottom: 0px; left: 0px; }
#topmenu li a 					{ float: left; position: relative; display: block; text-decoration: none; padding: 2px 16px; z-index: 10; overflow: hidden; margin: auto 0; color: #c3c3c3; font-weight: bold; background: none; }
#topmenu li a:hover, 
#topmenu li a:active, 
#topmenu li a:visited 			{ background: none; border: none; display: block; }

/***********************************
		BANNER
**********************************/
#topBannerWrapper			{background: url(../images/topBannerWrapperBG.jpg) 0 0 repeat-x;height:341px;width:100%;}
#topBanner					{background: url(../images/topBannerBG.jpg) top center no-repeat;height:341px;width:100%;}
#topBannerWrapper.subpages	{background: url(../images/topBannerWrapperBGSubpages.jpg) repeat-x;height:144px;width:100%;margin:0;}
#topBanner.subpages			{background: url(../images/topBannerBGSubpages.jpg) center top no-repeat;margin:0 auto;}

/*Banner images jQuery cycle */
#topBanner .pics				{margin:0 auto; width:910px;height:330px;padding:5px;background: url(../images/bannerBG.jpg) no-repeat bottom left;overflow:hidden;position:relative;}
#topBanner .pics img			{width:910px; margin:20px 0 0 5px;}

/*Slider navigation */
#nav 						{ position: absolute; bottom: 20px; left: 10px; z-index: 50;  }
#nav a 						{ float: left; height: 14px; width: 6px; margin: 0 5px; padding: 2px 6px; color: #fff; display: block; text-decoration: none; background: url(../images/banner/slider-link.png) 0 0 no-repeat; }
#nav a.activeSlide 			{ background: url(../images/banner/slider-link-active.png) 0 0 no-repeat;  }
#nav a:focus 				{ outline: none; }


/***********************************
	LAYOUT FRONTPAGE
********************************* */
#contentWrapper				{width:100%;overflow:hidden;background:#ebece4;}
#content					{width:920px;margin:0 auto; padding:5px 0 30px 0;overflow:hidden;border-bottom:1px solid #0087bf;}
.content.frontpage			{width:990px;margin:0 auto;padding:0;border:none;}
#contentLeft				{float:left;width:620px;height:auto;margin:13px 0 0 0;}
.imageLinkWrapper			{float:left;clear:both;width:620px;}
.imageLink					{float:left;margin-right:10px;width:300px;}
a.imageLink					{background:none;}
.introText					{float:left;clear:both;width:610px;margin:10px 0;padding:0 0 20px 0;background: url(../images/hr_tile.jpg) repeat-x bottom left;}
.imageIcon					{float:left;width:78px;margin-right:10px;}
.imageIconTeaser			{float:left;width:210px;}
#contentRight				{float:left;width:300px;height:auto;}
.contentRight .imageLink		{height:110px;}
.newsBoxWrapper,				
.newsBox					{float:left;clear:both;width:280px;margin:20px 0 0 0;color:#8e8f84;}
.newsBoxWrapper				{padding:0 15px;background: url(../images/newsBoxBG.png) no-repeat top left;}
.newsBox h3					{margin-bottom:0;}
.newsBox p.date				{font-size:10px;color:#63645c;}		

/***********************************
	LAYOUT SUBPAGES
********************************* */
#contentWrapperSubpages		{width:100%;background:#ebece4 url(../images/subpageContentBGjpg.jpg) repeat-x top left;}
#floatRight 					{float:right;width:712px;margin:20px 0 0 0;} 
#mainContent				{float:left;margin:0 15px 0 0;}
#mainContent.possotome		{float:left;margin:0 15px 0 0;}
#mainContent  h2				{margin-top:25px;}
#mainContent.possotome ul	{padding:0 0 0 15px;}
#mainContent.possotome li		{list-style-type:disc;}
#floatRight.projekt #mainContent			{width:485px;}
#floatRight.projekt .faktaBoxWrapper			{width:212px;background:none;}
.faktaBoxWrapper			{float:left;width:300px;background:url(../images/newsBoxBG.png) no-repeat top left;}
.faktaBox					{float:left;width:259px;min-height:140px;padding:20px;color:#8e9083;}
#floatLeft					{float:left;width:193px;margin:20px 0 0 0;}
a.screenshotLink			{display:block;padding:5px 5px 2px 5px;border:1px solid #cdcfc4;background:none;}
a.screenshotLink:hover		{border:1px solid #0085B8;}
a.screenshotLink img			{padding:5px;background:#fff;}	

#floatLeft .ref				{ overflow: hidden; margin: 20px 0 0 0; }
#floatLeft .ref img			{ float: left; }
#floatLeft .ref img.cph		{ margin: 8px; }

.content-block				{ margin: 50px 0; }
.commentWrapper				{ float: right; width: 418px; margin-top: 10px; padding-bottom: 3px; background: url(../images/comment-bottom.png) 0 100% no-repeat; }
.commentInner				{ background: url(../images/comment-top.png) 0 0 no-repeat; }
.comment					{ padding: 10px 15px 7px 35px; line-height: 20px; font-size: 15px; color: #fff; }
.ref .author					{ float: right; }	
/***********************************
	LAYOUT without leftmenu
********************************* */
#floatLeft.auto				{width:auto;}
#floatLeft.auto #mainContent	{width:605px;}

ul#dailyLeaderInfo,
ul#contactInfo				{margin:30px 0;line-height:25px;}
/***********************************
		LEFT MENU
***********************************/	
#leftMenu					{overflow:auto;height:450px;padding:20px;background:url(../images/leftMenuBG.jpg) repeat-x top left;border:1px solid #cdcfc4;}
#leftMenu ul li				{float:left;clear:both;width:100%;padding:5px 0;}
#leftMenu a					{background:none;display:block;color:#333;text-decoration:none;}
#leftMenu a:hover,
#leftMenu a.selected			{color:#000;text-decoration:underline;}
/***********************************
		FOOTER
***********************************/
#footerWrapper				{width:100%;overflow:auto;background:#b2b3ab;border-top:5px solid #bbbcb4;}
#footer						{width:920px;margin:0 auto;color:#8e8f84;}
#footer ul					{float:left;width:650px;margin-left:10px;}
#footer ul li					{float:left;margin-right:15px;}
#footer ul li a,
p a							{background:none;}
.footerLogo					{width:154px;float:right;margin:20px 10px 0 0;}

/***********************************
	IMAGE SIZES
***********************************/
#floatLeft img				{float:right;background:none;border:none;}
.smallImage,
#floatLeft .mediumImage		{float:none;padding:5px;border:1px solid #c5bfaf;background:#fff;}
.smallImage					{width:200px;}	
	
/***********************************
	IMAGE GALLEY
***********************************/
#contentWrapperGallery			{background:#ebece4 url(../images/contentWrapperGallery.jpg) top left repeat-x;}
#contentWrapperGallery #content	{width:100%;min-height:690px;margin:0 auto;padding:0;border:none;background:url(../images/topBannerBGSubpages.jpg) top center no-repeat;}

.gallery						{padding:35px;width:908px;margin:0 auto;}
.descriptionBox					{font-size:10px;background-color:#333;color:#fff;display:none;}
.nextProject					{color:#fff;font-size:40px;}
.desc							{color:#000;font-size:14px;}
.gallery table					{width:auto;float:none;clear:none;border:none;}	
.gallery tr						{height:auto;}
.gallery td						{padding:10px;background-color:#fff;color:#CC0000;font-size:14px;border:none;}
.gallery td a						{text-decoration:none;color:#CC0000;}
.gallery td a:hover				{text-decoration:none;color:#000000;}
.imgDesc						{color:#fff;font-size:10px;}
.imgThumb						{height:40px;}

/***********************************
	google maps
***********************************/
#mapWrapper						{ width: 475px; height: 395px; margin-top: 40px; background: #fff; border: 1px solid #C5BFAF; padding: 5px; }
#map							{ width: 475px; height: 395px; }