<style type="text/css">
 <!--

 /* ---- Informationen zu dieser css-Datei --------------------------------------------

 Funktion:                globales und spezifisches Layout für DAS KLIMA DER ERDE
                                   und
                          globales Layout für WWW.M-FORKEL.DE

 Version:                 17.08.2005
 Autor:                   Matthias Forkel

 Farben (alt):
 - Seitenhintergrund:      #CED5DF #DEDEE4 (blaugrau)
 - komplementäre Farbe:    #F8E88F (senfgelb)
 - blockquote:             #F1ED9E (helleres gelb)
 - Rahmen:                 #617D9A (pflaumenblau)
 - Überschriften:          #000000 (schwarz)
 - Schrift:                #000000 (schwarz)

 ---- */


 /* ---- Allgemeine Seitenformatierungen --------------------------------------------- */

 a:link { color:#000000; text-decoration:underline; }
 a:visited { color:#454545; text-decoration:underline; }
 a:hover { color:#000000; text-decoration:none; background-color:#FFFCE0 }
 a:active { color:#808080; text-decoration:none; }
 a:focus { color:#000000; text-decoration:underline; }

 body { padding:6px; background-color:#EFEFEF; text-align:center }

 a.pdf { padding-left:20px; background-image:url(pdf.jpg); background-repeat:no-repeat; background-position:left top; }
 a.ppt { padding-left:20px; background-image:url(ppt.jpg); background-repeat:no-repeat; background-position:left top; }
 a.zip { padding-left:20px; background-image:url(zip.jpg); background-repeat:no-repeat; background-position:left top; }
 a.ab { padding-left:20px; background-image:url(ab.jpg); background-repeat:no-repeat; background-position:left top; }
 a.xls { padding-left:20px; background-image:url(xls.jpg); background-repeat:no-repeat; background-position:left top; }
 a.exp { padding-left:20px; background-image:url(exp.jpg); background-repeat:no-repeat; background-position:left top; }


 /* ---- Seitenaufbau KLIMA------------------------------------------------------------*/

 .body-width { width:970px; background-color:#CED5DF; border-collapse:collapse; border:2px solid #617D9A }
 .main { padding:8px; }

 table.rahmen { width:100%; table-layout:fixed; border-top:1px #617D9A solid; border-bottom:1px #617D9A solid; background-color:#F8E88F; padding:0px; border-collapse:collapse;  }

 td.logo { height:110px; width:110px; text-align:center; vertical-align:middle; border-right:px dotted #617D9A }

 td.navigation { height:110px; width:100%; padding:0px; vertical-align:bottom; }

 .iframe { width:839px; height:110px; border-top: px solid #617D9A; }

 table.kontext { width:100%; table-layout:fixed; border-top:1px solid #617D9A; border-bottom:1px solid #617D9A; background-color:#F8E88F;  border-collapse:collapse; margin-top:25px; margin-bottom:5px }
 td.kontext { padding:5px; }


 /* ---- Seitenaufbau m-forkel--------------------------------------------------------*/

 .tab_mforkel { width:700px; border-collapse:collapse; border:2px #617D9A solid;   background-color:#CED5DF }
 .head { height:10px; padding:5px; margin-bottom:30px; text-align:center; font:bold 8pt Arial; }
 .headline { height:30px; border-left:2px #617D9A solid }
 .links { padding-top:0px; padding:10px; width:180px; text-align:center; vertical-align:top;  }
 .rechts { padding:20px; padding-top:0px; vertical-align:top }
 .foot { border-top:#617D9A 1px solid; background-color:#F8E88F; padding:5px; margin-top:30px; text-align:center; font:bold 8pt Arial; }
 .s { font-size:10pt; margin-top:5px; text-align:left }



 /* ---- Tabellen im Fließtext ------------------------------------------------------- */

 table.s { border-width:2px; border-color:#617D9A; border-style:solid; padding:0px; border-collapse:collapse; margin-bottom:15px; margin-top:15px }
 th { table-layout:fixed; border-width:2px; border-color:#617D9A; border-style:solid; padding:5px; font-family:Arial; font-size:11pt; font-weight:bold; text-align:center; color:#000000 }
 #s { border-width:2px; border-color:#617D9A; border-style:solid; padding:5px; color:#000000; vertical-align:top }

 table.u { table-layout:fixed; border-width:0px; border-collapse:collapse; margin-bottom:10px; margin-top:20px; table-layout:auto; padding:0px; margin-left:0px }
 #u { border-witdh:0px; table-layout:fixed; border-collapse:collapse; margin-bottom:15px; vertical-align:top; padding:5px  }


  /* ---- Textformatierungen --------------------------------------------------------- */

 h1,h2,h3 { font-family:Arial,Helvetica; text-align:center; color:#000000; line-height:18px; padding:4px; margin-top:20px; margin-bottom:20px }
 h1 { font-size:18pt; letter-spacing:2px;   }
 h2 { font-size:16pt; }
 h3 { font-size:13pt; font-weight:bold; margin:20px }
 h4 { margin-top:10px; margin-bottom:5px; font:normal 10pt Arial; text-align:left; color:#000000; font-weight:bold }

 p,blockquote,li,ul,td,div,#s { font:normal 10pt Arial }

 p,blockquote,li,div { margin-top:10px; text-align:justify }

 p.ctr { text-align:center; }

 p.copyright { font:normal 9pt Arial; text-align:right }

 i { color:#000080 }

 blockquote { margin-left:0px; border-left:3px solid #617D9A; padding:4px; background-color:#F1ED9E }

 hr { width:100%; border-width:1px; border:dashed #617D9A 1px; }


 /* ---- Spezifische Formate für Startseite ------------------------------------------ */

 div.register { text-align:center; vertical-align:middle; width:60%; height:70px; border:1px solid #617D9A; background-color:#F8E88F; margin:20px; }
 select { background-color:#FFFCE0; font-family:Arial,Helvetica; font-size:10pt; }

 div.neu { margin-top:10px; background-image:url(neu.gif); background-repeat:no-repeat; background-position:left top; padding-left:30px }

 div.hinw-watt { text-align:center; vertical-align:middle; margin:20px; margin-top:170px; }

 div.kontaktmoeglichk { text-align:center; vertical-align:middle; border: 1px solid #617D9A; margin:20px; margin-top:70px; padding:10px }


 /* ---- Spezifische Formate für Wolkenbilder-Galerien ------------------------------- */

 div.galerie { text-align:center }

 #u-c { border-witdh:0px; table-layout:fixed; border-collapse:collapse; margin-bottom:15px; vertical-align:top; text-align:center; padding:5px; font:normal 8pt Arial;  }

 iframe.galerie { width:670px; height:520px; border:0px; background-color:#CED5DF; text-align:center; margin-top:20px  }


 /* ---- Weitere spezifische Formate ------------------------------------------------- */

 div.ausdruck_alle { position:absolute; left:600px; top:400px; width:250px; padding:10px;  border:1px solid #617D9A; background-color:#F1ED9E; text-align:center; vertical-align:middle;  }

 div.exp_zirkulation_grafik { position:absolute; left:710px; top:300px; width:268px;  float:left; }
 div.exp_zirkulation_text { position:relative; left:0px; top:0px; width:680px; }


 -->
</style>