body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.2;
	color: #191918;
	background-image: url(http://www.kellerverpackungstechnik.ch/img/background.png);
	background-repeat: repeat-x;
}

a {
	color: #dd2a2f;
}

a#flowplayer {
	display: block;
	width: 330px;
	height: 248px;
	overflow: auto;
}

img {
	border: none;
}

h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
}

h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 17px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
}

h3 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
}

/* divs */

div {
	text-align: left;
}

div#background img {
	width: 100%;
	height: 100%;
}

div#wrapper,
div#wrapper_header, 
div#wrapper_content, 
div#wrapper_footer {
	width: 1010px;
	margin: auto !important;
}

div#service {
	width: 1010px;
	height: 91px;
	margin-top: 15px;
	vertical-align: bottom;
	float: left;
}

div#logo {
	width: 300px;
	float: right;
	padding: 10px;
}

div#links {
	float: left;
	text-align: right;
	color: #191918;
	font-size: 12px;
	line-height: 1.4;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div#navigation1 {
	width: 1010px;
	height: 50px;
	float: left;
	border-bottom: 3px solid #dd2a2f;
}

div#navigation2 {
	width: 230px;
	margin-top: 25px;
	float: left;
	background-color: #fff;
}

div#main_home {
	padding: 20px 20px 15px 20px;
	width: 970px;
	margin-top: 25px;
	float: left;
	background-color: #fff;
}

div#main {
	padding: 20px 0px 15px 20px;
	width: 760px;
	margin: 25px 0px 0px 0px;
	float: left;
	background-color: #fff;
}

div#footer {
	padding: 15px 20px 15px 20px;
	margin: 25px 0px 15px 0px;
	width: 970px;
	float: left;
	color: #191918;
	font-size: 12px;
	background-color: #eee;
}

div#footer div {
	float: left;
	padding-right: 25px;
}

div#footer div.sitemap {
	float: left;
	padding-right: 20px;
	width: 130px;
}

div#footer div.sitemap ul li a,
div#copyright a {
	color: #000;
}

div#copyright {
	padding-top: 20px;
	clear: both;
	width: 900px;
}

div.content ul {
	overflow: hidden;
}

ul {  
	margin: 0px; 
	padding: 0px;
}

li {
	margin: 0px 0px 0px 15px; 
	padding: 0px;
}

/* TODO */
div.info {
	border: 1px solid #7fa3de;
	background-color: #d9e4f5;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	color: #191918;
	line-height: 1.5;
	clear: both;
}

/* TODO */
div.hint {
	border: 1px solid #ffdc19;
	background-color: #fff6c3;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	color: #191918;
	line-height: 1.5;
	clear: both;
}

div.content img {
	margin: 5px 20px 20px 5px;
}

div.promo {
	width: 430px;
	height: 200px;
	overflow: hidden;
	float: left;
	border: 1px solid #ddd;
	padding: 5px 20px 5px 15px;
	margin: 20px 30px 20px 0px;
	box-shadow: 5px 5px 5px #ddd;
}

div#main div.promo {
	width: 330px;
	height: 130px;
	padding: 0px 5px 5px 5px;
	margin: 20px 50px 30px 0px;
}

div.promo p {
	text-align: center;
	margin-top: -10px;
}

div.promo h2 a {
	text-decoration: none;
	color: black;
}

div#main div.promo h2 {
	font-size: 12px;
}

/* navigation */

ul.navigation1,
ul.navigation2 {
	list-style-type: none;
	margin: auto;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}

ul.navigation1 {
	height: 50px;
	width: 980px;
}

ul.navigation2 {
	padding: 10px 10px 15px 0px;
	background-color: #fff;
	width: 205px;
}

ul.navigation2 ul li {
	padding: 0px 0px 10px 20px;
}

ul.navigation1 li,
ul.navigation2 li {
	float: left;
	display: block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
}

ul.navigation1 li {
	padding: 10px 10px 10px 10px;
	margin: 5px 15px 5px 0px;
}

ul.navigation2 li {
	font-size: 13px;
	padding: 10px 0px 10px 0px;
	margin-left: 10px;
	width: 200px;
}

ul.navigation2 li.active ul li a {
	color: #dd2a2f;
}

ul.navigation1 li.active a,
ul.navigation2 li.active a,
ul.navigation2 li.active ul li.active a {
	color: #191918;
}

ul.navigation1 li a,
ul.navigation2 li a {
	text-decoration: none;
}

/* tables */

/* TODO */j
table {
	border: none;
}

tr,
th {
	padding: 3px 5px 3px 5px;
	vertical-align: top;
}

th {
	border-bottom: 1px #b6b6b6 solid;
	background-color: #ddd;
	text-align: left;
}

td {
	border-bottom: 1px #b6b6b6 solid;
	padding: 3px 5px 3px 5px;
}

/* form/form fields */

input.normal,
textarea.normal {
	width: 250px;
}

input.small {
	width: 100px;
}

input.search,
input.search_query,
input.contactForm,
select,
div.submit input {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.2;
	color: #191918;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px 3px 3px 3px;
}

input.error {
	border-color: red;
}

input.search_query {
	width: 150px;
}

div.contactForm {
	padding-top: 20px;
}

div.contactForm div.validation {
	background-color: #dfdfdf;
	padding-bottom: 10px;
	margin-top: 20px;
}

div.contactForm div.validation label {
	padding-left: 10px;
	width: 140px;
	font-size: 12px;
}

div.contactForm fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

div.contactForm fieldset legend {
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

div.formLine label {
	width: 150px;
	display: block;
	float: left;
}

div.formLine label.error,
div.contactForm div.validation label.error { 
	float: none; 
	color: red; 
	padding-left: 150px; 
	vertical-align: top; 
	width: 400px;
}

div.formLine {
	padding-top: 10px;
}

div.contactFormError {
	color: red;
	padding: 10px;
	border: 1px solid red;
	margin-top: 20px;
	background-color: #ffebe8;
}

input.contactForm,
textarea.contactForm {
	width: 250px;
}

div.contactForm div.submit {
	padding-left: 150px;
	padding-top: 20px;
}

@media (max-width: 1030px) {
	body {
		background-image: none;
		background-color: #eee;
	}
	
	#wrapper {
		width: 100% !important;
	}
	
	#wrapper_header,
	#wrapper_content,
	#wrapper_footer,
	#service,
	#navigation1,
	#navigation2,
	#main_home,
	#main,
	#footer,
	ul.navigation1,
	div#copyright {
		width: 100% !important;
	}
	
	div#main {
		margin-left: 0px;
	}
	
	#links {
		display: none;
	}
	
	div#navigation1 {
		height: auto;
		text-align: center;
	}
	
	ul.navigation1 {
		height: auto;
		float: none;
	}
	
	ul.navigation1 li {
		float: none;
	}
	
	div#navigation2 {
		background-color: #eee;
		text-align: center;
	}
	
	ul.navigation2 {
		background-color: #eee;
		width: 100%;
		float: none;
	}
	
	div.sitemap {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}
}