body {
font-size: 85%;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
text-align: center;
margin: 2px;
padding: 0px;
}

#wrap {
width: 998px;
margin-left:auto;
margin-right:auto;
text-align: left;
border: 2px solid #900;
}

#header {
float: left;
width: 100%;
height: 75px;
text-align: center;
border-top: 2px solid #900;
background-image: url(../grafiken/header4.png);
}
#header h1, h2, h3, h4, h5, h6 {
margin: 5px;
color:  #900;
}
#header p {
margin: 5px;
text-indent: -20px;
}
#header p:first-line {
font-size: 100%;
}
#header p:first-letter {
font-size: 100%;
color: #2E8B57;
}

/* NAVIGATION MIT KARTEIREITERN */
#navigation {
float: left;
width: 100%;
border-bottom: 1px solid #900;
border-top: 1px solid #900;
background-color: white;
}
#navigation div {
clear: left;
}    
.menu {
margin: 0;
padding: 0;
text-align: center;
}
.menu li {
float: left;
position: relative;
list-style: none;
width: 7.5em;
margin: 0.1em;
}
.menu li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 2.1em;
left: 1.2em;
}
.menu li ul a{
background-color: white;
margin-top: 0.3em;
}
.menu li:hover ul {
display: block;
}
.menu li ul li {
float: none;
display: block;
margin-bottom: -0.2em;
}    
.menu li a {
display: block;
margin: 0.2em;
padding: 0.2em;
text-decoration: none;
background-image: url(../grafiken/breadcrumbs/bg-stripe-4.png);
background-repeat: repeat-x;
font: 9pt/1.5em arial;
border: 1px solid black;
-moz-border-radius: 8px 8px 8px 8px; /* geht nur mit dem Firefox */
-khtml-border-radius: 8px 8px 8px 8px; /* geht nur mit dem Konquerer */
-webkit-border-radius: 8px 8px 8px 8px; /* geht nur mit dem Safari */
-o-border-radius: 8px 8px 8px 8px; /* geht nur mit dem Opera */
border-radius: 8px 8px 8px 8px; /* geht mit WebKit */
color: black;
font-weight: bold; 
border-left-color: white;
border-top-color: white;
}
.menu li a:hover {
background-color: transparent;
color: #900;
}
.menu li ul li a:hover {
background-image: url(../grafiken/breadcrumbs/bg-stripe-4.png);
background-repeat: repeat-x;
color: #900;
}

/*Seitennavigation mit "Breadcrumbs" */
div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:35px;
	line-height:30px;
	border-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background:url(../grafiken/breadcrumbs/bg-stripe-5.png);
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	color:#404040;
	font-weight: bold;
	float:left;
	overflow:hidden;
	height:35px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(../grafiken/breadcrumbs/breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;
	filter:alpha(opacity=40);
	opacity:0.4;
}


#sidebar {
float: left;
overflow:auto;
height: 1600px;	/* Bereich ist leer */
width: 20%;
left: 5px;
}
#sidebar ul{
list-style-type: square;
font-weight: bold;
font-size: 90%;
}
#sidebar ul li{
margin-top: 10px;
}
#sidebar ul ul{
margin-top: 0px;
list-style-type: none;
font-weight: normal;
font-size: 85%;
text-indent: -30px;
}
#sidebar ul ul li{
margin-top: 4px;
}

#rightborder {
float: left;
height: 1600px;
width: 0.2%;
background: #900;
}

#content {
float: left;
overflow:auto;
height: 1600px;
width: 79.8%;
background: white;
}
#content h2, #content h3, #content h4{
margin: 20px;
color: #2E8B57;
}
#content ul:li {
list-style-type: disc;
}

#content ul:li {
list-style-type: circle;
}

#aus_re {
float: right;
margin: 20px;
}

#suchergebnisse {
float: left;
border: 1px solid #BE5F53;
width: 96%;
background-image: url(../grafiken/content3.png);
background-repeat: repeat-x;
margin: 5px;
padding: 10px;
}
.standard_ausg {
float: left;
border: 1px solid #BE5F53;
width: 96%;
background-image: url(../grafiken/content3.png);
background-repeat: repeat-x;
margin: 5px;
padding: 10px;
}
.standard_grau {
float: left;
border: 1px solid #BE5F53;
width: 96%;
background: lightgrey;
margin: 5px;
padding: 10px;
}
.standard_grau h1, .standard_grau h2, .standard_grau h3, .standard_grau h4, .standard_grau h5, .standard_grau h6 {
margin: 4px;
color: blue;
}
.standard_grau p {
margin: 4px;
}
.fehler_ausg {
float: left;
border: 1px solid #BE5F53;
width: 96%;
background: orange;
color: darkblue;
font-size: 120%;
margin: 5px;
padding: 10px;
}

#content-info-li {
float: left;
border: 1px solid #BE5F53;
background-image: url(../grafiken/content3.png);
background-repeat: repeat-x;
width: 98%;
height: 1527px;
margin: 5px;
padding: 3px;
}
#content-info-re {
float: left;
border: 1px solid #BE5F53;
background-image: url(../grafiken/content3.png);
background-repeat: repeat-x;
width: 330px;
height: 1527px;
margin: 5px;
padding: 3px;
}
.expbildindex {
margin-top: 10px;
margin-right: 10px;
width: 300px;
}
#kurzinfo {
width: 330px;
}
.kurzinfokopf{
margin-left: 20px;
font-size: 120%;
font-weight: bold;
}
.kurzinfolinks{
float: left;
width: 105px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
}
.kurzinforechts{
float: right;
width: 185px;
margin-top: 10px;
}

#content-admin {
float: left;
overflow:auto;
height: 2500px;
width: 79.8%;
background: white;
}
#sidebar-admin {
float: left;
overflow:auto;
height: 2500px;
width: 20%;
left: 5px;
}
#rightborder-admin {
float: left;
height: 2500px;
width: 0.2%;
background: #900;
}

.tab_top {
vertical-align: top;
}

.tab_mid {
vertical-align: middle;
}

.tab_bot {
vertical-align: bottom;
}

.tab_center{
text-align: center;
margin-left: auto;
margin-right: auto;
}

.tab_left {
text-align: left;
}

.tab_right {
text-align: right;
}
.tab_lavender{
background-color: lavender;
}
.tab_lightblue{
background-color: lightblue;
}
.tab_gainsboro{
background-color: gainsboro;
}
.tab_yellow{
background-color: yellow;
}
.tab_orange{
background-color: orange;
}
.tab_lightgreen{
background-color: lightgreen;
}
.tab_darkgreen{
background-color: darkgreen;
}
.tab_lightcyan{
background-color: lightcyan;
}

.tab_lightblue170{
background-color: lightblue;
width: 170px;
}
.tab_gainsboro170{
background-color: gainsboro;
width: 170px;
}
.tab_yellow170{
background-color: yellow;
width: 170px;
}
.tab_orange170{
background-color: orange;
width: 170px;
}
.tab_lightgreen170{
background-color: lightgreen;
width: 170px;
}
.tab_darkgreen170{
background-color: darkgreen;
width: 170px;
}
.tab_lightcyan170{
background-color: lightcyan;
width: 170px;
}

#chembestand {
float: left;
border: 1px solid #BE5F53;
width: 96%;
background-image: url(../grafiken/content3.png);
background-repeat: repeat-x;
margin: 5px;
padding: 10px;
font-size: 80%;
}
#chembestand a{
text-decoration: none;
font-style: normal;
}
#chembestand td{
padding-left: 5px;
padding-right: 5px;
}
#chembestand th{
padding-left: 5px;
padding-right: 5px;
}

#loeschbutton {
float: right;
border: 1px solid #BE5F53;
margin: 5px;
}

.rechtsbuendig {
float: right;
border: 1px solid #BE5F53;
margin: 5px;
}
.zentriert {
margin-left: auto;
margin-right: auto;
text-align: center;
}

#exp_buttons {
float: right;
margin: 5px;
}
#exp_buttons {
float: right;
margin: 5px;
}
#login-info {
float: right;
}

#rsaetze {
float: left;
overflow:auto;
border: 1px solid #BE5F53;
width: 48%;
margin: 5px;
}
#ssaetze {
float: left;
border: 1px solid #BE5F53;
overflow:auto;
width: 48%;
margin: 5px;
}

.gefsymli {
float: left;
overflow:none;
border: 1px solid #BE5F53;
width: 47%;
height: 205px;
margin: 5px;
}
.gefsymre {
float: left;
border: 1px solid #BE5F53;
overflow:none;
width: 47%;
height: 205px;
margin: 5px;
}

#logform input {
float: left;
margin: 20px;
font-size: 70%; /* klein */
border: solid 1px #F1F1F1; /* dünner, hellgrauer Rahmen */ 
background: transparent;  /* Hintergrundfarbe durchscheinend */
}

#blogkomplett {
float: left;
border: 1px solid #8B0000; /*darkred */
width: 95%;
margin: 20px;
overflow: auto;
}
#blogkomplett h1, #blogkomplett h2, #blogkomplett h3, #blogkomplett h4 {
margin: 0px;
color: #D2691E; /* chocolate */
}
#blogkomplett p{
margin: 20px;
}
#blogkomplett table {
width:100%;
text-align: center;
}
#blogkomplett td {
overflow:hidden;
}
/* EINTRÄGE FÜR CHEMIKALIENAUSGABE */
#blatt {
position: relative;
float: left;
border: 2px solid #8B0000; /*darkred */
width: 95%;
margin: 20px;
padding-left: 10px;
overflow: auto;
}
#blatt h1, #blatt h2, #blatt h3, #blatt h4 {

color: #D2691E; /* chocolate */
}
#blatt table {
width: 600px;
margin-left: -3px;
}
#blatt br {
margin: 5px;
}
#flasche {
position: absolute;
top:40px;
right: 10px;
float: left;
width: 270px;
height: 510px;
border: 1px solid #8B0000; /*darkred */
}
#flaschenetikett {
position: absolute;
top: 270px;
left: 49px;
min-height: 100px;
width: 164px;
border: 2px solid #000000;
background-color: white;
}
#flaschenetikett br{
margin: 0px;
}
#flaschengefsymb {
position: absolute;
top: 430px;
left: 51px;
width: 160px;
}

#liste {
float: left;
border: 2px solid #8B0000; /*darkred */
width: 95%;
margin: 20px;
overflow: auto;
}
#liste h1, #liste h2, #liste h3, #liste h4 {
margin: 0px;
color: #D2691E; /* chocolate */
}
#liste p{
margin: 0px;
}
#liste table {
width:100%;
text-align: center;
}
#liste tr {
height:30px;
}

#tabelle {
float: left;
border: 2px solid #8B0000; /*darkred */
width: 95%;
margin: 10px;
overflow: auto;
font-size: 80%;
}
#tabelle h1, #tabelle h2, #tabelle h3, #tabelle h4 {
margin: 0px;
color: #D2691E; /* chocolate */
}
#tabelle p{
margin: 0px;
}
#tabelle table {
width:100%;
text-align: center;
}
#tabelle tr {
height:25px;
}

/* EINTRÄGE FÜR ETIKETTEN */
.raender_info {
width: 200mm;
border: 2px solid red;
text-align: center;
margin-left:auto;
margin-right:auto;
padding: 3px;
margin-bottom: 10px;
}
.druck_info {
text-align: left;
}
.dina4 {
width: 210mm;
height: 297mm;
border: 1px solid black;
text-align: left;
margin-left:auto;
margin-right:auto;
}
.etikett_rahmen {
border: 1px dotted red;
position: relative;
}
.etikett {
border: 1px dotted blue;
}
.chemname {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top: 5px;
font-size: 110%;
font-family: "Arial", Verdana, Sans-Serif, Trebuchet MS;
font-weight: bold;
border: 1px dotted grey;
}
.etikett_gefsymb {
float: left;
width: 15mm;
padding: 3px;
font-size: 50%;
}
.etikett_daten_l {
border: 1px dotted yellow;
float: left;
font-size: 80%;
padding-left: 2mm;
}
.etikett_daten_r {
border: 1px dotted lightgreen;
float: right;
font-size: 80%;
padding-right: 2mm;
}
.etikett_rs_saetze {
overflow: hidden;
font-size: 0.7em;
line-height: 0.8em;
padding-left: 0.5mm;
}

#blogeintrag {
float: left;
border: 2px solid #900;
width: 95%;
margin: 20px;
overflow: auto;
}
#blogeintrag h1, #blogeintrag h2, #blogeintrag h3, #blogeintrag h4 {
margin: 0px;
color: #2F4F4F; /* steelblue */
}
#blogeintrag p{
margin: 0px;
}

/* EINTRÄGE FÜR PSE */
#contentpse {
float: left;
overflow:auto;
background: white;
width: 100%;
min-height: 900px;
}
#contentpse th {
text-align: center;
font-size: 120%;
}
#blattpse {
float: left;
border: 2px solid #8B0000; /*darkred */
width: 95%;
margin: 20px 20px 20px 20px;
overflow: auto;
}
#blattpse h1, #blattpse h2, #blattpse h3, #blattpse h4 {
color: #D2691E; /* chocolate */
}
#psesymbol {
font-family: "Arial", Sans-Serif;
font-weight: bold;
float: right;
height: 150px;
width: 150px;
border: 2px solid #8B0000; /*darkred */
text-align: center;
line-height: 90px;
font-size: 5em;
margin: 10px;
}
#psesymbol_am {
text-align: left;
line-height: 0.4em;
font-size: 0.4em;
margin-top: 20px;
margin-left: 5px;
}
#psesymbol_oz {
text-align: left;
line-height: 0.4em;
font-size: 0.4em;
margin-left: 50px;
}
#psebohr {
float: right;
height: 150px;
width: 150px;
border: 2px solid #8B0000; /* darkred */
margin-top: 0px;
margin-right: 10px;
}
#psebohr a{
text-decoration: none;
border: 0px;
}

#psebild {
float: right;
height: 240px;
width: 320px;
border: 2px solid #8B0000; /*darkred */
margin-top: 0px;
margin-right: 10px;
overflow: hidden;
}

/* EINTRÄGE FÜR UNTERRICHTSINHALTE */
.unterrichtsinhalte{
margin: 20px;
}

/* EINTRÄGE FÜR DAS FORUM */
#contentforum {
float: left;
min-height: 3000px;
width: 79.8%;
background: white;
}
#contentforum th{
text-align: center;
font-size: 120%;
}
#contentforum h2, #contentforum h3, #contentforum h4{
margin: 20px;
color: #2E8B57;
}

#obenforum {
float: left;
overflow:auto;
height: 105px;
width: 100%;
border-bottom: 2px solid #900;
text-align: center;
}
#obenforum h2, #obenforum h3, #obenforum h4{
margin: 20px;
color: #2E8B57;
}

#linksforum {
float: left;
overflow:auto;
min-height: 2950px;	/* Bereich ist leer */
width: 30%;
}
#linksforum h2, #linksforum h3, #linksforum h4{
margin: 20px;
color: #2E8B57;
}
#linksforum p {
margin: 5px;
}

#border_li_re {
float: left;
min-height: 3000px;	/* Bereich ist leer */
width: 0.2%;
background: #900;
}

#rechtsforum {
float: left;
overflow:auto;
min-height: 2950px;	/* Bereich ist leer */
width: 69.8%;
}
#rechtsforum h1{
margin: 5px;
color: #f42424;
}
#rechtsforum h2, #rechtsforum h3, #rechtsforum h4{
margin: 5px;
color: #2E8B57;
}
#rechtsforum p {
margin: 5px;
}

.mainheader {
float: left;
border: 1px solid #BE5F53;
width: 95%;
background-image: url(../grafiken/forum1.png);
background-repeat: repeat-x;
margin: 5px;
}
.mainheader p {
margin: 5px;
}

.maininfo {
float: right;
margin: 5px;
}
.maininfo p {
margin: 5px;
}

.formheader { /* erster Eintrag des Themas */
float: left;
border: 1px solid #BE5F53;
overflow:auto;
width: 98%;
background-image: url(../grafiken/forum1.png);
background-repeat: repeat-x;
margin: 5px;
}
.formheader h2 {
margin: 5px;
color: #2E8B57;
}
.formheader p {
margin: 5px;
}

.formbody { /* folgende Beiträge des Themas */
float: left;
border: 1px solid #BE5F53;
overflow:auto;
width: 98%;
background-image: url(../grafiken/forum2.png);
background-repeat: repeat-x;
margin: 5px;
}
.formbody h3 {
margin: 5px;

}
.formbody p {
margin: 5px;
}
#sidebarforum {
float: left;
overflow:auto;
height: 3154px;	/* Bereich ist leer */
width: 20%;
left: 5px;
}
#sidebarforum ul{
list-style-type: square;
font-weight: bold;
font-size: 90%;
}
#sidebarforum ul li{
margin-top: 10px;
}
#sidebarforum ul ul{
margin-top: 0px;
list-style-type: none;
font-weight: normal;
font-size: 85%;
text-indent: -30px;
}
#sidebarforum ul ul li{
margin-top: 4px;
}

#rightborderforum {
float: left;
height: 3154px;	/* Bereich ist leer */
width: 0.2%;
background: #900;
}

#content-exp {
float: left;
overflow:hidden;

width: 100%;
min-height: 2900px;
background: white;
}
.expbild {
margin-top: 40px;
width: 450px;
border: 2px solid #900;
}
.expbild-edit {
margin-top: 40px;
width: 200px;
}
.geraetbild {
margin-top: 5px;
width: 450px;
border: 2px solid #900;
}
.expger_liste {
font-size: 0.8em;
margin-left: 15px;
padding: 0px;
}

#exp-ergebnisse {
float: left;
font-size: 120%;
border: 1px solid #BE5F53;
width: 96%;
/*background-image: url(../grafiken/content1.png);*/
margin: 5px;
padding: 10px;
}
#exp-lastedit {
float: right;
font-size: 70%;
margin: 5px;
}

.register {
float: center;
overflow:auto;
border: 2px solid #900;
margin: 5px;
padding: 15px;
height: auto;	/* Bereich ist leer */
width: auto;
background-image: url(../grafiken/breadcrumbs/bg-stripe-4.png);
background-repeat: repeat-x;
text-align: center;
font-size: 90%;
}

#formlogin {
float: left;
border: 2px solid #900;
width: 95%;
margin: 10px;
padding: 10px;
overflow: auto;
}

#foot {
width: 100%;
height: 20px;
border-top: 2px solid #900;
border-bottom: 2px solid #900;
clear: both;
text-align: center;
vertical-align: middle;
background-image: url(../grafiken/navi1.png);
}

h1, h2, h3, h4, h5, h6 {
margin: 20px;
color: #2E8B57;
}

h3 a {
text-decoration: none;
}


p {
margin: 20px;
}

strong {
font-weight: bold;
color: #483D8B;
}

q {
quotes: "»" "«"; }