/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div { font-size: 12px; line-height: 1.3; } 
body, button, input, select, textarea { font-family: sans-serif; color: #231F20; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, fieldset, form, table, ul, ol, li {
	 margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; 
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a:hover, a:active, a:focus { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
.small-text { font-size: 85%; }
sub, sup { font-size: 90%; line-height: 0; margin-left: 0.2em; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
address, quote, q, code { font-style: normal; }


/* ==|== primary styles =====================================================
   Author: Sabrina Glock
   ========================================================================== */
/* Default */
#sidenav .search,
#sidenav .search .submit,
#settings > div > a span,
.lte8 #settings div.login,
.lte8 #settings > div.login > a,
.lte8 #settings div.logout,
.lte8 #settings > div.logout > a,
#slidenav .prev,
#slidenav .next,
#content .news .tabs a,
#main .links li,
.arrow,
#main .aside .share .print,
.button span,
#settings .login button,
#content .content-slideshow .paging span,
#content .product-overview .zoom > span,
#cboxClose,
#cboxTitle .print,
#faq p span, 
#faq  h3, 
#faq h4, 
#faq h5, 
#faq h6,
#surface-table .label .icon.yes,
#main table a,
#main .nav-links a,
.infobox .close {
	background: url(../images/design/sprite.png) 0 0 no-repeat transparent;
}
#settings div.worldwide .country,
#settings a.lastCountry {
	background: url(../images/design/sprite_flags.png) left 50px no-repeat;
}

body {
	background: url(../images/design/background.jpg) 0 0 no-repeat #FFFFFF;
}
#container {
	overflow: visible;
    position: relative;
    width: 996px;
}
.strong {
	font-weight: bold;
}
p {
	margin-bottom: 6px;
}
p.strong {
	font-weight: bold;
}
a {
	color: #009933;
}
a:hover {
	color: #5b5b5b;
}
.arrow {
	background-position: left 2px;
	border: 0 none;
	color: #231F20;
	cursor: pointer;
	line-height: 20px;
	padding-left: 17px;
	text-decoration: none;
}
.arrow.back {
	background-position: left -584px;
}
.arrow:hover,
.button:hover {
	color: #009933;
}
.button {
	background: url(../images/design/button_verlauf.png) 0 0 repeat-x;
    border: 1px solid #CACACA;
    border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px 2px #C7C7C7;
	-webkit-box-shadow: 0 0 5px 2px #C7C7C7;
	-moz-box-shadow: 0 0 5px 2px #C7C7C7;
    color: #231F20;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    margin-left: 2px;
    padding-right: 15px;
    text-decoration: none;
}
.lte8 .button {
	background: url(../images/design/button_links.png) 0 0 no-repeat;
	border: 0 none;
	height: 28px;
	padding-right: 0;
	padding-left: 20px;
}
	.button span {
		background-position: 4px 1px;
    	margin-left: 2px;
    	padding-left: 20px;
	}
	.lte8 .button span {
		background: url(../images/design/button_rechts.png) right 0 no-repeat;
		display: block; 
		line-height: 28px;
		margin-left: 0;
		padding-left: 10px;
		padding-right: 15px
	}
input, textarea, select {
	background-color: #FFFFFF;
    border: 1px solid #CACACA;
    box-shadow: 1px 1px 2px #c7c7c7 inset;
    -webkit-box-shadow: 1px 1px 2px #c7c7c7 inset;
	-moz-box-shadow: 1px 1px 2px #c7c7c7 inset;
    padding: 3px;
}
.lte8 input {
	background: url(../images/design/suche-schatten.png) 0 0 no-repeat #FFFFFF;
}
input[type=checkbox] {
	border: 0 none;
	box-shadow: transparent;
	-moz-box-shadow: transparent;
	-webkit-box-shadow: transparent;
	background: none;
}
input:focus:valid {
	background-color: #CAFCB8;
}
input:focus:invalid {
	background-color: #FCB8B8;
}
::-webkit-input-placeholder {
	color: #949494;
}
:-moz-placeholder {
	color: #949494;
}
::selection {
	background: #009933; /* Safari */
	}
::-moz-selection {
	background: #009933; /* Firefox */
}
select.empty {
	color: #949494;
}
	select.empty option {
		color: #231F20;
	}
form.js button,
form.js input[type=button] {
	display: none;
}
.error {
	color: #e21c1d;
}
.errormessage {
	font-weight: bold; 
	margin-bottom: 15px;
}
.js .noscript {
	display: none;
}

/* Main styles */
#main ul {
	list-style-image: url(../images/design/bulletpoint.png);
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0 10px 0;
}
.ie7 #main ul {
	list-style-image: none;
	list-style-type: disc;
}
#main ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 10px 0 10px 0;
}
#main .paragraph ul,
#main .product-info .block.download ul {
	list-style-position: outside;
	margin-left: 15px;
}
#main table {
	border-top: 1px solid #d6d6d6;
	margin-bottom: 15px;
    text-align: left;
    width: 100%;
}
#main table.fixed { 
	table-layout: fixed;
	width: auto;
}
	#main tr.separator {
		border-top: 2px solid #009933;
	}
	#main tr.odd {
		background-color: #f5f5f5;
	}	
	#main td {
		background-color: inherit;
		border-bottom: 1px solid #d6d6d6;
		border-left: 1px solid #d6d6d6;
		padding: 7px;
		vertical-align: top;
	}
	#main th {
		background-color: #009933;
		border-left: 1px solid #ffffff;
		border-bottom: 1px solid #d6d6d6;
		color: #FFFFFF;
		font-weight: bold;
		padding: 7px;
		/*padding-right: 10px;*/
		vertical-align: middle;
	}
	#main td:first-child ,
	#main th:first-child {
		border-left: 0 none;
	}
	#main td.subheadline {
		background-color: #EEEEEE;
	}
		#main table ul,
		#main table ol {
			list-style-position: inside;
			margin: 0;
		}
		#main table p {
			margin: 0;
		}
		#main table p+p {
			margin-top: 6px;
		}
		#main table a {
			background-position: left 2px;
			border: 0 none;
			color: #231F20;
			cursor: pointer;
			line-height: 20px;
			padding-left: 17px;
			text-decoration: none;
		}
		#main table a:hover {
			color: #009933;
		}
	.no-js #main .downloads .filter {
		display: none;
	}
	.js #main .downloads .filter {
		margin-bottom: 10px;
	}
		.js #main .downloads .filter select {
			min-width: 250px;
		}
			.js #main .downloads .filter option {
				padding-right: 10px;
			}
	.js #main .downloads table {
		margin-top: 20px;
	}
		#main .downloads td a[name] {
			background: none;
			padding-left: 0;
		}
		#main .downloads table .icon {
			display: block;
			float: left;
			height: 16px;
			line-height: 1.3;
			margin-right: 5px;
			padding: 0;
			text-indent: -9000px;
			width: 26px;
		}
		#main .downloads table .icon.doc {
			background-position: -150px -712px;
		}
		#main .downloads table .icon.exe {
			background-position: -60px -712px;
		}
		#main .downloads table .icon.jpg {
			background-position: -120px -712px;
		}
		#main .downloads table .icon.pdf {
			background-position: left -712px;
		}
		#main .downloads table .icon.txt {
			background-position: -90px -712px;
		}
		#main .downloads table .icon.xls {
			background-position: -30px -712px;
		}
		#main .downloads table .icon.zip {
			background-position: -180px -712px;
		}

/* Header */
#header {
	height: 95px;
	position: relative;
}
	#header h1,
	#header p {
		background: url(../images/design/logo_habasit.png) no-repeat scroll 0 0 transparent;
	    height: 54px;
	    left: 30px;
	    position: relative;
	    text-indent: -9999px;
	    top: 30px;
	    width: 113px;
	}
	#header ul {
		left: 250px;
		margin-top: 5px;
	    position: absolute;
	    top: 0;
	}
		#header ul li {
			display: block;
		    float: left;
		    font-size: 10px;
		    line-height: 1.5;
		    list-style-type: none;
		    padding-right: 15px;
		}
			#header li a {
				color: #5b5b5b;
				text-decoration: none;
			}
			#header li a:hover,
			#header li.selected a {
				color: #009933;
			}
/* Navigation */
#nav {
	left: 247px;
    position: absolute;
    top: 47px;
}
.lte8 #nav {
	top: 40px;
	z-index: 300;
}
.ie7 #nav {
	overflow: visible;
	width: 100%;
}
	#nav > ul {
		margin-left: 1px;
	}
	#nav > ul > li {
		float: left;
	    height: 50px;
	    line-height: 42px;
	    list-style-type: none;
	    margin-right: 4px;
	    text-align: center;
	    width: 145px;
	}
	#nav > ul > li.selected {
		margin-left: -6px;
		margin-right: 10px;
	}
	#nav > ul > li.selected:first-child {
		height: 53px;
		margin-left: 0;
		margin-right: 4px;
	}
	#nav > ul > li.active,
	#nav > ul > li.active:first-child {
		margin-left: -11px;
	    margin-right: -7px;
	    margin-top: -7px;
	    width: 167px;
	}
	.lte8 #nav > ul > li {
		margin-top: 7px;
	}
	.lte8 #nav > ul > li.active {
		margin-top: 0;
	}
		#nav > ul > li > a {
			background: url(../images/design/navi_btn.png) 0 0 no-repeat;
			color: #231F20;
			display: block;
			font-weight: bold;
			height: 42px;
			text-decoration: none;
			width: 100%;
		}
		#nav > ul > li > a:hover {
			color: #009933;
		}
		#nav > ul > li.selected > a {
			background: url(../images/design/navi_btn_over.png) 0 0 no-repeat;
			color: #009933;
			height: 50px;
			padding: 0 6px;
		} 
		#nav > ul > li.selected:first-child > a {
			background: url(../images/design/navi_btn_over_links.png) -1px 0 no-repeat;
			height: 53px;
			padding-right: 6px;
			padding-left: 0;
		}
		#nav > ul > li.selected.last > a {
			background: url(../images/design/navi_btn_over_rechts.png) 2px 0 no-repeat;
			height: 53px;
			padding-right: 0;
		}
		.lte8 #nav > ul > li.selected.last > a {
			background-position: 4px 0;
			padding-right: 8px;
		}
		#nav > ul > li.active > a,
		#nav > ul > li.active:first-child > a,
		#nav > ul > li.active.last > a {
			background: url(../images/design/hover-layer-button.png) 0 0 no-repeat;
			color: #009933;
			height: 50px;
			padding: 6px 0 0;
			position: relative;
			z-index: 700;
		}
		.no-js #nav .mdd {
			display: none;
		}
		#nav .mdd {
			background: url(../images/design/hover-layer-verlauf.png) 0 bottom repeat-x #FFFFFF;
		    border: 1px solid #CACACA;
		    border-radius: 7px 7px 7px 7px;
		    -webkit-border-radius: 7px 7px 7px 7px;
			-moz-border-radius: 7px 7px 7px 7px;
		    box-shadow: 0 0 8px 1px #c7c7c7;
		    -webkit-box-shadow: 0 0 8px 1px #c7c7c7;
			-moz-box-shadow: 0 0 8px 1px #c7c7c7;
			padding: 0 10px 15px;
			position: absolute;
			top: -999px;
		    width: auto;
		    z-index: 500;
		}
		#nav .mdd.small {
			background-position: 0 top;
		}
		.js #nav > ul > li.active .mdd {
			display: block !important;
		}
			#nav .mdd > ul > li {
				display: block;
				float: left;
				list-style-type: none;
				margin-left: 10px;
				margin-top: 20px;
				text-align: left;
				width: 180px;
			}
			#nav .mdd > ul > li.first {
				margin-left: 0;
			}
			#nav .mdd.single > ul > li {
				float: none;	
				margin-left: 0;
			}
				#nav .mdd > ul > li > a {
					border-bottom: 1px solid #CACACA;
					color: #231F20;
					display: block;
					font-weight: bold;
					line-height: 1.3;
					text-decoration: none;
					width: 100%;
				}
				#nav .mdd > ul > li > a:hover {
					color: #009933;
				}
				#nav .mdd ul ul {
					font-size: 11px;
					list-style-type: none;
					margin-top: 15px;
				}
					#nav .mdd ul ul li {
						line-height: 1.5;
					}
						#nav .mdd ul ul li a {
							color: #231F20;
							text-decoration: none;
						}
						#nav .mdd ul ul li a:hover {
							color: #009933;
						}
#sidenav {
	float: left;
	left: 0;
    margin-right: -2px;
    padding-top: 20px;
    position: relative;
    width: 251px;
    z-index: 200;
}
	#sidenav .search {
		background-position: left -170px;
	    margin-right: 20px;
	    padding: 10px 5px 10px 30px;
	}
	.ie7 #sidenav .search {
		zoom: 1;
	}
		#sidenav .search input {
		    margin-right: 5px;
		    width: 150px;
		}
		#sidenav .search .submit {
			background-position: 5px 5px;
		    border: 0 none;
		    height: 20px;
		    text-indent: -9999px;
		    width: 20px;
		}
	#sidenav .address {
		font-size: 10px;
		margin: 20px 20px 20px 30px;
	}
	#second-nav {
		margin-left: 30px;
    	margin-top: 15px;
	}
		#second-nav .head {
			background: url(../images/design/navi_left_header.png) no-repeat scroll 0 0 transparent;
			color: #009933;
		    font-size: 10px;
		    font-weight: bold;
		    height: 25px;
		    line-height: 25px;
		    padding-left: 10px;
		    position: relative;
		    z-index: 100;
		}
		#second-nav div.selected {
			border-top: 1px solid #CACACA;
			margin-top: -1px;
		}
			#second-nav div.selected > a {
				background: url(../images/design/navi-down.png) no-repeat 0 0 transparent;
				color: #5B5B5B;
				display: block;
				font-size: 11px;
				font-weight: bold;
				height: 27px;
				line-height: 25px;
				margin-left: -1px;
				padding-left: 30px;
				text-decoration: none;
			}
			#second-nav ul {
				list-style-type: none;
				padding-top: 10px;
			}
				#second-nav ul > li {
					border-bottom: 1px solid #CACACA;
				}
				#second-nav ul > li.selected {
					border-bottom: 0 none;
				}
					#second-nav ul > li > a {
						background-position: 0 8px;
						display: block;
						height: 27px;
						line-height: 27px;
					}
					#second-nav ul > li > a:hover {
						font-weight: bold;
					}
					#second-nav ul > li.selected > a {
						background: url(../images/design/navi_left_highlight.png) 0 0 repeat-x;
						border: 0 none;
						color: #009933;
						font-weight: bold;
						line-height: 24px;
					}
/* Main Content */
#main {
	background-color: #FFFFFF;
	border: 1px solid #CACACA;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 0 3px 0 #c7c7c7;
	-webkit-box-shadow: 0 0 3px 0 #c7c7c7;
	-moz-box-shadow: 0 0 3px 0 #c7c7c7;
    height: auto;
    margin-left: 250px;
    overflow: hidden;
    padding: 13px;
    width: 710px;
}
.lte8 #main {
	background: url(../images/design/content_mitte.png) 0 10px repeat-y transparent;
	border: 0 none;
	float: left;
	margin-top: 10px;
	margin-left: -3px;
	margin-bottom: 10px;
	overflow: visible;
	padding: 10px 19px;
	position: relative;
	top: -4px;
	width: 710px;
	zoom: 1;
}
	.lte8 #main .bg-top,
	.lte8 #main .bg-bottom {
		height: 10px;
		left: 0;
		position: absolute;	
		width: 100%;
	}
	.lte8 #main .bg-top {
		background: url(../images/design/content_top.png) 0 0 no-repeat;
		top: -10px;	
	}
	.lte8 #main .bg-bottom {
		background: url(../images/design/content_bottom.png) 0 0 no-repeat;
		bottom: -10px;
	}
	#main .paragraph {
		margin-bottom: 15px;
	}
	#slideshow {
		margin-bottom: 15px;
	    overflow: hidden;
	    position: relative;
	}
	#slideshow .slideshow {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		height: 287px;
	}
		#slideshow .slideshow img {
			height: 287px;
			width: 710px;
		}
		#slideshow #slidenav {
			bottom: 5px;
		    left: 5px;
		    position: absolute;
		    z-index: 300;
		}
			#slideshow #slidenav .prev,
			#slideshow #slidenav .next {
				display: block;
				float: left;
				height: 34px;
				text-indent: -999px;
				width: 40px;
			}
			#slideshow #slidenav .prev {
				background-position: left -328px;
			}
			#slideshow #slidenav .next {
				background-position: right -328px;
			}
			#slideshow #slidenav .paging {
				background: url(../images/design/buehne-navi-mitte.png) 0 0 repeat-x;
				float: left;
				padding: 0 5px;
				height: 34px;
			}
				#slideshow #slidenav .paging a {
					color: #5B5B5B;
					display: block;
					float: left;
					font-size: 11px;
					font-weight: bold;
					line-height: 34px;
					text-decoration: none;
					text-align: center;
					width: 17px;
				}
				#slideshow #slidenav .paging a:hover,
				#slideshow #slidenav .paging a.activeSlide {
					color: #009933;
				}
		#slideshow .selection {
			background: url(../images/design/buehne-layer.png) right 0 no-repeat;
			bottom: 0;    
			height: 189px;
			padding-left: 22px;
			padding-top: 19px;
			position: absolute;
			right: 0; 
			width: 144px;
			z-index: 300;
		}
		.lte8 #slideshow .selection {
			right: -3px;
		}
			#slideshow .selection a {
				display: block;
			    height: auto;
			    margin-bottom: 7px;
			    width: auto;
			}
				#slideshow .selection a im {
					height: 91px;
					width: 142px;
				}
	#content {
		float: left;
		width: 415px;
	}
	#content img.left {
		float:left; 
		margin-right: 10px; 
		margin-top: 3px;
		max-width: 220px;
	}
	#content img.right {
		float: right; 
		margin-left: 10px; 
		margin-top: 3px;
		max-width: 220px;
	}
	#content.product {
		width: 100%;
	}
		#main .img-wrapper {
			display: block;
			margin-bottom: 15px;
			position: relative;
			width: 100%;
		}
			#main .img-wrapper img,
			#content.product .img-wrapper img {
				max-width: 710px;
			}
			#content .img-wrapper img,
			#content.product .product-overview .img-wrapper img {
				max-width: 415px;
			}
			#sidebar .img-wrapper img,
			#content.product .product-info .img-wrapper img{
				max-width: 285px;
			}
		#content .news {
			 margin-top: 20px;
	  		 position: relative;
		}
			#content .news p {
				font-size: 11px;
			}
			#content .news .hdl {
				background-color: #EEEEEE;
			    font-weight: bold;
			    font-size: 12px;
			    line-height: 20px;
			    padding-left: 10px;
			}
			#content .news .tabs {
				font-size: 10px;
				    line-height: 20px;
				    position: absolute;
				    right: 10px;
				    top: 0;
			}
			.no-js #content .news .tabs {
				display: none;
			}
				#content .news .tabs a {
					background-position: left -375px;
					color: #231F20;
				    padding: 0 5px 0 8px;
				    text-decoration: none;
				}
				#content .news .tabs a:first-child {
					background: none;
				}
			#content .news .pane {
				margin-bottom: 20px;
			}
	.contactleft {
		float: left;
		margin-bottom: 15px;
		width: 415px;
	}
	.contactright {
		float: right;
		margin-bottom: 15px;
		width: 285px;
	}
		#main .address {
			margin-bottom: 15px;
		}
			#main .address p {
				line-height: 1.4;
			}
			#main .address table {
				border: 0 none;
				margin-top: 0;
				width: auto;
			}
				#main .address td {
					border: 0 none;
					line-height: 1.4;
					padding: 0 8px 0 0;
				}
					#main .address a {
						background: none;
						color: #009933;
						line-height: 1.4;
						padding: 0;
					}
		#main .links {
			margin-bottom: 15px;
			margin-left: 0;
			margin-top: 0;
		}
			#main .links li {
				background-position: left 5px;
	  			line-height: 20px;
			    list-style-type: none;
				list-style-image: none;
			    margin-left: 5px;
	    		padding-left: 15px;
			}
			.ie7 #main .links li {
				padding-left: 0;
			}
			#main .links li.active {
				background: 0 none;
				font-size: 11px;
			}
				#main .links a {
					color: #231F20;
				    font-size: 11px;
				    text-decoration: none;
				}
				#main .links a:hover {
					color: #009933;
				}
		#main .nav-links {
			list-style-type: none;
			list-style-image: none;
			margin: 0 0 15px;
		}
			#main .nav-links a {
				background-position: left 2px;
				border: 0 none;
				color: #231F20;
				cursor: pointer;
				font-weight: bold;
				line-height: 20px;
				padding-left: 17px;
				text-decoration: none;
			}
			#main .nav-links a:hover {
				color: #009933;
			}
		#main h1,
		#main h2 {
			font-size: 16px;
		    font-weight: bold;
		    margin-bottom: 15px;
		}
		#content .content-slideshow {
			margin: 0 0 16px;
			position: relative;
			width: 406px;
		}
		#main p + .content-slideshow {
			margin-top: 10px;
		}
			#content .content-slideshow .slideshow {
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				height: 200px;
				overflow: hidden;
				width: 406px;
			}
				#content .content-slideshow .slideshow img {
					width: 406px;
				}
			#content .content-slideshow .paging {
				bottom: 10px;
				position: absolute;
				right: 10px;
				z-index: 50;
			}
				#content .content-slideshow .paging span {
					background-position: left -269px;
					display: block;
					float: left;
					height: 10px;
					margin-right: 5px;
					text-indent: -9999px;
					width: 10px;
				}
				#content .content-slideshow .paging span.activeSlide {
					background-position: -23px -269px;
				}
		#content .product-overview {
			float: left;
    		width: 415px;
		}
			#content .productimages {
			    height: 275px;
			    margin-bottom: 20px;
			    position: relative;
			    text-align: center;
			    width: 100%;
			}
			#content .productimages .zoom {
				display: block;
				height: 100%;
				width: 100%;
				z-index: 5;
			}
				#content .productimages img {
					margin: auto;
    				position: relative;
				}
				#content .productimages .zoom > span {
					background-position: right -230px;
				    bottom: 10px;
				    display: block;
				    height: 25px;
				    left: 10px;
				    position: absolute;
				    text-indent: -9999px;
				    width: 20px;
				}
				#content .productimages .zoom > img {
					border: 1px solid #CACACA;
					max-height: 275px;
					max-width: 413px;
				}
				#content .productimages .preview {
    				overflow: hidden;
					position: absolute;
    				right: 0;
    				top: 0;
					z-index: 20;
				}
					#content .productimages .preview a {
						border: 1px solid #CACACA;
					    display: block;
					    height: 39px;
					    margin-bottom: 5px;
					    overflow: hidden;
					    width: 39px;
					}
					#content .productimages .preview a:hover,
					#content .productimages .preview a.active {
						border: 1px solid #009933;
					}
			#content .teaser img {
				float: left;
    			margin-right: 10px;
    			width: 142px;
			}
			#content .teaser p {
				margin-bottom: 0;
			}
		#content .product-info {
			float: right;
			width: 284px;
		}
			#content .product-info h2 {
				border-bottom: 1px solid #D6D6D6;
			    margin-bottom: 10px;
			    padding-bottom: 18px;
			}
			#content ul.info {
				font-size: 11px;
				line-height: 20px;
				list-style-type: none;
				margin: 0 0 10px;
			}
				.ie7 #content ul.info li {
					background: url(../images/design/bulletpoint.png) 5px 9px no-repeat;
					padding-left: 0;
				}
			#main .block {
				border-bottom: 1px solid #CACACA;
				clear: both;
			    margin-bottom: 8px;
			    overflow: auto;
	    		padding-bottom: 12px;
			}
			#main .block.download,
			#main .block.teaser {
				padding-bottom: 18px;
			}
				#main .block > img {
					max-width: 284px;
				}
				#main .block.teaser img {
					float: none;
					margin-right: 0;
					width: 284px;
				}
				#main .block p {
					font-size: 11px;
				}
				#main .block p.strong {
					font-size: 12px;	
				}
				#main .block .button {
					margin-bottom: 6px;
				}
				#main .download .dl-preview {
					float: left; 
					margin-right: 10px;
					width: 70px;
				}
				#main .download .dl-preview + .dl-info {
					margin-left: 80px;
				}
					#main .download .dl-info a {
						background-position: left 0;
						font-size: 11px;
						font-weight: bold;
						line-height: 15px;
						padding-left: 15px;
					}
				#main .block ul.info,
				#main .block ul.links {
					margin-bottom: 5px;
				}
				#main .block .news {
					margin-top: 10px;
				}
				#main .block .news:first-child {
					margin-top: 0;
				}
			#main .country-select {
				padding-bottom: 18px;
			}
				#main .country-select img {
					margin-bottom: 10px;
				}
				#main .country-select .form {
					margin-top: 15px;
				}
				#main .country-select .form:first-child {
					margin-top: 0;
				}
					#main .country-select select  {
						font-size: 11px;
						padding: 3px;
						width: 100%;
					}
					.no-js #main .country-select select {
						margin-bottom: 10px;
					}
		.overview {
			margin-bottom: 15px;
		}
		.overview:first-child {
			margin-top: 0;
		}
			.overview .bullet {
				cursor: pointer;
				float: left;  
				height: 148px;
				margin-right: 5px;
				position: relative;
				text-decoration: none;
				width: 132px;
			}
			.overview .bullet:last-of-type {
				margin-right: 0;
			}
				.overview .bullet > div {
					border: 1px solid #CACACA;
					height: 88px;
					position: relative;
					text-align: center;
					width: 130px;
				}
				.ie7 .overview .bullet > div {
					display: inline;
					zoom: 1;
				}
					.overview .bullet img {
						max-height: 88px;
						max-width: 130px;
					}
				.overview .bullet:hover > div {
					border: 1px solid #009933;
				}
				.overview .arrow {
					background-position: left 2px;
					font-weight: bold;
					line-height: 1.3;
					margin-top: 5px;
				}
				.overview .bullet:hover .arrow {
					color: #009933;
				}
	form#mailform {}
		#mailform > div {
			clear: both;
			line-height: 30px;
		}
			#mailform .label {
				display: block;
			    float: left;
			    width: 200px;
			}
			#mailform fieldset label {
				display: block; 
				margin-left: 200px;
			}
			#mailform .full {
				width: 200px;
			}
			#mailform select.full {
				width: 208px;
			}
			#mailform .middle {
				width: 95px;
			}
			#mailform .big {
				width: 139px;
			}
			#mailform .small {
				width: 50px;
			}
			#mailform input[type=checkbox] {
				margin-right: 5px;
				width: 20px; 
			}
		#mailform .buttons {
			margin-bottom: 25px;
		    margin-left: 200px;
		    margin-top: 15px;
		}
		.lte8 #mailform .buttons {
			clear: both;
			overflow: auto; 
		}
			#mailform button {
				font-size: 11px;
			}
			.lte8 #mailform .button {
				float: left;
				line-height: 18px;
			}
			#mailform .arrow {
				background-position: left 9px;
			    float: right;
			    line-height: 28px;
			}
			.lte8 #mailform .arrow {
				background-position: 0 6px;
				line-height: 18px;
			}
	.teaser {
		margin-bottom: 15px;
	}
		.teaser a {
			text-decoration: none;
		}
		.teaser .caption {
			background-color: #EEEEEE;
			color: #231F20;
		    line-height: 25px;
		    margin: 0;
		    padding: 0 5px;
		}
			.teaser .caption > span {
				color: #009933;
			    font-weight: bold;
			    padding-right: 3px;
			    text-transform: uppercase;
			}
		.teaser img {
			width: 284px;
		}
	#main .news-content {
		float: left;
		width: 415px;
	}
	#main .news-filter {
		float: right;
		width: 285px;
	}
		#main .news-teaser {
			margin-bottom: 15px;
		}
			#main .news-teaser .date {
				margin-bottom: 0;
			}
			#main .news-teaser .arrow {
				font-weight: bold;
			}
			#main .news-teaser img {
				float: left;
				margin-bottom: 6px;
				margin-right: 10px;
				margin-top: 6px;
			}
	#content.search > p {
		margin-bottom: 25px
	}
		#content.search .keywords {
			font-weight: bold;
		}
		#content.search .result {
			margin-bottom: 15px
		}
			#content.search .result .arrow {
				background-position: left 4px;
				display: block;
				font-weight: bold;
				margin-bottom: 3px;
			}
	#content .faq {
		padding: 5px 0;
	}
		#content .faq h3 {
			font-size: 12px;
			margin-bottom: 15px; 
		}
		#content .faq p {
			margin-bottom: 12px;
		}
	#paging {
		margin-top: 25px;
		margin-bottom: 15px
	}
		#paging a,
		#paging span {
			font-weight: bold;
			margin-right: 4px;
		} 
		#paging a:hover {
			color: #231F20;
			font-weight: bold;
			text-decoration: none;
		}
	#main .aside {
		border-bottom: 1px solid #CACACA;
	    height: 25px;
	    margin-bottom: 15px;
	}		
		#main .breadcrumb {
			float: left;
		    font-size: 11px;
		    line-height: 25px;
		}	
			#main .breadcrumb a {
				color: #5B5B5B;
				text-decoration: none;
			}
		.no-js .aside .share {
			display: none;
		}
		#main .aside .localLanguage {
			float: right;
		    font-size: 11px;
		    line-height: 25px;
			margin-right: 20px;
		}
			#main .aside .localLanguage a {
				color: #5B5B5B;
				text-decoration: none;
			}
			#main .aside .localLanguage span,
			#main .aside .localLanguage a:hover {
				color: #009933;
			}
		#main .aside .share {
			float: right;
		    font-size: 11px;
		    line-height: 25px;
		}
			#main .aside .share .print {
				background-position: left -293px;
				color: #5B5B5B;
				float: left;
			    /*margin-right: 15px;*/
			    padding-left: 25px;
			    text-decoration: none;
			}
			#main .aside .share .print:hover,
			#main .aside .share .addthis_button:hover {
				color: #009933;
			}
			#main .aside .share .addthis_toolbox {
				float: left;
			}
				#main .aside .share .addthis_button {
					color: #5B5B5B;
				    font-size: 11px;
				    line-height: 25px;
					text-decoration: none;
				}
	#content .video-wrapper {
		margin-top: 15px; 
		margin-bottom: 15px;
	}
		.no-js #content .video-wrapper img {
			margin-bottom: 5px;
			max-width: 415px; 
		}
	#main .pds-dropdown {
		margin-bottom: 15px;
		position: relative;
	}
		#main .pds-dropdown select{
			text-align: center;
			width: 280px;
		}
		#main .pds-dropdown select:disabled {
			color: #5B5B5B;
		}
			#main .pds-dropdown option{
				text-align: left;
			}
		#main .pds-dropdown .ajax-loader {
			background: url(../images/design/ajax-loader.gif) 0 0 no-repeat;
			height: 32px;
			position: absolute;
			width: 32px;
		}
	#content .date {
		margin-bottom: 10px;
	}
	#content h3 {
		font-size: 12px; 
		margin-bottom: 10px;
	}
	#content .intro {
		font-weight: bold; 
		margin-bottom: 10px;
	}
	#sidebar {
		float: right;
    	width: 285px;
	}

	#main #sitemap h2 {
		font-size: 14px;
		font-weight: bold;
		clear: left;
		margin-bottom: 10px;
	}
		#main #sitemap h2 a {
			color: #231F20;
			text-decoration: none;
		}
		#main #sitemap h2 a:hover {
			color: #009933;
		}
	#main #sitemap ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 10px 0;
	}
	#main #sitemap .sitemap {
		margin-bottom: 20px;
	}
	#main #sitemap .sitemap > ul > li {
		display: block;
		float: left;
		list-style-type: none;
		margin-left: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		text-align: left;
		width: 215px;
	}
	#main #sitemap .sitemap > ul > li.first {
		margin-left: 0;
		clear: left;
	}
		#main #sitemap .sitemap > ul > li > a {
			border-bottom: 1px solid #CACACA;
			color: #231F20;
			display: block;
			font-weight: bold;
			line-height: 1.3;
			text-decoration: none;
			width: 100%;
		}
		#main #sitemap .sitemap > ul > li > a:hover {
			color: #009933;
		}
		#main #sitemap .sitemap ul ul {
			font-size: 11px;
			margin-top: 5px;
		}
		.lte8 #main #sitemap .sitemap ul ul {
			list-style: outside;
		}
			#main #sitemap .sitemap ul ul li {
				line-height: 1.5;
			}
				#main #sitemap .sitemap ul ul li a {
					color: #231F20;
					text-decoration: none;
				}
				#main #sitemap .sitemap ul ul li a:hover {
					color: #009933;
				}
			#main #sitemap .sitemap ul ul ul {
				padding-left: 15px;
			}
			
/* Tag-Cloud Start */
#main #tag-cloud,
#main #tag-cloud-2{	
	height: 275px;
	margin: 20px;
	width: 660px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}	
	#main #tags {
		display: none;
		text-decoration: none;
	}		
	
	#main .habasit_tooltip {
		display: none;
	}
	.tctooltip, .qtip-content {
		background: #EEEEEE;
		border: 1px solid #B6DAB2;
		border-radius: 15px;
		color: #231F20;
		height: auto;	
		padding: 10px;
		text-align: center;
		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;	
		width: 225px;
	}
		.tctooltip h1,
		.qtip-content h1 {
			color: #009933;
			font-size: 16px;
			margin-bottom: 5px;
			text-align: center;
		}
		.qtip-contentWrapper {
			background: none !important;
		}		
	/* Tag-Cloud End */		
	
	/* Tag-Cloud 2 - Start */
	#tag-cloud-2 {
		margin-top: 200px;
		text-align: center;
	}
	#tag-cloud-2 li {
		cursor: pointer;
		margin: 0 0.5em;  
		list-style: none;	
	}
		#tag-cloud-2 li.tc-1 {
			margin-bottom: 10px;
		}		
		#tag-cloud-2 li.tc-2 {
			margin-bottom: 10px;
			margin-right: 200px;		
		}
		#tag-cloud-2 li.tc-3 {
			margin-bottom: 15px;
			margin-left: 100px;		
		}
		#tag-cloud-2 li.tc-4 {
			margin-bottom: 10px;
			margin-right: 200px;
		}
		#tag-cloud-2 li.tc-5 {
			margin-bottom: 10px;
			margin-left: 150px;
		}
			#tag-cloud-2 li a {			
				color: #D9D9D9;				
				font-size: 22px;
				margin-bottom: 10px;
				text-align: center;
				text-decoration: none;
			}	
				#tag-cloud-2 li a:hover {
					color: #009933;		
				}
			.hover span {
				display: none;
			}
		.container {
			height: 110px;
			width: 1px;
		}
	
/* Settings */
#settings {
	position: absolute;
    right: 0;
    top: 0;
    z-index: 400;
}
	#settings div.dropdown {
		background-color: #FFFFFF;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		box-shadow: 0 0 4px 2px #c7c7c7;
		-webkit-box-shadow: 0 0 4px 2px #c7c7c7;
		-moz-box-shadow: 0 0 4px 2px #c7c7c7;
		font-size: 10px;
		float: left;
		margin-right: 7px;
	}
	#settings div.login,
	#settings div.logout {
		background-color: #009933;
		position: relative;
	} 
	#settings div.login.active {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		height: 25px;
	}
	#settings div.worldwide {
		position: relative;
	}
		#settings > div > a {
		    color: #5B5B5B;
			display: block;
		    height: 20px;
		    line-height: 20px;
		    padding: 0 15px;
		    text-decoration: none;
		}
		#settings > div > a:hover {
			color: #009933;
		}
		#settings > div.login > a,
		#settings > div.logout > a {
			color: #FFFFFF;
		}
		#settings > div.login.active > a {
			background-color: #009933;
		    height: 25px;
		    position: relative;
		    z-index: 500;
		}
		#settings > div.worldwide > a {
			position: relative;
			z-index: 5;
		}
		#settings > div.worldwide.active > a {
			background-color: #FFFFFF;
			padding-bottom: 10px;
		}
			#settings > div > a span {
				background-position: left -98px;
				padding-left: 15px;
			}
			#settings > div.active > a span {
				background-position: left -115px;
			}
			#settings > div.login > a span {
				background-position: left -134px;
			}
			#settings > div.active.login > a span {
				background-position: left -151px;
			}
			#settings > div.logout > a span {
				padding-left: 8px;
				padding-right: 8px;
			}
		#settings > div > div {
			overflow: hidden;
		}
		#settings > div.login > div {
			background-color: #009933;
		    border-radius: 5px 0 5px 5px;
			-moz-border-radius: 5px 0 5px 5px;
			-webkit-border-radius: 5px 0 5px 5px;
		    box-shadow: 0 0 4px 2px #C7C7C7;
			-webkit-box-shadow: 0 0 4px 2px #C7C7C7;
			-moz-box-shadow: 0 0 4px 2px #C7C7C7;
		    padding: 10px;
		    position: absolute;
		    right: 0;
		    width: 170px;
		    z-index: 200;
		}
		#settings > div.worldwide > div {
			background-color: #FFFFFF;
			border-radius: 5px 0 5px 5px;
			-moz-border-radius: 5px 0 5px 5px;
			-webkit-border-radius: 5px 0 5px 5px;
			box-shadow: 0 0 4px 2px #C7C7C7;
			-webkit-box-shadow: 0 0 4px 2px #C7C7C7;
			-moz-box-shadow: 0 0 4px 2px #C7C7C7;
			padding: 15px;
			position: absolute;
			right: 0;
			top: 25px;
			width: 570px;
			z-index: 3;
		}
		#settings > div > div.close {
			box-shadow: 0 0 transparent;
			-webkit-box-shadow: 0 0 transparent;
			-moz-box-shadow: 0 0 transparent;
			height: 0;
			padding: 0;
		}
		#settings > div > div.open {
			height: auto;
		}
			#settings .dropdown ul.fields {
				font-size: 10px;
			    list-style-type: none;
			    padding-bottom: 10px;
			    text-align: right;
			}
				#settings .dropdown .fields li a {
					color: #5B5B5B;
					display: block;
					line-height: 18px;
					padding-right: 15px;
					text-decoration: none;	
				}
				#settings .dropdown .fields li a:hover {
					color: #009933;
				}
			#settings div.login input {
				font-size: 11px;
				width: 160px;
			}
			#settings div.login button {
				background-position: left -482px;
			    border: 0 none;
			    color: #FFFFFF;
			    float: right;
			    line-height: 15px;
			    padding-left: 15px;
			}
			#settings div.worldwide .header {
				background: url(../images/design/world.png) 0 0 no-repeat;
				border-bottom: 1px solid #CACACA;
				margin-bottom: 10px;
				min-height: 43px;
				padding-bottom: 10px;
				padding-left: 100px;
			}	
				#settings div.worldwide .header .strong {
					font-size: 18px;
					font-weight: normal;
					margin-bottom: 2px;
					margin-top: 3px;
				}
				#settings div.worldwide .header .small {
					font-size: 11px;
					margin-bottom: 0;
				}
			#settings div.worldwide .col {
				float: left;
				width: 190px; 
			}
				#settings a.lastCountry,
				#settings div.worldwide .country {
					color: #5B5B5B;
					display: block;
					font-size: 11px;
					line-height: 20px;
					margin-bottom: 0;
					padding-left: 20px;
					text-decoration: none;
				}
				#settings a.lastCountry {
					float: left;
					font-size: 10px;
					margin-right: 15px;
				}
					#settings div.worldwide .country .languages {
						padding-left: 7px;
						white-space: nowrap;
					}
					#settings div.worldwide .country a {
						color: #5B5B5B;
						text-decoration: none;
					}
				#settings a.lastCountry:hover,
				#settings div.worldwide a.country:hover,
				#settings div.worldwide .country a:hover {
					color: #009933;
				}
				#settings a.lastCountry.au,
				#settings div.worldwide .country.au {
					background-position: left 5px;
				}
				#settings a.lastCountry.nz,
				#settings div.worldwide .country.nz {
					background-position: left 5px;
				}
				#settings a.lastCountry.at,
				#settings div.worldwide .country.at {
					background-position: left -15px;
				}
				#settings a.lastCountry.be,
				#settings div.worldwide .country.be {
					background-position: left -35px;
				}
				#settings a.lastCountry.bg,
				#settings div.worldwide .country.bg {
					background-position: left -55px;
				}
				#settings a.lastCountry.ca,
				#settings div.worldwide .country.ca {
					background-position: left -75px;
				}
				#settings a.lastCountry.cn,
				#settings div.worldwide .country.cn {
					background-position: left -95px;
				}
				#settings a.lastCountry.hr,
				#settings div.worldwide .country.hr {
					background-position: left -115px;
				}
				#settings a.lastCountry.cz,
				#settings div.worldwide .country.cz {
					background-position: left -135px;
				}
				#settings a.lastCountry.dk,
				#settings div.worldwide .country.dk {
					background-position: left -155px;
				}
				#settings a.lastCountry.fi,
				#settings div.worldwide .country.fi {
					background-position: left -175px;
				}
				#settings a.lastCountry.fr,
				#settings div.worldwide .country.fr {
					background-position: left -195px;
				}
				#settings a.lastCountry.de,
				#settings div.worldwide .country.de {
					background-position: left -215px;
				}
				#settings a.lastCountry.hu,
				#settings div.worldwide .country.hu {
					background-position: left -235px;
				}
				#settings a.lastCountry.in,
				#settings div.worldwide .country.in {
					background-position: left -255px;
				}
				#settings a.lastCountry.it,
				#settings div.worldwide .country.it {
					background-position: left -275px;
				}
				#settings a.lastCountry.kz,
				#settings div.worldwide .country.kz {
					background-position: left -295px;
				}
				#settings a.lastCountry.nl,
				#settings div.worldwide .country.nl {
					background-position: left -315px;
				}
				#settings a.lastCountry.no,
				#settings div.worldwide .country.no {
					background-position: left -335px;
				}
				#settings a.lastCountry.pl,
				#settings div.worldwide .country.pl {
					background-position: left -355px;
				}
				#settings a.lastCountry.pt,
				#settings div.worldwide .country.pt {
					background-position: left -375px;
				}
				#settings a.lastCountry.ro,
				#settings div.worldwide .country.ro {
					background-position: left -395px;
				}
				#settings a.lastCountry.ru,
				#settings div.worldwide .country.ru {
					background-position: left -415px;
				}
				#settings a.lastCountry.sg,
				#settings div.worldwide .country.sg {
					background-position: left -435px;
				}
				#settings a.lastCountry.sk,
				#settings div.worldwide .country.sk {
					background-position: left -455px;
				}
				#settings a.lastCountry.si,
				#settings div.worldwide .country.si {
					background-position: left -475px;
				}
				#settings a.lastCountry.za,
				#settings div.worldwide .country.za{
					background-position: left -495px;
				}
				#settings a.lastCountry.es,
				#settings div.worldwide .country.es {
					background-position: left -515px;
				}
				#settings a.lastCountry.ch,
				#settings div.worldwide .country.ch {
					background-position: left -535px;
				}
				#settings a.lastCountry.se,
				#settings div.worldwide .country.se {
					background-position: left -555px;
				}
				#settings a.lastCountry.tw,
				#settings div.worldwide .country.tw {
					background-position: left -575px;
				}
				#settings a.lastCountry.tr,
				#settings div.worldwide .country.tr {
					background-position: left -595px;
				}
				#settings a.lastCountry.ua,
				#settings div.worldwide .country.ua {
					background-position: left -615px;
				}
				#settings a.lastCountry.gb,
				#settings div.worldwide .country.gb {
					background-position: left -635px;
				}
				#settings a.lastCountry.us,
				#settings div.worldwide .country.us {
					background-position: left -655px;
				}
				#settings a.lastCountry.lu,
				#settings div.worldwide .country.lu {
					background-position: left -675px;
				}
				#settings a.lastCountry.jp,
				#settings div.worldwide .country.jp {
					background-position: left -695px;
				}
				#settings a.lastCountry.hk,
				#settings div.worldwide .country.hk {
					background-position: left -715px;
				}
				
				#settings a.lastCountry.other,
				#settings div.worldwide .country.other {
					background-position: left -735px;
				}
				
	/* IE 7 + 8: Settings-Block */
	.lte8 #settings .dropdown {
		background: url(../images/design/dropdown_rechts.png) right bottom no-repeat;
		height: 27px;
		padding-right: 10px;
		position: relative;
	}
	.lte8 #settings .active {
		height: auto;	
	}
	.lte8 #settings div.login {
		background-position: right -448px;
		width: 63px;
	}
	.lte8 #settings div.logout {
		background-position: right -448px;
		width: 63px;
	}
	.lte8 #settings div.login.active {
		background: url(../images/design/login-top.png) 0 0 no-repeat;
	}
	.lte8 #settings div.worldwide.active {
		background-position: right top;
	}
		.lte8 #settings > div > a {
			background: url(../images/design/dropdown_links.png) left bottom no-repeat;
			height: 27px;
			line-height: 21px;
			text-align: right;
		}
		.lte8 #settings > .active > a {
			background-position: left top;
		}
		.ie7 #settings > div.lang > a {
			padding-right: 20px;
			width: 50px;
		}
		.lte8 #settings > div.login > a {
			background-color: transparent;
			background-position: left -448px;
			position: relative;
   			z-index: 300;
		}
		.lte8 #settings > div.logout > a {
			background-color: transparent;
			background-position: left -448px;
			position: relative;
   			z-index: 300;
		}		
		.lte8 #settings > div.login.active > a {
			background: none;
		}
		.lte8 #settings > div.worldwide > a {
			background-color: transparent;
			padding-bottom: 0px;
			padding-left: 12px;
			padding-right: 12px;
			width: 103px;
			z-index: 1;
		}
		.lte8 #settings > div.worldwide.active > a {
			height: 21px;
		}
		.lte8 #settings > div.lang > div.open {
			background: url(../images/design/dropdown_links.png) left bottom no-repeat;
			margin-top: -1px;
			padding-right: 15px;
			padding-left: 15px;
			position: relative;
			/*width: 60px;*/
		}
		.ie7 #settings > div.lang > div.open {
			width: 55px;
		}
		.lte8 #settings > div.login > div.open {
			background: url(../images/design/login-bottom.png) 0 0 no-repeat;
			right: -1px;
			margin-left: -101px;
			margin-top: -6px;
			padding-right: 15px;
			padding-left: 15px;
			position: relative;
			width: 146px;
			z-index: 500;
		}
		.lte8 #settings > div.worldwide > div.open {
			background: url(../images/design/layer_worldwide_middle.png) left top repeat-y;
			margin-bottom: 65px;
			overflow: visible;
			right: -1px; 
			top: 36px;
			width: 580px;
		}
			.lte8 #settings > div.worldwide > div.open .bg-top {
				background: url(../images/design/layer_worldwide_top.png) left top no-repeat;
				height: 15px;
				left: 0;
				position: absolute;
				top: -15px;
				width: 610px;
			}
			.lte8 #settings > div.worldwide > div.open .bg-bottom {
				background: url(../images/design/layer_worldwide_bottom.png) left top no-repeat;
				bottom: -80px;;
				height: 80px;
				left: 0;
				position: absolute;
				width: 610px;
			}
			.lte8 #settings > div.worldwide .col {
				margin-bottom: -80px;
				position: relative;
				z-index: 5;
			}
			.lte8 #settings .dropdown .fields li a {
				padding-right: 0;
			}
			.lte8 #settings div.login p {
				margin-bottom: 4px;
			} 
			.lte8 #settings div.login input {
				padding: 2px;
				width: 135px;	
			}
			.lte8 #settings div.login button {
				font-size: 11px;
				line-height: 12px;
				margin-top: -2px;
			}
			
/* Footer */
#footer {
	bottom: 0;
	clear: both;
    margin-left: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    position: relative;
    width: 740px;
}
	#footer .copyright {
		float: left;
		font-size: 10px;
	}
	#footer .links {
		float: right;
		font-size: 10px;
	}
		#footer .links a {
			color: #5b5b5b;
			margin-left: 15px;
			text-decoration: none;
		}
		#footer .links a:hover {
			color: #009933;
		}
	
/* FAQ */
#faq {
	border: 2px solid #ebebeb;
	border-top: 0 none;
	margin-top: 15px;
	padding-bottom: 20px;
}	
	.js #faq ul {
		display: none;
		list-style-type: none;
		margin: 0;
	}
	.no-js #faq ul {
		list-style-type: none;
	}
	.js #faq.open > ul,
	.js #faq .open > ul {
		display: block;
	}
		.no-js #faq ul li {
			margin-left: 10px;
		}
		.js #faq ul li {
			cursor: pointer;
			display: none;
		}
		.js #faq > p {
			cursor: pointer;
		}
		.no-js #faq > p {
			height: 25px;
			line-height: 25px;
		}
		#faq ul li.open ,
		#faq > p {
			background: url(../images/design/faq_balken.jpg) 0 0 repeat-x;
			margin-bottom: 0;
		}
		.js #faq.current > p,
		.js #faq li.current {
			cursor: default;
		}
		.js #faq.current > ul > li,
		.js #faq li.current > ul > li,
		.js #faq li.open {
			display: block;
		}
			#faq p span, 
			#faq h3, 
			#faq h4, 
			#faq h5, 
			#faq h6 {
				background-position: left 3px;
				display: block;
				font-weight: bold; 
				font-size: 12px; 
				line-height: 1.5;
				margin: 8px 0 1px 10px; 
				padding-left: 17px;
			}
			.js #faq p:hover span, 
			.js #faq h3:hover, 
			.js #faq h4:hover, 
			.js #faq h5:hover, 
			.js #faq h6:hover {
				color: #009933;
			}
			.js #faq.open p span,
			.js #faq .open > h3, 
			.js #faq .open > h4, 
			.js #faq .open > h5, 
			.js #faq .open > h6 {
				background-position: left 7px;
				line-height: 25px;
				font-weight: normal;
				margin-top: 0;
			}
			.js #faq.current p span,
			.js #faq .current > h3, 
			.js #faq .current > h4, 
			.js #faq .current > h5, 
			.js #faq .current > h6 {
				background-position: -1px -549px;
				font-weight: normal;
				margin-bottom: 15px;
			}
				#faq li a {
					display: block;
					font-weight: bold;
					line-height: 1.5;
					margin-top: 8px;
					margin-left: 10px;
				}
		
		.js #faq li.current ~ li {
			display: none;
		}
/* Calculator */
#calculator {
	margin-top: 10px;
}
	#calculator fieldset {
		border-bottom: 1px solid #CACACA;
		height: 50px;
		padding: 10px 0;
	}
	.ie7 #calculator fieldset {
		position: relative;
	}
		#calculator legend {
			float: left;
			font-weight: bold;
			line-height: 50px;
			width: 150px;
		}
		.ie7 #calculator legend {
			line-height: 40px;
		}
		#calculator table {
			border: 0 none;
			font-size: 10px;
			margin-top: 0;
			text-align: center;
			table-layout: fixed;
			width: 305px;
		}
		#content.product #calculator table {
			width: 465px;
		}
		.ie7 #calculator table {
			bottom: 5px;
			left: 150px;
			margin-bottom: 5px;
			position: absolute;
		}
			#calculator table td ,
			#calculator table th {
				background-color: transparent;
				border: 0 none;
				color: #231F20;
				font-weight: normal;
				padding: 0;
				padding-left: 5px;
				vertical-align: bottom;
				width: 55px;
			}
			#content.product #calculator table td ,
			#content.product #calculator table th {
				padding-left: 10px;
				width: 85px;
			}
			#calculator table td:first-child ,
			#calculator table th:first-child {
				padding-left: 0
			}
			#content.product #calculator table td:first-child ,
			#content.product #calculator table th:first-child {
				padding-left: 0;
			}
			#calculator input {
				margin-top: 2px;
				width: 49px;
			}
			#content.product #calculator input {
				width: 79px;
			}
			.ie7 #content.product #calculator input {
				width: 76px;
			}
			#calculator input:focus:valid {
				background-color: #FFFFFF;
			}
/* Surface Table */
#surface-table .head {
	border-right: 1px solid #CACACA;
    float: left;
    width: 150px;
}
#surface-table .body {
	margin-left: 150px;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	width: 550px;
	white-space: nowrap;
}
	#surface-table .label {
		border-bottom: 1px solid #CACACA;
		font-size: 11px;
		min-height: 15px;
		line-height: 1.3;
		padding: 7px;
		position: relative;
		white-space: normal;
	}
	#surface-table .head .label {
		font-weight: bold;
	}
	#surface-table .lines-2 {
		height: 30px;
	}
	#surface-table .lines-3 {
		height: 45px;
	}
	#surface-table .lines-6 {
		height: 90px;
	}
		#surface-table .label .checkbox {
			float: left;
			height: inherit;
			margin-right: 5px;
		}
		.no-js #surface-table .label .checkbox {
			display: none;
		}
		#surface-table .label .icon {
			display: block;
			height: 15px;
			margin: auto;
			position: relative;
			text-indent: -5000px;
			width: 15px;
		}
		#surface-table .label .icon.yes {
			background-position: right -585px;
		}
		#surface-table .label .info {
			font-weight: normal;
		}
		#surface-table .label img {
			height: 63px;
			margin-bottom: 5px;
		}
		#surface-table .label p {
			margin-bottom: 0;
		}
	#surface-table .surface {
		border-right: 1px solid #CACACA;
		display: inline-block;
		margin-right: -2px;
		position: relative;
		width: 170px;
	}
	.ie7 #surface-table .surface {
		* display: inline;
		zoom: 1;
	}
/* Google Maps */
#map {
	height: 300px;
	position: relative;
	width: 100%;
}
	.infobox {
		background-color: #FFFFFF;
		border: 1px solid #CACACA;
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		box-shadow: 0 0 8px 1px #C7C7C7;
		-moz-box-shadow: 0 0 8px 1px #C7C7C7;
		-webkit-box-shadow: 0 0 8px 1px #C7C7C7;
		padding: 10px;
		width: 200px;
	}
		.infobox .close {
			background-position: -281px -582px;
			cursor: pointer;
			height: 25px;
			position: absolute;
			right: 0px;
			text-indent: -9999px;
			top: 0px;
			width: 25px;
		}
	
/* Microsites Somepager */
.somepager #sidebar .block.teaser {
	border-bottom: 0 none;
	margin-bottom: 15px;
	padding-bottom: 0;
}
	.somepager #sidebar .block.teaser img {
		border-color: #EEEEEE #EEEEEE transparent;
		border-style: solid solid none;
		border-width: 2px 2px 0;
		width: 281px;
	}

/*Microsites Onepager */
.onepager #header {
	margin-left: 250px;
}
	.onepager #header h1,
	.onepager #header p {
		left: 0;
	}
	.onepager #meta-navi {
		left: auto;
		right: 240px; 
	}
.lte8 .onepager #main{
	margin-left: 244px;
}
	.onepager #main .link-items {
		margin-bottom: 15px;
	}
		.onepager #main .link-items .bullet {
			cursor: pointer;
			float: left;  
			height: 88px;
			margin-bottom: 10px;
			margin-right: 15px;
			position: relative;
			text-decoration: none;
			 width: 340px;
		}
			.onepager #main .link-items .bullet > div {
				border: 1px solid #CACACA;
				float: left;
				height: 88px;
				position: relative;
				text-align: center;
				width: 130px;
			}				
			.ie7 .onepager #main .link-items .bullet > div {
				display: inline;
			}
				.onepager #main .link-items .bullet img {
					max-height: 88px;
					max-width: 130px;
				}
			.onepager #main .link-items .bullet:hover > div {
				border: 1px solid #009933;
			}
			.onepager #main .link-items .arrow {
				background-position: left 2px;
				font-weight: bold;
				line-height: 1.3;
				margin-left: 140px;
			}
			.onepager #main .link-items .bullet:hover .arrow {
				color: #009933;
			}
	.onepager #sidebar .block.teaser {
		border-bottom: 0 none;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
		.onepager #sidebar .block.teaser img {
			border-color: #EEEEEE #EEEEEE transparent;
			border-style: solid solid none;
			border-width: 2px 2px 0;
			width: 281px;
		}
	
/* Colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background-color: rgba(0,0,0, 0.8); }
.lte8 #cboxOverlay { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD000000,endColorstr=#DD000000); }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; }
    #cboxTopRight{width:21px; height:21px; }
    #cboxBottomLeft{width:21px; height:21px; }
    #cboxBottomRight{width:21px; height:21px; }
    #cboxMiddleLeft{width:21px; }
    #cboxMiddleRight{width:21px; }
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px; }
    #cboxContent{
		background: #fff; 
		border: 1px solid #CACACA;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 0 0 3px 0 #c7c7c7;
		-webkit-box-shadow: 0 0 3px 0 #c7c7c7;
		-moz-box-shadow: 0 0 3px 0 #c7c7c7;
		overflow: visible;
		padding-bottom: 22px;
	}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{
			bottom: 0;
			margin-right: 7px;
			position:absolute; 
			right: 0;
			text-align:right;
		}
			#cboxTitle .print {
				background-position: left -294px;
				color: #5B5B5B;
				display: block;
				line-height: 22px;
				padding-left: 25px;
				text-decoration: none;
			}
			#cboxTitle .print:hover {
				color: #009933;
			}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{
        	background-position: right -515px; 
        	height:35px; 
        	position:absolute; 
        	right: -20px;
    		top: -15px;
    		text-indent:-9999px;
        	width:45px; 
        }
			#cboxLoadedContent > img {
				border-radius: 7px;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}
			#cboxLoadedContent .errorbox {
				font-size: 130%;
				font-weight: bold;
				padding: 15px;
			}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:after { 
  content: ".";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
 }
.clearfix { zoom: 1; }


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  #container {
  	width: auto;
  }
  #nav,
  #sidenav,
  #settings,
  #main .aside .share,
  #meta-nav,
  .button {
  	display: none;
  }
  #footer,
  #main {
	background: none transparent;
	border: 0 none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
  	margin-left: 15px;
  }
  
  #header h1,
  #header p {
  	color: #FFFFFF !important;
    display: list-item;
    font-size: 1pt; 
    letter-spacing: -1000em; 
    list-style-image: url(../images/design/logo_habasit.png);
    list-style-position: inside;
	margin-left: 610px;
    text-indent: 0;    
  }
  .arrow {
  	padding-left: 0;
  }
  .arrow:before {
  	content: "=> ";
  	color: #009933;
  }
  ul.links li {
  	background: none repeat scroll 0 50% transparent !important;
    list-style: disc inside none !important;
    padding-left: 0 !important;
  }
  /* Lightbox */
  .lb-print #colorbox {
	left: 0 !important;
	top: 0 !important;
  }
  .lb-print #container {
	display: none;
  }
  .lb-print .print {
	display: none;
  }
}