/* 

Blå:#3a3d67 
Tekstfarve mørk grå: #363636
Tekstfarve mellem grå: #5d5759
Streger lysgrå: #bfbfbf

*/
@import url('/files/system/2010/CSS/reset.css');
@import url('/files/System/2010/CSS/ecom.css');
@import url('/files/system/2010/CSS/button.css');
body, table, p{
					color:#363636;
					font-family:Arial,Helvetica;
					font-size:12px;
					font-style:normal;
					font-weight:normal;
					margin:0;
					padding:0;
					text-decoration:none;
					line-height:1.7em}

a					{color:#5d5759;}
a img				{border:none; vertical-align: top;}
body{				background-color:#FFFFFF;
					}

#centercontainer 
{
				    width:960px;
					margin:0px auto;
					text-align:left;
					padding:0px;
					height:100%;
    /*margin: 0 auto;*/
    }
#DWMain
{

				    float:left;
				    clear:both;
				    width:100%;
				    margin-top:5px;
    }

#TopHolder{			height:170px;margin-bottom:15px;position:relative;}
#LogoHolder{		top:50px;position:absolute;}
#searchform		{position:absolute;bottom:35px;right:0px;width:340px}
#searchform form{float:right}
h1, .h1{					color:#363636;
					font-family:Arial,Verdana,Helvetica;
					font-size:16px;
					font-style:normal;
					font-weight:normal;
					line-height:normal;
					margin-bottom:0;
					margin-top:0;
					text-decoration:none;}

h2, h3{				font-size:12px; font-weight: bold;padding-bottom:0px; margin-bottom:0px}
h4{					color:#363636;
					font-weight:bold;
					font-size:12px;}
					
					
#pageholder{		width:960px;margin:0px auto;}
#MiddleHolder{float:left;width:100%;}
#contactus			{position:absolute;height:45px;width:270px;right:0px;bottom:70px;}
#contactus a		{float:left;
height:55px;
overflow:hidden;
text-indent:-100px;
text-decoration:none;
width:270px;}
					
/********COLSETUP***********/
#LeftColHolder		{width:200px; float:left;clear:none}
#CenterColHolder	{width:740px;float:left;clear:none;margin-left:15px;}
#RightColHolder		{width:165px; float:right;clear:none;}
#RightColHolder .paragraphcontent img,
#RightColHolder .paragraphimageholder img{width:165px; margin-bottom:10px;}
#cartholder			{background:url(/files/System/2010/gfx/cartempty.png) no-repeat; height:64px;margin-bottom:10px;}
.leftimg			{float:left;}
/********COLSETUP***********/


/* ***********NAVIGATION************ */
#LeftMenu
{
    float: left;
    width: 186px;

    }

#LeftMenu{
	line-height: 21px;

    color: #363636;
    font-weight:normal;

}

#LeftMenu a		{ color:#363636;
					text-decoration: none;
	}

#LeftMenu a:hover, #LeftMenu #activeitem, #LeftMenu .inpath
{
		color:#bfbfbf;
		text-decoration:none;
   }

#LeftMenu ul, #LeftMenu ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: #bfbfbf dotted 1px;
}

#LeftMenu ul{border-bottom:none;}

#LeftMenu ul ul li
{
    display: block;
	padding:0px 0px 0px 15px;

    }
    
    /*Horisontal menu*/
.hmenu ul li
{
	float: left;
	clear:none;
}
.hmenu ul li a
{
	display: block;
	float: left;
}

/*Vertical menu*/
.vmenu ul li
{
	float: left;
	clear: left;
	width:100%;
}
.hmenu ul li a
{
	display: block;
	float: left;
}


#topmenu{				bottom:0;
						clear:both;
						float:left;
						height:30px;
						position:absolute;
						width:100%;
						background-color:#F2F2F2;
						background-image: url(/files/system/2010/gfx/cardtypes.png);
						background-repeat:no-repeat;
						background-position:  right top;}
#topmenu li{
height:100%;
list-style: none;
}
#topmenu ul{padding:0px; margin:0px;}
#topmenu li a{
white-space: normal;
text-decoration: none;
color:#363636;
text-align:center;
height:100%;
line-height:30px;
padding:0px 10px;
font-size:14px;
border-right:1px solid #FFF;}

#topmenu li a#activeitem, #topmenu li a.inpath,#topmenu li a:hover{
background:#5d5759;color:#FFF;
border-right:1px solid #FFF;}  
#topmenu li a.lastitem:hover, #topmenu li a#activeitem.lastitem{
background-position: left 42px;} 


/* ***********NAVIGATION************ */
/* ************TABS************** */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:10px 0 0 0;	
	border-bottom:1px solid #666;	
	height:22px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 20px;  
	line-height:20px;
	text-align:center;	
	text-decoration:none;
	padding:0px 10px;
	margin:0px 2px;	
	position:relative;
	top:1px;
	border-color: #000;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background:#ddd;
	color:#777;
	
}

ul.tabs a:active {
	outline:none;	
		border-width: 1px;	
		border-bottom-color: #fff;
		background:#e1e1e1;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
background: #fff;	


}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
		border-width: 1px;
		border-bottom-color: #fff;	
	cursor:default !important; 
	color:#000 !important;
	background:#FFF;
}

div.panes{background:url('/files/System/2010/gfx/gradient-bg.png') repeat-x bottom left;	
	border-width: 0px 1px 1px 1px;
	border-color: #000;
	border-style: solid;
	}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
	padding:10px;
}
div.pane .leftimg{float:none}

/* ************TABS************** */

/* ************BOX*************** */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.box {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url('/files/System/2010/gfx/box-bg.png') no-repeat bottom left;
	font-size: 100%;
	float:left;
	margin-bottom:10px;
}
.boxhead {
	background: url('/files/System/2010/gfx/box-bg.png') no-repeat top left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url('/files/System/2010/gfx/box-bg.png') no-repeat top right;
	margin:0 0 0 10px;
	padding:5px 10px 5px 0;
	font-size: 14px;
	font-weight: normal;

}
.boxhead.nohead h2 {
	background: url('/files/System/2010/gfx/box-bg.png') no-repeat top right;
	margin:0 0 0 10px;
	padding:0px 10px 0px 0;
	height:5px;

}
.boxbody {
	background:url("/files/System/2010/gfx/box-bg.png") no-repeat scroll right bottom transparent;
	margin:0 0 0 10px;
	padding:5px 10px 21px 0;
}

.box.orange, .box.orange .boxhead, .box.orange .boxbody, .box.orange .boxhead h2{background-image: url('/files/System/2010/gfx/box-bg-orange.png');}
.box.blue, .box.blue .boxhead, .box.blue .boxbody, .box.blue .boxhead h2{background-image: url('/files/System/2010/gfx/box-bg-blue.png');}

.box.blue *{color:white;}
/* ************BOX*************** */

/* ***************FRONTPAGE************ */
#frontleft{								width:445px;float:left;}
#frontright{							float:right;width:500px;clear:none;}
#frontright #productlist .img{			width:80px !important;height:80px; min-width:80px!important}
#frontright #productlist .desc {		float:left;
										height:auto;
										width:133px;
										padding-left:10px;}
#frontright #productlist .desc .price{	float:none;}
#frontright #productlist .button		{width:100%;text-align: center;margin-top:7px;}
#frontright #productlist li{margin:0 0 10px 0;}										
#frontbtm{					width:100%;}


#frontrotator .img					{width:210px; height:210px;border:1px solid #BFBFBF;background: #FFF;
												clear:left;
												float:left;
												margin:0;}

#frontrotator .desc						{float:left;clear:none;background: Transparent;margin-left:10px;width:200px; height:210px;position:relative;}
#frontrotator	.button					{position:absolute; bottom:0px; right:5px;}
#frontrotator					{background: #F2F2F2; height:212px;
}
#frontrotator .rotator					{display:none;}
#frontbtm	#ContentHolder				{width:30%}
#frontbtm	.boxbody					{overflow:auto; padding:5px 10px}			
#frontbtm .paragraphcontent				{float:left;clear:none;margin-left:10px;width:220px !important;}
#frontbtm .paragraphimageholder			{float:left;width:100px !important;overflow:hidden;}
/* ***************FRONTPAGE************ */

#FooterHolder							{margin:0 auto;
										padding:5px 0;
										text-align:left;
										width:960px;
										float:left;
										}
#frontleft .paragraphimageholder		{margin-bottom:10px}
#topbox{
height:100px;
left:320px;
position:absolute;
width:300px;}

/* *******FORMS************* */
.customerData input{margin-bottom:3px;}
.customerData select{float:left;width:155px;margin-bottom:3px;}

.tiles img{margin-bottom:10px;}

.pg{padding:0px 2px 10px 2px; float:left;}
#frontleft .pg{padding:0px 0px 10px 0px;}
#LeftColHolder .pg{padding:5px 0px;}
#frontbtm .pg{padding:0px 20px;}

/* MODAL */
	.modal {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		padding:10px;
		background: #FFF;
	}

	.modal div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	.modal h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}
	
/* 	MODAL */