/* ======================================
SWITCHES MOZILLA INTO BORDER-BOX MODEL (border part of total width instead of adding to width)
====================================== */
*
{
	-moz-box-sizing: border-box; 
}

/* ======================================
Text styles
====================================== */

.headline
{
	padding-bottom:6px;    
	font-weight:bold;
	font-size: 14px !important;	
	font-family:Verdana;
	color: #32659a;	
}


h1, .heading1
{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

h2, .heading2
{
	font-weight: bold;
	font-size: 14px;
}

h3, .heading3
{
	font-weight: bold;
	font-size: 15px;
}

.normal, .normal td
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #336598;
}

P
{
	margin-top: 0px;
    margin-bottom: 0px;  
}

h4, .small
{
	font-weight: normal;
	font-size: 10px;
	color: #262626;
}

h5, .xsmall
{
	font-weight: normal;
	font-size: 9px;
	color: #262626;
}



/* ======================================
Content styles
====================================== */

.shortintro 
{
	font-weight: bold;
	font-size: 11px;
	color: #336598;
	margin-bottom: 10px;
}

.mainbody 
{
    font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	color: #336598;
	margin-bottom: 10px;
}

.mainbody li
{
    
	list-style-image: url('/images/list-bullet.gif');
}

a.backlink 
{
	text-decoration: none;
	font-weight: normal;
	color: #262626;
}

DIV.newslink
{
	padding: 6px 0px 15px 0px;
}

DIV.newslink a, DIV.newslink a:visited, DIV.newslink a:active
{
	color: #262626;
}

DIV.newslink a:hover
{
	color: #262626;
	text-decoration: none;
}

TD.teaserheader
{
	height: 23px;
	border-left: solid 4px #CC3333;
	background: #336699 url('/images/teasercorner.gif') no-repeat top right;
	padding-left: 5px;
	color: #D6E0EB;
	font-size: 11px;
	font-weight: bold;
}

.teaserheaderlink
{
	text-decoration: none;
	line-height: 22px;
	cursor: hand;
	cursor: pointer;
	height: 23px;
	border-left: solid 4px #CC3333;
	background: #336699 url('/images/teaserarrow.gif') no-repeat;
	padding-left: 15px;
	color: #D6E0EB;
	font-size: 11px;
	font-weight: bold;
}

.teaserbody
{
	background-color: #ECF0F6;
	vertical-align: top;
	padding: 6px 3px 6px 3px;
	font-size: 11px;
	color: #336699;
	width:100%;
}

a.profile , a:visited.profile , a:active.profile a:hover.profile 
{
    color:#306597;
    font-size:11px;
    text-decoration:underline;
}

.profile table, td
{
    font-size:10px !important;    
}


.teaserbody a, .teaserbody a:visited, .teaserbody a:active
{
	color: #262626;
	text-decoration: underline;
}

.teaserbody a:hover
{
	color: #262626;
	text-decoration: none;
}

INPUT.inputtext, TEXTAREA
{
	border: solid 1px #336699;
	background-color: #FFFFFF;
	width: 200px;
	font-family: Arial;
}

INPUT.button
{
    font-family:Verdana,Arial;
	border: none;
	background: #336699;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

INPUT.smallbutton
{
    font-family:Verdana,Arial;
    border:none;
	border: 1px solid white;
	background: #336699;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
}

SELECT
{
	font-size: 11px;
}

/* ======================================
Main Layout
====================================== */

BODY
{
	margin: 5px 5px 5px 5px;
	background: #FFFFFF url('/images/bg.gif');
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;	
	color: #336598;
}

TABLE#tblMain 
{
	background-color: #FFFFFF;
}

TD#tdMainTopTools
{
	border-top: solid 4px #336699;
}

TD#tdMainTop
{
	background-color: #336699;
}

TD#tdMainContent
{
	color: #262626;
	font-size: 11px;
}

TD.body /* Country selector */
{
	padding: 10px;
	color: #262626;
	font-size: 11px;
}

TD#tdMainContent td
{
	font-family: Verdana, Arial;
}

TD#tdMainBottom
{
	height: 27px;
	background-color: #336699;
	border-top: solid 2px #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
}

TD#tdMainBottom, TD#tdMainBottom DIV, TD#tdMainBottom TD
{
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
}

TD#tdMainBottom a
{
	color: #FFFFFF;
}

TABLE.tblPrint, TABLE.tblPrint td
{
	/*background-color: #FFFFFF;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #000000;*/
}


/* ======================================
Sub Layout
====================================== */

TD#tdContentBreadcrumb 
{
}

TD#tdContentSubmenu
{
    position:absolute;
}

DIV#ContentMain
{	
    width:100%;
	padding: 16px 16px 16px 16px;
	font-size: 11px;
}

DIV#ContentMain TD, DIV#ContentMain P, DIV#ContentMain DIV
{
	font-size: 11px;
}

DIV#ContentMain a, DIV#ContentMain a:visited, DIV#ContentMain a:active
{
	color: #336699;
	text-decoration: underline;
}

DIV#ContentMain a:hover
{
	color: #336699;
	text-decoration: none;
}

TD#tdContentContext
{
	width: 157px;
}

#boxramme 
{
	border: solid 1px  #7695B5;
}

TD#boxtop
{
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 26px;
	width: 210px;
	font-style: normal;
	line-height: 26px;
	background-color: #336699;
	text-align: center;
}

TD#boxtop a:link, TD#boxtop a:visited, TD#boxtop a:active, TD#boxtop a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

TD#boxtop a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}


/* ======================================
Tools
====================================== */

TD#searchbox
{
	height: 22px;
	background-color: #ECF0F6;
	border-bottom: solid 1px #336699;
}

INPUT.searchtext
{
	margin: 0px 1px 0px 1px;
	height: 17px;
	width: 110px;
	font-size: 11px;
	border: solid 1px #336699;
}

INPUT#searchbutton
{
	margin: 0px 1px 0px 1px;
	height: 17px;
	border: solid 1px #336699;
	background-color: #FFFFFF;
	color: #336699;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

a.toollink, a.toollink:active, a.toollink:link, a.toollink:visited
{
}

a.toollink:hover
{
}


/* ======================================
Top menu
====================================== */

TD.topmenuoffnodivider
{
	height: 26px;
	padding: 0px 10px 0px 10px;
}

TD.topmenuoff
{
	height: 26px;
	padding: 0px 10px 0px 10px;
	background: #336699 url('/images/topmenudivider.gif') no-repeat bottom right;
}

TD.topmenuon
{
	height: 26px;
	padding: 0px 10px 0px 10px;
	background: #ECF0F6 url('/images/menucorner.gif') no-repeat top right;
}

TD.topmenuoff a, TD#topmenuoff a:visited, TD#topmenuoff a:active, TD#topmenuoff a:hover, TD.topmenuoffnodivider a, TD#topmenuoffnodivider a:visited, TD#topmenuoffnodivider a:active, TD#topmenuoffnodivider a:hover
{
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}

TD.topmenuon a, TD#topmenuon a:visited, TD#topmenuon a:active, TD#topmenuon a:hover
{
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
	white-space: nowrap;
}

DIV#topmenu2
{
	height: 26px;
	background-color: #ECF0F6;
}

SPAN#menuon
{
	font-family: Verdana;
	color: #CC3333;
	font-weight: bold;
	font-size: 12px;
}

TD.topmenu2off
{
	padding: 0px 6px 0px 10px;
}

TD.topmenu2on
{
	padding: 0px 6px 0px 10px;
}

TD.topmenu2off a, TD#topmenu2off a:visited, TD#topmenu2off a:active, TD#topmenu2off a:hover
{
	font-size: 12px;
	font-family: Arial;
	color: #336699;
	text-decoration: none;
	white-space: nowrap;
}

TD.topmenu2on a, TD#topmenu2on a:visited, TD#topmenu2on a:active, TD#topmenu2on a:hover
{
	font-size: 12px;
	font-family: Arial;
	color: #CC0000;
	text-decoration: none;
	white-space: nowrap;
}


/* ======================================
Breadcrumbs
====================================== */


/* det div der omfatter breadcrumbs */
TD.breadcrumbcontainer 
{
	height: 23px;
	padding: 5px 0px 5px 10px;
	font-size: 11px;
}

/* LINK i breadcrumbs */
a.breadcrumb, a:visited.breadcrumb, a:active.breadcrumb, a:hover.breadcrumb
{
	color: #5B5B5B;
	text-decoration: none;
}

/* LINK i breadcrumbs */
a:hover.breadcrumb
{
	color: #5B5B5B;
	text-decoration: underline;
}

/* TEXT i breadcrumbs - dvs. seperatorer... normalt det samme som ovenstående... */
span.breadcrumbtext
{
}



/* ======================================
Sub menu
====================================== */

/* det div der omfatter submenuen. Husk at sætte korrekt bredde på denne, da tabellen ellers skubber sig udaf... */
div#submenucontainer
{
	float: left;
	width: 145px;
	border-right: solid 7px #FFFFFF;
	
}

/* generel style for links i sub-menuen */
#submenucontainer a
{
	text-decoration: none;
	font-size: 12px;
}

/* pkt. på hovedmenu (valgt) */
TD.submenuon
{
	background-color: #E8E5E5;
	height: 23px;
	padding: 0px 8px 0px 8px;
	border-left: solid 3px #CF4344;
}
TD.submenuoff
{
	height: 23px;
	padding: 0px 8px 0px 8px;
	border-left: solid 3px #A0B6CF;
}
TD.submenuon a, TD.submenuon a:visited, TD.submenuon a:active, TD.submenuon a:hover
{
	color: #336699;
	font-weight: bold;
}

/* pkt. på hovedmenu (ikke valgt) */
TD.submenuoff a, TD.submenuoff a:visited, TD.submenuoff a:active, TD.submenuoff a:hover
{
	color: #336699;
	font-weight: bold;
}
TD.subsubmenuoff a, TD.subsubmenuoff a:visited, TD.subsubmenuoff a:active, TD.subsubmenuoff a:hover
{
	color: #336699;
}
TD.subsubmenuon a, TD.subsubmenuon a:visited, TD.subsubmenuon a:active, TD.subsubmenuon a:hover
{
	color: #CC0000;
}

#submenu
{ width:197px; float:left; }
#submenu ul
{ list-style:none; margin:0; padding:0; }
#submenu ul ul
{ margin-left:10px; }
#submenu a
{ display:block; /*height:20px;*/margin:0 0 5px 0; }
#submenu a.submenuon 
{ color:#ef3e42; }
#submenu a.submenuoff 
{ color:#369; }

/* ======================================
Context
====================================== */


/* det div der omfatter context. Husk at sætte korrekt bredde på denne, da tabellen ellers skubber sig udaf... */
div#contextcontainer 
{
	width: 198px;
	margin: 0px 0px 0px 7px;
	font-size: 10px;
	color: #262626;
}

/* generel style for links i sub-menuen */
#contextcontainer a, #contextcontainer a:visited, #contextcontainer a:active
{
	color: #262626;
	text-decoration: underline;
	font-weight: normal;
}

#contextcontainer a:hover
{
	color: #262626;
	text-decoration: none;
}

.contextheadline
{
	background-color: #ECF0F6;
	padding: 4px 12px 4px 12px;
	border-bottom: solid 2px #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}

.contextimage
{
	width: 100%;
	text-align: center;
}

.contextbody
{
	width: 100%;
	background-color: #ECF0F6;
	padding: 12px 12px 12px 12px;
	font-size: 10px;
	border-bottom: solid 7px #FFFFFF;
	color: #336699;
}

.contextlink
{
	padding-top: 4px;
	color: #336699;
}


/* ======================================
Language
====================================== */


a.languagelink
{
}

a.languagelinkselected
{
}


/* ======================================
Sitemap
====================================== */


#sitemapcontainer 
{
	padding: 5px 30px 30px 30px;
}

#sitemapcontainer a
{
	text-decoration: none;
	font-weight: normal;
	color: #262626;
}

span.sitemapfolder 
{
	color: #262626;
}


/* ======================================
List elements
====================================== */


div.listelementcontainer 
{
	padding-bottom: 20px;
}

div.listelementtopcontainer 
{
	border-bottom: 1px solid #949494;
}

span.listdate 
{
	font-weight: bold;
	color: #262626;
}

a.listheader, a:visited.listheader, a:active.listheader, a:hover.listheader
{
	color: #262626;
	font-weight: bold;
	text-decoration: none;
}

span.listheader 
{
	color: #262626;
	font-weight: bold;
	text-decoration: none;
}

div.listbody 
{
	color: #262626;
	margin: 5px 0px 5px 0px;
}

div.listreadmorelinkbox
{
	margin: 0px 0px 0px 0px;
}

a.listreadmorelink 
{
	color: #000000;
	text-decoration: underline;
}


/*
Lister med billeder, er opbygget med tabeller. Derfor disse styles:
*/

.listcell_headline 
{
	padding-top: 5px;
	border-bottom: 1px solid #949494;
}

td.listcell_image
{
	padding: 10px 5px 0px 0px;
}

.listcell_body
{
	color: #949494;
	padding: 10px 0px 0px 5px;
}

td.listcell_readmore
{
	text-align:right;
}

TD.listcell_download
{
	padding: 5px 0px 0px 10px;
}

/* ======================================
List character navigation
====================================== */

div.listcharactercontainer
{
	border-top: 1px solid #949494;
	border-bottom: 1px solid #949494;
	margin: 15px 0px 15px 0px;
	width: 100%;
	text-align: center;
}


a.listcharacterlink
{
	color: #949494;
	font-weight: normal;
	text-decoration: none;
}


a.listcharacterlinkselected
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

div.listcharactergroupheader 
{
	text-align:center;
	width: 20px;
	height: 20px;
	margin: 30px 10px 10px 10px;
	background-color: #949494;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
}


/* ======================================
List paging
====================================== */


table.listpagingtable 
{
	width: 100%;
	border-top: 1px solid #949494;
	border-bottom: 1px solid #949494;
	margin: 15px 0px 15px 0px;
}


td.listpagingcell_previous 
{
}


td.listpagingcell_center
{
	width: 100%;
	text-align: center;
}


td.listpagingcell_next
{
}


a.listpaginglink
{
	color: #949494;
	font-weight: normal;
	text-decoration: none;
}


a.listpaginglinkselected
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}


a.listpagingdirectionlink
{
	color: #949494;
	font-weight: bold;
	text-decoration: none;
}


span.listpagingdirectionnolink
{
	color: #E7E7E7;
	font-weight: bold;
	text-decoration: none;
}

.textbox
{
    width:250px; 
    color:#336799;   
}

.textbox_small
{
    width:200px;    
    font-size:10px ;
    color:#336799;
}

.textbox_micro
{
    height:18px;
    width:60px;
    font-size:9px;
    color:#336799;
}

.highlight 
{
    background-color: lemonchiffon;
}

.blueruler 
{
    height: 0; 
    border: 0; 
    border-top: 1px solid #336799;    
}

.redruler
{
    height: 0; 
    border: 0; 
    border-top: 1px solid #cc3433;    
}

.sparepartheader
{
    font-family: Verdana, Arial;
    font-size:18px ;
    font-weight:bold;
    color:#336799;    
}

.SparepartProgress {
    display: inline;
    position: absolute;        
    font-size: 0pt;
    width:540px;
}
.progressContainer 
{
    display:block;
    text-align:center;
}
.progressHtml
{
    border: solid 3px #336799;
    padding:70px 0px 70px 0px;      
    background-color: White; 
}
.progressImage 
{    
    /*filter1: alpha(Opacity=40);*/
}


.cartcontainer
{
    width:100%;
    background-color:#e4e7ee;   
    border: 1px solid #336799;    
}

.cartheadline
{
    border-bottom: 1px solid #336799;        
    padding: 5px 5px 5px 5px;
    text-align:center;
}

.cartbody
{
    padding: 5px 5px 5px 5px;    
}

.cartbody li
{
    list-style-image: url('/images/list-bullet_transparent.gif');    
    list-style-position:outside;         
    margin-left: -25px;
}

.cartbody ul
{    
    margin-top:0px;
    margin-bottom:0px;
    padding-top: 0px ;
    padding-bottom: 0px;
}

.cartfooter
{
    
}

.checkoutmain
{
    width:100%;
    border-top:1px solid #336799;
    background-color: #edf0f7;
    padding:6px 6px 6px 6px;      
    margin-top:7px;
}

.partnernettopnews
{
    font-size:10px !important;
    color:#336799;
    font-weight:bold;
    text-align:right;
    padding:3px 3px 3px 3px;
    background-color:#e4e7ee;
    width:100%;   
}

.partnernetnews
{
    font-size:10px !important;
    color:white;
    font-weight:bold;
    text-align:right;
    padding:3px 3px 3px 3px;
    background-color:#336799;
    width:100%;   
}

.states
{
    background-image:url(/images/background.jpg);
    background-repeat:repeat-x;
    width:100%;
    text-align:center;
    height:86px;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
    border:solid 1px #336799    
}

.bluebutton_left
{
    background-image: url('/images/button_left.gif');
    background-repeat: no-repeat; 
    background-position: left top;
    width:5px    
}

.bluebutton_right
{
    background-image: url('/images/button_right.gif');
    background-repeat: no-repeat; 
    background-position: left top;
    width:5px        
}

.bluebutton
{
    background-image: url('/images/button_bg.gif');
    background-repeat:repeat-x;        
}

.partslist_headline
{
    padding-left:10px;
    font-weight:bold;
    padding-bottom:5px;    
}

.grid
{
    font-size:10px;
    font-weight:normal;
    border: solid 1px white !important;
    border-collapse:collapse;
}

.grid th
{
    font-weight:normal; 
    border-bottom:solid 1px #336799;   
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-right: solid 1px white;
}

.grid td
{
    border: solid 1px white;
}

.grid_firstcell
{
    padding-left:10px;    
}

.center{     
    width: 760px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -380px; 
}

.panel_content
{
    z-index: 100;
    background-color: transparent;        
}

.panel_highlight
{
   background-color: white;
    z-index: 150; 
}