/* Seilnacht css-Vorlage */ 

/* format id="body" */


body {
}

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

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

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

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

/* format id="impressum" */
div#impressum {
  color: #666;
  text-align: center;
  font-family: Arial, Helvetica;
  font-size: small;
  font-weight: bold;
} 

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

/* 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: 900px;
  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: 900px;
  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="feld1" */
div#feld1 {
  width: 620px;
  height: 36px;
  background-color: #666666;
  font-size: xx-large;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format id="feld2" */
div#feld2 {
  width: 320px;
  height: 36px;
  background-color: #666666;
  font-size: xx-large;
  color: #FFF;
  text-align: right;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format id="feld3" */
div#feld3 {
  width: 970px;
  height: 20px;
  background-color: #C0C0C0;
  font-size: large;
  color: #000;
  text-align: left;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format span class="autoren2" */
span.aut2 {
  font-family: Arial Narrow, Helvetica Neue Condensed, Helvetica Condensed, sans-serif;
  font-variant: small-caps;  
  font-style: normal; 
  font-size: 90%;
  color: #000;
  text-align: left;
  font-weight: normal;
}

/* 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="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: 2px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  float: left;
}

div.button2 {
  background-color: #CCCCCC;
  width: 129px;
  height: 33px;
  color: #FFFFFF;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  font-stretch: narrower;
  margin-left: 2px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  float: left;
}

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

div.button4 {
  background-color: #CCCCCC;
  width: 129px;
  height: 90px;
  color: #FFFFFF;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  font-stretch: narrower;
  margin-left: 2px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  float: left;
}




/* format id="film1" */
div.film1 {
  width: 180px;
  height: 100px;
  text-align: center;
  font-weight:normal;
  font-size: medium;
  color: #FFFFFF;
  margin-left: 12px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  float: left;
}

/* format id="film2" */
div.film2 {
  width: 100px;
  height: 100px;
  text-align: center;
  font-weight:normal;
  font-size: medium;
  color: #333333;
  margin-left: 2px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  float: left;
}

/* format id="film3a" */
div.film3a {
  display: table;
  width: 470px;
  height: 100px;
  font-weight: normal;
  font-size: medium;
  margin-left: 2px;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-left: 20px;
  padding-right: 0px;
  padding-top: 0px;
  float: left;
}
/* format id="film3b" */
div.film3b {
  display: table-cell;
  vertical-align: middle;
}


/* 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: 900px;
  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: 900px;
  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: 900px;
  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="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;
}  

/* format id="klb" */
div.klb {
  background-color: #FFFFFF;
  width: 102px;
  text-align: center;
  font-size: small;
  border: 1px solid #666666;
  margin-left: 9px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  float: left;
}

 
/* 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: normal;
}


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: x-large; color: #333333;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;
}