/* Seilnacht css-Vorlage */ 

/* format id="body" */


body {
  background-color: #999999;
  font-family: Arial, Helvetica;
}

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

/* format id="ueber1" */
div#ueber1 {
  text-align: center;

  color: #222222;
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

/* format id="haupt1" */
div.haupt1 {
  text-align: center;
  color: #222222;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* format id="bariueber" */
div#bariueber {
  width: 800px;
  text-align: center;
  background-color: #CCCCCC;
  color: #000000;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* format id="baritext" */
div#baritext {
  margin-left: 0px;
  margin-right: 0px;
  width: 776px;
  background-color: #FFFFFF;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: justify;
}

/* format id="baricopy" */
div#baricopy {
  width: 800px;
  text-align: center;
  background-color: #CCCCCC;
  color: #000000;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* format id="hauptelemente" */
div.hauptelemente {
  text-align: center;
  margin-left: 6px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  float: left;
}

/* format id="hauptunten" */
div.hauptunten {
  color: #222222;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* format id="wrapper" */
div#wrapper {
  width: 762px;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 

/* format id="wrapper2" */
div#wrapper2 {
  width: 800px;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 
  
/* format id="wrapper3" */
div#wrapper3 {
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 
  /* format id="wrapper5" */

div#wrapper5 {
  width: 730px;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 

/* format id="wrapper4" */
div#wrapper4 {
  background-color: #FFFFFF;
  width: 800px;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 

/* format id="wrapper6" */
div#wrapper6 {
  width: 940px;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 

/* format id="wrapper7" */
div#wrapper7 {
  width: 800px;
  background: #FFFFFF;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 


/* format id="navi" */
div#navi {
  color: #CCC; 
  font-family: Arial, Helvetica;
  font-size:large;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}

/* format id="navi" */
div.nav {
  color: #CCC; 
  font-family: Arial, Helvetica;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 15px;
}

/* format id="navi2" */
div#navi2 {
  color: #999999; 
  font-size: medium;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}


/* format id="navi2" */
div#navi3 {
  color: #999999; 
  font-size: medium;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}


/* format id="name" */
div#name {
  background-color: #666666;
  font-size: xx-large;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

/* format id="name2" */
div#name2 {
  background-color: #888888;
  text-align: center;
  color: #FFF;
  font-size: large;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}


/* format id="name3" */
div#name3 {
  background-color: #666666;
  font-size: xx-large;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  margin-left: 2px;
  margin-right: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}


/* format id="titel" */
div#titel {
  background-color: #666666;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-size: xx-large;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}


/* format id="titel2" */
div#titel2 {
  background-color: #666666;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-size: xx-large;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}


/* format id="bild" */
div#bild {
  background-color: #FFFFFF;
  width: 376px;
  min-height: 261px;
  position: absolute;
  float: left;
  text-align: center;
  margin-left: 0px;
  font-size: small;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}

/* format id="bild2" */
div#bild2 {
  background-color: #FFFFFF;
  text-align: left;
  width: 776px;
  font-size: small;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}


/* format id="bildgross" */
div#bildgross {
  text-align: center;
}

/* format id="line1" */
div#line1 {
  height: 2px;
  background-color: #FFFFFF;	
}

/* format id="line1" */
div#werbung {
  border: 10px solid #CCCCCC;
  width: 886px;	
}


/* format id="button" */
div.button {
  background-color: #ABABAB;
  width: 129px;
  height: 33px;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  font-stretch: narrower;
  color: #FFFFFF;
  margin-left: 8px;
  margin-top: 2px;
  margin-right: 8px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  float: left;
}

div.button2 {
  background-color: #CCCCCC;
  width: 190px;
  color: #FFFFFF;
  font-size: large;
  text-align: center;
  font-weight: bold;
  font-stretch: narrower;
  margin-left: 8px;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
}

/* format id="button3" */
div.button3 {
  background-color: #CCCCCC;
  width: 116px;
  height: 37px;
  text-align: center;
  font-weight: bold;
  font-stretch: narrower;
  font-size: medium;
  color: #FFFFFF;
  margin-left: 8px;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  float: left;
}

/* Bild links neben Kolonne einfuegen */
div.contbild {
	float: left;
	color: black;
	font: arial;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-right: 25px; 
	text-align: left;
	}	

/* Kolonne untereinander links neben Bild */
div.kolonneunter {
	margin-top: 0px;
	margin-left: 10px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 6px;
    color: black;
	font: Arial;
    text-align: left;
	}


/* format id="daten" */
div#daten {
  background-color: #FFFFFF;
  min-height: 261px;
  margin-left: 396px;
  margin-right: 0px;
  text-align: left;
  font-size: small;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}

/* format id="daten2" */
div#daten2 {
  background-color: #FFFFFF;
  width: 776px;
  text-align: left;
  font-size: small;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 1px solid #666666;
}

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


/* format id="text" */
div#text {
  background-color: #C5C5C5;
  padding-left: 1px;
  padding-top: 2px;
  text-align: left;
  margin-left: 0px;
}

/* format id="inhalt" */
div#inhalt {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  background-color: #FFFFFF;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: justify;
}

/* format id="medien" */
div#medien {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  background-color: #FFFFFF;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: justify;
  word-spacing: 6px;
}


/* format id="startbilder" */
div#startbilder {
  background-color: #C5C5C5;
  padding-left: 3px;
  padding-top: 4px;
  text-align: left;
  margin-left: 0px;
}


/* format id="pflanzen" */
div#pflanzen {
  background-color: #C5C5C5;
  padding-left: 2px;
  padding-top: 3px;
  text-align: left;
  margin-left: 0px;
}


/* format id="text2" */
div#text2 {
  background-color: #C5C5C5;
  padding-top: 2px;
  text-align: left;
  margin-left: 0px;
}


/* format id="bilder1" */
div.bilder1 {
  width: 776px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}


/* format id="bilder2" */
div.bilder2 {
  width: 388px;
  text-align: center;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* format id="bilder3" */
div.bilder3 {
  width: 258px;
  text-align: center;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* format id="bilder1l" */
div.bilder1l {
  width: 776px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 0px;
}


/* format id="bilder2l" */
div.bilder2l {
  width: 388px;
  text-align: center;
  float: left;
  padding-top: 15px;
  padding-bottom: 0px;
}

/* format id="bilder3l" */
div.bilder3l {
  width: 258px;
  text-align: center;
  float: left;
  padding-top: 15px;
  padding-bottom: 0px;
}

/* format id="legende1" */
div.legende1 {
  width: 776px;
  text-align: center;
  font-size: small;
  padding-top: 0px;
  padding-bottom: 20px;
}


/* format id="legende2" */
div.legende2 {
  width: 388px;
  text-align: center;
  font-size: small;
  float: left;
  padding-top: 0px;
  padding-bottom: 20px;
}

/* format id="legende3" */
div.legende3 {
  width: 258px;
  text-align: center;
  font-size: small;
  float: left;
  padding-top: 0px;
  padding-bottom: 20px;

}

/* format id="flaschen" */
div.flaschen {
  background-color: #FFFFFF;
  width: 103px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #666666;
  margin-left: 6px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  float: left;
}

/* format id="flaschen" */
div.flaschen2 {
  background-color: #FFFFFF;
  width: 123px;
  font-weight: bold;
  text-align: center;
  border: 0px solid #666666;
  margin-left: 8px;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  float: left;
}

/* format id="copy" */
div#copy {
  margin-left: auto;
  margin-right: auto;
  color: #333333; 
  text-align: center;
  font-size: small;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}  

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


table  {
    border-color: #000000;
	font-size: medium;
}


td  {
    border-color: #000000;
}

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: medium; 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;}

a {
  text-decoration: none;
}


/* linkfarbe */
a:active {color: #036; }
a:link {color: #036; } 
a:visited {color: #036; } 
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;
}