/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body {
	font: 62.5%  Georgia, "Times New Roman", Times, serif;
	background: #F1F2F2;
	text-align: center;	
}

#wrapper {
	width: 770px;
	height: 465px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
	margin-top: -233px;
	margin-left: -385px;
	position: absolute;
	top: 50%;
	left: 50%;
}

/* Typography
-----------------------------------------------------------------------------*/
h1 {
	font-size: 2em;
	margin-bottom: .5em;
}

h2 {
	font-size: 1.7em;
	margin-bottom: .5em;
}

p {
	font-size: 1.2em;
	margin-bottom: .8em;
	color: #777;
}

	p a {
		color: #333;
	}

/* Main
-----------------------------------------------------------------------------*/
#main {
	height: 443px;
	width: 470px;
	float: left;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 22px;
	background: #bdde18;
}

/* Content
-----------------------------------------------------------------------------*/
#content {
	height: 415px;
	margin-bottom: 3px;
}

	#content .image-bar {
		height: 133px;
		overflow: hidden;
	}

	#content .text-content {
		height: 287px;
		overflow: hidden;
	}

		#content .text-content-inner {	
			
		}

			#content .text-content h2 {
				color: #000;
				font-weight: normal;
				margin: 20px 0 7px 130px;
				padding-bottom: 8px;
				line-height: 1.5;
				background: url(../images/bg_headline_line.gif) left bottom no-repeat;
			}

			#content .text-content .line-item {
				padding-bottom: 8px;
			}

				#content .text-content .line-item h3 {
					text-align: right;
					color: #777;
					float: left;
					width: 120px;
					font-size: 1.2em;
					font-weight: normal;
					margin-right: 10px;
					line-height: 1.3;
				}

				#content .text-content .line-item p {
					float: left;
					line-height: 14px;
					margin-bottom: 0;
				}
	
	#content .full-text-content {
		overflow: hidden;
	}

		#content .full-text-content-inner {
			margin: 0 20px 0 24px;
		}

			#content .full-text-content h2 {
				color: #000;
				font-weight: normal;
				margin: 20px 0 7px 0;
				padding-bottom: 8px;
				line-height: 1.5;
				background: url(../images/bg_headline_line.gif) left bottom no-repeat;
			}

			#content .full-text-content h2.style {
				font-size: 1.7em;
				background: none;
				color: #777;
				line-height: 1.3;
				margin-top: 3em;
			}
			
			#content .full-text-content p {
				line-height: 1.5;
			}

			#content .full-text-content p.link {
				line-height: 1.5;
				font-size: 1.1em;
				margin-top: 20px;
			}

				#content .full-text-content p.link a {
					xtext-decoration: none;
				}

				#content .full-text-content p.references a {
					text-decoration: none;
					color: #777;
				}

		#content .product-content {
			overflow: hidden;
			padding-top: 150px;
		}

			#content .product-content-inner {
				margin: 0 40px 0 24px;
			}

				#content .product-content h2 {
					color: #000;
					font-weight: normal;
					margin: 0 0 0 0;
					padding-bottom: 0;
				}

				#content .product-content h4 {
					color: #777;
					font-weight: normal;
					font-size: 1.2em;
					line-height: 1.5;
					padding-top: 0;
					margin: 0 0 7px 0;
					padding-bottom: 8px;
					background: url(../images/bg_headline_line.gif) left bottom no-repeat;
				}


				#content .product-content p {
					line-height: 1.5;
				}

				#content .product-content p.link {
					line-height: 1.5;
					font-size: 1.1em;
					margin-top: 20px;
				}

					#content .product-content p.link a {
						xtext-decoration: none;
					}

/* Navigation
-----------------------------------------------------------------------------*/
#navigation {
	height: 443px;
	width: 300px;
	float: left;
	background: url(../images/bg-navigation.gif) left top repeat-y;
}	

	#navigation #main-menu {
		width: 225px;
		float: left;
		padding-top: 200px;
	}

	.home #navigation #main-menu {
		padding-top: 130px;
	}

		#navigation #main-menu ul {
			list-style: none;
		}

			#navigation #main-menu ul li {
				display: inline;
			}

				#navigation #main-menu ul li a {
					display: block;
					height: 35px;
					width: 225px;
					background-position: 0 0;
					background-repeat: no-repeat;
				}

				#navigation #main-menu ul li a:hover {
					background-position: 0 -35px;
				}

				#navigation #main-menu ul li.active a {
					background-position: 0 -70px;
				}

					#navigation #main-menu ul li a span {
						display: none;
					}

		#main-menu #item-german a {
			background-image: url(../images/menu/main/item-german.gif);
		}
		#main-menu #item-english a {
			background-image: url(../images/menu/main/item-english.gif);
		}
		#main-menu #item-Office a {
			background-image: url(../images/menu/main/item-office.gif);
		}
		#main-menu #item-Products a {
			background-image: url(../images/menu/main/item-products.gif);
		}
		#main-menu #item-Luminaires a {
			background-image: url(../images/menu/main/item-luminaires.gif);
		}
		#main-menu #item-Interiors a {
			background-image: url(../images/menu/main/item-interiors.gif);
		}
		#main-menu #item-Graphics a {
			background-image: url(../images/menu/main/item-graphics.gif);
		}
		#main-menu #item-Buero a {
			background-image: url(../images/menu/main/item-buero.gif);
		}
		#main-menu #item-Produkte a {
			background-image: url(../images/menu/main/item-produkte.gif);
		}
		#main-menu #item-Leuchten a {
			background-image: url(../images/menu/main/item-leuchten.gif);
		}
		#main-menu #item-Planung a {
			background-image: url(../images/menu/main/item-planung.gif);
		}
		#main-menu #item-Grafik a {
			background-image: url(../images/menu/main/item-grafik.gif);
		}


/* Sub Menu
-----------------------------------------------------------------------------*/

.submenu-office #sub-menu {
	padding-top: 153px;
}

.submenu-products #sub-menu {
	padding-top: 136px;
}

.submenu-luminaires #sub-menu {
	padding-top: 113px;
}

.submenu-interiors #sub-menu {
	padding-top: 193px;
}


#sub-menu {
	width: 75px;
	float: left;
	border-top: 1px solid #FFF;
}

	#sub-menu ul {
		list-style: none;
	}

		#sub-menu ul li {
			display: inline;
		}

			#sub-menu ul li a {
				height: 13px;
				width: 75px;
				overflow: hidden;
				background-position: top left;
				background-repeat: no-repeat;
				display: block;
			}

			#sub-menu ul li a:hover,
			#sub-menu ul li.active a {
				background-position: bottom left;
			}

				#sub-menu ul li a span {
					display: none;
				}

			#sub-menu ul li.sub_german_en a {
				background-image: url(../images/menu/sub/german_en.gif);
			}	
			#sub-menu ul li.sub_german_de a {
				background-image: url(../images/menu/sub/german_de.gif);
			}
			#sub-menu ul li.sub_english_en a {
				background-image: url(../images/menu/sub/english_en.gif);
			}	
			#sub-menu ul li.sub_english_de a {
				background-image: url(../images/menu/sub/english_de.gif);
			}
			#sub-menu ul li.sub_contact_en a {
				background-image: url(../images/menu/sub/contact_en.gif);
			}	
			#sub-menu ul li.sub_contact_de a {
				background-image: url(../images/menu/sub/contact_de.gif);
			}



/* Meta Menu
-----------------------------------------------------------------------------*/
#meta-menu {
	height: 25px;
	background: #FFF;
}

	#meta-menu ul {
		list-style: none;
	}

		#meta-menu ul li {
			display: inline;
		}

			#meta-menu ul li a {
				display: block;
				float: left;
				height: 25px;
				overflow: hidden;
				background-position: top left;
				background-repeat: no-repeat
			}

			#meta-menu ul li a:hover, 
			#meta-menu ul li.active a {
				background-position: bottom left;
			}

				#meta-menu ul li.meta-item-title a {
					cursor: text;
				}

					#meta-menu ul li a span {
						display: none;
					}
				
				#meta-menu ul li.meta-item-1_de a {
					width: 24px;
					background-image: url(../images/menu/meta/1_de.gif);
				}	
				#meta-menu ul li.meta-item-1_en a {
					width: 24px;
					background-image: url(../images/menu/meta/1_en.gif);
				}
				#meta-menu ul li.meta-item-2_de a {
					width: 25px;
					background-image: url(../images/menu/meta/2_de.gif);
				}
				#meta-menu ul li.meta-item-2_en a {
					width: 25px;
					background-image: url(../images/menu/meta/2_en.gif);
				}
				#meta-menu ul li.meta-item-3_de a {
					width: 25px;
					background-image: url(../images/menu/meta/3_de.gif);
				}
				#meta-menu ul li.meta-item-3_en a {
					width: 25px;
					background-image: url(../images/menu/meta/3_en.gif);
				}
				#meta-menu ul li.meta-item-4_de a {
					width: 26px;
					background-image: url(../images/menu/meta/4_de.gif);
				}
				#meta-menu ul li.meta-item-4_en a {
					width: 26px;
					background-image: url(../images/menu/meta/4_en.gif);
				}
				#meta-menu ul li.meta-item-5_de a {
					width: 27px;
					background-image: url(../images/menu/meta/5_de.gif);
				}
				#meta-menu ul li.meta-item-5_en a {
					width: 27px;
					background-image: url(../images/menu/meta/5_en.gif);
				}
				#meta-menu ul li.meta-item-6_de a {
					width: 25px;
					background-image: url(../images/menu/meta/6_de.gif);
				}
				#meta-menu ul li.meta-item-6_en a {
					width: 25px;
					background-image: url(../images/menu/meta/6_en.gif);
				}
				#meta-menu ul li.meta-item-7_de a {
					width: 25px;
					background-image: url(../images/menu/meta/7_de.gif);
				}
				#meta-menu ul li.meta-item-7_en a {
					width: 25px;
					background-image: url(../images/menu/meta/7_en.gif);
				}
				#meta-menu ul li.meta-item-8_de a {
					width: 25px;
					background-image: url(../images/menu/meta/8_de.gif);
				}
				#meta-menu ul li.meta-item-8_en a {
					width: 25px;
					background-image: url(../images/menu/meta/8_en.gif);
				}
				#meta-menu ul li.meta-item-design_de a {
					width: 65px;
					background-image: url(../images/menu/meta/design_de.gif);
				}
				#meta-menu ul li.meta-item-design_en a {
					width: 56px;
					background-image: url(../images/menu/meta/design_en.gif);
				}
				#meta-menu ul li.meta-item-design-1_de a {
					width: 90px;
					background-image: url(../images/menu/meta/design-1_de.gif);
				}	
				#meta-menu ul li.meta-item-design-1_en a {
					width: 80px;
					background-image: url(../images/menu/meta/design-1_en.gif);
				}
				#meta-menu ul li.meta-item-design-2_de a {
					width: 25px;
					background-image: url(../images/menu/meta/2_de.gif);
				}
				#meta-menu ul li.meta-item-design-2_en a {
					width: 25px;
					background-image: url(../images/menu/meta/2_en.gif);
				}
				#meta-menu ul li.meta-item-design-3_de a {
					width: 25px;
					background-image: url(../images/menu/meta/3_de.gif);
				}
				#meta-menu ul li.meta-item-design-3_en a {
					width: 25px;
					background-image: url(../images/menu/meta/3_en.gif);
				}
				#meta-menu ul li.meta-item-facts_de a {
					width: 55px;
					background-image: url(../images/menu/meta/facts_de.gif);
				}
				#meta-menu ul li.meta-item-facts_en a {
					width: 48px;
					background-image: url(../images/menu/meta/facts_en.gif);
				}
				#meta-menu ul li.meta-item-area-map_de a {
					width: 105px;
					background-image: url(../images/menu/meta/area-map_de.gif);
				}
				#meta-menu ul li.meta-item-area-map_en a {
					width: 66px;
					background-image: url(../images/menu/meta/area-map_en.gif);
				}
				#meta-menu ul li.meta-item-directions-sketch_de a {
					width: 104px;
					background-image: url(../images/menu/meta/directions-sketch_de.gif);
				}
				#meta-menu ul li.meta-item-directions-sketch_en a {
					width: 103px;
					background-image: url(../images/menu/meta/directions-sketch_en.gif);
				}
				#meta-menu ul li.meta-item-directions_de a {
					width: 117px;
					background-image: url(../images/menu/meta/directions_de.gif);
				}
				#meta-menu ul li.meta-item-directions_en a {
					width: 78px;
					background-image: url(../images/menu/meta/directions_en.gif);
				}
				#meta-menu ul li.meta-item-first_de a {
					width: 62px;
					background-image: url(../images/menu/meta/first_de.gif);
				}
				#meta-menu ul li.meta-item-first_en a {
					width: 47px;
					background-image: url(../images/menu/meta/first_en.gif);
				}
				#meta-menu ul li.meta-item-second_de a {
					width: 67px;
					background-image: url(../images/menu/meta/second_de.gif);
				}
				#meta-menu ul li.meta-item-second_en a {
					width: 57px;
					background-image: url(../images/menu/meta/second_en.gif);
				}
				#meta-menu ul li.meta-item-third_de a {
					width: 67px;
					background-image: url(../images/menu/meta/third_de.gif);
				}
				#meta-menu ul li.meta-item-third_en a {
					width: 50px;
					background-image: url(../images/menu/meta/third_en.gif);
				}
				#meta-menu ul li.meta-item-fourth_de a {
					width: 67px;
					background-image: url(../images/menu/meta/fourth_de.gif);
				}
				#meta-menu ul li.meta-item-fourth_en a {
					width: 57px;
					background-image: url(../images/menu/meta/fourth_en.gif);
				}
				#meta-menu ul li.meta-item-inside_de a {
					width: 50px;
					background-image: url(../images/menu/meta/inside_de.gif);
				}
				#meta-menu ul li.meta-item-inside_en a {
					width: 54px;
					background-image: url(../images/menu/meta/inside_en.gif);
				}
				#meta-menu ul li.meta-item-outside_de a {
					width: 57px;
					background-image: url(../images/menu/meta/outside_de.gif);
				}
				#meta-menu ul li.meta-item-outside_en a {
					width: 61px;
					background-image: url(../images/menu/meta/outside_en.gif);
				}