
/* from hesehus */
img				  {border:none}
td				  {font:11px verdana,arial,sans-serif; color:#000000;}
small			  {text-transform:uppercase; font-size:10px;}
input			  {}
input.text	{font-family:verdana,arial,sans-serif;	font-size:11px; color:#000000; border-width:1px; border-style:solid; border-color:#000000; background-color:#FFFFFF; padding-left:3px; padding-right:3px;}

input.max, select.max, textarea.max   {width:250px;}
input.med, select.med, textarea.med  {width:170px;}
input.min, select.min, textarea.min  {width:70px;}
.materials {}
.materials .CheckBox { padding:2px 0px 2px 0px; }



.label      {float:left;width:150px;}
.inputContainer { float:left; width:375px; padding-bottom:3px; }
.inputContainer input { margin-right:10px; }
.inputContainer textarea { height:100px; }

input.newsletter{width:125px;}
input.search	{width:170px;}
input.button	{font-family:verdana,arial,sans-serif;	font-size:11px; color:#000000; border-width:1px; border-style:solid; border-color:#17508C; background-color:#FFFFFF;}
select 			{font-family:verdana,arial,sans-serif; font-size:11px; color:#000000; border-width:1px; border-style:solid; border-color:#17508C; background-color:#FFFFFF;}
textarea 		{font-family:verdana,arial,sans-serif;	font-size:11px; color:#000000; border-width:1px; border-style:solid; border-color:#17508C; background-color:#FFFFFF;}
ol				{margin-left:0px; margin-top:0px; padding:0px;}
ul				{margin:0px; margin-top:0px; margin-left:-4px; padding:0px; line-height:13px; list-style-image:url("images/graybox.jpg");}
li				{margin-left:22px; margin-top:10px; padding:0px;}
a				{text-decoration:none; color:#0E64A7;}
a:hover			{text-decoration:underline; color:#0E64A7;}
a.menu			{text-decoration:none; color:#FFFFFF; margin-right:15px; margin-left:15px; }
a.menu:hover	{text-decoration:none; color:#CCCCCC; margin-right:15px; margin-left:15px;}
a.language		{text-decoration:none; color:#FFFFFF;}
a.language:hover{text-decoration:none; color:#FFCEB8;}
a.form			{text-decoration:none; color:#000000; font-weight:bold;}
a.form:hover	{text-decoration:none; color:#D71910; font-weight:bold;}
a.extra			{text-decoration:none; color:#000000;}
a.extra:hover	{text-decoration:none; color:#D71910;}

/* Misc */
.PrintIcon {position:relative; left:540px; top:10px; z-index:1;	border-collapse:collapse; float:left;}

/* General contact */

.ContactGeneral1 {	
	width:190px;
	margin-right:20px;
	position:relative;
	float:left;
}
	
.ContactGeneral2 {	
	width:317px;
	position:relative;
	float:left;
}


/* Rendering Internet.ContactInternational.xslt */

td.international1	{padding-left:20px; padding-right:0px; padding-top:15px; padding-bottom:15px; vertical-align:top;}
td.international2	{padding-left:15px; padding-right:0px; padding-top:15px; padding-bottom:15px; vertical-align:top;}
td.international3	{padding-left:15px; padding-right:0px; padding-top:15px; padding-bottom:15px; vertical-align:top;}
td.international4	{padding-left:15px; padding-right:20px; padding-top:15px; padding-bottom:15px; vertical-align:bottom; text-align:right;}
.Flag {	
	border:none;
	position:relative;
	}


.errortext {color:Red;}

/* Element IDs */

html, body, #SOCO {
  min-height: 100%;
  width: 100%;
  height: 100%;
}

html>body, html>body #SOCO {
  height:auto;
}

body  {
	background-color:#FFFFFF;
	text-align:left;	
	height:100%;
	margin:0px;
	padding:0px;
	/*line-height:14px;*/
	color:#000000;
	font-size:11px;
	font-family:verdana,arial,sans-serif; 
	}
		
#SOCO {	
	background-image:url("images/MainBg.gif");
	background-repeat:repeat-y;
	width:768px;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-384px;
	text-align:left;
	}

#MainContainer {	
	position:relative;
	width:768px;
	padding-bottom:15px; /* the same height as the footer */
	height:auto;
	margin-right:auto;
	margin-left:auto;
	}
	
#HeaderContainer {	
	background-image:url("images/TopFigur.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:#FFFFFF;
	height:140px;
	position:relative;
	}
	
#MenuContainer {	
	background-image:url("images/MenuBg.gif");
	background-repeat:repeat-y;
	background-color:#555555;
	color:#FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	height:20px;
	position:relative;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
  z-index:19;
}
	
#ContentContainer {	
	width:568px;
	position:relative;
	float:left;
	}	
	
#SpotContainer {	
	top:0px;
	right:0px;
	width:200px;
	position:relative;
	float:left;
	}
	
#BottomContainer {	
	background-image:url("images/MenuBg.gif");
	background-repeat:repeat-y;
	height:5px;
	width:768px;	
	bottom:0px;
	margin-top:5px;
	left:0px;
	position:absolute;
	clear:both;
	}	
	
#Copyright {	
	bottom:10px;
	right:15px;
	width:170px;
	text-align:center;
	color:#AAAAAA;
	position:absolute;
	}
	
#Logo {	
	top:0px;
	left:0px;
	position:absolute;
	}
	
#Menu {	
	/* top:2px; !!! CHANGED !!! */
	left:0px;
	font-weight:bold;
	position:absolute;
	}
	
#Language {	
	top:2px;
	right:15px;
	font-weight:bold;
	position:absolute;
	}
	

/* Element Classes */

.FloatBreaker {
	overflow:hidden;
	height:1px;
	clear:both;
	}
	
.TopContent {	
	background-color:#F5F8FA;
	height:190px;
	position:relative;
	}
	
.BottomContent {	
	background-image:url("images/DottedGreyH.gif");
	background-repeat:repeat-x;
	padding:20px;
	position:relative;
	}
	
.SubscribeSpot {	
	border-top:solid 5px #D71910;
	background-color:#E6E6E6;
	padding:15px;
	padding-bottom:20px;
	height:190px;
	position:relative;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
	}
	
.QuickListSpot {	
	background-image:url("images/DottedRedH.gif");
	background-repeat:repeat-x;
	background-color:#F2F2F2;
	padding:15px;
	padding-bottom:20px;
	position:relative;
	}
	
.QuickListSpot ul	{width:170px;	overflow:hidden; margin:0px; margin-top:0px; margin-left:-4px; padding:0px; line-height:13px; list-style-image:url("images/arrow.gif");}
.QuickListSpot li	{margin-left:22px; margin-top:10px; padding:0px;}
	
	
.SearchSpot {	
	background-image:url("images/DottedRedH.gif");
	background-repeat:repeat-x;
	padding:15px;
	padding-bottom:20px;
	position:relative;
	}

.SearchSpot ul	{margin:0px; margin-top:0px; margin-left:-4px; padding:0px; line-height:13px; list-style-image:url("images/arrow.gif");}
.SearchSpot li	{margin-left:22px; margin-top:10px; padding:0px;}
	
.SendForm {	
	background-image:url("images/Arrow.gif");
	background-repeat:no-repeat;
	background-position:right center;
	margin-top:5px;
	padding-right:10px;
	text-align:right;
	position:relative;
	font-weight:bold;
	}
	
.SendForm a { color:Black; }
.SendForm a:hover { color:Black; }

.ImageBorder {	
	border:solid 5px #D5DFE7;
	display:block;
	position:relative;
	}
	
.ImageFloat {	
	margin-top:3px;
	margin-bottom:5px;
	margin-left:15px;
	position:relative;
	float:right;
	}
	
.ImageTopContent {	
	width:210px;
	position:relative;
	float:left;
	}
	
.TextTopContent {	
	width:358px;
	padding:10px 20px 20px 20px;
	position:relative;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
  height:190px;
  overflow:hidden;
	}
	
.FrontNews {	
	width:190px;
	margin-right:20px;
	position:relative;
	float:left;
	}
	
.FrontNews img {	
	border:solid 5px #D5DFE7;
	margin-top:3px;
	margin-bottom:10px;
	position:relative;
	}
	
.AlignRight {	
	display:block;
	text-align:right;
	position:relative;
	}
	
.FrontFocus {	
	width:318px;
	position:relative;
	float:left;
	}
	
.FrontFocusMenu
{
  float:left;
  width:308px;
  padding-right:10px;
}
	
	
/*  \*/
* html .HolyHack {
	height: 1%;
}
/*  */

#Breadcrumb {	
	background-color:#D5DFE7;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	}

.abstract {	
	background-image:url("images/MainBg.gif");
	background-repeat:repeat-y;
	background-color:#F5F8FA;
	margin:0px 0px 0px 0px;
	}
	
.abstract img {	
	border:solid 5px #D5DFE7;
	margin-right:10px;
	}
	
	.FloatBreakerLine {
	background-image:url("images/DottedGreyH.gif");
	background-repeat:repeat-x;
	overflow:hidden;
	height:2px;
	clear:both;
	}

	.FloatBreakerLine2 {
	background-image:url("images/LineGreyH.gif");
	background-repeat:repeat-x;
	overflow:hidden;
	height:2px;
	clear:both;
	}


/* ----------------------------------------------------------------------------------- */
/* Product page                                                                        */
/* ----------------------------------------------------------------------------------- */

.ProductTop {	              /* Blue area at the top, Looks like an abstract */
	background-image:url("images/MainBg.gif");
	background-repeat:repeat-y;
	background-color:#F5F8FA;
	margin:0px 0px 0px 0px;
	position:relative;
	}
	
.ProductSpacer
{
  width:90%;
  height:5px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

.Product1 {	                /* left column inside producttop */
	width:225px;
	margin-right:20px;
	position:relative;
	float:left;
	}

.Product2 {	                /* right column inside producttop */
	width:282px;
	position:relative;
	float:left;
	}

.ImageText {	              /* image inside producttop */
	background-color:#D5DFE7;
	border:solid 5px #D5DFE7;
	border-top:0px;
	position:relative;
	}

.ArrowBigFloat {	          /* Arrow for "build your own..."  inside producttop */
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	position:relative;
	float:left;
	}

.ArrowCustomerApplication {	          /* Arrow for "customer application"  inside producttop */
	margin-top:0px;
	margin-bottom:0px;
	margin-right:10px;
	position:relative;
	float:left;
	}
	
/* Links on tabs when the tab is not selected */
a.tablink		    	 {text-decoration:none; color:#000000; font-size:13px; font-weight:bold; }
a.tablink:hover		 {text-decoration:none; color:#0E64A7; font-size:13px; font-weight:bold;}
/* Links on tabs when the tab is selected (tab seemes to be non-clickable) */
a.seltablink			 {cursor:default; text-decoration:none; color:#000000; font-size:13px; font-weight:bold; }
a.seltablink:hover {cursor:default; text-decoration:none; color:#000000; font-size:13px; font-weight:bold;}

.Tab {	
	background-color:#D5DFE7;   /* Tab not selected */
	border:solid 1px #D5DFE7;
	border-bottom:0px;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	display:inline;
	font:bold 13px verdana;
	position:relative;
	float:left;
	}
	
.TabSelected {	             /* Tab selected */
	background-color:#FFFFFF;
	border:solid 1px #BDBDBD;
	border-bottom:0px;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	display:inline;
	font:bold 13px verdana;
	position:relative;
	float:left;
	}

/* Product page tab contents and popup windows lists */
td.product		 {padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px;}
td.spec1			 {width:140px; vertical-align:top;}
td.spec2			 {width:428px; vertical-align:top;}
td.spec3			 {width:140px; padding-left:30px; vertical-align:top;}
td.spec4			 {width:428px; vertical-align:top; text-align:left;}
td.spec5			 {width:568px; vertical-align:top; }
td.spec6	 		 {padding:5px 0px 5px -5px;}
td.notes		 	 {color:#999999; text-align:right; vertical-align:top;}
td.prodheader  {font-weight:bold; padding-top:6px;}
tr.print1 td   {border-top:dotted 1px black;}
tr.print2 td   {border-top:solid 1px black;}
tr.printHeader {border-top:solid 1px black; page-break-before:always;}
td.aligntop    {vertical-align:top}
td.Left			   {text-align:left;}
td.Right			 {text-align:right; padding-right:4px}
td.price       {padding-right:12px;}

/* Product page DescriptionExtra bullet list */
.productUL		{margin:0px; margin-top:0px; margin-left:-4px; padding:0px; line-height:13px; list-style-image:url("images/graybox.jpg");}
.productLI		{margin-left:22px; margin-top:6px; padding:0px;}

/* Image displayed in top blue area */
.productImage 
{
  width:225px; 
  height:175px; 
  text-align:center; 
  background-color:White;
	border:solid 5px #D5DFE7;
}

/* Thumbnail of image shown in accessories and related products */
.ProductThumb
{
  width:50px; 
  text-align:center; 
  background-color:White;
	border:none;
	float:left;
	padding:5px 0px 5px 0px;
}

.productTabItemNumbers
{
  width:568px;
  overflow-x:auto;
  overflow-y:none;
  height:auto;
  /* scrollbar-highlight-color:#D5DFE7;
  scrollbar-3dlight-color:#D5DFE7;
  scrollbar-face-color:#D5DFE7;
  scrollbar-track-color:white;
  scrollbar-arrow-color:White;
  scrollbar-shadow-color:#D5DFE7;
  scrollbar-darkshadow-color:#D5DFE7; */
}



/* ----------------------------------------------------------------------------------- */
/*                                                                         End product */	
/* ----------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */
/* Product group page                                                                  */
/* ----------------------------------------------------------------------------------- */
.ProductGroupTopImage
{
  width:215px; 
  height:175px; 
  text-align:center; 
  background-color:White;
	border:solid 5px #D5DFE7;
	padding:0px;
	margin:0px;
}

.ProductGroupTopImage img
{
  border-style:none;
  border-width:0px;
  padding:0px;
  margin:0px;
}

.ProductGroup
{
  width:170px;
  padding-right:5px; 
  height:185px; 
  position:relative; 
  float:left; 
  overflow:hidden;
}

.ProductGroupImage
{
  width:150px; 
  height:120px; 
  text-align:center; 
  background-color:White;
	border:solid 5px #D5DFE7;
}

.ProductGroupClear
{
  clear:both;
}

.ProductGroupText
{
  padding:0px 0px 8px 0px;
}


/* ----------------------------------------------------------------------------------- */
/*                                                                   end Product group */
/* ----------------------------------------------------------------------------------- */
.PopupWindow
{
 background-color:#F5F8FA;
}

.PopupImage
{
	border:solid 20px #D5DFE7;
  background-color:white;
  text-align:center; 
}

.PopupCustomerApplication /* used for application and customerapplication xslt's */
{
  border:solid 20px #D5DFE7;
  background-color:white;
  text-align:center; 
  height:340px;
}

.PopupFeatures
{
  border-top:solid 20px #D5DFE7;
  border-left:solid 20px #D5DFE7;
  border-right:solid 20px #D5DFE7;
  background-color:white;
  text-align:center; 
}

.PopupPanel
{
  background-color:#D5DFE7; 
  padding:3px 0px 0px 0px;
  height:20px;
  text-align:center;
  font-weight:bold;
}

.PopupText
{
  padding:20px;
  height:104px;
  overflow-y:scroll;
}

.PopupTurnToolText
{
  background-color:#D5DFE7; 
  text-align:center;
  padding:0px;
  height :100%;
}


/* Neutrale links til crosslinking på home noden - skal sættes via et span class tag omkring den relevante tekstblok */

.Neutral a {text-decoration: none}
.Neutral a:visited {text-decoration: none}
.Neutral a:active {text-decoration: none}
.Neutral a:hover {text-decoration: underline; color: red;}

