#wrapper {
	min-height: 100%;
	-height: 100%;
	margin: 0 auto;
	width: 92%;
	min-width: 960px;
	max-width: 1280px;
	-width: expression(document.body.clientWidth < 962 + document.body.clientWidth * 0.1 ? "960px" : document.body.clientWidth > 1282 + document.body.clientWidth * 0.1 ? "1280px" : "92%");
	padding-top: 1px;
	margin-top: -1px;
	}
	#wrapper .bc {
		height: 25px;
		margin: 0 25px;
		background: #f9f9f3;
		}
	#wrapper .bl {
		height: 25px;
		width: 25px;
		float: left;
		position: relative;
		left: -25px;
		background: url(bg000001.png) no-repeat left bottom;
		-background: url(bg000002.png) no-repeat left bottom;
		}
	#wrapper .br {
		height: 25px;
		width: 25px;
		float: right;
		position: relative;
		right: -25px;
		background: url(bg000001.png) no-repeat right bottom;
		-background: url(bg000002.png) no-repeat right bottom;
		}




	/* columns for HOME page*/
	#wrapper .x-1, #wrapper .x-2, #wrapper .x-3 {
		display: inline;
		float: left;
		width: 200px;
		padding: 0 15px;
		margin-bottom: 25px;
		}
	#wrapper .x-1 {
		padding-left: 25px;
		}
	#wrapper .x-4 {
		margin-left: 700px;
		padding-left: 15px;
		padding-right: 25px;
		margin-bottom: 25px;
		-height: 10px;
		}

	.x-cropped #wrapper .x-1,
	.x-cropped #wrapper .x-2,
	.x-cropped #wrapper .x-3,
	.x-cropped #wrapper .x-4 {
		display: inline;
		float: left;
		width: 21%;
		padding: 0 2%;
		margin-left: 0;
		}
		.x-cropped #wrapper .x-2 .w200,
		.x-cropped #wrapper .x-3 .w200 {
			width: 200px;
			margin: 0 auto;
			}
	.x-cropped #wrapper .x-4 {
		padding: 0 2% 0 1%;
		}




	/* Green Box for HOME page */
	#wrapper #index-useful {
		background: #0A6930 no-repeat 0 0;
		color: #fff;
		font-size: 13px;
		line-height: normal;
		margin-bottom: 15px;
		}
	.x-cropped #wrapper #index-useful {
		background-image: none !important;
		}
		#wrapper #index-useful p {
			min-height: 107px;
			-height: 107px;
			display: none;
			margin-bottom: 0;
			padding: 10px 25px 10px 25px;
			margin-left: 190px;
			border-left: 1px solid #fff;
			}
		.x-cropped #wrapper #index-useful p {
			margin-left: 0;
			border-left: none;
			}




	/* carousel */
	#carousel {
		background: #f3f3f3;
		padding: 10px 0;
		height: 96px;
		position: relative;
		}
		#carousel-previous, #carousel-next {
			position: absolute;
			top: 45px;
			z-index: 999;
			cursor: pointer;
			width: 28px;
			height: 28px;
			}
		#carousel-previous {
			left: -35px;
			background: url(ico00001.png) no-repeat 0 0;
			}
		#carousel-next {
			right: -27px;
			background: url(ico00002.png) no-repeat 0 0;
			}
		#carousel .hover {
			background-position: 0 -28px;
			}
		#carousel .pressed {
			background-position: 0 -56px;
			}
		#carousel-mask {
			width: 410px;
			height: 96px;
			position: absolute;
			overflow: hidden;
			left: 0;
			top: 10px;
			}
		.x-cropped #carousel-mask {
			width: 190px;
			}
			#carousel-list {
				position: absolute;
				left: 0;
				top: 0;
				width: 5000px;
				}
				#carousel-list a {
					margin-right: 30px;
					float: left;
					display: block;
					}
				#carousel-list a img {
					display: block;
					}




	/* Equal height for column on index page */
	.x-1 .x-trim,
	.x-2 .x-trim,
	.x-3 .x-trim {
		min-height: 270px;
		-height: 270px;
		}




/*
	header
*/
#header {
	height: 220px;
	position: relative;
	margin-top: 20px;
	background-color: #3399CC;
	background-repeat: no-repeat;
	background-position: right bottom;
	}

	/* corner */
	#corner {
		position: absolute;
		top: 0;
		left: 0;
		width: 5px;
		height: 5px;
		background: url(bg000002.png) no-repeat 0 0;
		-background: url(bg000003.png) no-repeat 0 0;
		}

	/* hotline */
	#hotline {
		position: absolute;
		bottom: 12px;
		right: 320px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		}
		#hotline img {
			width: 20px;
			height: 19px;
			margin-right: 5px;
			background: url(ico00000.png) no-repeat 0 0;
			-background: none;
			-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/_/ico.hotline.png');
			}

	/* logo */
	#logo {
		position: absolute;
		top: 10px;
		left: 25px;
		}
		#logo img {
			display: block;
			width: 247px;
			height: 126px;
			}

	/* langs */
	#langs {
		position: absolute;
		top: 40px;
		right: 20px;
		font-size: 11px;
		font-weight: bold;
		}
		#langs span, #langs a {
			display: block;
			padding: 3px 0;
			width: 30px;
			text-align: center;
			margin-bottom: 5px;
			}
		#langs span {
			color: #fff;
			background: #d61a21;
			cursor: default;
			}
		#langs a {
			color: #fff;
			background: #0a6d31;
			}

	/* menu */
	#menu {
		background: #054421;
		height: 40px;
		margin: 0 6px 0 276px;
		font-size: 12px;
		position: relative;
		top: -10px;
		z-index: 999;
		}
		#menu div {
			float: left;
			height: 40px;
			position: relative;
			margin-right: 10px;
			background: url(ico9999.png) no-repeat right 1.8em;
			}
			#menu div a {
				color: #fff;
				float: left;
				display: block;
				height: 40px;
				padding: 0 0 0 15px;
				-overflow: hidden;
				}
				#menu div a span {
					float: left;
					display: block;
					line-height: 43px;
					height: 40px;
					padding: 0 15px 0 0;
					}
			#menu div.hover a {
				color: #000;
				background: url(bg000003.png) no-repeat left bottom;
				}
			#menu div.hover a span {
				background: url(bg000003.png) no-repeat right bottom;
				}

		#menu ul {
			color: #000;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.4;

			background: url(bg000004.png) no-repeat left bottom;
			-background-image: url(bg000005.png);
			position: absolute;
			top: 40px;
			left: 0;
			display: none;
			padding: 0 0 10px 0;
			margin: 0;
			width: 230px;
			list-style: none;
			}
			#menu li {
				margin: 5px 15px;
				padding: 0;
				white-space: nowrap;
				background: none;
				}
			#menu ul a {
				color: #023518;
				float: none;
				display: inline;
				text-decoration: underline;
				line-height: 1.4;
				padding: 0;
				background: none;
				}
			#menu ul a:hover {
				color: #6cb90b;
				text-decoration: none;
				}
		#menu div.hover ul {
			display: block;
			}

		/* menu bar corners */
		#menu div.l, #menu div.r {
			width: 6px;
			margin: 0;
			}
		#menu div.l {
			background: url(bg000005.png) no-repeat left top;
			-background-image: url(bg000006.png);
			left: -6px;
			}
		#menu div.r {
			background: url(bg000005.png) no-repeat right top;
			-background-image: url(bg000006.png);
			float: right;
			right: -6px;
			}




	/* search */
	#search-short {
		position: absolute;
		bottom: 12px;
		right: 20px;
		}
		#search-short p {
			margin: 0;
			width: 143px;
			height: 25px;
			line-height: 23px;
			background: url(bg000006.png) no-repeat 0 0;
			-background: none;
			-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/_/bg.search.png');
			}
			#search-short img {
				vertical-align: middle;
				//position: relative;
				//top: 3px;
				}
			#search-short img.submit {
				height: 19px;
				width: 35px;
				margin: 0 0 0 10px;
				cursor: pointer;
				}
			#search-short input {
				border: 0;
				outline: 0;
				margin: 0 0 0 13px;
				padding: 0;
				width: 70px;
				vertical-align: middle;
				//position: relative;
				//top: 3px;
				}

	/* teaser */
	#teaser {
		position: absolute;
		bottom: 48px;
		right: 0;
		width: 390px;
		height: 145px;
		padding: 20px 33px 0 85px;

		background: url(bg0000071.png) no-repeat 0 0;
		-background: none;
		-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/_/bg.teaser.png');
		}
		#teaser h5 {
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			}
		#teaser p {
			color: #fff;
			font-size: 25px;
			font-weight: bold;
			line-height: 1em;
			}




/*
	body
*/
#body {
	background: #f9f9f3;
	padding-top: 30px;
	width: 100%;
	}

	/* left navigation */
	#nav {
		display: inline;
		float: left;
		width: 235px;
		margin-right: 35px;
		font-size: 14px;
		position: relative;
		}
		#nav a {
			color: #044c24;
			font-weight: normal;
			}
		#nav a:hover {
			text-decoration: underline;
			}
		#nav h1 {
			color: #044c24;
			margin-left: 30px;
			}
		#nav ul {
			list-style: none;
			margin: 0 0 0 20px;
			padding: 0;
			line-height: 1.6em;
			}
		#nav li {
			margin: 3px 0;
			padding: 0 0 0 10px;
			background: none;
			font-weight: bold;
			}
		#nav li.expanded {
			background: url(ico_cloz.png) no-repeat 0 .6em;
			}
			#nav ul ul {
				font-size: 12px;
				font-weight: normal;
				border-bottom: 1px solid #e3e3df;
				line-height: 1.4em;
				margin: 0 0 10px 0;
				}
				#nav ul ul a {
					color: #044c24;
					}
				#nav ul ul li {
					padding: 2px 0 2px 10px;
					}
				#nav ul ul a:hover {
					color: #6cb90b;
					}
			#nav ul ul ul {
				border-bottom: none;
				margin-bottom: 0;
				}

	/* content area */
	#content {
		padding-bottom: 25px;
		margin: 0 25px 0 270px;
		position: relative;
		_height: 0;
		}

	/* right column */
	#sidebar {
		display: inline;
		float: right;
		width: 265px;
		position: relative;
		}
		#sidebar .x-place {
			margin-bottom: 30px;
			}
			#sidebar .x-place p {
				margin-left: 25px;
				margin-right: 25px;
				}
			.box-green {
				background-color: #0a6930;
				background-position: 0 0;
				background-repeat: no-repeat;
				color: #fff;
				padding: 10px 25px;
				font-size: 13px;
				line-height: normal;
				margin-bottom: 15px;
				-height: 10px;
				}

	/* bottom block with bottles */
	#ribbon {
		background: #f4f4f4;
		height: 122px;
		width: 100%;
		overflow: hidden;
		}




/*
	footer
*/
#hfooter {
	height: 85px;
	}
#footer {
	color: #769b3b;
	font-size: 11px;
	text-align: center;

	margin: -85px auto 0 auto;
	padding: 20px 0 0 0;
	height: 65px;
	min-width: 960px;
	max-width: 1280px;
	width: 90%;
	_width: expression(document.body.clientWidth < 962 + document.body.clientWidth * 0.1 ? "980px" : document.body.clientWidth > 1282 + document.body.clientWidth * 0.1 ? "1280px" : "90%");
	}
	#footer a {
		color: #769b3b;
		margin: 0 3px;
		}
	#footer a img{
		margin: 0 -2px;
		}
	#footer p {
		padding: 0 10px;
		}




/*
	UI
*/

/* pager */
.pager {
	text-align: center;
	font-weight: bold;
	}
	.pager a {
		color: #6cb90b;
		margin: 0 4px;
		}
	.pager span {
		color: #fff;
		background: #de5a02;
		padding: 1px 5px;
		margin: 0 4px;
		}




/* popup */
.ui-popup {
	background: #fff url(logo0000.png) no-repeat 15px 14px;
	border: 1px solid #007b7c;
	position: absolute;
	z-index: 999;
	top: 200px;
	left: 50%;
	text-align: center;
	}
	.ui-popup a {
		padding-right: 12px;
		line-height: 1em;
		background: url(ico_cloz.png) no-repeat right 60%;
		margin: 15px 15px 5px 150px;
		text-align: right;
		display: block;
		text-decoration: none;
		}
	.ui-popup img {
		margin: 15px;
		clear: both;
		background: #FFFFCC;
		cursor: pointer;
		}
	.ui-popup .s {
		background: #CCFFFF;
		position: absolute;
		_display: none;
		}
		.ui-popup .t { height: 5px; }
		.ui-popup .tl, .ui-popup .tr { height: 15px; }
		.ui-popup .b { height: 15px; }
		.ui-popup .bl, .ui-popup .br { height: 25px; }
		.ui-popup .l, .ui-popup .r { width: 10px; }
		.ui-popup .tl, .ui-popup .bl, .ui-popup .tr, .ui-popup .br { width: 20px; }

		.ui-popup .t, .ui-popup .b { left: 9px; right: 9px;}
		.ui-popup .t { top: -6px; }
		.ui-popup .b { bottom: -16px; }
		.ui-popup .l, .ui-popup .r { top: 9px; bottom: 9px;}
		.ui-popup .l { left: -11px; }
		.ui-popup .r { right: -11px; }
		.ui-popup .tl { left: -11px; top: -6px; }
		.ui-popup .tr { right: -11px; top: -6px; }
		.ui-popup .bl { left: -11px; bottom: -16px; }
		.ui-popup .br { right: -11px; bottom: -16px; }
		.ui-popup .t { background: url(cert/bg000007.png) repeat-x left top; }
		.ui-popup .b { background: url(cert/bg000007.png) repeat-x bottom left; }
		.ui-popup .tl { background: url(cert/bg000007.png) no-repeat -10px -5px; }
		.ui-popup .tr { background: url(cert/bg000007.png) no-repeat -30px -5px; }
		.ui-popup .bl { background: url(cert/bg000007.png) no-repeat -10px -20px; }
		.ui-popup .br { background: url(cert/bg000007.png) no-repeat -30px -20px; }
		.ui-popup .l { background: url(cert/bg000007.png) repeat-y left top; }
		.ui-popup .r { background: url(cert/bg000007.png) repeat-y right top; }




/* tooltips */
.tip-wrap {
	width: 210px;
	color: #545454;
	font: 12px/1.2 Arial,sans-serif;
	text-decoration: none;
	text-align: left;
	}
	.tip-top {
		height: 10px;
		background: url(bg000007.png) no-repeat 0 0;
		-background: url(bg000008.png) no-repeat 0 0;
		}
	.tip-bottom {
		height: 15px;
		background: url(bg000007.png) no-repeat 0 100%;
		-background: url(bg000008.png) no-repeat 0 100%;
		}
	.tip {
		padding: 0 10px 0 15px;
		min-height: 10px;
		-height: 10px;
		background: url(bg000007.png) no-repeat 0 -10px;
		-background: url(bg000008.png) no-repeat 0 -10px;
		}
		.tip .tip-title {
			font-weight: bold;
			padding-bottom: 5px;
			}
		.tip-wrap-history .tip .tip-text {
			font-size: 10px;
			}
		.tip p {
			margin-bottom: 0;
			padding-bottom: 5px;
			}




/* sys */
.sys-hidden {
	display: none;
	}




/*
	SLIMBOX (plug-in) http://www.digitalia.be/demo/slimbox/
*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	}
.lbLoading {
	background: #fff url(slimbox0.gif) no-repeat center;
	}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	}
#lbPrevLink {
	left: 0;
	}
#lbPrevLink:hover {
	background: transparent url(slimbox0.png) no-repeat 0 15%;
	}
#lbNextLink {
	right: 0;
	}
#lbNextLink:hover {
	background: transparent url(slimbox0.png) no-repeat 100% 15%;
	}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(slimbox0.png) no-repeat right 50%;
	margin: 5px 0;
	outline: none;
	}
#lbCaption, #lbNumber {
	margin-right: 71px;
	}
#lbCaption {
	font-weight: bold;
	}