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

@-ms-viewport { 
	width: device-width; 
	zoom: 1; 
}
@-o-viewport {
	width: device-width; 
	zoom: 1; 
}
@viewport {
	width: device-width; 
	zoom: 1; 
}

html {
	box-sizing: border-box;
}
a {
	color: black;
}

a {
	color: #633176;
	text-decoration: underline;
}

body {
	font-family: "Arial", "Tahoma","sans-serif";
	font-size: 10pt;
	background: url(images/body_bg.png) repeat-x, url(images/body_bg_2.png) 0px 800px repeat-x, 
				url(images/body_bg_2.png) 0px 800px repeat-x,
				url(images/body_bg_2.png) 0px 1600px repeat-x;
}
 

#neu {
	background: url(images/body_bg_2.png) repeat-x;
				
}
 
h1,h2,h3,h4,dt,dd,p,ul.menu li a {
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif ;
	}
	
h1{
	font-size: 200%;
	color: #2c282e;
}	

h2{
	color: #392e3d;
	font-size: 130%;
	margin: 20px 0px 0px;
}

h3 {
	font-size: 115%;
	font-weight: normal;
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif ;
	line-height: 1.5;
	margin: 30px 0px 10px 0px;
}

p {
	font-weight: bold;
}

ol.important {
	font-size: 20pt;
	width: 500px;
	padding: 60px;
	margin: 40px;
	background: yellow;
}

/* Herbstaktion */

.Herbstaktion th {
	border: 1px;
	background: #f66314;
	text-align: left;
	color: black;
} 
.dunn {
	font-size: 100%;
	line-height: 0.8;
} 
.dünn {
	font-size: 100%;
	line-height: 0.8;
	padding-bottom: 15px;
} 
.groß {
	font-size: 160%;
} 
#Herbstaktion table {
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
}
#Herbstaktion table tbody tr td {
	background: #fda700;
	border: 1px solid black;
	padding: 5px 10px 5px 10px;
}

/* Herbstaktion */


table{
	background: #ddd;
	padding: 5px;
	border-collapse: collapse;
	margin-left: 30px;
	margin-top: 20px;
}
	
td,th {
	padding: 5px;
	vertical-align: top;
	text-align: center;
	font-size: 120%;
}	

table caption{
	text-align: center;
	font-size: 100%;
	margin: 10px;
	background: #ddd;
}	

table thead {
	background: #2e2e2e;
	color: white;
}

th.Reihe {
	font-size: 90%;
	text-align: left;
}

th.Lochabstaende {
	text-align: left;
}

table tbody tr {
	background: #b0d900;
}

table tbody tr:nth-child(even){
	background: orange;
}

.table {
	width: 80%;
}
		
ul li {
	background: url(images/li-hauptnavi_item.png) 0px 3px no-repeat;
	padding-left: 15px;
	margin-right: 5px;
	list-style-type: none;
	margin-bottom: 7px;
}

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

ul.menu {
	background: url(images/unter_navi_bg.png) repeat-x;
	width: 100%;
	margin-top: 23px;
	overflow: hidden;
	height: 42px;
	padding: 0px;
}

ul.menu li a {
	display: block;
	padding: 10px 15px 0px 15px;
	height: 25px;
	text-decoration: none;
	color: #113f10;
	font-size: 107%;
	font-weight: bold;
	border-right: 1px dotted grey;
}
ul.menu li.last a {
	border: none;
}
ul.menu span {
	font-size: 120%;
	line-height: 0px;
}

ul.menu li a:hover {
	background: url(images/hover_bg.png) repeat-x;
}

ul.menu li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
}

/* Info-Menu */
ul.menu2{
	background: url(images/navi_bg.png) repeat-x;
	width: 560.5px;
	margin: 10px 0px 0px -30px;
	overflow: hidden;
	height: 42px;
}

ul.menu2 li a {
	display: block;
	padding: 10px 20px 0px 20px;
	height: 25px;
	text-decoration: none;
	color: #113f10;
	font-size: 102%;
	font-weight: bold;
	border-right: 1px dotted grey;
}

ul.menu2 span {
	font-size: 120%;
	line-height: 0px;
}

ul.menu2 li a:hover {
	background: url(images/hover_bg.png) repeat-x;
}

ul.menu2 li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
}

/* Info-Menu Ende*/
	
#header{
	padding-top: 30px;
	position: relative;
	height: 143px;
}

#header img, #header .meta-menu{
	position: absolute;
	right: 0px;
}

#header img {
	top: 15px;
}

#header h2 {
	margin-top: 25px;
}

#header .meta-menu{
	top: 90px;
}
.haupt-navi{
	width: 100%;
}

@media screen and (min-width: 600px) {
#main-container{
	background: white url(images/main2_bg.png) repeat-x;
	width: 85%;
	margin: 0px auto;
	padding: 0px 30px 20px 30px;
}

#teaser {
	padding: 0px 0px 1px 0px;
	overflow: auto;
	height: 198px;
	padding-left:0px;
	width: 100%;
}
#teaser {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-around;	
	overflow: hidden;
}

.teaser-Bild {
	margin: 14px 2px 10px 0px;
	overflow: hidden;
	height: 180px;
}

.teaser-Bild:nth-of-type(4n+4) {
			margin-right: 0px;
		}

.info-zweispaltig {
	overflow: hidden;
	margin-top: 20px;
}

.info-zweispaltig .schnellübersicht {
	width: 40.71428571%;
	margin-left: 57.5%;
	padding-left: 15px;
}
ul.schnellmenu li a {
	text-decoration: none;
	line-height: 1.5;
}

ul.schnellmenu li a:hover {
	background: url(images/hover_bg.png) repeat-x;
}

.info-zweispaltig .haupt-info {
	float: left;
	margin-right: 0px; 
	border-right: 2px dotted grey;
	padding-right: 15px;
}
.haupt-info {
	width: 55.71428571%;
}
.haupt-info  h2 {
	margin: 0px 0px 10px 0px;
}

.haupt-info p  {
	font-weight: normal;
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	font-size: 110%;
	line-height: 1.5;
	margin: 0px 0px 10px 0px;
}

.haupt-info .absatz {
	margin: 0px 0px 30px 0px;
}

.h3-unterlegt { 
	margin: 25px 0px 20px 0px;
	color: #392e3d;
	font-size: 115%;
	font-weight: bold;
	background: #f6e9c0;
}
.h3-unterlegt2 { 
	margin: 30px 0px 20px 0px;
	color: #392e3d;
	font-size: 115%;
	font-weight: bold;
	background: #f6e9c0;
}

.schnellübersicht h2{
	margin: 0px 0px 10px 0px;
}

.schnellübersicht h3{
	margin: 35px 0px 10px 0px;
	color: #392e3d;
	font-size: 115%;
	font-weight: bold;
	background: #eee;
}

/*Erntewagen Start*/

#content {
	overflow: auto;
}


.flex {
	display: flex;
}

.smart {
	margin-right: 0px; 
	border-right: 2px dotted grey;
	padding-right: 15px;
	width: 55.71428571%;
}
.smart2 {
	width: 40.71428571%;
	margin-top: 0px;
	padding-left: 15px;
}

.Wagenbild {
	max-width: 100%;
	height: auto;
}

.Gallerie-Varainte1 {
	background: #eee;
	width: 140px;
	float: left;
	border: 1px solid #ddd;
	margin: 5px 10px 10px 0px;
	height: 100px;
}

.Gallerie-Varainte1 p {
	text-align: center;
	padding-top: 13px;
}

.Gallerie-Varainte1 img {
	padding: 5px;
	background: #ecea93;
	border: 1px solid gray; 
}

.Gallerie-Varainte1 img:hover {
	border-color: orange;
}

.Anwendunginfo {
	margin: 20px 0px 20px 0px;
	color: black;
}

.Erntewagen h2 {
	margin: 20px 0px 15px 0px;	
}
.Erntewagen p {
	margin-bottom: 10px;
}

.Variante1 h3 {
	background: #F7C56F;
	font-size: 115%;
	font-weight: bold;
}


/*Erntewagen Ende*/



/* Produkte-Seite Start*/

#Products {
	width: 100%;
}

#Products h2.Pd {
	font-size: 130%;
	margin-top: 20px;
}

#Products h2.Produktuebersicht {
	margin: 30px 0px 10px 0px;
	color: #392e3d;
	font-size: 115%;
	font-weight: bold;
	background: #F7C56F;
}

#Products ul.schnellmenu .Pd1 {
	font-size: 110%;
}

ul.schnellmenu li {
	margin-top: 10px;
	margin-bottom: 15px;
}

#Products ul.Pd1 li {
	background: url(images/li-hauptnavi_item.png) 0px 20px no-repeat;
	padding-left: 15px;
	margin-right: 5px;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 10px;
}

#produkte2 img.uv {
	float: right;
	left: 730px;
	top: 600px;
}

#produkte2 img.uv1 {
	float: right;
}

.Ware {
	width: 100%;
	margin-top: 30px;
}

.Ware table {
	float: left;
}

.Baendchengewebe{
	margin-left: 15%;
	max-width: 45%;
	height: auto;
}


/* unterschiedlich start*/

.Pd2 img {
	float: left;	
	margin-top: -40px;
	margin-left: 100%;	
}

.Pd2 {
	width: 50%;
	padding: 25px 0px;
	display: block;
}

/* unterschiedlich ende*/


/* Produkte-Seite Ende*/

.schnellübersicht p{
	color: red;
}


p.Anwendunginfo1 {
	margin-top: 30px;
	color: black;
	line-height: 1.6;
}

.schnellübersicht table {
	margin-bottom: 20px;
}

#bottom {
	background: #ddd url(images/shadow-trans.png) repeat-x;
	width: 85%;
	padding: 10px 30px 10px 30px;
	margin: 0px auto;
	position: relative;
}

#bottom address {
	position: absolute;
	right: 15px;
	top: 10px;
}

#bottom p, adress {
	font-weight: normal;
}

#bottom img {
	position: absolute;
	right: 460px;
	top: 7px;
}
#content {
	width: 100%;
}
#content form {
	background: #ddd;
	padding: 20px;
}

#content input, #content textarea {
	border: 1px solid grey;
	background: white;
	padding: 2px;
}

#content #send {
	background: #eee;
	border: 3px outset;
	margin-left: 120px;
}

#content label {
	float: left;
	min-width: 120px;
	border-bottom: 1px solid gray;
}

#content form p {
	overflow: hidden;
}

.uid {
	background: #ddd;
	width: 150px;
}

#produkte{
	margin-top: 20px;
}

#produkte h2 {
	margin-bottom: 10px;
}
#produkte li a {
	font-size: 120%;
}
#produkte  li {
	margin: 15px 0px;
}

#produkte ul li {
	background: url(images/li-hauptnavi_item.png) 0px 5px no-repeat;
	padding-left: 20px;
	margin-right: 5px;
	list-style-type: none;
	margin-bottom: 7px;
}


span.fragen2 { 
	background: #DDDDDD;
	width: 145px;
}
p.fragen3 {
	margin: 20px 0px 0px;
}

p.fragen2 {
	background: #DDDDDD;
	width: 155px;
}
	
.gelocht {
	font-size: 90%;
}
.Beispiel {
	margin-top: 20px;
}

#produkte2 {	
	width: 100%;
}

#produkte2 p {
	margin: 15px 0px;
}

li.material {
	background: none;
}

.uv {
	width: 60px;
	height: 80px;
	float: right;
}	

.uv1 {
	width: 60px;
	height: 80px;
	float: right;
	margin-right: 17.85714286%;
	margin-top: 20px;	
}

.Gallerie h2 {
	margin-bottom: 20px; 
}

#Preise h2 {
	margin: 20px 0px 20px 0px;
}


#Preise dt {
	font-size: 110%;
	margin: 40px 0px 12px;
}

#Preise dl dd  {
	font-size: 110%;
	color: #392e3d;	
	margin: 5px 0px 10px;
}

.kursiv {
	font-style: italic;
}

#Preise p {
	font-size: 110%;
	line-height: 1.5;
	font-weight: normal;
	color: #392e3d;	
	margin-top: 25px;
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif ;
}

.Gallerie {
	background: #eee;
	width: 140px;
	float: left;
	border: 1px solid #ddd;
	margin: 0px 10px 10px 0px;
	height: 160px;
}

.Gallerie p {
	text-align: center;
	padding-top: 15px;
}

.Gallerie img {
	padding: 5px;
	background: #ecea93;
	border: 1px solid gray; 
}

.Gallerie img:hover {
	border-color: orange;
}

#Gallerie-h2 h2 {
	margin-bottom: 30px;
}

#Gallerie-h2 h3 {
	text-decoration: underline;
}

#Gallerie-h3 h3 {
	text-decoration: underline;
}

#GalleriePeterle-h3 {
	text-decoration: underline;
}

.Gallerie-Salat {
	background: #eee;
	width: 140px;
	float: left;
	border: 1px solid #ddd;
	margin: 0px 10px 10px 0px;
	height: 130px;
}

.Gallerie-Salat p {
	text-align: center;
	padding-top: 25px;
}

.Gallerie-Salat img {
	padding: 5px;
	background: #ecea93;
	border: 1px solid gray; 
}

.Gallerie-Salat img:hover {
	border-color: orange;
}

.haupt-info .fragen {
	margin: 30px 0px 10px;
}

.haupt-info .fragen2 {
	background: #DDDDDD;
	width: 157px;
}

#info-Bilder img {
	display: inline-block;
	width: 80%;
	height: auto;
	padding: 35px 35px 0px 35px;
}

#info-Bilder h2{
	margin-top: 20px;
}

.info-gelocht {
	display: flex;
}

/* Zubehoer */


#Produkte2 li {
	font-size: 110%;
	margin: 25px 0px 20px 0px;
}

p.Vlies {
	font-weight: normal;
}

p.Vlies1 {
	font-weight: normal;
}

p.Vlies2 {
	font-weight: normal;
}

#produkte2 p.Vlies {
	margin-top: 5px;
	line-height: 1.5;
}

#produkte2 p.Vlies1 {
	margin-top: 5px;
	line-height: 1.5;
}

#produkte2 p.Vlies2 {
	margin-top: 25px;
	line-height: 1.5;
}

h2.Vlies {
	margin-top: 60px;
}
}