/* Seilnacht css-Vorlage */ 

/* format id="body" */


body {
	background-color: #E4E4E4;
}
 
html  {
  -webkit-text-size-adjust: none;
}


/* format id="wrapper" */
div#wrapper {
  width: 1030px;
  background-color: #E4E4E4;
  font-family: Arial, Helvetica;
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 
  
/* format id="navi" */
div#navi { 
  text-align: center;
  font-weight: bold;
  font-size: large;
  padding-top: 0px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}

/* format id="titel0" */
div#titel0 {
  margin: 0 auto;
  width: 890px;
  height: 36px;
  background-color: #666666;
  font-size: xx-large;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
}

/* format id="titel1" */
div#titel1 {
  width: 550px;
  height: 36px;
  background-color: #666666;
  font-size: xx-large;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format id="titel2" */
div#titel2 {
  width: 420px;
  height: 36px;
  background-color: #666666;
  font-size: x-large;
  color: #FFF;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  padding-top: 14px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format id="titel3" */
div#titel3 {
  width: 550px;
  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 id="titel4" */
div#titel4 {
  width: 420px;
  height: 20px;
  background-color: #C0C0C0;
  font-size: large;
  color: #000;
  text-align: right;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format span id="autoren" */
span#aut {
  wide:;
  font-family: Arial Narrow;
  font-variant: small-caps;  
  font-style: normal; 
  font-size: 70%;
  font-size: normal;
  color: #FFF;
  text-align: left;
  font-weight: normal;
}

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

/* format class="daten1" */
div.daten1 {
  width: 160px;
  background-color: #FFF;
  font-size: normal;
  color:;
  text-align: left;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format class="daten2" */
div.daten2 {
  width: 375px;
  background-color: #FFF;
  font-size: normal;
  color:;
  text-align: left;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format class="bildfluss" */
div.bildfluss {
  width: 185px;
  background-color: #FFF;
  text-align: left;
  font-size: small;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 0px;
  float: right;
  clear: both;
  display: block;
}

/* format class="bildfluss2" */
div.bildfluss2 {
  width: 330px;
  background-color: #FFF;
  text-align: left;
  font-size: small;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 0px;
  float: right;
  clear: both;
  display: block;
}

/* format class="bildneben" */
div.bildneben {
  width: 240px;
  background-color: #FFF;
  text-align: left;
  font-size: small;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 10px;
  float: left;
}

/* format class="bild" */
div.bild {
  margin: right;
  width: 355px;
  background-color: #FFF;
  font-size:small;
  text-align: center;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format class="bild" */
div.bild2 {
  margin: right;
  width: 208px;
  background-color: #FFF;
  font-size:small;
  text-align: center;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

/* format class="button" */
div.button {
  background-color: #ABABAB;
  width: 153px;
  height: 27px;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 11px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 10px;
  float: left;
}

/* format class="kapitel" */
div.kapitel {
  width: 1000px;
  height: 25px;
  font-size: large;
  background-color: #898989;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-right: 15px;
}

/* format class="text" */
div.text {
  width: 1000px;
  background-color: #FFF;
  font-size: normal;
  color: #000;
  text-align: justify;
  font-weight: normal;
  padding-top: 26px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
/* format class="bildtitel" */
div.bildtitel {
  width: 800px;
  background-color: #999;
  font-size: large;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-left: 50px;
  margin-top: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

/* format class="bild1" */
div.bild1 {
  width: 800px;
  background-color: #FFF;
  font-size: small;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-left: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

/* format class="bildlegende" */
div.bildlegende {
  width: 800px;
  background-color: #999;
  font-size: small;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-left: 50px;
  margin-bottom: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

/* format class="stoffe" */
div.stoffe {
  width: 160px;
  height: 180px;
  background-color: #FFF;
  font-size: small;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-left: 5px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
}

/* format id="weiss1" */
div#weiss1 {
  background-color: #FFF;
  width: auto;
}

/* format id="weiss2" */
div#weiss2 {
  background-color: #FFF;
  width: auto;
}
 
 /* format id="impressum" */
div#impressum {
  width: 1000px;
  font-size: medium;
  background-color: #ABABAB;
  color: #333;
  text-align: left;
  font-weight:bold;
  margin-top: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
}
 
  /* format id="impressum2" */
div#impressum2 {
  width: 890px;
  margin: 0 auto;  
  background-color: #ABABAB;  
  font-size: medium;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

/* 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 */
g1 {font-size: large; font-weight: normal;display: inline;}
g2 {font-size: medium; font-weight: normal; font-style: italic; display: inline;}
h1 {font-size: xx-large; display: inline;}
h2 {font-size: x-large; color: #333333;display: inline;}
h3 {font-size: large; font-weight: normal;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;
}