/* Allgemeines */
body { background-color: #0052B4; }
body, input, textarea, table
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #0052B4;
  font-size: 13px;
}
table { color: #000000; }
form table, #tblUserRate { color: #0052B4; }

form { margin: 0px; }
h2 { font-size: 21px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

a:link { color: #0052B4; text-decoration: none; }
a:visited { color: #0052B4; text-decoration: none; }
a:hover {color: #FF0080; text-decoration: none; }
a:focus { color: #0052B4; text-decoration: none; }
a:active { color: #0052B4; text-decoration: none; }

ul { margin-bottom: 5px; }
strong { font-weight: bold; }
input.text, input.submit, textarea { border: 1px #707070 solid; background-color: #FFFFFF; }

/* Die Trennleisten */
.leiste { width: 690px; height: 1px; margin: 5px; }
.leiste2 { width: 675px; height: 1px; margin: 15px 0; }
#leiste_oben { margin-top: 8px; }
#leiste_unten { margin-top: 0; }

/* Die Überschrift für alle Seiten mit speziellen Funktionen (Anmeldung, Userseite, ...) */
#ueberschrift { margin-bottom: 8px; }

#nomar { margin: 0px; }
.uline { text-decoration: underline; }
.center { text-align: center; }
.k { font-size: 11px; }
.quelle { font-size: 9px; color: #707070; }
.werbung { margin: 5px auto; width: 468px; }
.gelb { background-color: #FFFF00; font-weight: bold; }
.strong { font-weight: bold; }

/* Seiteninhalt ohne weitere Strukturierung in div-Boxen */
#container { margin: 0 5px 5px 5px; width: 690px; }
#container h3 { margin-top: 0px; margin-bottom: 15px; }

.container { margin-left: 5px; }
.container form { margin: 5px 0 5px 0; }
.container div, #container div { margin-bottom: 5px; }

/* Die Fehler-Tabellen */
div.error-message { font-size: 11px; color: #FF0000; }

div.fehler { font-size: 11px; border: 2px solid #D0CCD0; padding: 5px; margin: 10px; }
p.fehlermeldung { margin: 10px; }
div#divFlashLink { text-align: center; margin: 10px; font-size: 12pt; font-weight: bold; }
.frommain { width: 290px; padding: 5px 0; margin: 0 auto; font-size: 7.5pt; color:#000000; text-decoration: none; font-weight: normal; }

/* Grundstruktur */
.geruest
{
  margin: 0 auto;
  width: 700px;
  background-color: #F0F0F0;
  border: 7px solid #D0CCD0;
  z-index: 1;
}

.kopf
{
  position: relative;
  top: 0px;
  width: 700px;
  z-index: 1;
}

.logo { float: left; margin: 5px 0 0 5px; }
.logo img { border: 0; }

.ueberschrift { float: right; }
.ueberschrift h4 { margin-top: 5px; margin-bottom: 0px; }
.ueberschrift h3 { margin: 0px; }
.ueberschrift span { color: #FF0000; }
.ueberschrift img { width: 495px; height: 1px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }

.seiteninhalt
{
  position: relative;
  top: 0px;
  width: 700px;
  text-align: left;
}

/* Startseite und teilweise, falls es keinen Treffer gibt btw. gegen die "Drei-Zeichen-Regel" verstossen wurde */
#start_leiste_unten { margin: 0; }
#MaterialSearchString { width: 450px; margin-bottom: 5px; }

#diashow
{
  float: left;
  margin: 75px 0 0 5px;
  text-align: center;
}

#diashow img { border: 1px solid #0052B4; }
#diashow span { background: #FFFF00; font-weight: bold; }

.suche img { border: 0; }
.suche
{
  width: 460px;
  float: right;
  text-align: left;
  margin-bottom: -10px;
}

div.suchmodi input.radio { float: left; }
div.suchmodi label { float: left; width: 115px; }
div.suchmodi div { float: left; width: 305px; font-size: 11px; margin-bottom: 15px; }
div.suchmodi br { clear: left; }
div.suchmodi div.submit { width: 135px; }

/* Der spezielle Fuß der Startseite */
#start_fuss
{
  position: relative;
  top: 0px;
  width: 690px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11px;
}

#start_fuss img { margin-top: 5px; margin-bottom: 5px; }
#start_fuss ul { margin-top: 0px; }

/* Das Feld mit Hilfestellungen, falls kein Begriff gefunden wird / nicht die "Drei-Zeichen-Regel" beachtet wurde */
.meldungen
{
  float: left;
  margin-top: 45px;
  width: 225px;
  font-size: 11px;
  margin-left: 5px;
}

.meldungen span { background: #FFFF00; }
.meldungen form { margin-top: 5px; }

/* Das Formular zum Durchsuchen der Website */
#search_words { width: 135px; }
#website { margin-top: 5px; }


/* Der Standardfuß mit den Hinweisen */
#fuss
{
  position: relative;
  top: 0px;
  width: 690px;
  font-size: 11px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#fuss img { border: 0; }
#fuss div.top, #fuss div.link
{
  text-align: right;
  margin-top: 5px;
  font-weight: bold;
}
#hint_link { float: left; margin-bottom: 5px; }

#prog
{
	text-align: right;
	margin-bottom: 5px;
}

#fuss .quelle
{
	text-align: left;
	font-weight: normal;
	margin-top: 0;
}

#fuss .top { float: left; height: 10px; }
#fuss .link { float: right; }


/* Die Ergebnisseiten (Stoffe, Listen) */
#a_element_leiste_oben { margin-top: 8px; }
#memo_links { float: left; margin: 0 5px 5px 0; }
#memo_rechts { float: right; margin: 0 5px 5px 0; }
.breaker { clear: both; }

/* Der Bereich mit den Links (Etikett, Zurück, ...) */
.optionen
{
  clear: both;
  margin: 0 5px;
  position: relative;
  top: 5px;
}

.optionen .links
{
  float: left;
  color: #0052B4;
  font-size: 11px;
  font-weight: bold;
  width: 190px;
}

.optionen .rechts
{
  float: left;
}

.optionen span
{
  color: #000000;
}

/* Die Felder der Stoffdarstellung (Allgemeine Informationen, Schule, Gefahren, ...) */
.feld
{
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
}

/* Sonderfall erstes Feld (Allgemeine Informationen) */
#infos
{
  background-color: #FFFFFF;
  color: #000000;
}

#infos h3, h4, h5
{
  margin-top: 0px;
  margin-bottom: 10px;
}

/* Einfügungen */

.feld table { background-color: #FFFFFF; }
.feld td
{
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.feld .ra { border: 1px solid #000000; }
.feld .bottom { vertical-align: bottom; }

.sdb
{
  border-bottom: 1px solid;
  border-right: 1px solid #000000;
  font-size: 8pt;
}
.sdb_unten { border-right: 1px solid #000000; font-size: 8pt; }
.sdb_r { border-bottom: 1px solid #000000; font-size: 8pt; }
.ksdb { font-size: 8pt; font-weight: normal; }
.bottom { vertical-align: bottom; }
.bildunt { font-size: 11px; font-weight: normal; padding-top: 3px; padding-bottom: 6px }
.grau { background-color: #F0F0F0; }
.feld .mitte { text-align: center; }
.feld .mittig { text-align: center; vertical-align: middle; }
.gefsym { margin-top: 5px; margin-bottom: 5px; }
.gefsym2 { margin-top: 5px; margin-bottom: 5px; margin-right: 10px; border: 0; }

/* Einfügungen Ende */

#atommassen { margin-top: 5px; background-color: #D0CCD0; border-spacing: 0px;  }
#atommassen td { font-size: 11px; }
#atommassen .hell { background-color: #F0F0F0; text-align: right; }
#atommassen .links { text-align: left; }

#wikilink { border: 0; float: right; }

#gefahr
{
  color: #000000;
}

#schule
{
  background-color: #98CCFF;
  color: #000000;
}
#schule table { background-color: #98CCFF; }
#literatur { margin-top: 0; }
td.bild
{
	vertical-align: middle;
	text-align: center;
	padding: 0;
}
td.lesetextbild, td.podcastbild
{
	vertical-align: top;
}
.keinRand { padding: 0; }

#nummern
{
  font-size: 11px;
  background-color: #FFFFFF;
  color: #000000;
}

#suchergebnisse { margin-top: 10px; }

/* Die "Sperre" */
#sperre_ueberschrift { margin-top: 0; margin-bottom: 10px; }


#frmEdit
{
	width: 490px;
	margin: 10px auto;
	position: relative;
}
#frmEdit br { clear: left; }
#frmEdit input.text { width: 210px; margin-bottom: 5px; margin-right: 5px; }
#frmEdit label, #frmEdit div.label { display: block; width: 250px; float: left; }
#frmEdit div.submit { width: 75px; margin: 10px auto 0 auto; }
#frmEdit div.error-message { margin-left: 250px; }
#frmEdit #land_check { width: 16px; height: 16px; margin-top: 2px; float: left; }
#frmEdit div.loading { background: url(../img/loader_small.gif); }

p#quest { font-weight: bold; }

#frmAdd1 div.label { float: left; width: 150px; padding-top: 10px; font-size: 11pt; font-weight: bold; }
#frmAdd1 br { clear: left; }
#frmAdd1 fieldset { border: 0; padding: 0; margin: 20px 0 0 5px; }
#frmAdd1 div.submit { float: left; margin-right: 10px; margin-top: 15px; }
#frmAdd1 input.submit { margin: 0 5px; padding: 2px 5px; }

#frmAdd1u div.label { float: left; width: 150px; padding-top: 10px; font-size: 11pt; font-weight: bold; }
#frmAdd1u br { clear: left; }
#frmAdd1u fieldset { border: 0; padding: 0; margin: 20px 0 0 5px; }
#frmAdd1u div.submit { margin-top: 20px; }
#frmAdd1u div.submit input { margin-left: 160px; }

#divLaenderliste { z-index: 6; position: absolute; left: 10px; top: 20px; width: 200px; height: 300px; background-color: #DCDCDC; border: 1px solid #000000; padding: 5px; }
#divLaenderliste h5 { text-align: center; }
#divLaenderliste ul { overflow: scroll; height: 265px; margin: 0; padding: 0 0 0 20px; }
#divLaenderliste li { cursor: pointer; }
#divLaenderliste li:hover { color: #FF0080; }

#frmAdd2
{
	margin: 10px auto;
	position: relative;
}
#frmAdd2 br { clear: left; }
#frmAdd2 input.text { width: 250px; margin-bottom: 5px; margin-right: 5px; }
#frmAdd2 label, #frmAdd2 div.label { display: block; width: 250px; float: left; }
#frmAdd2 div.submit { width: 75px; margin: 10px auto 0 auto; }
div.submitnote { margin-left: 235px; font-size: 8pt; margin-top: 5px; }
div#divZahlungsinformationen
{
	margin: 10px 0 10px 155px;
	width: 450px;
	font-size: .8em;
	padding: 3px;
	border: 1px solid #000000;
	background-color: #FFFF00;
	color: #000000;
}
div.divInfoKlein { color: #000000; font-size: 0.8em; margin-left: 250px; }
div.divInfoKleinError { color: #FF0000; font-size: 0.8em; margin-left: 250px; }
#frmAdd2 div.error-message { margin-left: 250px; }
#frmAdd2 #land_check { width: 16px; height: 16px; margin-top: 2px; float: left; }
#frmAdd2 div.loading { background: url(../img/loader_small.gif); }

/* Einloggen */
#frmLogin
{
	width: 250px;
	margin: 10px auto;
}
#frmLogin input.text { width: 150px; margin-bottom: 5px; }
#frmLogin label { display: block; width: 100px; float: left; }
#frmLogin div.submit { width: 75px; margin: 10px auto 0 auto; }

#frmRecover { margin-top: 10px; }
#frmRecover input.text, #frmRecover label { float: left; margin-right: 5px; }


#frmDel { margin: 10px 0; }
#frmDel div.submit { margin-top: 10px; }

/* Die Benutzerseite */
/* Navigation und Inhalt bei der Benutzerseite, wenn die Navigation grösser als der Inhalt ist */
.navi
{
  float: left;
  margin-left: 5px;
  width: 200px;
}

.content
{
  float: left;
  width: 490px;
}

/* Navigation und Inhalt bei der Benutzerseite, wenn der Inhalt grösser als die Navigation ist */
.navi img { margin-right: 5px; }
.content a { text-decoration: underline; }

/* Beim Kauf über Share-It! */
.lizenzbestimmungen
{
  position: relative;
  top: 0px;
  width: 690px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: left;
}

#frmShareit { margin: 10px 0 10px 0; }
#frmShareit div.submit { margin: 10px auto; width: 170px; }


/* Die Hillseite */
.hill { border-collapse: collapse; }
.hill td { border: 1px #000000 solid; }

/* Casnummer, Linearformel, Fehlerhinweis, Gefaesse */
.informationen img { border: 0; }
.informationen
{
  position: relative;
  top: 0px;
  width: 690px;
  margin: 0 5px 0 5px;
  text-align: justify;
}
.informationen h3 { margin-top: 0px; margin-bottom: 15px; }

#casnummer, #lformel { padding: 5px; background-color: #FFFFFF; }

.lformel { margin-bottom: 10px; }

#fehlerhinweis { margin: 5px 0 5px 0; }
#fehlerhinweis .text { width: 400px; }
#fehlerhinweis textarea { width: 400px; height: 200px; }

#gefaess { margin: 0 5px 0 5px; width: 690px; background-color: #98CCFF; color: #000000; text-align: left; }
.gefaess_ueberschrift { font-size: 19px; }
.gefaess_ueberschrift span { background-color: #FFFF00; }
#gefaess div { padding: 0 5px 5px 5px; margin-top: 10px; font-size: 11px; }
#gefaess div span { font-size: 13px; }
#gefaess div a { text-decoration: underline; }
#gefaess div img { margin: 5px 0 5px 0; }

/* Gehe zu... Tooltip */
#gehezu_links { float: left; }
#gehezu_js, #gehezu_nojs
{
	position: relative;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
span.ok { color: 0052B4; }
#gehezu_js span
{
	display: none;
	background-color: #F0F0F0;
	color: #0052B4;
	border: 1px solid #000000;
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px;
	z-index: 5;
}

#gehezu_js span ul
{
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 17px 0 0;
	list-style-position: inside;
}

#gehezu_js li a
{
	background-image: url(../img/pfeil_wingding.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
}


#gehezu_nojs select
{
	background-color: #F0F0F0;
	border: 0;
	color: #0052B4;
}

#gehezu_nojs input { width: 13px; height: 11px; margin: 0 0 0 5px; border: 0; }

.werbung_buecher { background-color: #FFFFFF; padding-top: 10px; margin: 10px; border: 1px solid #000000; width: 680px; }
.werbung_buecher div { float: left; margin: 10px 0 10px 10px; text-align: center; width: 155px; }
.werbung_buecher h1 { font-size: 16pt; padding: 0 0 0 10px; margin: 0; font-weight: normal; }
.werbung_buecher h2 { font-size: 10pt; padding: 0 0 0 10px; margin: 0; font-weight: normal; }
.werbung_buecher img { border: 0; }
.werbung_buecher hr { margin-left: 1%; width: 98%; }

#captcha { padding: 20px 0 20px 160px; }
#captcha .submit { margin: 10px 0 0 0; }
#captcha form { width: 325px; margin-left: 10px; text-align: center;}
#captcha span { color: #FF0000; }