/* Seilnacht css-Vorlage */ 

/* forat id="body" */


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


/* format id="wrapper" */
div#wrapper {
  width: 800px;
  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;
  color: #666;
  padding-top: 0px;
  padding-bottom: 7px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}


/* format id="titel1" */
div#titel1 {
  width: 770px;
  height: 30px;
  background-color: #666666;
  font-size: x-large;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

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

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

/* format id="titel2" */
div#titel4 {
  background-color: #666666;
  width: 970px;
  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 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: 300px;
  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="bildfluss" */
div.bildfluss {
  width: 354px;
  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: 360px;
  background-color: #FFF;
  text-align: center;
  font-size: small;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 0px;
  float: left;
}

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

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

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

/* format class="bildleg1" */
div.bildleg1 {
  margin: right;
  width: 90%;
  background-color: #FFF;
  font-size:small;
  text-align: left;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}

/* format class="gleichung" */
div.gleichung {
  margin: right;
  background-color: #FFF;
  font-size: large;
  text-align: left;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

/* format class="button" */
div.button {
  background-color: #ABABAB;
  width: 148px;
  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: 970px;
  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: 766px;
  background-color: #FFF;
  font-size: large;
  color: #000;
  text-align: justify;
  font-weight: normal;
  padding-top: 24px;
  padding-bottom: 25px;
  padding-left: 19px;
  padding-right: 19px;
}

div.pik {                      
  float: left;
  line-height: 48px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-right: 9px;
  border: 0px solid #333;
  background-color: #999;
  color: #000000;
  text-decoration: none;
}

a.piklink {              
  float: left;
  width: 510px;
  text-align: center;
  display: block; 
  position: relative;
  line-height: 36px;
  font-size: 20px;  
  font-weight: normal; 
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: 1px solid #889bad;
  background-color: #d9e0e6;
  color: #000000;
  text-decoration: none;
}

a.piklink:hover {
	background: #f6e6db;
	color: #F30;
	border-color: #CC3300;
}

a.piklink2 {              
  float: left;
  width: 205px;
  text-align: center;
  display: block; 
  position: relative;
  line-height: 36px;
  font-size: 20px;  
  font-weight: normal; 
  padding-left: 15px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 12px;
  margin-right: 16px;
  border: 1px solid #889bad;
  background-color: #d9e0e6;
  color: #000000;
  text-decoration: none;
}

a.piklink2:hover {
	background: #f6e6db;
	color: #F30;
	border-color: #CC3300;
}

div.piklink3 {              
  float: left;
  text-align: center;
  position: relative;
  line-height: 36px;
  font-size: 20px;  
  font-weight: normal; 
  padding-left: 3px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 6px;
  margin-bottom: 6px;
  background-color: #FFF;
  color: #000;
  text-decoration: none;
}


/* 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="schriftklein" */
div.schriftklein {
font-size: small;
}

/* format class="tabelle1" */
div.tabelle1 {
  background-color: #FFF;
  font-size: small;
  color: #000;
  text-align: center;
  font-weight: normal;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  float: left;
}

/* 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: 770px;
  font-size: medium;
  background-color: #ABABAB;
  color: #333;
  text-align: center;
  font-weight:bold;
  margin-top: 0px;
  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: small;
}


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