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


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


/************************************
*           Top                     * 
************************************/
#top 		     		{ position: relative; width: 998px; height: 95px; background: url(../images/bg_contentTop.png)  no-repeat; } 
#logo                   { position: absolute; top:30px; left: 32px; width:189px; }

#globalmenu           	{ position: absolute; top: 45px; left: 523px; width: 485px; }
#globalmenu ul          { list-style: none; }    
#globalmenu li			{ float: left; display: inline; background: url(../images/menuGlobal_borderStroke.jpg) right 0; }
#globalmenu li img		{ float: left; display: inline; }
#globalmenu li a		{ padding: 0 12px 0 10px;  }
#globalmenu li.last		{ background: url(../images/menuGlobal_borderStroke.jpg) repeat-x; }
#globalmenu li.linkactivelist 		{ background: url(../images/bg_globalMenuActive.jpg) no-repeat right 0; line-height: 39px;}

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

#login					{ display: none; position: absolute; top: 15px; left: 730px; width: 40px; }
#login a				{ text-decoration: underline; }
#login a:hover			{ text-decoration: none; }

#search             	{ position: absolute; top: 15px; left: 798px; width: 166px; height:19px; background: url(../images/bg_search.png) no-repeat;}
#search input			{ background-color: transparent; float:left; height:auto; margin: 3px 5px 0 21px; width:118px; color:#999; font-size:11px; border: medium none; }
#search #searchSubmit 	{ margin:0; width:22px; }


/************************************
*           Content                 * 
************************************/


/* #content                { position: relative; width: 998px; overflow: hidden; background: url(../images/bg_contentMain.png) repeat-y; } */
#content                { width: 998px; /* min-height: 450px;*/ background: url(../images/bg_contentMain.png) repeat-y; float:left; }

#splash                 { width: 998px; height: 261px; background: url(../images/bg_caseContent.png) no-repeat; padding: 15px 0 0 13px;}
#newsFront				{ background: url(../images/bg_newsFront.jpg) no-repeat; margin-left: 13px; }
#supportFront			{ background: url(../images/bg_supportFront.jpg) no-repeat; height: 177px; } /* Old height 231 px*/
#kundecenter			{ position: relative; top: 20px; left: 15px; width: 259px; height: 86px; }
#kontaktcenter			{ position: relative; top: 40px; left: 30px; width: 260px; }

#banner					{  }

#intro                  { float: left; width: 237px; margin: 19px 5px 0 8px;}

#mainContent			{ float: right; width: 751px; margin: 0 -6px 0 0; }

#boxes                  { margin: 21px 0 0 5px; overflow: auto; width: 727px; background: url(../images/bg_mainContent.jpg) no-repeat; } 

#box1_2col				{ width: 450px; float: left; padding: 0 10px 0 20px; }  
#box2_2col				{ width: 185px; float: right; margin: 58px 20px 0 0; } 

#box1_full				{ width: 697px; float: left; padding: 0 10px 0 20px; } 
#box2_full				{ display: none; }

/* #box2Top				{ width: 185px; height: 29px; background: url(../images/bg_itemsBoxTop.jpg) no-repeat; } */	
#box2Content			{ background: url(../images/bg_itemsBoxLong.jpg) no-repeat; min-height:50px; }
#box2ContentClean		{  }

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





/************************************
*           News                    * 
************************************/

#newsHeader				{ width: 727px; margin-bottom: 30px;}
#newsContent			{ width: 472px; float: right; margin-right: 10px; }
#newsFrontTop			{ margin: 15px 10px 0 20px; }
#newsFrontContent		{ margin: 30px 10px 0 20px; }
#newslist ul 			{ margin-bottom: 0; }
#newslist li			{ list-style: none !important; margin-left: 0 !important; margin-bottom:20px; }
#newslist h2			{ padding-top: 0 !important; }








/************************************
*           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; }
.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: 217px; margin: 20px 0 0 23px; }
#leftmenu li			{ height: 30px; border-bottom: 1px solid #EDEDED; }
#leftmenu li a			{ display: block; }

#kundecenterLeftMenu	{ margin-top: 30px; width: 217px; height: 75px; background: url(../images/bg_kundecenterLeftMenuDK.jpg) no-repeat; }

#bg_kontaktLeftMenu		{ margin-top: 10px; padding: 30px 0 0 10px; width: 217px; height: 75px; background: url(../images/bg_kontaktLeftMenuDK.jpg) no-repeat;}

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


/************************************
*           Boxes                   * 
************************************/
/* #boxesFrontpage         { position: relative; width: 998px; float: left; padding-top: 24px; background: url(../images/bg_contentMain.png) repeat-y;} */
#boxesFrontpage         { width: 998px; float: left; padding-top: 15px; background: url(../images/bg_contentMain.png) repeat-y;}

#boxContainer			{ background: url(../images/bg_productBoxesTop.jpg) no-repeat 5px 0; height: 70px; }
.ProductBoxGrid1		{ width: 163px; float: left; margin: 8px 0 0 8px; height: 70px; background: url(../images/bg_productBoxStroke.jpg) no-repeat right 0; }
.ProductBoxGrid2		{ width: 164px; float: left; margin: 8px 0 0 0px; height: 70px; background: url(../images/bg_productBoxStroke.jpg) no-repeat right 0; }
.ProductBoxGrid3		{ width: 164px; float: left; margin: 8px 0 0 0px; height: 70px; background: url(../images/bg_productBoxStroke.jpg) no-repeat right 0; }
.ProductBoxGrid4		{ width: 164px; float: left; margin: 8px 0 0 0px; height: 70px; background: url(../images/bg_productBoxStroke.jpg) no-repeat right 0; }
.ProductBoxGrid5		{ width: 164px; float: left; margin: 8px 0 0 0px; height: 70px; background: url(../images/bg_productBoxStroke.jpg) no-repeat right 0; }
.ProductBoxGrid6		{ width: 170px; float: left; margin: 8px 0 0 0px; height: 70px; }

#boxesFrontpage img		{ padding-left: 5px; }


/************************************
*           Contact fields          * 
************************************/
.textinput				{ border: 1px solid #CCC; height: 18px; width: 250px; }
.textarea				{ border: 1px solid #CCC; line-height: 14px; height: 80px; width: 250px; margin-top: 3px; color: #444; }



/************************************
*           Footer                  * 
************************************/
#footer                 { position: relative; width: 998px; float:left; height:75px; background: url(../images/bg_footer.png) repeat-x; }
#footerContent			{ position: absolute; top: 47px; left: 225px; width: 700px; } 
#footerContent ul       { list-style: none; }    
#footerContent li,		
#footerContent li a		{ float: left; display: inline; padding-right: 10px; font-size: 11px; color: #656565; text-decoration: none; }
#footerContent li a:hover	{ text-decoration: underline; }

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