@charset "utf-8";
@import "menu.css";

/* ############################## */
/* Projekt: MKS GmbH - Neue Webseite anlässlich des Umzugs der Firma in ein neues Gebäude */
/* Autor: Lukas Heuser / Admeta Werbeagentur */
/* Datum: 26.11.2008 / 03.12.2008  +  26.03.2009 */
/* Inhaltsverzeichnis: */
/* 1. Allgemeine Styles */
* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}
html {
	height: 100.75%;
}
body {
	background: #eaeaea;
	font: normal normal normal 9px/2em Verdana, sans-serif;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: url(../_img/shadows.jpg);
	background-repeat: repeat-y;
}
#header {
	width: 1000px;
	height: 131px;
	overflow: hidden;
}
#logo {
	padding: 25px 0 0 850px;
}
/* MENU HIER */
#content {
	padding: 0px 0 0 100px;
	overflow: hidden;
	overflow: hidden;
}
#ring {
	width: 100%;
	height: 112px;
	background-repeat: no-repeat;
	background-position: 351px;
}
#footer {
	height: 80px;
	padding: 24px 70px 0 70px;
	width: 860px;
	background: url(../_img/footer_bg.jpg);
	background-repeat: repeat-y;
}
#right_head {
	position: absolute;
	top: 0;
	left: 49.99%;
	height: 110px;
	width: 50%;
	background: #fff;
	z-index: -1000;
}
.col1, .col2, .col3 {
	float: left;
	width: 260px;
	padding: 20px 34px 0 0;
}
.envelope {
	overflow: hidden;
	margin: 0 0 4em 0;
}
.firstitem {
	margin-top: -6em;
}
.heading {
	margin-bottom: 2em;
}
#footer ul {
	background: url(../_img/footer_navi_bg.jpg);
	width: 215px;
	height: 21px;
	margin: 0 0 0 458px;
	padding: 0 0 0 230px;
	list-style-type: none;
}
#footer ul li {
	float: left;
	margin: 0 10px 0 0;
	color: #555;
}
#footer address {
	margin: 5px 0 0 210px;
	color: #aaa;
	font-style: normal;
}
#footer ul li a {
	color: #555;
	text-decoration: none;
	border: 0;
}
/* ######################## */
/* ######### Fonts ######## */
/* ######################## */
h1 {
	font-size: 170%;
}
h2 {
	font-size: 120%;
	margin: 0 0 2px 0;
}
.top_heading {
	margin: -20px 0 2px 0;
}

strong {
}
p {
	margin: 0 0 12px 0;
}
.heading h1 {
	position: relative;
	width: 512px;
	height: 26px;
}
.heading h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.datum {
	color: #aaa;
	margin-top: -2px;
}
a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #00a;
}
a:hover {
	border-bottom: 1px solid #00a;
}
.bildlink {
	border: 0;
}
.bildlink:hover {
	border: 0;
}
#content img {
	margin: 0 0 2em 0;
}
.xxlpic {
	float: left;
	overflow: hidden;
	margin: 2em 0 -1em 0;
}
.xxlpic * {
	float: left;
	margin: 0;
}
.aktuell .flashvideo {
	overflow: hidden;
	float: left;
	margin: 2em 0 -1em 0;
}
.aktuell .flashvideo * {
	float: left;
	margin: 0;
}
/* Hintergrund */
.home {
	background-image: url(../_img/home/bg.jpg);
	background-repeat: repeat-x;
}
.aktuell {
	background-image: url(../_img/aktuell/bg.jpg);
	background-repeat: repeat-x;
}
.hd {
	background-image: url(../_img/aktuell/bg.jpg);
	background-repeat: repeat-x;
}
.keramikspritzguss {
	background-image: url(../_img/keramikspritzguss/bg.jpg);
	background-repeat: repeat-x;
}
.spritzguss {
	background-image: url(../_img/spritzguss/bg.jpg);
	background-repeat: repeat-x;
}
.dienstleistungen {
	background-image: url(../_img/dienstleistungen/bg.jpg);
	background-repeat: repeat-x;
}
.unternehmen {
	background-image: url(../_img/unternehmen/bg.jpg);
	background-repeat: repeat-x;
}
.kontakt {
	background-image: url(../_img/kontakt/bg.jpg);
	background-repeat: repeat-x;
}
.anfahrt {
	background-image: url(../_img/kontakt/bg.jpg);
	background-repeat: repeat-x;
}
.impressum {
	background-image: url(../_img/impressum/bg.jpg);
	background-repeat: repeat-x;
}
/* Headline */
.home .heading span {
	background-image: url(../_img/home/heading.jpg);
}
.aktuell .heading1  span {
	background-image: url(../_img/aktuell/heading.jpg);
}
.aktuell .heading2  span {
	background-image: url(../_img/aktuell/heading2.jpg);
}
.aktuell .heading3  span {
	background-image: url(../_img/aktuell/heading3.jpg);
}
.keramikspritzguss .heading span {
	background-image: url(../_img/keramikspritzguss/heading.jpg);
}
.spritzguss .heading span {
	background-image: url(../_img/spritzguss/heading.jpg);
}
.dienstleistungen .heading span {
	background-image: url(../_img/dienstleistungen/heading.jpg);
}
.unternehmen .heading span {
	background-image: url(../_img/unternehmen/heading.jpg);
}
.kontakt .heading span {
	background-image: url(../_img/kontakt/heading.jpg);
}
.anfahrt .heading span {
	background-image: url(../_img/anfahrt/heading.jpg);
}
.impressum .heading span {
	background-image: url(../_img/impressum/heading.jpg);
}
/* Header */
.home #header {
	background: url(../_img/home/header.jpg);
}
.aktuell #header {
	background: url(../_img/aktuell/header.jpg);
}
.hd #header {
	background: url(../_img/aktuell/header.jpg);
}
.keramikspritzguss #header {
	background: url(../_img/keramikspritzguss/header.jpg);
}
.spritzguss #header {
	background: url(../_img/spritzguss/header.jpg);
}
.dienstleistungen #header {
	background: url(../_img/dienstleistungen/header.jpg);
}
.unternehmen #header {
	background: url(../_img/unternehmen/header.jpg);
}
.kontakt #header {
	background: url(../_img/kontakt/header.jpg);
}
.anfahrt #header {
	background: url(../_img/kontakt/header.jpg);
}
.impressum #header {
	background: url(../_img/impressum/header.jpg);
}
/* Ring */
.home #ring {
	background-image: url(../_img/home/ring.jpg);
}
.aktuell #ring {
	background-image: url(../_img/aktuell/ring.jpg);
}
.hd #ring {
	background-image: url(../_img/aktuell/ring.jpg);
}
.keramikspritzguss #ring {
	background-image: url(../_img/keramikspritzguss/ring.jpg);
}
.spritzguss #ring {
	background-image: url(../_img/spritzguss/ring.jpg);
}
.dienstleistungen #ring {
	background-image: url(../_img/dienstleistungen/ring.jpg);
}
.unternehmen #ring {
	background-image: url(../_img/unternehmen/ring.jpg);
}
.kontakt #ring {
	background-image: url(../_img/kontakt/ring.jpg);
}
.anfahrt #ring {
	background-image: url(../_img/kontakt/ring.jpg);
}
.impressum #ring {
	background-image: url(../_img/impressum/ring.jpg);
}
/* IMPRESSUM */
.impressum .col2 {
	width: 540px;
	height: 500px;
	overflow: auto;
}
.impressum .col2 dl dt {
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 120%;
}
.impressum .col2 dl dd {
	margin: 0 0 15px 5px;
}
#admeta span {
	display: block;
}
#form {
	width: 500px;
	float: left;
}
input {
	border: 1px solid #000;
	width: 200px;
	margin: 0 0 0 30px;
	background-color: #fff;
	background-image: url(../_img/kontakt/input_bg.jpg);
	background-position: 0 -16px;
}
input:hover, input:focus {
	background-position: 0 0;
}
.plz {
	width: 50px;
}
.ort {
	width: 145px;
	margin: 0 0 0 3px;
}
.send {
	margin: 5px 0 0 0;
	float: left;
	width: 202px;
}
textarea {
	background: #fff;
	border: 1px solid black;
	width: 200px;
	height: 125px;
	float: left;
}
.kontaktadresse {
	width: 300px;
	float: left;
	font-style: normal;
	margin: 0 0 50px 30px;
}
.imimpressum {
	margin-left: 0;
}