/* seilnachts css-Vorlagen*/ 

/* format id="body" */


body {
  background-color: #888; /* hintergrundfarbe */
  color: black; /* schriftfarbe */
  font-family: Arial, Helvetica; /* schriftart */
}

html  {
  -webkit-text-size-adjust: none;
}

/* format id="wrapper" */
div#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
  

/* format id="navi" */
div#navi {
  background-color: #FFAA82;
  width: 971px;
  color: #333;
  font-weight: bold;
  margin: 0px;
  padding-top: 5px;
  padding-left: 14px;
  padding-right: 15px;
  padding-bottom: 4px;
}

div#navi a {
  text-decoration: none;
}

/* format id="kopf" */
div#kopf {
  width: 980px;
  color: white;
  text-align: left;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  font-weight: normal;
}

div#kopf a {
  text-decoration: none;
}

/* format id="text" */
div#text {
  background-color: #FFF;
  color: black; 
  width: 980px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
}

div#text a {
  text-decoration: none;
}


/* format id="text2" */
div#text2 {
  background-image: url("grey800.jpg");
  color: black; 
  min-height: 100px;
  width: 1000px;
}


/* format id="text3" */
div#text3 {
  background-image: url("grey800.jpg");
  color: black; 
  min-height: 107px;
  width: 1000px;
}

/* format id="text4" */
div#text4 {
  background-color: #CCC;
  color: black; 
  padding-top: 10px;
  padding-left: 10px;
  width: 1000px;
}

/* format id="produkt" */
div.produkt  {
  color: black; 
  width: 280px;
  text-align: center;
  font-size: small;
  font-weight: normal;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 0px;
  padding-bottom: 10px;
  float: left;
}


/* format id="fuss" */
div#fuss {
  background-color: #CCC;
  width: 971px;
  color: #000; 
  text-align: left;
  font-weight: bold;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 15px;
  padding-bottom: 6px;
}


div#fuss a {
  text-decoration: none;
}

img {
    border: 0px;
}


/* Form-Aktion-Button gestalten */
input  {
	font-family: Arial; 
	font-size: medium; 
	font-weight: bold; 
	color: #F30; 
	padding-top: 4px; 
	padding-bottom: 4px;

	}

TEXTAREA  {
    font-family: arial; 
	font-size: medium; 
	font-weight: bold; 
	color: #F30; 
	padding-top: 1px; 
	padding-bottom: 1px;
}

/* schriftgroessen */
h1 {font-size: xx-large; display: inline;}
h2 {font-size: x-large; display: inline;}
h3 {font-size: large; display: inline;}
h4 {font-size: medium; font-weight: normal; display: inline;}
s1 {font-size: small; font-weight: normal; display: inline;}
s2 {font-size: small; display: inline;}
s3 {font-size: x-small; display: inline;}


/* linkfarbe */
a:active {color: #F30; }
a:link {color: #144267; } 
a:visited {color: #144267; }
a:hover {color: #F30 ;}


/* textfarben */
ro { color: red; } /* rot */
or { color: #CC6600; } /* orange */
dr { color: #CC0000; } /* dunkelrot */
gr { color: #006600; } /* gruen */





/* block zentrieren */
div.block {
  text-align: center;
  font-size: small;
  font-weight: bold;
}


/* mehrere Bilder nebeneinander mit text zentrieren*/
div.bilder {
  text-align: center;
  float: left;
  padding: 15px;
  font-size: small;
  font-weight: bold;
}


/* Bilderreihen nebeneinander mit text zentrieren*/
div.bilder2 {
  text-align: center;
  float: left;
  overflow: hidden;
  padding: 4px;
  font-size: small;
  font-weight: bold;
}