@font-face {
	font-family: EtelkaText;
	src: url(fonts/EtelkaText.ttf) format("truetype");
}
@font-face {
	font-family: EtelkaLight;
	src: url(fonts/EtelkaLight.ttf) format("truetype");
}
/*----------------------------------------------------------------------------*/
.col_home {
	color: #008bcb;
}
.col_home_inactive {
	color: #7fc4e5;
}
.col_about {
	color: #f08c14;
}
.col_about_inactive {
	color: #fdd3a3;
}
.col_service {
	color: #c71970;
}
.col_service_inactive {
	color: #f5b5d0;
}
.col_products {
	color: #87ac20;
}
.col_products_inactive {
	color: #d5e3ae;
}
.col_contact {
	color: #275f9a;
}
.col_contact_inactive {
	color: #a4b8db;
}
.col_jobs {
	color: #7c7c7c;
}
.lighterfont {
	font-weight: lighter;
}
.bolderfont {
	font-weight: bolder;
}
.tighterbolderfont {
	font-weight: bolder;
	letter-spacing: -0.025em;
}
.imagelink {
	display: block;
}
.hiding {
	display: none;
}
.header_menu_button {
	background-image: url(images/header_menu_button.png);
	background-repeat: no-repeat;
}
.menu_button_home {
	background-image: url(images/menu_button_home.png);
	background-repeat: no-repeat;
}
.menu_button_home_active {
	color: white;
	background-image: url(images/menu_button_home_active.png);
	background-repeat: no-repeat;
}
.menu_button_about {
	background-image: url(images/menu_button_about.png);
	background-repeat: no-repeat;
}
.menu_button_about_active {
	color: white;
	background-image: url(images/menu_button_about_active.png);
	background-repeat: no-repeat;
}
.menu_button_service {
	background-image: url(images/menu_button_service.png);
	background-repeat: no-repeat;
}
.menu_button_service_active {
	color: white;
	background-image: url(images/menu_button_service_active.png);
	background-repeat: no-repeat;
}
.menu_button_products {
	background-image: url(images/menu_button_products.png);
	background-repeat: no-repeat;
}
.menu_button_products_active {
	color: white;
	background-image: url(images/menu_button_products_active.png);
	background-repeat: no-repeat;
}
.menu_button_webshop {
	background-image: url(images/menu_button_webshop.png);
	background-repeat: no-repeat;
}
.menu_button_webshop_active {
	color: white;
	background-image: url(images/menu_button_webshop_active.png);
	background-repeat: no-repeat;
}
.menu_button_contact {
	background-image: url(images/menu_button_contact.png);
	background-repeat: no-repeat;
}
.menu_button_contact_active {
	color: white;
	background-image: url(images/menu_button_contact_active.png);
	background-repeat: no-repeat;
}
.menu_button_jobs_active {
	color: white;
	margin-top: 35px;
	background-image: url(images/menu_button_jobs_active.png);
	background-repeat: no-repeat;
}
.article {
	float: left;
	padding-bottom: 30px;
}
	.article_body, .article_header, .article_footer {
		float: left;
		width: 544px;
		background-color: white;
	}
	.article_header {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.article_footer {
		padding-top: 30px;
	}
	.article_columns {
		background-image: url(images/separator_vertical.jpg);
		background-repeat: repeat-y;
	}
		.article_column_left {
			float: left;
			width: 256px;
		}
		.article_column_right {
			float: right;
			width: 256px;
		}
	.product_header {
		line-height: 30px;
		background-image: url(images/separator_horizontal.png);
		background-repeat: repeat-x;
		background-position: top;
	}
	.product_body {
		min-width: 256px;
		min-height: 204px;
	}
/*----------------------------------------------------------------------------*/
body {
	color: #9b9a99;
	font-family: EtelkaLight, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center top;
}
#home {
	background-image: url(images/body_mood_home.jpg);
}
#about {
	background-image: url(images/body_mood_about.jpg);
}
#team {
	background-image: url(images/body_mood_team.jpg);
}
#references {
	background-image: url(images/body_mood_references.jpg);
}
#service {
	background-image: url(images/body_mood_service.jpg);
}
#consulting {
	background-image: url(images/body_mood_consulting.jpg);
}
#grafic {
	background-image: url(images/body_mood_grafic.jpg);
}
#production {
	background-image: url(images/body_mood_production.jpg);
}
#eshop {
	background-image: url(images/body_mood_eshop.jpg);
}
#products {
	background-image: url(images/body_mood_products.jpg);
}
#productreferences {
	background-image: url(images/body_mood_productreferences.jpg);
}
#contact {
	background-image: url(images/body_mood_contact.jpg);
}
#imprint {
	background-image: url(images/body_mood_imprint.jpg);
}
#jobs {
	background-image: url(images/body_mood_home.jpg);
}
	div, h1, h2, h3, h4, p, em, ul, dl, form, input, img {
		display: block;
		margin: 0;
		padding: 0;
	}
	ul {
		list-style-type: none;
	}
	img {
		border: none;
	}
	a {
		display: inline-block;
		color: #9b9a99;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
/*----------------------------------------------------------------------------*/
	#wrapper {
		position: relative;
		text-align: left;
		width: 980px;
		margin: 0 auto;
		padding: 0;
	}
/*----------------------------------------------------------------------------*/
		#header, #menu, #main, #nav, #footer {
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
		}
/*----------------------------------------------------------------------------*/
		#header {
			height: 197px;
		}
			#header_logo {
				display: inline-block;	/*IE6 Double-Margin-Bugfix*/
				float: left;
				margin-top: 30px;
				margin-left: 24px;
			}
			#header_claim {
				float: right;
			}
			#header_menu {
				clear: both;
				margin-right: 12px;
			}
				#header_menu ul {
					float: right;
					margin-top: 37px;
				}
					#header_menu ul li {
						float: left;
						margin-top: 0;
						margin-right: 0;
						margin-bottom: 0;
						margin-left: 3px;
						padding: 0;
					}
						#header_menu ul li div {
							width: 49px;
							height: 36px;
						}
						#header_menu_status {
							background-image: url(images/header_menu_status.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_home {
							background-image: url(images/header_menu_status_home.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_about {
							background-image: url(images/header_menu_status_about.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_service {
							background-image: url(images/header_menu_status_service.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_products {
							background-image: url(images/header_menu_status_products.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_webshop {
							background-image: url(images/header_menu_status_webshop.png);
							background-repeat: no-repeat;
						}
						#header_menu_status_contact {
							background-image: url(images/header_menu_status_contact.png);
							background-repeat: no-repeat;
						}
						#header_menu_home {
							background-image: url(images/header_menu_button_home.png);
							background-repeat: no-repeat;
						}
						#header_menu_about {
							background-image: url(images/header_menu_button_about.png);
							background-repeat: no-repeat;
						}
						#header_menu_service {
							background-image: url(images/header_menu_button_service.png);
							background-repeat: no-repeat;
						}
						#header_menu_products {
							background-image: url(images/header_menu_button_products.png);
							background-repeat: no-repeat;
						}
						#header_menu_webshop {
							background-image: url(images/header_menu_button_webshop.png);
							background-repeat: no-repeat;
						}
						#header_menu_contact {
							background-image: url(images/header_menu_button_contact.png);
							background-repeat: no-repeat;
						}
						#header_menu ul li a {
							color: white;
							font-family: EtelkaText;
							font-size: 0.9em;
							text-align: center;
							line-height: 36px;
							width: 110px;
							height: 41px;
						}
/*----------------------------------------------------------------------------*/
		#menu {
			width: 214px;
		}
			#menu_head, #menu_body {
				float: right;
				width: 202px;
				height: 40px;
			}
				#menu_head_home {
					background-image: url(images/menu_head_home.png);
					background-repeat: no-repeat;
				}
				#menu_head_about {
					background-image: url(images/menu_head_about.png);
					background-repeat: no-repeat;
				}
				#menu_head_service {
					background-image: url(images/menu_head_service.png);
					background-repeat: no-repeat;
				}
				#menu_head_products {
					background-image: url(images/menu_head_products.png);
					background-repeat: no-repeat;
				}
				#menu_head_contact {
					background-image: url(images/menu_head_contact.png);
					background-repeat: no-repeat;
				}
				#menu_head_jobs {
					background-image: url(images/menu_head_jobs.png);
					background-repeat: no-repeat;
				}
				#menu_head h1 {
					color: white;
					font-family: EtelkaText;
					font-size: 1.4em;
					line-height: 40px;
					padding-left: 12px;
				}
			#menu_body {
				width: 178px;
				height: auto;
				padding-right: 12px;
				padding-left: 12px;
				background-color: white;
			}
				#menu_body ul {
					width: 178px;
					margin-top: 12px;
				}
					#menu_body ul li {
						margin-top: 3px;
						margin-right: 0;
						margin-bottom: 0;
						margin-left: 0;
						padding: 0;
					}
						#menu_body ul li a {
							font-family: EtelkaText;
							font-size: 1.2em;
							line-height: 32px;
							padding-left: 12px;
							width: 166px;
							height: 32px;
						}
/*----------------------------------------------------------------------------*/
		#main {
			width: 592px;
		}
			#main_head, #main_body {
				width: 592px;
				height: 40px;
				background-image: url(images/main_head.png);
				background-repeat: no-repeat;
			}
				#main_head h2 {
					font-family: EtelkaText;
					font-size: 1.4em;
					line-height: 40px;
					padding-left: 24px;
				}
				#main_head_home {
					color: white;
					background-image: url(images/main_head_home.png);
					background-repeat: no-repeat;
				}
			#main_body {
				overflow: hidden;	/*IE6 Italic-Bugfix*/
				text-align: justify;
				width: 544px;
				height: auto;
				min-height: 589px;
				padding-right: 24px;
				padding-left: 24px;
				background-image: url(images/main_body.png);
				background-repeat: repeat-y;
			}
				#main_body h3 {
					font-size: 1.4em;
				}
				#main_body h4 {
					font-size: 1.2em;
				}
					#main_body h4 span {
						color: #9b9a99;
						font-size: 0.8em;
					}
				#main_body dt {
					float: left;
					margin: 0;
					padding: 0;
				}
					#main_body dl dd {
						text-align: left;
						margin: 0;
						padding: 0;
					}
/*----------------------------------------------------------------------------*/
		#nav {
			width: 174px;
		}
			#nav_head, #nav_body {
				float: left;
				width: 162px;
				height: 40px;
			}
				#nav_head_home {
					background-image: url(images/nav_head_home.png);
					background-repeat: no-repeat;
				}
				#nav_head_about {
					background-image: url(images/nav_head_about.png);
					background-repeat: no-repeat;
				}
				#nav_head_service {
					background-image: url(images/nav_head_service.png);
					background-repeat: no-repeat;
				}
				#nav_head_products {
					background-image: url(images/nav_head_products.png);
					background-repeat: no-repeat;
				}
				#nav_head_contact {
					background-image: url(images/nav_head_contact.png);
					background-repeat: no-repeat;
				}
				#nav_head_jobs {
					background-image: url(images/nav_head_jobs.png);
					background-repeat: no-repeat;
				}
				#nav_head div {
					clear: left;
					width: 162px;
					height: 40px;
				}
			#nav_body {
				width: 138px;
				height: auto;
				padding-right: 12px;
				padding-left: 12px;
				background-color: white;
			}
				#nav_body ul {
					width: 138px;
					margin-top: 12px;
					padding-bottom: 15px;
					background-image: url(images/separator_horizontal.png);
					background-repeat: repeat-x;
					background-position: left bottom;
				}
					#nav_body ul li {
						margin-top: 3px;
						margin-right: 0;
						margin-bottom: 0;
						margin-left: 0;
						padding: 0;
					}
						#nav_body ul li a {
							width: 138px;
						}
							#nav_body ul li a span:first-child {
								font-size: 1.2em;
							}
							#nav_body ul li a span:last-child {
								font-family: EtelkaText;
								font-size: 0.8em;
							}
				#nav_body form, #nav_body #message {
					width: 138px;
					margin-top: 12px;
				}
					#nav_body form label {
						font-family: EtelkaText;
						font-size: 0.8em;
					}
					#nav_body form input {
						color: #9b9a99;
						width: 130px;
						margin-top: 6px;
						padding-right: 3px;
						padding-left: 3px;
						border: 1px solid #e6e6e6;
					}
					#nav_body form input[type=submit] {
						cursor: pointer;
						width: 138px;
					}
				#nav_body #message {
					font-family: EtelkaText;
					font-size: 0.8em;
				}
/*----------------------------------------------------------------------------*/
		#footer {
			height: 105px;
		}
			#footer_menu, #footer_address {
				width: 932px;
				height: 30px;
				margin-top: 15px;
				margin-right: 12px;
				margin-left: 12px;
				padding-right: 12px;
				padding-left: 12px;
				background-image: url(images/footer_menu.png);
				background-repeat: no-repeat;
			}
			#footer_menu {
				color: white;
				font-family: EtelkaText;
				text-align: right;
				line-height: 30px;
			}
				#footer_menu a {
					color: white;
				}
			#footer_address {
				font-family: EtelkaText;
				font-size: 0.8em;
				text-align: center;
				background-image: none;
			}
/*HOME--------------------------------------------------------*/
	#moodshow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 365px;
		background-repeat: no-repeat;
		background-position: center top;
	}
/*REFERENCES--------------------------------------------------*/
			#references #main_body {
				height: 589px;
			}
				#references #main_body #referenceshow {
					position: relative;
				}
					#references #main_body #referenceshow ul {
						position: absolute;
						top: 0;
						left: 0;
						margin: 0;
						padding: 0;
						z-index: 2;
					}
						#references #main_body #referenceshow ul li {
							float: left;
							width: 104px;
							height: 86px;
							padding-top: 0;
							padding-right: 2px;
							padding-bottom: 4px;
							padding-left: 2px;
							margin: 0;
						}
/*CONTACT-----------------------------------------------------*/
				#contact #main_body #googlemap {
					width: 256px;
					height: 170px;
				}
					#contact #main_body form input {
						color: #9b9a99;
						margin-top: 3px;
						margin-bottom: 3px;
						padding-right: 3px;
						padding-left: 3px;
						border: 1px solid #e6e6e6;
					}
					#contact #main_body form input[type=submit] {
						cursor: pointer;
						color: white;
						background-color: #275f9a;
					}
					#contact #main_body dt {
						width: 70px;
					}
/*IMPRINT-----------------------------------------------------*/
					#imprint #main_body dt {
						width: 70px;
					}
/*PRODUCTS----------------------------------------------------*/
				#products #main_body #productshow {
					width: 544px;
					height: 204px;
				}
					#products #main_body #productshow form {
						position: relative;
					}
						#products #main_body #productshow form img {
							position: absolute;
							top: 0;
							left: 0;
							width: 544px;
							height: 204px;
							z-index: 0;
						}
						#products #main_body #productshow form input[type=submit] {
							position: absolute;
							z-index: 1;
							cursor: pointer;
							font-size: 0;
							width: 50px;
							height: 202px;
							background-color: transparent;
							border: none;
						}
						#products #main_body #productshow form #productshow_prev {
							top: 1px;
							left: 1px;
							background-image: url(images/productshow_prev.png);
							background-repeat: no-repeat;
						}
						#products #main_body #productshow form #productshow_next {
							top: 1px;
							left: 493px;
							background-image: url(images/productshow_next.png);
							background-repeat: no-repeat;
						}
					#products #main_body .product_header h3 {
						display: inline-block;
						float: left;
					}
					#products #main_body .product_header a {
						float: right;
						text-decoration: underline;
					}
					#products #main_body dl dd {
						text-align: left;
					}
/*JOBS--------------------------------------------------------*/
				#jobs #main_body ul {
					list-style-type: disc;
					padding-left: 16px;
					margin:0;
				}