
/*********************************************************
General css
*********************************************************/

body{
	background-image:url(../gfx/BodyBg.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	margin:0px;
	padding:0px;
	color:#000;
	font:100% Lucida Sans unicode, Lucida Sans, Arial, Helvetica, Verdana;
}

#MainContainer{
	width:992px;
	margin:auto;
	color:#000;
	position:relative;
	font-size:0.68em;
}

a img {border:0px;}

input {font:100% Lucida Sans unicode, Arial, Helvetica, Verdana;}
input.Text {padding:2px;}
textarea{font:100% Lucida Sans unicode, Arial, Helvetica, Verdana; padding:2px;}
select{font:100% Lucida Sans unicode, Arial, Helvetica, Verdana;}

a		{text-decoration:none; color:#000;}
a:hover {text-decoration:underline; color:#000;}

/*p {line-height:1.4em;}*/

input.ButtonSmallArrow {
	background-image:url(../gfx/ArrowSmallOrange.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:Transparent;
	margin:0;
	padding-left:6px;
	padding-top:5px;
	border:0px;
	text-decoration:none;
	cursor:pointer;
	font-size:1.3em;
	font-weight:normal;
	float:left;
	clear:both;
}

input.ButtonSearch {
	background-image:url(../gfx/ArrowSmallOrange.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
	padding-left:9px;
	height:19px;
	border:0px;
	font-size:1.2em;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	left:12px;
	clear:both;
	text-align:left;
}

h1{
	margin:0;
	padding:0 0 0 35px;
	font-size:2em;
	color:#eb6909;
}

ul.GeneralLinks{
	margin:0;
	padding:0;
	}
	
ul.GeneralLinks li{
	background-image:url(../gfx/ArrowBigOrange.gif);
	background-repeat:no-repeat;
	line-height:2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 6px 72px;
	}

/*********************************************************
Top
*********************************************************/


#Top{
	background-image:url(../gfx/BgTop.gif);
	background-repeat:no-repeat;
	width:992px;
	height:142px;
}

#Top #Logo {
	background-image:url(../gfx/LogoPayoff.gif);
	background-repeat:no-repeat;
	top:25px;
	left:20px;
	width:172px;
	height:51px;
	cursor:pointer;
	position:absolute;
	}
	
#Top #Logo a {
	width:172px;
	height:51px;
	display:block;
	z-index:1000;
	}
	
#Top #Logo a span {
	display:none;
	}
	
#Top #Water {
	background-color:transparent;
	left:0;
	top:64px;
	position:absolute;
	z-index:0;
	}
	
#Top #Navigation {
	margin-top:22px;
	padding-left:260px;
	width:610px;
	float:left;
	}

#Top #Navigation ul {
	margin:0;
	padding:0;
	padding-right:10px;
	width:110px;
	float:left;
	}

#Top #Navigation ul li {
	margin:0 0 0 0;
	padding:0px;
	list-style:none;
	line-height:1.4em;
	}
	
#Top #Navigation ul li h2 {
	margin:0px;
	padding:0 0 5px 0;
	color:#eb6909;
	font-size:1.2em;
	display:block;
	}
	
#Top #Navigation ul li a			{text-decoration:none; color:#2d2d2d;}
#Top #Navigation ul li a:hover		{text-decoration:none; color:#fff; background-color:#51a6c2; padding-left:2px; padding-right:2px;}
#Top #Navigation ul li a.Selected	{text-decoration:none; color:#fff; background-color:#51a6c2; padding-left:2px; padding-right:2px;}


/*********************************************************
Search & Launguage
*********************************************************/

.Search{
	background-repeat:no-repeat;
	width:215px;
	height:30px;
	vertical-align:bottom;
	cursor:pointer;
	color:#e2e2e2;
	font-size:1.7em;
	padding:7px 0 0 10px;
	float:left;
}

.Search.Open
{
	background-image:url(../gfx/SearchBgOpen.gif);
}

.Search.Closed
{
	background-image:url(../gfx/SearchBgClosed.gif);
}

.Search.Black
{
	background-image:url(../gfx/BlackBg.gif);
}

#SearchPopup{
	background-color:#f3f3f3;
	top:181px;
	left:0;
	padding:12px 12px 14px 12px;
	border-bottom:1px solid #dddddd;
	width:191px;
	height:100px;
	position:absolute;
	z-index:100;
}

#SearchPopup input.Text {
	background-color:#000;
	width:186px;
	height:16px;
	border:0;
	color:#FFF;
	margin-bottom:8px;
}

#Language{
	margin-top:11px;
	color:#eeeeee;
	font-weight:bold;
	font-size:1em;
	float:right;
}

#Language a{
	text-decoration:none;
	color:#eeeeee;
	padding-left:3px;
	font-weight:bold;
}

#Language ul{
	background-color:#444444;
	width:106px;
	margin:13px 0 0 0;
	padding:0;
	font-size:0.9em;
	line-height:1.5em;
	position:absolute;
	right:0;
	top:168px;
	z-index:100;
}

#Language ul li {
	margin:0;
	padding:0;
	list-style:none;
	}

#Language ul li a{
	text-decoration:none;
	color:#eeeeee;
	display:block;
}

#Language ul li a:hover{
	background-color:#000;
	text-decoration:none;
	color:#eeeeee;
	display:block;
}

/*********************************************************
Content
*********************************************************/

.Content{
	margin:2px 0 0 0;
	padding:0 0 0 0;
	width:992px;
	border-bottom:1px solid #f5f5f5;
	background-image:url(../gfx/ContentBg.gif);
	background-repeat:repeat-y;
	position:relative;
}

.Content.FrontPageColumn{
	background-image:none;
	margin-top:25px;
	width:990px;
	height:558px;
	border:1px solid #f2f2f2;
	position:relative;
}

.Content p {
	margin:3px 0px 12px 0px;
	}
	
/*********************************************************
Front
*********************************************************/

#Entrance {
	top:-1px;
	height:80px;
	right:3px;
	width:600px;
	position:absolute;
}

#Entrance a{
	background-image:url(../gfx/TransparentBox.png);
	padding-left:3px;
	padding-right:3px;
	float:right;
	display:block;
}

#Entrance a.PrivateSmall {
	color:#848484;
	font-weight:bold;
	font-size:2.5em;
}

#Entrance a.ProfessionalSmall {
	color:#eb6909;
	font-weight:bold;
	font-size:1.7em;
}

#Entrance a:hover {
	text-decoration:none;
}

#Entrance div {
	background-image:url(../gfx/TransparentBox.png);
	height:80px;
	margin-left:1px;
	margin-right:1px;
	padding-left:3px;
	padding-right:3px;
	float:right;
}

#Entrance div.PrivateLarge {
	color:#848484;
	font-weight:bold;
	font-size:2.5em;
}

#Entrance div.ProfessionalLarge {
	color:#eb6909;
	font-weight:bold;
	font-size:1.7em;
}

#Entrance div table {
	border-collapse:collapse;
	height:80px;
}

#Entrance div table td {
	vertical-align:bottom;
}

#Focus{
	background-image:url(../gfx/FocusBg.png);
	background-repeat:no-repeat;
	width:205px;
	margin:0;
	padding:0;
	bottom:60px;
	right:0px;
	color:#fff;
	font-size:1.3em;
	position:absolute;
}

#Focus div{
	width:160px;
	padding:20px 0 13px 10px;
	margin:0px;
}

#Focus h3{
	margin:0 0 5px 0;
	padding:0;
	color:#fff;
	font-size:1.5em;
}

#Focus a{
	color:#fff;
	font-size:1em;
	line-height:1.2em;
}

ul#SlideShowSteps{
	margin:0;
	padding:0;
	position:absolute;
	bottom:20px;
	right:10px;
}

ul#SlideShowSteps li{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

ul#SlideShowSteps li a{
	background-color:#000;
	border:0;
	color:#8f8f8f;
	padding:2px 2px 2px 3px;
	margin:0 1px 0 0;
	width:15px;
	text-decoration:none;
	float:left;
	}
	
ul#SlideShowSteps li a:hover{
	color:#fff;
	text-decoration:none;
	}
	
ul#SlideShowSteps li a.activeSlide{
	color:#fff;
	text-decoration:none;
	}


/*********************************************************
Left 
*********************************************************/

.Left {
	background-color:#fff;
	width:215px;
	margin:0 0 0 0;
	padding-top:25px;
	overflow:hidden;
	float:left;
}

.Left.FrontNav  {
	background-color:Transparent;
	width:205px;
	height:537px;
	margin:10px 0 0 10px;
	padding:0;
	top:0;
	left:0;
	overflow:hidden;
	position:absolute;
	z-index:2;
}

.Left .Box {
	padding:12px 12px 22px 12px;
	position:relative;
}

.Left .Box.Bg 
{
	background-image:url(../gfx/LeftBgGrey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.Left .Box.ChooseGroup {
	height:115px;
	overflow:hidden;
}

.Left .Box.BgLast {
	 background-color:#F6F6F6;
}

.Left .Box.BgProductGrey {
	background-image:url(../gfx/LeftBgProductGrey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.Left .Box.BgProductBlue {
	background-image:url(../gfx/LeftBgProductBlue.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.Left.FrontNav .Box {
	padding:12px;
	margin-bottom:6px;
	background-image:url(../gfx/TransparentBox.png);
}

.Left.FrontNav .Box.Bg {
	background-image:url(../gfx/TransparentBox.png);
	background-repeat:repeat;
	background-position:top;
}

.Left.FrontNav .Box.FrontFirst {
	 background-color:Transparent;
	 height:97px;
	 overflow:hidden;
}

.Left.FrontNav .Box.BgLast {
	 background-color:Transparent;
	 height:100px;
	 overflow:hidden;
}

.Left .Box input.Text {
	background-color:#000;
	width:177px;
	height:14px;
	border:0;
	color:#FFF;
	padding:2px;
	margin-bottom:8px;
}

.Left .Box h2 {
	color:#000;
	font-size:2.2em;
	font-weight:normal;
	margin:0;
	padding:0 0 6px 0;
}

.Left .Box h2.Grey {
	color:#848484;
}

.Left .Box h2.Orange {
	color:#eb6909;
}

.Left .Box ul.ProductLinks{
	margin:0;
	padding:0;
}

.Left .Box ul.ProductLinks li{
	list-style:none;
}

.Left .Box ul.ProductLinks li a{
	background-image:url(../gfx/ArrowSmallOrange.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:2px 0 0 10px;
	line-height:1.8em;
	font-size:1em;
}

.Left .Box ul.QuickLinks{
	margin:0;
	padding:0;
}

.Left .Box ul.QuickLinks li{
	list-style:none;

}

.Left .Box ul.QuickLinks li a{
	background-image:url(../gfx/ArrowBigOrange.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:3px 0 5px 72px;
	line-height:1.9em;
}

.Left .Box em {
	color:#000;
	font-weight:bold;
	font-size:1.3em;
	font-style:normal;
}

.Left h3 {
	margin:0;
	color:#000;
	font-weight:bold;
	font-size:1.3em;
	font-style:normal;
}

.Left .Box a.Orange {
	color:#eb6909;
}

.Left .Box a:hover.Orange {
	color:#000;
	text-decoration:none;
}

.Left .Box input.TextShort {
	background-color:#000;
	width:130px;
	height:14px;
	margin-bottom:8px;
	border:0;
	color:#FFF;
	padding:2px;
	float:left;
	}

.Left .Box input.ButtonLogin {
	background-image:none;
	width:40px;
	margin-left:5px;
	margin-bottom:10px;
	color:#eb6909;
	border:0px;
	cursor:pointer;
	font-size:1.25em;
	float:left;
}

.Left .Box input.TextGrey {
	background-color:#444444;
	width:186px;
	height:14px;
	border:0;
	padding:2px;
	color:#FFF;
	margin-bottom:8px;
}

.Left .Box textarea {
	background-color:#444444;
	width:186px;
	height:70px;
	border:0;
	color:#FFF;
	margin-bottom:8px;
}

.Left .Box input.Send {
	width:55px;
}

/*********************************************************
Left, Filter
*********************************************************/

.Left .Box ul.FilterGroups {
	margin:5px 0 0 0;
	padding:0;
	line-height:1.5em;
}

.Left .Box ul.FilterGroups li {
	list-style:none;
	margin:0;
	padding:0;
}

.Left .Box ul.FilterGroups li a {
	color:#eb6909;
	margin-left:10px;
}

.Left .Box ul.FilterGroups li a:hover {
	text-decoration:none;
	color:#000;
}

.Left #Filterlist{
	 margin:0;
}

.Left #Filterlist ul{
	 margin:5px 0 20px 0;
	 padding:0;
}

.Left #Filterlist ul li{
	 list-style:none;
	 margin:0;
	 padding:0;
}

.Left #Filterlist ul li a{
	 color:#3a3a3a;
	 
}

/*********************************************************
Right
*********************************************************/

.Right{
	margin-top:25px;
	width:776px;
	float:right;
	z-index:1;
}

.Right.FrontPage{
	margin-top:0px;
	width:990px;
}

.FlashMoviePlayer {
	margin-top:0px;
	width:994px;
	padding-bottom:10px;
	background:white !important;
}
.BorderRight{
	border-right:1px solid #ebebeb;
}

.HZLine1{
	margin:0 0 20px 10px;
	height:1px;
	border-bottom:1px solid #ebebeb;
}

.HZLine2{
	margin:0 0 20px 35px;
	height:1px;
	border-bottom:1px solid #ebebeb;
}

/*********************************************************
Right, ProductPages CommonList
*********************************************************/

ul.CommonList{
	margin:0 0 20px 0;
	padding:0;
	float:left;
	}
	
ul.CommonList li {
	background-image:url(../gfx/ProductlistBg.gif);
	background-repeat:no-repeat;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	width:194px;
	height:240px;
	float:left;
}

ul.CommonList li .ImageBg {
	background-color:#fff;
	margin:12px 0 0 19px;
	padding:0;
	border:1px solid #d1d1d1;
	width:161px;
	height:161px;
	text-align:center;
}

ul.CommonList li .ImageBg table.ImageCenter {
	border-collapse:collapse;
	width:161px;
	height:161px;
}

ul.CommonList li img {
	margin:5px;
}

ul.CommonList li div {
	width:165px;
	margin:4px 0 0 20px;
	text-align:center;	
	}

ul.CommonList li a.ProductNo{
	background-color:#eb6909;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:1px 2px;
}

ul.CommonList li p{
	height:38px;
	padding:0;
	margin:3px 0 0 0;
	line-height:1.6em;
	display:block;
	overflow:hidden;
}

ul.CommonList.Webshop li {
	background-image:url(../gfx/ProductlistWebshopBg.png);
	height:267px;
	overflow:hidden;
}

ul.CommonList.Webshop span.Price {
	padding-top:8px;
	height:18px;
	width:165px;
	color:#5d5d5d;
	display:block;
	overflow:hidden;
}


/*********************************************************
Right, Slideshow
*********************************************************/

ul#ProductTabs{
	background-color:#444444;
	color:#fff;
	padding:6px 8px;
	margin:0 0 0 10px;	
}

ul#ProductTabs li{
	padding-right:15px;
	list-style:none;
	float:left;	
}

ul#ProductTabs li.FloatRight{
	float:right;
	padding:0 0 0 15px;	
}

ul#ProductTabs li a{
	color:#fff;
	font-weight:bold;	
}

ul#ProductTabs li a:hover{
	text-decoration:none;
	color:#62a9c0;	
}

ul#ProductTabs li a.Selected{
	text-decoration:none;
	color:#62a9c0;	
}

#SlideShow{
	background-color:#fff;
	margin:0 0 30px	 0;
	padding-left:10px;
}

#SlideShow #LargeImage{
	margin-top:1px;
	margin-bottom:1px;
	border:1px solid #cccccc;
	height:386px;
	text-align:center;
	overflow:hidden;
}

#SlideShow #ThumbBox {
	background-color:#444444;
	
}

#SlideShow #ThumbBox input.ButtonSlideLeft {
	background-image:url(../gfx/ButtonSlideLeft.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
	border:0;
	border-right:1px solid #fff;
	width:29px;
	height:95px;
	cursor:pointer;
	float:left;
}

#SlideShow #ThumbBox input.ButtonSlideRight {
	background-image:url(../gfx/ButtonSlideRight.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
	border:0;
	border-left:1px solid #fff;
	width:29px;
	height:95px;
	cursor:pointer;
	float:right;
}

#SlideShow #ThumbBox ul {
	margin:0;
	padding:4px 0 0 4px;
	position:relative;
	float:left;
}

#SlideShow #ThumbBox ul li {
	list-style:none;
	padding:0 4px 1px 0;
	float:left;
}

#SlideShow #ThumbBox ul li .Thumb {
	background-color:#fff;
	width:172px;
	height:87px;
	text-align:center;
}


/*********************************************************
Right, List for news, designers and fairs
*********************************************************/

.Year{
	padding-left:35px;
	margin-bottom:20px;
}

.Year a{
	background-color:#444444;
	border:0;
	color:#fff;
	margin-right:1px;
	padding:2px 3px;
	text-decoration:none;
	float:left;
	}

.Year a:hover{
	background-color:#51a6c2;
	color:#fff;
	text-decoration:none;
}

.Year a.Selected{
	background-color:#51a6c2;
	color:#fff;
	text-decoration:none;
}

h2.Month{
	width:600px;
	margin:0 0 5px 35px;
	padding:0;
	font-size:1.5em;
	color:#eb6909;
}

ul.Lists{
	margin:0 0 0 35px;
	padding:0;
	width:530px;
}

ul.Lists li{
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	line-height:2em;
}

ul.Lists li .ImageBox{
	background-image:url(../gfx/ListImageBg.jpg);
	background-repeat:no-repeat;
	width:190px;
	margin:0;
	padding:18px 0 0 18px;
	float:left;
}

ul.Lists li .ImageBoxSmall{
	background-image:url(../gfx/ListImageBgSmall.jpg);
	background-repeat:no-repeat;
	width:109px;
	margin:0;
	padding:18px 0 0 18px;
	float:left;
}

ul.Lists li .Info{
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

ul.Lists li .InfoSmall{
	width:381px;
	margin:0;
	padding:0;
	float:left;
}

ul.Lists li .Info h3{
	margin:0;
	padding:0;
	line-height:1.2em;
	font-size:1.3em;
	color:#000;
}

ul.Lists li .InfoSmall h3{
	margin:0;
	padding:0;
	line-height:1.2em;
	font-size:1.3em;
	color:#000;
}

ul.Lists li .Info p{
	margin:0 0 10px 0;
	padding:0;
}

ul.Lists li .InfoSmall p{
	margin:0 0 10px 0;
	padding:0;
}

ul.Lists li a{
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	color:#51a6c2;
}


/*********************************************************
Right, Brochure
*********************************************************/

h1.HLBrochure{
	width:600px;
}

p.Text{
	width:545px;
	padding-left:35px;
	padding-bottom:20px;
}


ul.BrochureList{
	margin:0 0 0 35px;
	padding:0;
}

ul.BrochureList li{
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	line-height:2em;
	width:350px;
	height:260px;
	float:left;
}

ul.BrochureList li .ImageBox{
	background-image:url(../gfx/ListImageBg.jpg);
	background-repeat:no-repeat;
	width:190px;
	margin:0;
	padding:18px 0 0 18px;
	float:left;
}

ul.BrochureList li .Info{
	width:100px;
	margin:0;
	padding:0;
	float:left;
}

ul.BrochureList li .Info h4{
	margin:0;
	padding:0;
	font-size:1.3em;
	line-height:1.2em;
	color:#000;
}

ul.BrochureList li .Info .Links{
	margin:0px 0 15px 0;
	overflow:hidden;
	}

ul.BrochureList li .Info a.Download{
	background-color:#51a6c2;
	border:0;
	color:#fff;
	margin:10px 0 0px 0;
	padding:0px 6px 3px 3px;
	height:18px;
	text-decoration:none;
	position:relative;
	display:block;
	float:left;
	clear:both;
	}
	
#BrochureForm{
	padding:0 0 20px 35px;
}

ul.BrochureList li .Order{
	clear:both;
}

#BrochureForm input.Text{
	background-color:#444444;
	width:250px;
	height:16px;
	border:0;
	color:#FFF;
	margin-bottom:8px;
	display:block;
}

#BrochureForm input.Send {
	width:60px;
}


/*********************************************************
Right, Brochure
*********************************************************/

h1.HLCommunityForm{
	width:600px;
}

#CommunityForm{
	padding:0 0 20px 35px;
}

#CommunityForm input.Text{
	background-color:#444444;
	width:250px;
	height:16px;
	border:0;
	color:#FFF;
	margin-bottom:8px;
	display:block;
}

#CommunityForm input.Send {
	width:60px;
}

#CommunityForm .textarea
{
    background-color:#444444;
	width:250px;
	height: 100px;
	border:0;
	color:#FFF;
	margin-bottom:8px;
	display:block;
}

#CommunityForm .checkbox
{
    display:block;
    margin-bottom:8px;
}



/*********************************************************
Right, Productlist Paging
*********************************************************/

.ProductlistColumn{
	margin-top:-25px;
}

.Paging{
	margin-top:6px;
	margin-bottom:5px;
	color:#757575;
	text-align:right;
	clear:both;
}

.PagingBottom{
	right:0;
	bottom:0;
	position:absolute;
}

.Paging span{
	margin-right:20px;
}

.Paging a{
	padding:0 1px;
	color:#757575;
}

.Paging a:hover{
	text-decoration:none;
	color:#eb6909;
}

.Paging a.Selected{
	text-decoration:none;
	color:#eb6909;
}

/*********************************************************
Product
*********************************************************/

#Article .Information .ProductDescription{
    background-color: #F6F6F6;
    float:right;
}

#Article .Information .ProductDescription h2{
    color:#000;
    margin:0;
    font-size:1.6em;
    font-weight:normal;
}

#Article .Information .ProductDescription h3{
    margin:0;
    font-size:1.2em;
    font-weight:bold;
}

#Article .Information .Block{
	margin: 0;
    padding: 10px 10px 3px 10px;	
}


#Article #ProductIcons{
    margin:0 0 20px 0;
	width:330px;
	float:right;
}

#Article #ProductIcons ul{
	margin:0;
	padding:0;
    width:auto;
    float:right;
}

#Article #ProductIcons ul li{
	margin:0 0 10px 5px;
	list-style:none;
	float:left;	
}

#RelatedProducts{
	margin:0;
	clear:both;	
}

#RelatedProducts h3{
	margin:0 0 10px 10px;
	padding-top:10px;
	font-size:1.7em;
	font-weight:bold;
}

/*********************************************************
Right, ProductSeries
*********************************************************/

#OtherProducts{
	margin:0;
	clear:both;	
}

#OtherProducts h3{
	margin:0 0 10px 10px;
	padding-top:10px;
	font-size:1.7em;
	font-weight:bold;
	color:#000;
	clear:both;
}

/*********************************************************
Right, ProductTechnicalInfo & downloads
*********************************************************/

#FilesBox {
	margin:1px 0 10px 10px;
	padding:10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#FilesBox ul {
	margin:0 0 30px 0;
	padding:0;
	width:550px;
	float:left;
}

#FilesBox ul li {
	list-style:none;
	float:left;
}

#FilesBox .MoreFiles{
	float:right;
}

#FilesBox ul li a.Filename {
	color:#000;
	margin-right:3px;
	margin-left:3px;
}

#FilesBox ul li a:hover.Filename {
	color:#51a6c2;
	text-decoration:none;
}

#FilesBox ul li a.Selected.Filename {
	color:#51a6c2;
	text-decoration:none;
}

#FilesBox ul li a.DownloadFile {
	color:#eb6909;
	margin-right:3px;
}

#FilesBox .MoreFiles a{
	background-color:#444444;
	border:0;
	color:#fff;
	padding:2px 2px 2px 3px;
	margin:0 1px 0 0;
	width:15px;
	text-decoration:none;
	float:left;
	}

#FilesBox .MoreFiles a:hover{
	background-color:#51a6c2;
	color:#fff;
	text-decoration:none;
}

#FilesBox .MoreFiles a.Selected{
	background-color:#51a6c2;
	color:#fff;
	text-decoration:none;
}

/*********************************************************
Right, TopImage
*********************************************************/

#TopImage{
	margin:0 0 30px 10px;
	width:766px;
	height:464px;
	position:relative;	
}

#TopImage h2{
	background-image:url(../gfx/TransparentBox.png);
	color:#000;
	font-size:2.2em;
	font-weight:normal;
	top:0;
	left:10px;
	margin:0;
	padding:8px;
	position:absolute;	
}

#TopImage #TeaserBox{
	background-image:url(../gfx/TransparentBox.png);
	bottom:10px;
	right:10px;
	margin:0;
	padding:12px 12px 0px 12px;
	width:220px;
	position:absolute;
}

#TopImage #TeaserBox h3{
	margin:0;
	font-size:1.6em;
	color:#eb6909;
	display:block;	
}

#TopImage #TeaserBox h4{
	margin:0;
	font-size:1.8em;
	color:#eb6909;
	font-weight:normal;
	display:block;	
}

/*********************************************************
Right, Article
*********************************************************/

#Article{
	margin:0 0 20px 35px;
}

#Article p.serie{
	margin:0;
	font-size:1.6em;
	color:#eb6909;
	font-weight:normal;
	width:550px;
	}

#Article h2{
	margin:0;
	font-size:1.6em;
	color:#eb6909;
	font-weight:normal;
	/*width:550px;*/
	}
	
#Article h1{
	padding-left:0;
	margin:0 0 10px 0;
	font-size:1.8em;
	color:#eb6909;
	width:550px;
	}
	
#Article h1 em{
	color:#000;
	font-style:normal;
	}

#Article .Block{
	padding:0 0 10px 0;
	margin:0;
	}
	
#Article .Block p{
	width:600px;
	}
	
#Article .Block h3{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 -2px 0;
	padding:0;
	display:block;
	}
	
#Article .Block img{
	width:125px;
	float:right;
	}
	
#Article .BlockSmallImage{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
	
#Article .BlockSmallImage p{
	width:650px;
	}
	
#Article .BlockSmallImage span{
	font-weight:bold;
	display:block;
	}
	
#Article .BlockSmallImage img{
	width:65px;
	float:right;
	}
	
#Article ul{
    width:550px;
	margin:0;
	padding:0;	
}

#Article ul li{
	list-style:none;
	margin:0;
	line-height:1.5em;
}

#Article ul.BulletList{
	width:550px;
	margin:0 0 10px 0;
	padding:0;

}

#Article ul.BulletList li{
	background-image:url(../gfx/Bullet.gif);
	background-repeat:no-repeat;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
}

#Article ul li em{
	font-style:normal;
	font-weight:bold;
}
#Article ul li select{
	width:130px;
	margin-top:2px;
	margin-bottom:10px;
}

#Article.ProductText .Information{
    margin-bottom:30px;
    overflow:hidden;
}

#Article.ProductText .Information ul{
    float:left;
}

#Article.ProductText .ProductName{
    width:380px;
	float:left;
}

#Article.ProductText h1{
    width:auto;
}

#Article.ProductText ul li.standardproperties
{
	background:url("../gfx/Bullet.gif") no-repeat scroll 2px 0 transparent;
	list-style:none outside none;
	padding:0 0 0 13px;

}

#Article.ProductText a
{
    color:#51a6c2;
}

#Article.ProductText ul{
	width:340px;
}


#Article .ProductDescription{
	width:350px;
	overflow:hidden;
}

#Article .ProductDescription p{
	width:auto;
}

#Article .ProductDescription{
	width:350px;
	overflow:hidden;
}

#Article ul.Price{
	width:250px;
	overflow:hidden;
	margin-bottom:10px;
}

#Article ul.Price li{
	width:100px;
	float:left;
}

#Article ul.Price li.Right{
	width:150px;
	text-align:right;
	float:right;
}

#Article ul.Price li span{
	font-size:1.8em;
	line-height:1.8em;
	display:block;
}

#Article .Number{
	background-color:#e8e8e8;
	padding:5px 10px 0 10px;
	height:23px;
	float:left;
}

#Article .Number input{
	width:30px;
	height:13px;
	padding-top:2px;
	margin-left:5px;
	text-align:right;
	border:1px solid #d3d3d3;
}

#Article input.ButtonAdd{
	background-color:Transparent;
	background-image:url(../gfx/ButtonWebshop.png);
	background-repeat:repeat-x;
	padding:5px 10px;
	height:28px;
	width:145px;
	color:#fff;
	font-weight:bold;
	border:0;
	cursor:pointer;
	float:left;
}
	
/*********************************************************
Right, Searchresults
*********************************************************/

#SearchResultsContent{
	margin:0;
	padding:0 0 0 35px;	
}

#SearchResultsContent h1{
	margin:0;
	padding-bottom:20px;
}

#SearchResultsContent h2{
	margin:0;
	font-size:1.4em;
	color:#eb6909;
	font-weight:normal;
	padding-bottom:5px;
}

#SearchResultsContent ul{
	width:600px;
	margin:0;
	padding:0 0 30px 0;
}

#SearchResultsContent ul li{
	background-image:url(../gfx/ArrowSmallOrange.gif);
	background-repeat:no-repeat;
	list-style:none;
	margin:0;
	padding:0 10px;
	line-height:1.5em;
}

#SearchResultsContent ul li em{
	font-weight:bold;
	font-style:normal;
}

/*********************************************************
Right, Contact Headoffice
*********************************************************/

#HeadofficeTop{
	margin:0 0 30px 10px;
	width:766px;
	height:240px;
	position:relative;	
}

#HeadofficeTop #HLBox{
	background-image:url(../gfx/TransparentBox.png);
	background-repeat:repeat-x repeat-y;
	top:0;
	left:10px;
	margin:0;
	padding:8px 60px 8px 8px;
	position:absolute;	
}

#HeadofficeTop h4{
	margin:0;
	font-size:1.6em;
	color:#eb6909;
	font-weight:normal;	
}

#HeadofficeTop h3{
	margin:0;
	font-size:1.9em;
	color:#eb6909	
}

#HeadofficeTop address{
	background-image:url(../gfx/TransparentBox.png);
	background-repeat:repeat-x repeat-y;
	bottom:10px;
	right:10px;
	margin:0;
	padding:12px 12px 12px 12px;
	/*width:130px;*/
	line-height:1.3em;
	font-style:normal;
	text-align:right;
	font-weight:bold;
	position:absolute;	
}

#HeadofficeTop span{
	display:block;	
}

#HeadofficeTop span.SectionEnd{
	padding-bottom:13px;	
}

#HeadofficeTop a{
	color:#51a6c2;	
}

#HeadofficeTop a:hover{
	color:#000;
	text-decoration:none;	
}

#HeadOfficeList{
	margin:0;
}

#HeadOfficeList h2{
	margin:0;
	padding-bottom:10px;
	padding-left:10px;
	font-size:1.9em;
	color:#eb6909;
	font-weight:normal;	
}

#HeadOfficeList ul{
	margin:0;
	padding:0 0 20px 1px;	
}

#HeadOfficeList ul li{
	background-image:url(../gfx/ContactImageBg.gif);
	background-repeat:no-repeat;
	list-style:none;
	width:258px;
	height:260px;
	margin:0 0 0 0;
	padding-bottom:20px;
	float:left;
}

#HeadOfficeList ul li img{
	padding:12px 0 20px 22px;
	width:224px;
	height:143px;
}

#HeadOfficeList ul li span{
	margin-left:40px;
	width:210px;
	display:block;
}

#HeadOfficeList ul li span.SectionEnd{
	padding-bottom:13px;	
}

#HeadOfficeList ul li em{
	font-weight:bold;
	font-style:normal;	
}

#HeadOfficeList ul li a{
	color:#51a6c2;	
}

#HeadOfficeList ul li a:hover{
	color:#000;
	text-decoration:none;	
}

/*********************************************************
Contact Local
*********************************************************/

#LocalTop{
	margin:0 0 10px 10px;
	width:766px;
	height:240px;
	position:relative;	
}

#LocalTop #HLBox{
	background-image:url(../gfx/TransparentBox.png);
	background-repeat:repeat-x repeat-y;
	top:0;
	left:10px;
	margin:0;
	padding:8px 60px 8px 8px;
	position:absolute;	
}

#LocalTop h3{
	margin:0;
	font-size:1.6em;
	color:#eb6909;
	font-weight:normal;	
}

#LocalTop h2{
	margin:0;
	font-size:1.9em;
	color:#eb6909;	
}

#LocalTop #FindDealer{
	background-image:url(../gfx/TransparentBox.png);
	bottom:10px;
	right:10px;
	margin:0;
	padding:12px 12px 12px 12px;
	width:130px;
	line-height:1.3em;
	font-style:normal;
	font-weight:bold;
	position:absolute;	
}

#LocalTop #FindDealer h4{
	margin:0 0 4px 0;
	line-height:1em;
	font-size:1.6em;
	font-weight:bold;
	color:#000;	
}

#LocalTop span{
	padding-bottom:15px;
	display:block;	
}

#LocalTop input.Text {
	background-color:#fff;
	width:125px;
	height:16px;
	border:0;
	color:#000;
	margin-bottom:8px;
}

#LocalTop select {
	background-color:#fff;
	width:130px;
	height:20px;
	border:0;
	padding-top:1px;
	color:#000;
	margin-bottom:8px;
}

#LocalTop input.Search {
	width:65px;
}

#LocalContent #HLTop {
	background-color:#f3f3f3;
	padding:0px 10px;
	margin:0 0 20px 10px;
	height:35px;
}

#LocalContent #HLTop h1 {
	color:#eb6909;
	font-size:2em;
	font-weight:normal;
	margin:0;
	padding-top:4px;
	float:left;
}

#LocalContent #HLTop #Filtrate {
	margin:0;
	padding-top:7px;
	float:right;
}

#LocalContent #HLTop #Filtrate span {
	padding-top:3px;
	padding-right:3px;
	float:left;
}

#LocalContent #HLTop #Filtrate select {
	background-color:#fff;
	width:130px;
	height:20px;
	border:1px solid #969696;
	color:#000;
	line-height:1.3em;
	margin-bottom:8px;
}

#LocalList{
	margin:0;
}

#LocalList h4{
	margin:0;
	padding-bottom:10px;
	padding-left:10px;
	font-size:1.9em;
	color:#eb6909;
	font-weight:normal;	
}

#LocalList h6{
	margin:0;
	padding-bottom:15px;
	padding-left:40px;
	font-weight:bold;
	font-size:1em;	
}

#LocalList ul{
	margin:0;
	padding:0 0 20px 1px;	
}

#LocalList ul li.TextInfo{
	background-image:none;
	list-style:none;
	width:258px;
	height:180px;
	margin:0;
	margin-bottom:30px;
	float:left;
}

#LocalList ul li{
	background-image:url(../gfx/ContactImageBg.gif);
	background-repeat:no-repeat;
	list-style:none;
	width:258px;
	height:260px;
	margin:0;
	padding-bottom:10px;
	float:left;
}

#LocalList ul li img{
	padding:12px 0 20px 22px;
	width:224px;
	height:143px;
}

#LocalList ul li span{
	margin-left:40px;
	width:210px;
	display:block;
}

#LocalList ul li span.SectionEnd{
	padding-bottom:13px;	
}

#LocalList ul li em{
	font-weight:bold;
	font-style:normal;	
}

#LocalList ul li a{
	color:#51a6c2;	
}

#LocalList ul li a:hover{
	color:#000;
	text-decoration:none;	
}

/*********************************************************
Basket
*********************************************************/

#Top .Basket{
	background-image:url(../gfx/BgBasket.png);
	background-repeat:no-repeat;
	margin:0 0 10px 10px;
	width:108px;
	height:142px;
	right:0;
	position:absolute;	
}

#Top .Basket.Full{
	background-position:0px -158px;
}

#Top .Basket a{
	width:108px;
	height:25px;
	color:#fff;
	display:block;
	padding:10px 0 0 0;
	text-align:center;
}

#Top .Basket a.BasketViewLink{
	bottom:0;
	left:0;
	padding:6px 0 10px 0;
	width:108px;
	position:absolute;
}

#Top ul.BasketViewOpen{
	background-color:#76bbd2;
	list-style:none;
	margin:0;
	top:143px;
	right:0;
	padding:8px 0 0 0;
	width:108px;
	position:absolute;
	z-index:100;
}

#Top ul.BasketViewOpen li{
	background-color:#fff;
	margin-left:8px;
	width:92px;
	margin-bottom:8px;
	text-align:center;
}

#Top ul.BasketViewOpen li table{
	width:90px;
	height:90px;
	border-collapse:collapse;
}

/*********************************************************
ShoppingBasket
*********************************************************/

.Basket h1{
	float:left;	
}

.Basket .Numbers{
	background-image:url(../gfx/BasketSteps.png);
	background-repeat:no-repeat;
	padding-right:20px;
	margin-bottom:20px;
	width:107px;
	height:23px;
	float:right;
}

.Basket .Numbers.Two{
	background-position:left -33px;
}

.Basket .Numbers.Three{
	background-position:left -66px;
}

.Basket table{
	width:720px;
	border-collapse:collapse;
	margin:0 0 0 35px;
	clear:both;
	text-align:left;
}

.Basket table th{
	background-color:#f3f3f3;
	font-size:1.3em;
	font-weight:normal;
	padding:5px 0;
	}

.Basket table th.productname{
	text-align:left;
}

.Basket table th.price{
	padding-left:5px;
	text-align:right;
}

.Basket table th.number{
	padding-left:5px;
	text-align:right;
}


.Basket table td{
	height:65px;
}

.Basket table td.image{
	border-bottom:1px solid #f3f3f3;
	text-align:center;
	width:90px;
}

.Basket table td.productname{
	border-bottom:1px solid #f3f3f3;
	vertical-align:top;
	padding-top:5px;
	text-align:left;
	width:250px;
}

.Basket table td.price{
	border-bottom:1px solid #f3f3f3;
	vertical-align:top;
	padding-top:5px;
	text-align:right;
	width:100px;
}

.Basket table td.number{
	border-bottom:1px solid #f3f3f3;
	vertical-align:top;
	padding-top:5px;
	text-align:right;
	width:65px;
}

.Basket table td.number input{
	border:1px solid #e8e8e8;
	height:14px;
	width:30px;
	text-align:right;
}

.Basket table td.remove{
	border-bottom:1px solid #f3f3f3;
	padding-top:5px;
	vertical-align:top;
	text-align:right;
	width:50px;
}

.Basket table td.remove a{
	color:#eb6909;
}

.Basket table td.total{
	text-align:right;
}

.Basket table td.bottomrows{
	border-bottom:1px solid #f3f3f3;
	height:30px;
}

.Basket a.continueshopping{
	background-image:url(../gfx/ArrowSmallOrange.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:30px 0 0 35px;
	padding-left:10px;
	padding-top:5px;
	cursor:pointer;
	font-size:1.3em;
	font-weight:normal;
	float:left;
	clear:both;
	}
	
.Basket input.Button{	
	background-color:Transparent;
	background-image:url(../gfx/ButtonWebshop.png);
	background-repeat:repeat-x;
	margin:35px 0 20px 5px;
	padding:5px 10px;
	height:28px;
	width:70px;
	color:#fff;
	font-weight:bold;
	border:0;
	cursor:pointer;
	float:right;
}

.Basket input.Approve{	
	margin-right:20px;
}

/**********Delivery**************************/

.Basket fieldset.Address {
	padding:0 0 0 35px;
	margin:0;
	border:0;
	width:365px;
	clear:both;
	}
	
.Basket fieldset.Address legend {
	margin:0;
	padding:0 0 10px 0;
	color:#333;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	}

.Basket fieldset.Address label {
	margin:0 0 5px 0;
	width:65px;
	display:inline-block;
	}
	
.Basket fieldset.Address input.Text {
	background-color:#fcfcfc;
	border:1px solid #d3d3d3;
	width:245px;
	margin:0 0 5px 0;
	}
	
.Basket fieldset.Address span {
	margin:0 0 5px 0;
	display:inline-block;
	}

.Basket fieldset.Address p.Note {
	margin:0 0 20px 30px;
	font-size:1em;
	color:#888;
	width:220px;
	}
	
.Basket input.Continue {
	width:80px;
	margin:0 425px 20px 0; 
	}
	
/**********Address and Delivery info**************************/


.Basket .PersonalInfo {
	width:720px;
	margin:0;
	padding:20px 0 20px 35px; 
	overflow:hidden;
	clear:both;
	}
	
.Basket .PersonalInfo div {
	width:360px;
	float:left;
	}

.Basket .PersonalInfo  .Headline {
	background-color:#f3f3f3;
	font-size:1.3em;
	font-weight:normal;
	padding:5px 10px;
	margin-bottom:10px;
	}
	
.Basket .PersonalInfo span.Col1 {
	width:70px;
	padding-left:10px;
	float:left;
	}
	
.Basket .PersonalInfo span.Col2 {
	width:270px;
	float:left;
	}
	

.Basket .Numbers.Bottom{
	margin-bottom:0px;
}

.Basket div#conditions {
	padding:30px 0 0 35px;
	float:left;
	}
	
.Basket div#conditions a {
	color:#eb6909;
	text-decoration:underline;
	}
	
.Basket input.Approve {
	width:110px;
	}
	
.Basket table td.productnamewide{
	border-bottom:1px solid #f3f3f3;
	vertical-align:top;
	padding-top:5px;
	text-align:left;
	width:395px;
}

.Basket table th.price{
	padding-right:5px;
}

.Basket table td.price{
	padding-right:5px;
}

.Basket table td.total{
	padding-right:5px;
}

/**********Receipt**************************/	

.Basket h1.Receipt{
	margin:0;
	padding:0 0 20px 35px;
	font-size:2em;
	color:#eb6909;
}

.Basket p {
	width:500px;
	padding-left:35px;
	display:block;
	clear:both;
	}
	
.Basket input.Print {
	width:130px;
	margin-right:20px;
	}


/*********************************************************
Exstra css
*********************************************************/
	/* Generic CSS Classes */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
