/* DATEI: formate.css */

 /* CSS wird fuer www.wupperfototreff.de zentral definiert */


 body {
  background-color:#EEEEEE;
  min-width:600px;
  margin:0px;
  padding:0px
  }

/* Die Titelzelle */
 #title {
  z-index:1;
  background-color:#999999;
  position:static;
  min-width:580px;
  max-width:100%;
  height:70px;
  text-align:center;
  vertical-align:middle; 
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px !important; /* bis auf IE und NN4 */
  padding-top:10px /* nur IE und NN4 */
  } 


  /* Das Copyright */
 #copyright {
  float:left;
  background-color:transparent;
  position:absolute;
  width:120px;
  top:30px;
  left:30px;
  text-align:left;
  color:#FF0000;
  font-size:10px;
  line-height:90%;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif
  } 

 /* Das Update */
 /* Eintragungszeit des aktuellen Updates auf jede Seite einzeln eintragen! */
 #update {
  float:right;
  background-color:transparent;
  width:120px;
  height:30px;
  text-align:center;
  vertical-align:middle;
  margin-top:-50px !important; /* bis auf IE und NN4 */
  margin-top:-60px; /* nur IE und NN4 */
  margin-right:50px !important; /* bis auf IE und NN4 */
  margin-right:10px; /* nur IE und NN4 */
  padding-top:1px;
  color:#FF0000;
  font-size:10px;
  line-height:90%;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif
  } 

 /* Die Navigationszelle */
 #nav {
  background-color:transparent;
  position:static;
  width:130px;
  height:400px;
  top:100px;
  left:0px;
  margin-top:10px;
  margin-left:10px;
  margin-right:0px;
  text-align:left;
  font-size:12px;
  line-height:1.5em;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:3px
  } 

 /* Die Termine */
 /* Die Kopfzelle */
 #dat {
  background-color:#999999;
  position:absolute;
  width:150px;
  height:30px;
  top:100px !important; /* bis auf IE und NN4 */
  top:120px; /* nur IE und NN4 */
  right:10px;
  margin-top:-8px;
  margin-left:10px;
  margin-right:0px;
  text-align:center;
  vertical-align:middle;
  border-style: solid;
  border-width: 2px;
  border-color: #999999;
  font-size:11px;
  line-height:1.0em;
  font-weight:bold;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top:2px
  } 

 /* Die Termine */
 /* Die Terminangaben */
#dat1 {
  background-color:#eeeeee;
  position:absolute;
  width:146px;
  height:550px;
  top:125px !important; /* bis auf IE und NN4 */
  top:135px; /* nur IE und NN4 */
  right:10px;
  margin-top:0px;
  margin-left:10px;
  margin-right:0px;
  text-align:left;
  vertical-align:middle;
  border-style: solid;
  border-width: 2px;
  border-color: #999999;
  font-size:10px;
  line-height:1.0em;
  font-weight:normal;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:2px
  } 

/* Das Hauptfeld */
 #centrum {
  position:relative;
  min-height:350px;
  max-height:100%;
  min-width:460px;
  max-width:100%;
  top:-400px !important; /* bis auf IE und NN4 */
  top:-390px; /* nur IE und NN4 */
  left:130px;
  margin-top:0px;
  margin-left:20px;
  margin-right:350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  font-size:10px;
  line-height:1.5em;
  font-weight:normal;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

 /* Die Navigationszelle der Themengalerien-Unterseiten*/
 #galerienav {
  background-color:transparent;
  position:static;
  width:130px;
  height:20px;
  top:0x;
  left:0px;
  margin-top:10px;
  margin-left:10px;
  text-align:left;
  font-size:15px;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:1px
  } 

/* Das Galeriebildfeld fuer die Themengalerie*/
 #galerie {
  position:absolute;
  min-height:350px;
  max-height:100%;
  width:100%;
  top:25px !important; /* bis auf IE und NN4 */
  top:35px; /* nur IE und NN4 */
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  text-align:center;
  font-size:13px;
  white-space:nowrap;
  line-height:1.5em;
  font-weight:normal;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

/* Dies sind die allgemeinen Formatierungen fuer spez. HTML-Formate */
 h1 {font-size:24pt; font-weight:normal; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif } 
 h2 {font-size:13pt; font-weight:normal; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif }
 h3 {font-size:11pt; font-weight:normal; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif }

 p {font-size:10pt; font-weight:normal; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif }
 p.small {font-size:8pt; font-weight:normal; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif }
 ul {font-size:10pt; font-weight:normal; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif }

 abbr[title], acronym[title] {cursor:help; text-decoration:none }


 a:link { color:#000000; text-decoration:none }
 a:visited { color:#000000; text-decoration:none }
 a:hover { color:#0000FF; text-decoration:none }
 a:active { color:#FFA07A; text-decoration:none; }