/*@@@@@@
   Style information when printing. This section contains all attributes to create
   a print-friendly infomation.
@@@@@@@*/
@media print {
    /*@@@@@@
      	Hides the content header
    @@@@@@@*/
	#ContentHeader {
	    display:none;
	}

    /*@@@@@@
      	Hides the content footer
    @@@@@@@*/
	#ContentFooter {
		display:none;
	}

    /*@@@@@@
      	Hides the left content panel (menu)
    @@@@@@@*/
	#ContentLeft {
	    display:none;
	}

    /*@@@@@@
      	Hides the search toolbar
    @@@@@@@*/
    #search {
   	 	display:none;
	}

    /*@@@@@@
      	Hides the article toolbar
    @@@@@@@*/
	Div.ArticleToolbar {
		display:none;
	}

	#PageTitle {
		display:none;
	}
}


/*@@@@@@
   Style information for all media's
@@@@@@@*/
@media all {
#wrapper {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	}

#content {
    padding: 0px 200px 100px 0px;
	}

#menu {
	float:left;
	width:200px;
	padding-bottom:100px;
}

#footer
{
	clear:both;
	position:absolute;
	left:0;
	bottom:0px;
}

#ContentHeader {
    padding-left:10px;
    padding-right:10px;
    padding-top:5px ;
    padding-bottom:5px ;
    height:15px;
    background:#0a0d13;
}



	FIELDSET {
		border-style:none;
	}


      P.Seperator {
      		clear:both;
      }


	  .Winkelmand{
    	  	border-style:solid;
      		border-width:2px;
	      	border-color:FFCC66;
	      	width:100%;
	      	margin-bottom:20px;

            position:relative;
            top:0;
            left:0;
  		    background:URL('images/overlay.png');
 			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/overlay2.png', sizingMethod='scale');
      }

      .product_table {
    	  	border-style:solid;
      		border-width:2px;
	      	border-color:FFCC66;
	      	width:100%;
            position:relative;
            top:0;
            left:0;
  		    background:URL('images/overlay.png');
 			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/overlay2.png', sizingMethod='scale');
        }


        .progress_green {
             width:20%;
             height:10px;
             background:URL(images/progress_bar_green.gif);
        }

        .progress_gray {
             width:20%;
             height:10px;
             background:URL(images/progress_bar_gray.gif);
        }

        #progressTable {
             width:100%;
             padding:3px;
             height:20px;
             margin:0px;
             margin-bottom:30px;
			empty-cells: show;
        }



        .picture_border {
             border:#404040 0px none;
             margin-top:0px;
             margin-bottom:40px;
             background: URL('images/bg_cats.png') no-repeat;
             width:178px;
             height:178px;
             padding:11px;
             text-align:center;
        }

        .picture {
             width:178px;
             height:178px;
             border:0px none;
	      	 background:URL(images/carbon.jpg) no-repeat;
        }

        .banner_border {
             border:#404040 0px none;
             margin-top:0px;
             margin-bottom:40px;
             background: URL('images/bg_banners.png') no-repeat;
             width:234px;
             height:60px;
             padding:11px;
             text-align:center;
        }

        .banner {
             width:234pxpx;
             height:60px;
             border:0px none;
        }

		BODY, HTML {
             margin:0px;
             padding:0px;
             height:100%;
             overflow:hidden;
    	}

	    * {
            font-family:verdana;
            font-size:11px;
	    }

  	    IMG {
  	  		border-style:none;
	  	}






        .layout_bottom {
             background: URL('images/bottom-border.jpg') bottom left repeat-x;
             padding:0px;
             margin:0px;
             height:115px;
        }




 	      /*@@@@@@
 	      	Form styles
 	      @@@@@@@*/
		dt { float: left; }
		dd { margin-left: 22em; margin-bottom:5px;}

		dt label {
			font-weight: bold;
			text-align: left;
		}

		legend {
			font-size:16px;
			color:666666;
			font-weight:bold;
		}

		dl {
			padding:5px;
		}

		dd label {
			white-space: nowrap;
			color: #333;
		}

		dd input, dd textarea {
			margin-right: 3px;
			width:100%;
		}

		dd select {
			width: auto;
		}

		dd textarea {
			width: 85%;
		}

 	    /*@@@@@@
 	      	Named Form styles
 	    @@@@@@@*/
		#loginForm dd { margin-left: 16em;  }
		fieldset#registerForm { width:600px; }
		fieldset#accountForm { width:600px; }
		fieldset#searchForm  { width:600px; }

 	      /*@@@@@@
 	      	Manipulates the background content
 	      @@@@@@@*/
		.backgroundDiv {
        	 background-position:0px 15px;
        	 background-repeat:no-repeat;
         	 background-color:white;
        	 background-image:URL('images/body1.png');
        	 width:100%;
        	 height:100%;
        	 /*  text-align: center; - Aligns all content to the centre  */
		 }

 	      /*@@@@@@
 	      	Manipulates link colors in the preview screen
 	      @@@@@@@*/
		  #overlay A:link, #overlay A:hover, #overlay A:active, #overlay A:visited {
		  		color:white;
	 	  	    text-decoration:none;
	      }

	      /*@@@@@@
 	      	Manipulates link in the header e.g. MyAccount, Create account.
 	      @@@@@@@*/
		  #ContentHeader, #ContentHeader A:hover, #ContentHeader A:visited, #ContentHeader A:link, #ContentHeader A:active  	{
		  	  color:white;
		  	  text-decoration:none;
		  }

	      /*@@@@@@
 	      		Manipulates the left and right panal (with the grass)
 	      @@@@@@@*/
        .layout_bottom .Pleft, .layout_bottom .Pright {
             width:342px;
             height:100px;
  		}

	    /*@@@@@@
 	    	Manipulates the right layout panel (with the grass)
 	    @@@@@@@*/
        .layout_bottom .Pright {
             background:URL(images/grass2.png) bottom right no-repeat;
        }

        /*@@@@@@
 	    	Manipulates the left layout panel (with the grass)
 	    @@@@@@@*/
        .layout_bottom .Pleft {
             background:URL(images/grass.png) bottom left no-repeat;
        }

	    /*@@@@@@
 	      	Manipulates the links
 	    @@@@@@@*/
        .layout_bottom .Plink {
			 padding: 20px;
             padding-bottom:30px;
        }

	    /*@@@@@@
 	      	Search box
 	    @@@@@@@*/
        #search {
            width:240px;
            float:right;
        }

        #search span {
        	margin:0 10 0 10px;
        }

        #search input {
        	margin:2 0 2 0px;
        }

	    /*@@@@@@
 	      	Uncomment this to - modify the seach links
 	    @@@@@@@*/
        /*.BodyContent {
			text-align:left;
			padding: 0;
        	width:1024px;
        	background:blue;
			margin-left: auto;
			margin-right: auto;
			display:block;
        }*/

	    /*@@@@@@
 	     	Modifies the link colour of
 	    @@@@@@@*/
        #PanelCategorie A {
        	color:black;
        }

	    /*@@@@@@
 	     	Uncomment this to - modify the seach links
 	    @@@@@@@
        #search A:link, #search A:visited, #search A:hover, #search A:active {
			color:black;
        }*/

	    /*@@@@@@
 	     	Uncomment this to - modify the colours of the link inside the picture frames
 	    @@@@@@@
        .picture_border A:link, .picture_border A:visited, .picture_border A:active, .picture_border A:hover  {
        	color:black;
 	  	    text-decoration:none;
        }*/

	    /*@@@@@@
 	     	Uncomment this to - modify the colours of the link inside the footer
 	    @@@@@@@
        .Plink  A:link, .Plink  A:visited, .Plink  A:active, .Plink  A:hover {
        	color:red;
        }*/

		#showcase A:link, #showcase A:visited, #showcase A:hover, #showcase A:active, #showcase A {
			color:white;
 	  	    text-decoration:underline;
	    }

	    .showcaseHeader{
			background-color: #f9f9f9;
			padding:0px;
			padding-top:3px;
			padding-bottom:3px;
	 	}


		 .layout_bottom A{
        	 color:#ADADAD;
		  }

		  .layout_bottom A:hover{
             color:#08D;
		  }

         /*---------------------------------------------------------------------
         	Footer Styles
         --------------------------------------------------------------------*/


		Div.TableOfContents{
			border: 1px solid #aaa;
			background-color: #f9f9f9;
			padding: 5px;
			font-size: 95%;
			width:260px;
			margin:0px 3px 3px 3px;

			float:right;
			z-index:100;
			position:relative;

		}

		UL.TableOfContents {
			list-style-type: none;
			list-style-image: none;
			margin-left: 0;
			padding-left: 0px;
			text-align: left;
	 	}

		UL.TableOfContents UL {
			margin: 0 0 0 -2em;
			padding: 0 0 0 30px;
			list-style-type: none;
			list-style-image: none;
	 	}

	 	DIV.Sidebar {
 			padding-left:14px;
		}

		DIV.Sidebar P {
			margin:0px;
			padding:0px;
		}

		DIV.Sidebar h1{
			margin:10px 0 0 0;
			padding:0px;
		}



		Div.ArticleToolbar, Form.Toolbar
		{
			border: 1px solid #aaa;
			background-color: #f9f9f9;
			padding: 5px;
			font-size: 95%;
			margin: 0px 3px 10px 3px;
			height:15px;
	 	}

	 	Div.ArticleToolbar A {
			margin-right:10px;
		}

	 	Div.ArticleToolbar A.Share {
			margin-right:0px;
		}

		Span.ArticleToolbar
		{
			float: left;
		}

		Span.ShareArticle {
			float: right;
		}



		H1, H2, H3 {
      		font-weight:bold;
      		margin-top:20px;
		}

		TD.BodyContent H1 {
      		font-size:18px;
		}

		TD.BodyContent H2 {
      		font-size:16px;
		}

		TD.BodyContent H3 {
      		font-size:14px;
		}

		DIV.TableOfContents H1 {
      		font-size:12px;
		}

		.PageTitle  {
      		color:666666;
      		margin-left:10px;
      	}


		.DefaultUL {
			margin-top:0px;
		}





		UL.PageList {
			list-style-type: none;
			list-style-image: none;
			margin-left: 0;
			padding-left: 0;
			text-align: left;
	 	}

		UL.PageList UL {
			margin: 0 0 0 -2em;
			list-style-type: none;
			list-style-image: none;
	 	}

		DIV.SectionCode {
    		direction: ltr;
    		border:1px solid #D3E0EB;
    		padding:13px 23px;
    		background-color:#EDF7FF;
    		margin:10px 0 15px 0;
    		font-size:1.0em;
    		font-weight:bold;
    		font-family:"Courier New", Courier, mono;
    		overflow:auto;
			color: #7B8D9A
		}

	 	DIV.SectionHeading {
 		    background:#DEDEDE;
		}




      A:hover {
              color:#08D;
              }

      A:active {
              color:#08D;
              }

      A:visited {
              color:#08D;
              }

      A:link {
              color:#08D;
              }

 	  A.ArticleNotFound {
		 	 color:red;
  	  }

  	  DIV.GoogleMapsNotFound {
  	  		 background: url(images/maps.jpg);
  	  }
}