body
    {
        background:black;
        font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    }

.MenuMain
    {
        background:#b50006;
        font-size:10pt;
        font-weight:bold;
        color:white;
        text-decoration:none;
    }
    
.MenuSub
    {
        background:#dc0007;
        font-size:10pt;
        font-weight:bold;
        color:white;
        text-decoration:none;
    }

.ProdHead
    {
        background:gray;
        font-size:10pt;
        font-weight:bold;
        color:white;
        text-decoration:none;
    }
    
.linktext
    {
        text-decoration:none;
        color:white;
    }
.linktext:visited
    {
        text-decoration:none;
        color:white;
    }
.linktext:hover
    {
        text-decoration: underline;
    }

.NormalText
    {
        font-size:10pt;
        font-weight:normal;
        color:white;
        text-decoration:none;
        text-align:justify;
    }

.HeadText
    {
        font-size:18pt;
        font-weight:bold;
        color:white;
        text-decoration:none;
        text-align:center;
    }

/* -------------------- Opening page --------------------------*/	
	
	#OpeningBG{width:693px; height:591px; margin: 0 auto; background-image: url(../images/opening.jpg); position: relative; }
	#Menu,
	#Enter { position: absolute; bottom: 43px; left: 180px;} 
	#Menu a,
	#Enter a {display: inline-block; width: 157px; height: 41px; margin: 0 4px; }
	#Menu a span,
	#Enter a span {display: none;}
	#Menu {bottom: 149px; left: 54px;}
	#Menu a {height: 28px; margin:0 8px;}
	
/* -------------------- webshop extension --------------------------*/
td {position: relative; z-index: 0;}
p{ padding: 2px 20px; font-size: 10pt;}
h4 {padding-left: 10px; color: #000;}
a img {border:none;}
.right {text-align: right;}
.center {text-align: center;}
a {text-decoration: none;}

.right .dynamicButton,
.center .dynamicButton {display: inline-block;}
.center .dynamicButton .text{padding: 0 15px}

.dynamicButton {
	display: block;
	cursor: pointer;
	height: 19px;
	line-height: 19px;
	vertical-align: center;
	color: #fff;
	text-decoration: none;
}
.dynamicButton .text,
.dynamicButton .left,
.dynamicButton .right{
	display: block;
	float: left;
	height: 100%;
	width: 4px;
}
 
.dynamicButton .left {background-position: left top;}
.dynamicButton .text {width: auto; padding: 0 5px; background-position: left top; background-repeat:repeat-x;}
.dynamicButton .right{background-position: right top;}
.dynamicButton:hover {color: #fec}
.dynamicButton:hover .text,
.dynamicButton:hover .left {background-position: left bottom;}
.dynamicButton:hover .right{background-position: right bottom;}

.dynamicButton.yellow .left,
.dynamicButton.yellow .right{background-image: url(../images/yellowbuttonends.gif )}
.dynamicButton.yellow .text{background-image: url(../images/yellowbuttontile.png); font-weight: bold; }

.dynamicButton.brightYellow {
	cursor: auto;
	height: 33px;
	line-height: 33px;
}
.dynamicButton.brightYellow .left,
.dynamicButton.brightYellow .right{background-image: url(../images/yellowbgends.png) }
.dynamicButton.brightYellow .text{background-image: url(../images/yellowbgtile.png); color: #000;  }

/* --- Header --------- */

 #Header {
 	background: url("../images/top.jpg") no-repeat top;
	width: 1000px;
	height: 220px;
	position: relative;
 }
 
 #Header ul {
 	position: absolute;
	margin: 0; padding: 0;
	top: 45px;
	left: 225px;
 }
 
 #Header ul li {
 	display: inline;
	list-style: none;
	font-weight: bold;
	margin: 0 5px;
	font-variant: small-caps;
	font-size: 13pt;
}

#Header ul a {
	display: inline-block;
	text-decoration: none;
	color: #A0A0A0;
	padding: 8px;
}

#Header ul a:hover {color: #ddd}

#Flags { background: url(../images/flags.png) no-repeat top; width:121px ; height:50px; position: absolute; top: 162px; left: 50px;}
#Flags a {display: inline-block; width: 43px; height: 27px; margin: 7px 7px 0 8px;}
#Flags a  span{display: none;}


/* --- Login and Basket panel ---- */

#Login,
#Basket {
	background-color: #b50006;
	font-size: 10pt;
	font-weight: bold;
	position: relative;
	z-index: 30;
	margin-bottom: 5px;
}

	#Login a {
		color: #fff;
		text-decoration: none;
		margin-left: 5px;
	}
	#Login .logout {margin-left: 0px;}

	#Login a:hover,
	#Basket a:hover { text-decoration: underline; }
	
	#Login .dynamicButton {margin: 5px 0px 5px 0px;}
	#Login .dynamicButton:hover { color: #fec}
	
	#Basket a {
		color: #fff;
		text-decoration: none;
	}

	#Basket span {display: block}
	
	#Login hr,
	#Basket hr {color: #fff; width: 90%; text-align: center;}
	
	#Login ul,
	#Basket ul { padding: 5px 10px; margin: 0px; }
	#Login li,
	#Basket li { list-style: none; margin-bottom: 1px;}
	
	#Basket li a {
		display: block;
		width: 100%;
		vertical-align: middle; 
	}

	#Basket .active {
		background-position: top;
	}
	
	#Login .key {
		padding-left: 10px;
	}
	
	#Login table {
		width: 100%;
	}
	
	#Login form {
		padding: 0px;
		margin: 0px;
		margin-bottom: 0px;
	}
	
	#Login .value {
		padding-right: 8px;
		width: 100%;
	}
	
	#Login input {
		margin: 0px;
		padding: 0px;
		width: 100px;
	}
	
	/* ---- Webshop ---*/

#News p {width: 120px; overflow: hidden;}		
	
#Webshop {
	background: #fff url(../images/webshoptop.jpg) no-repeat top;
	width: 550px;
	text-align: left;
	font-size: 11pt;
}

	#Breadcrump ul { margin: 0px 30px 16px 20px; padding: 0; padding-top: 4px;}
	#Breadcrump li {
		list-style: none;
		display: inline;
		margin-left: 10px;
		color: #fd5f00;
		
	}
	
	#Breadcrump li a {  color: #fd5f00; text-decoration: none; font-weight: bold; }
	#Breadcrump div {text-align: center; color: #fd5f00; font-weight: bold; padding-top: 4px;}
	
	#Clipart {text-align: center;}
	
	#WebshopItemContainerSearch,
	#WebshopItemContainer {
		width: 529px;
		margin-left: 10px;
		background: url(../images/webshopdown.jpg) no-repeat top;
		position: relative;
		padding-top: 49px;
	}
	#WebshopItemContainerSearch { background: url(../images/searchresulttop.png) no-repeat top; margin-top: 30px;}
	
		#WebshopForm {
			position: absolute;
			top: 11px;
			top: 14px;
			left: 87px;
			left: 115px;
			font-size: 10pt;
		}
			#WebshopForm select { font-size: 8pt; }
			#WebshopItemCount { margin-left: 54px; display: inline;}
			#WebshopItemCountSearch { margin-left: 92px; display: inline;}
			
		.webshopPager {
			background: url(../images/webshoppager.jpg) repeat-x top;
			height: 24px;
			color: #fff;
			font-size: 10pt;
			padding-top: 5px;
		}
		
			.webshopPager ul { margin: 0; padding: 0; }
				.webshopPager li { list-style: none; display: inline; margin-left: 5px;}
					.webshopPager li a { color: #fff; text-decoration: none; }
					
			.webshopPager .sorter { position: absolute; right: 5px; top: 52px;}
				.webshopPager .sorter select { font-size: 8pt; }
				
			
		#WebshopItems { 	width: 529px; }
		
		.basketItems{
			margin-left: 10px;
			padding-top: 25px;
		}
		#WebshopItems .item {
			background: url(../images/webshopitemtile.png) repeat-y;
			position: relative;
		}
		
			#WebshopItems .item #MainInfo.mainInfo { 
				padding: 5px 10px;
			}
			#WebshopItems .item .mainInfo { 
				background: url(../images/webshopitemtop.png) no-repeat top;
				padding: 0px 10px;
				font-size: 9pt;
			}

				#WebshopItems .item .mainInfo span {
					display: inline-block;
					margin-left: 4px;
					margin-right: 7px;
					margin-top: 10px;
				}				
				
				#WebshopItems .item .mainInfo span.code {
					width: 90px;
				}

				#WebshopItems .item .mainInfo span.category {
					width: 262px;
				}

				#WebshopItems .item .mainInfo span.instock {
					width: 72px;
					line-height: 19px;
					text-align: center;
					background-image: url(../images/instock.png);
				}

				#WebshopItems .item .mainInfo span.available {
					width: 72px;
					line-height: 19px;
					text-align: center;
					background-image: url(../images/available.png);
				}

				#WebshopItems .item .mainInfo span.figure {
					width: 100px;
				}
				
			#WebshopItems .item .order { margin: 0px 10px 3px 10px; border-collapse: collapse; border: 0; }
				#WebshopItems .item .name {
					display: table-cell;
					color: #ff3c00;
					font-weight: bold;
					vertical-align: middle;
					width: 305px;
				} 
				
				#WebshopItems .item .price {
					color: #fd5f00;
					display: table-cell;
					width: 80px;
					vertical-align: middle;
					text-align: center;
				} 
				
				#WebshopItems .item .basket {
					display: table-cell;
					width: 164px;
					vertical-align: middle;
				} 
					
				#WebshopItems .item .price2 {
					color: #fd5f00;
					vertical-align: middle;
					text-align: center;
					width: 80px;
				}
				
				#WebshopItems .item .basketX {
					vertical-align: middle;
				} 

				#WebshopItems .item .basket2 {
					width: 122px;
					vertical-align: middle;
				} 
					
					#WebshopItems .item .basket a img { vertical-align: middle; }
					#WebshopItems .item .basket2 a img { vertical-align: middle; }
					
				#WebshopItems .item .basketCont {margin-top: 5px;}
				#WebshopItems .item .basketCont .name {vertical-align: top; width: 260px;}
				#WebshopItems .item .basketCont .price { color: #000; font-weight: bold; vertical-align: top; width: 90px; }
					
					#WebshopItems .item .basketX input { width: 25px; }
					#WebshopItems .item .basket .refresh {
						display: inline-block;
						background: url(../images/basketrefresh.png) no-repeat top;
						width: 37px;
						height: 51px;
						vertical-align: top;
					}
						#WebshopItems .item .basket .refresh a { margin: 26px 0 0 7px; display: block; width: 22px;}
						
					#WebshopItems .item .basketCont input { margin-left: -40px; margin-right: 3px; margin-top: 1px; position: relative; z-index: 10; width: 29px;}
					#WebshopItems .item .basket .price { color: #fd5f00; display: inline; vertical-align: baseline; margin-left: 3px;}
					
					#WebshopItems .item .basket .dynamicButton {
						position: relative;
						top: -18px;
						left: 75px;
						width: 87px;
					}
						#WebshopItems .item .basket .dynamicButton .x {
							display: inline-block;
							background: url(../images/delete.png) no-repeat top;
							width: 18px; 
							height: 19px;
							vertical-align: bottom;
						}
						
			#WebshopItems .item .onsale {
				background: url(../images/sale.png) no-repeat;
				width: 242px;
				height: 37px;
				float: right;
				margin-top: -15px;
			}

			#WebshopItems .item .onsaleEn {
				background: url(../images/sale_en.png) no-repeat;
				width: 242px;
				height: 37px;
				float: right;
				margin-top: -15px;
			}
			
			.clear
			{
				clear: both;
			}
			 
			#WebshopItems .itemInfoContainer img {
				border: 1px solid #ccc;
			}

			#WebshopItems .itemInfoContainer2 {
				background: url(../images/webshopitembottom.png) no-repeat bottom;
				height: 12px;
			}
			
			#WebshopItems .basketCont .itemInfoContainer { padding-bottom: 15px;}
			
				#WebshopItems .itemInfoContainer .more {
					background: url(../images/webshopexpand.jpg) no-repeat top;
					width: 24px; 
					height: 17px;
					display: block;
					margin-left: 10px;
				}
				
				#WebshopItems .itemInfoContainer .more.expand {
					background-position: bottom;
				}
					#WebshopItems .itemInfoContainer .more span {display: none;}
					
				#WebshopItems .itemInfoContainer .box { display: table; padding: 2px 10px 5px 10px; width: 90%; }
					#WebshopItems .itemInfoContainer .img { vertical-align: middle; display: table-cell; width: 72px; } 
					#WebshopItems .itemInfoContainer .text { vertical-align: middle; display: table-cell; padding: 0 26px; font-size: 9pt; }
					
			
		#WebshopItems .item.sum { margin-top: 10px;}	
		#WebshopItems .item.sum .itemInfoContainer { padding-bottom: 12px; }
		
		#WebshopItems .item.sum .cashdesk{
			margin: 0 160px 0 10px;
			/*margin: 15px 154px 15px 20px;*/
			width: 91px;
			display: inline-block;
		}
		#WebshopItems .item.sum .cashdesk .text {padding: 0 10px;}
		
		#WebshopItems .item.sum .dynamicButton.brightYellow {
			width: 260px;
			display: inline-block;
			vertical-align: middle;
		}
		
		#WebshopItems .item.sum .dynamicButton.brightYellow .text { width: 235px; overflow: hidden;}
		#WebshopItems .item.sum .dynamicButton.brightYellow .text span { margin: 0 30px;}
	
	#WebshopBottom {
		background: url(../images/webshopbottom.png) no-repeat;
		width: 100%;
		height: 12px;
	}
	
	
	#StyledForm { 
		margin-top: 15px;
		padding-left: 20px;
		font-size: 10pt;
		border: none;
		}
		
		#StyledForm fieldset {
			margin-top: 10px;
			margin-bottom: 20px;
			border: none;
		}
		#StyledForm legend { font-weight: bold; color: #000;}
		#StyledForm label {
			display: inline-block;
			width: 220px;
			margin-top: 10px;
			padding-left: 25px;
		}
		#StyledForm fieldset select,
		#StyledForm fieldset input {width: 200px;}
		
		#StyledForm .dynamicButton {
			display: inline-block;
			margin-right: 40px;
			position: relative;
			left: 340px;
		}
		
		#StyledForm .twoRightButton {left: 235px; top: 5px;}
		#StyledForm .oneMiddle {left: 175px}
		
		
	#PrevOrders {width: 98%; font-size: 9pt; margin-top: 40px; margin-left: 5px; margin-bottom: 10px; border-bottom: #444 solid 2px;} 
	#PrevOrders th {background: #444; color: #fff; font-weight: normal; padding: 4px 5px;}
	#PrevOrders td {padding: 2px 5px;}
	#PrevOrders .odd {background: #ececec; }
	#PrevOrders .center {text-align: center}
	#PrevOrders .dynamicButton { display: inline-block; }
	#PrevOrders .dynamicButton img {margin-top: 4px;}
	
	#TopInfobox{ padding: 20px 10px 0 10px}
	#TopInfobox a {color: #425383; text-decoration: none;}
	#PrevOrders.prevOrderChange {border:none; margin-top: 5px;}
	#WebshopItems .item.sum .basketin{
			margin-left: -145px;
			margin-right: 15px;
			width: 123px;
			display: inline-block;
		}
		
	.infoBox {
		border: 1px solid #000;
		width: 335px;
		margin: 0 auto;
		padding: 5px;
		margin-bottom: 10px;
		font-size: 10pt;
	}
	
		.infoBox hr {
			width: 95%;
			text-align: center;
			border-style: dotted;
			color: #000;
		}
	
		.infoBox .leftSide { display: inline-block; width: 45%; vertical-align: top;}
		.infoBox .rightSide { display: inline-block; width: 55%; vertical-align: top;}
		.centeredTexts { width: 535px; margin: 0 auto; }
		.centeredTexts2 { width: 335px; margin: 0 auto; }
		/*.centeredTexts #StyledForm input {width: 0;}*/
		
#PrevOrders th.bold,		
.bold {font-weight: bold;}

#ViewerCount {
	margin: 5px 20px;
	color: #fff;
	font-size: 9pt;
	margin-top: 15px;
	font-weight: bold;
	background: #c09686;
	padding: 3px;
	border: 1px solid #a66;
}

#WebshopItemCount form {
   display: inline;
}

#Greetings {
	position: relative;
	top: -50px;
	color: white;
	font-weight: bold;
}

.boxTitle {
	color: white;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

#Content hr {
	margin: 5px 10px;
}

#LoginMessage {
	padding: 5px;
	text-align: center;
}

#LoginMessage .dynamicButton {
	margin-left: 30px;
}

.mainItem {
	margin: 5px 20px;
}

.mainItem .date {
	color: white;
	font-size: 10pt;
	background: #e32;
	padding: 3px;
	border: 1px solid #c11;
}

.newsItem .date {
	padding: 3px;
}

#WebshopItems .item .mainInfo span.category span.delimiter {
	color: #aaa;
	margin: 0;
}