/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v34-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

body {
	background-color: gray;
}

* {
	font-family: Open Sans, sans-serif;
}

h2 {
	color: #008A4B;
}

h1 {
	color: gray;
}

#mainContent ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/*eigener list style (http://www.alistapart.com/articles/taminglists/)*/
#mainContent ul li:before {
	content: "\00BB \0020";
}

header,
#content,
footer {
	background: white;
}

#content,
header,
footer,
#content aside img,
#content section iframe {
	box-shadow: 3px 3px 7px black;
}

#text #part2,
#text #part3 {
	font-weight: bold;
}

#text #part2 {
	font-size: 2em;
	color: #008A4B;
}

#text #part3 {
	font-size: 1.3em;
	color: gray;
}

header nav ul li {
	background-color: #808080;
}

header nav ul li:hover {
	background-color: #545454;
}

header nav ul li.selected {
	background-color: #008A4B;
}

header nav ul li a {
	text-decoration: none;
	color: white;
}

/*kontakt formular styles*/
.error {
	display: none;
	/* hide the errors */
	color: red;
	font-size: 0.7em;
}

.success {
	display: none;
	/* hide the sucess div */
	color: green;
	font-size: 0.7em;
}

input,
textarea {
	font-size: 0.7em;
	padding: 3px;
}

.lieferanten_tabelle tr {
	background-color: #F3F3F3;
}

.lieferanten_tabelle tr:nth-child(odd) {
	background-color: #CACACA;
}

.lieferanten_tabelle td {
	padding: 1em;
	text-align: center;
}

.lieferanten_tabelle td a {
	color: black;
}

.lieferanten_tabelle td img {
	background-color: white;
	padding: 5px;
	box-shadow: 3px 3px 7px black;
}

#mainContent iframe {
	border: none;
	overflow: hidden;
}