/* Seilnacht css-Vorlage */ 

/* format id="body" */

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

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

/* format id="wrapper" */
div#wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
} 
  

/* format id="navi" */
div#navi {
  background-color: #CCCCCC;
  color: #999999; 
  font-size: medium;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}
/* format id="navi" */

div#navi2 {
  background-color: #CCCCCC;
  color: #999999; 
  font-size: medium;
  font-weight: bold;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  word-spacing: 5px;
}

/* format id="name" */
div#name {
  background-color: #888888;
  color: #000000;
  font-size: x-large;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}

/* format id="name2" */
div#name2 {
  background-color: #888888;
  color: #000000;
  font-size: medium;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}


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

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


/* 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: center;
  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="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: medium;
  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: #FFFFFF;
  width: 776px;
  text-align: justify;
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
}



/* format id="bilder" */
div#bilder {
  background-color: #FFFFFF;
  color: #000000; 
  width: 760px;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
  word-spacing: 15px;
  border-top: 2px solid #999999;
}

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


/* format id="copy" */
div#copy {
  background-color: #888888;
  color: #333333; 
  font-size: small;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}  

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


/* format id="lexikon" */
div#lexikon {
  background-color: #888888;
  text-align: center;
  font-size: small;
  padding-top: 6px;
  padding-bottom: 6px;
}



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

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


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

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

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

/* format id="vorschau5" */
div.vorschau6 {
  background-color: #FFFFFF;
  width: 200px;
  border: 1px solid #666666;
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: small;
  text-align: center;
  float: left;
}

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

table  {
	text-align: left;
    color: #000000;
	border: 0px solid #666666;
	margin-left: auto;
	margin-right: auto;
}
td  {
	border: 1px solid #666666;
	font-size: small;
}

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


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