
/************************************
	Stylesheet for presentation 
 ************************************/


/* Generic */

body {
	background: #e8e5d3;
}


#debug p {
	margin: 0;
	padding: 0;
}


/* Main structure */

#wrapper-outer {
	/* width: 980px; */
	width: 992px;
	float: left;
	/* background: #e8e5d3; */
	padding: 0px 0px 10px 0px;
}

	#wrapper-outer div {
		float: left;
	}

	#header {
		width: 100%;
		height: 101px;
		padding: 21px 0px 0px 0px;
	}

	#menu {
		/* width: 184px; */
		width: 196px;
		position: relative;
	}

		#menu ul, #menu li {
			display: block;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		#menu ul {
			padding: 0px 0px 0px 18px;
		}

		#menu li {
			height: 30px;
			padding: 3px 28px 0px 20px;
			background: transparent url(/gfx/strek.gif) no-repeat left center;
		}

			#menu li a {
				display: block;
				height: 27px;
				padding: 0px 0px 0px 9px;
				font-size: 11px;
				line-height: 24px;
				text-decoration: none;
			}

			#menu li.active {
				background-image: url(/gfx/pil_dobbel.gif);
			}

			#menu li.active a {
				background-color: #ffcb05;
			}

	#contact-info {
		font-size: 8px;
		position: absolute;
		left: 14px;
		top: 474px;
	}

		#contact-info p {
			line-height: 11px;
		}

	#contents {
		
	}

		#contents div.header-yellow {
			background: #fff url(/gfx/gul_strek.gif) repeat-x top left;
			padding-top: 27px;
		}

		#contents div.arrow {
			background: transparent url(/gfx/pil.gif) no-repeat 7px 10px;
		}

		#contents div.article-container {
			width: 307px;
			overflow: hidden;
		}
		
			#contents div.article-container h1 {
				font-size: 10px;
				padding: 0px 12px;
			}

			#contents div.article-container p {
				padding: 0px 12px;
			}

			#contents div.article-container ul {
				list-style-type: none;
				margin: 11px 0px;
				padding: 0 11px;
			}

			#contents div.article-container li {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}

				#contents div.article-container li a {
					padding: 0px 0px 0px 20px;
					background: transparent url(/gfx/strek_liten.gif) no-repeat 0% 62%;
					/* text-decoration: none; */
					line-height: 20px;
				}

					#contents div.article-container li.active a {
						background: transparent url(/gfx/pil_liten.gif) no-repeat 0% 70%;
					}
			
			
		#contents div.article-image-container {
			width: 447px;
			padding: 0px 14px 0px 28px;
		}

			#contents div.article-image-container img {
				max-width: 447px;
			}

		#contents div.article-spacer {
			width: 28px;
			height: 200px;
		}


			#contents div.article-container ul.product-list li {
				margin: 0;
				padding: 0px 0px 15px 20px;
				background: transparent url(/gfx/strek_liten.gif) no-repeat 0 8px;
			}

				#contents div.article-container ul.product-list li.active {
					background: transparent url(/gfx/pil_liten.gif) no-repeat 0 4px;
				}

				#contents div.article-container ul.product-list li a {
					background: none;
					padding: 0;
					line-height: 14px;
				}


/* Gallery */

#gallery {
	width: 100%;
}

	#gallery img {
		/* display: none; */
	}

	#gallery div.description {
		display: none;
	}

#gallery-controls {
	width: 100%;
	background: #fff;
	padding: 5px 0px 0px 0px;
}

	#gallery-controls a {
		float: right;
		padding: 0px 10px 0px 0px;
		text-decoration: none;
		font-size: 9px;
	}

#gallery-description {
	width: 100%;
	min-height: 33px;
	background: #fff;
	padding: 10px 0px 24px 0px;
}

	#gallery-description p {
		margin: 0;
		padding: 0px 12px;
	}




