@import url(reset.css);
@import url(typography.css);


body	               { text-align:left; background:url(../images/bg_main.jpg) #F8F8F8 repeat-x; text-align: center; }
#container             { position: relative; width: 988px; text-align:left; margin: 0 auto; padding: 0; }


/************************************
*           Top                     * 
************************************/
#top 		     		{ position: relative; width: 988px; height: 120px; } 
#logo                   { position: absolute; top:5px; left: 0; width:115px; }

#servicemenu           	{ position: absolute; top: 10px; left: 640px; width: 350px; }
#servicemenu ul         { list-style: none; }    
#servicemenu li			{ display: inline; }
#servicemenu li a		{ float: left; display: block; padding-left: 18px; }    

#topmenu           		{ position: absolute; top: 86px; left: 207px; width: 600px; }
#topmenu ul        		{ list-style: none; }    
#topmenu li				{ display: inline; }
#topmenu li a			{ float: left; display: inline; padding-right: 25px; }

#search             	{ display: none ;position: absolute; top: 84px; left: 790px; width: 182px; height:21px; background: url(../images/bg_search.jpg) no-repeat;}
#search input			{ display: none; background-color: transparent; float:left; height:auto; margin: 4px 5px 0 21px; width:124px; color:#999; font-size:11px; border: medium none; }
#search #searchSubmit 	{ display: none; margin:5px 0 0; width:25px; }


/************************************
*           Content                 * 
************************************/
#content                { position: relative; margin-top: 16px; width: 988px; min-height: 450px; overflow: hidden; background: url(../images/bg_contentTop.jpg)  no-repeat #FFF}
#boxesFrontpage         { position: relative; margin-top: 16px; width: 988px; height: 235px; background-color: #fff;}
#intro                  { float: left; width: 237px; margin: 19px 5px 0 8px;}
#introBoxes				{ display: inline; }
#flashcase              { float: left; margin-top:5px;}
#flashCases             { float: left; margin-top:0;} /*Used on Cases frontpage*/
#splashRightContent     { float: left; margin-top:20px;}
#mainContent			{ float: right; width: 727px; margin: 45px 8px; }
.mainContentSection		{ margin-top: 17px !important; } /* Til Service forside */
.mainContentCases		{ margin-top: 3px !important; } /* Til Cases forside */

#serviceContent			{ float:right; width:735px; }
#serviceSlider			{ margin: 20px 0; overflow: hidden; width:735px; }
.sContent1				{ background: url(../images/serviceBG_1.jpg) no-repeat; }
.sContent2				{ background: url(../images/serviceBG_2.jpg) no-repeat; }
.sContent3				{ background: url(../images/serviceBG_3.jpg) no-repeat; }
.sContent1_dk			{ background: url(../images/serviceBG_dk_1.jpg) no-repeat; }
.sContent2_dk			{ background: url(../images/serviceBG_dk_2.jpg) no-repeat; }
.sContent3_dk			{ background: url(../images/serviceBG_dk_3.jpg) no-repeat; }


#splash                 { display: inline; }

#box1					{ width: 482px; margin-bottom: 30px;}
#box1Wide				{ width: 727px; margin: 0 0 30px 0;}
#box2					{ width: 472px; float: right; margin-right: 10px; }

#newsHeader				{ width: 727px; margin-bottom: 30px;}
#newsContent			{ width: 472px; float: right; margin-right: 10px; }

#itemsBox				{ width: 188px; float: left; }
#itemsboxContent		{  }

#quoteBox				{ position: absolute; top: 48px; left: 753px; width: 217px; height: 265px; padding-top: 25px; z-index: 5; background: url(../images/bg_quoteBox_main_3lines.gif)  no-repeat;}

#formcontent			{ width: 400px;}

/**** Frontpage  ****/
#contentFrontpage       { position: relative; margin-top: 16px; width: 988px; height: 511px; overflow: hidden; background: url(../images/bg_frontpageBoxes.png)  no-repeat #FFF}

.boxgridFront5			{ width: 237px; float:left; margin: 8px 0 0 8px;}
.boxgridFront10			{ width: 482px; float:left; margin: 8px 0 0 8px;}

.boxCasesLeft			{ float: left; width: 237px; }
.boxCasesRight			{ float: right; width: 237px; }

.quoteBoxFront			{ background: url(../images/bg_quoteBox_front.png)  no-repeat; height: 265px; padding: 90px 5px 0; }

.splash					{ background-color: #e7e7e7; margin-top: 17px; padding:7px; }




/************************************
*           BoxGrid                * 
************************************/
.BoxGrid1				{ width: 41px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid2				{ width: 90px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid3				{ width: 139px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid4				{ width: 188px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid5				{ width: 237px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid6				{ width: 286px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid7				{ width: 335px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid8				{ width: 384px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid9				{ width: 433px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid10				{ width: 482px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid11				{ width: 531px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid12				{ width: 580px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid13				{ width: 629px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid14				{ width: 678px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid15				{ width: 727px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid16				{ width: 776px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid17				{ width: 825px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid18				{ width: 874px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid19				{ width: 923px; float: left; margin: 8px 0 0 8px; height: 265px; }
.BoxGrid20				{ width: 972px; float: left; margin: 8px 0 0 8px; height: 265px; }




/************************************
*           Leftmenu                * 
************************************/
#leftmenu				{ float:left; width: 196px; margin-top: 20px; }
#leftmenu li			{ height: 54px; border-bottom: 1px solid #B9B9B9; }
#leftmenu li a			{ display: block; }


/************************************
*           Flag                * 
************************************/
#language				{ position:absolute; top: 10px; left: 600px; width: 17px; }


/************************************
*           Boxes                   * 
************************************/

#boxes                  { position: relative; margin-top: 16px; width: 988px; height: 288px; background-color: #fff;}
#boxContainer			{ display: inline; }
.teaserBox, .quoteBoxBG	{ float: left; width: 237px; margin: 8px 0 0 8px; height: 265px; }
.quoteBoxBG				{ background: url(../images/bg_quoteBox_3lines.jpg)  no-repeat;  }
.roleBox				{ float: left; width: 188px; margin: 8px 0 0 8px; height: 265px; }
.serviceBox				{ float: left; width: 237px; margin: 0 8px 0 0; /* height:255px; */ }

#serviceContentList		{ overflow:hidden; }
#serviceContentList	ul	{ float: left; width:237px;  }

/************************************
*           Footer                  * 
************************************/
#footer                 { position: relative; margin-top: 16px; width: 988px; height:154px; background: url(../images/bg_footer.jpg) repeat-x; }
#footerBoxContainer		{ display:inline; } 
.footerBox              { float: left; width: 286px; margin: 20px 4px 0 4px;}
.firstBoxFooter			{ padding-left: 53px; }


/************************************
*           Generel                 * 
************************************/
.clear					{ clear: both; }
.seeDemo				{ width: 126px; height: 37px; background: url(../images/btn_seeDemo.jpg) no-repeat; margin-bottom: 20px; }
.inline					{ display:  inline; }

/* jQuery fading transition on the frontpage */

.fade 					{ position: relative; }
.fade div 				{ position: absolute; top: 7px; left: 7px; display: none; height: 138px; width: 223px; }