/* Allgemeines */

body {text-align: center; font-family: verdana, "sans serif"; background: #f3f5fa; margin-top: 12px;}

h1 {font-size: 1.5em; margin: 1% 0% 0.5%} 

h2 {font-size: 1.4em;} 

h3 {font-size: 1.2em;} 

h4 {font-size: 1em; margin: 0; margin-top: 3px; font-weight: lighter; font-weight: bolder;}



/* Header-, Menue-  und Footerelemente */

.leiste {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAYCAIAAAAZA9phAAAABGdBTUEAALGPC/xhBQAAAAd0SU1FB9UCDAkmJqAz9rIAAAQ4SURBVGhD7ZVJcttWEIZfTpMT5AS5SrLIWXKAXCALb1KpbLJwEluJrFiJrImkaA7iTBAA58G05bIX+aB2PXdheHDRWagKUP31qtnD33/3A6Av3r1/b8q/Imxg//ZdiSJswGxevS1RhA2YxfauRBE2YILFq4eM9e5OY7V9M1+//kzBQrja3YVqdmw8EjqA31F4GOdhVQ7lZjzbPWQstm+SmK5ef45mS+gv95YH2/oPIJfa1EJHyNHosCoHoen7m4cMLhVYhaNwGy730U1PdwfLFs7pcs8bYEmw8cTafXqLgwuzWvzvhOZ2vM7CZM6Hfd/1NiQMgi32MNhi48Emip2bk5vgEECIRkDn9P1IiTeLulvglEac2NYv5Yj3VYk4R9MdZ+d+Ok7r0e2YlEbUSsfeJEq2qjSt1dnxop348w97Sx0ha+SIcL4Hsm2tJGtA9/Z01NR6iyy0x+vhdNcar0noTjbYnNh4sIli5+bkJjgEEKIR0Dk3/cg5CD86m8OVpFk0hksp0c6uH4m3zsZ9lUwnE4lHt+sFW83QD7ZZtJKGtp6/HYZQfRCQOkLqyK1RfAqrxDGge3s6aq5uZ1mo9eaM2vbWJHDH2CwLm8vDJoqdm5Ob4BBAiEYglhNz3nqRHrZ8r2cRaR5Hmm15c7TCrnQiwdZ53Zn1/A2vIB5O7MiT1o6EajdahVUitqYVj2ymPlhqwVmcsaFkCuHk1FWOAd3b01Fz3godoEdnwi6mnM3R0tr4bVVuTm6CQwAdgU64aIcxp/zUsPLEiX7NYMt587ArnRknNjnJdlx/fcCna6VDSVrdnZLUdu5VC8NlO5J6eb9wO7hjwE/hlHLz/MZ3gPeA50vOF83Q2nhsVW5OboJDAB2BThAZ9f7COiUnBokmy7XzojUlgTvmxE7ms3dC17ezf18GmipJKx6+K7Dd9D5qy9KQHFkYTusBodR2qQO6r0+XmL+uxg6c1ib13gLUunPSOOUnfluVm5Ob4BAg7WzC39VJtRNpOHsZWGfldhZJuvGTPLFySbDO42tPbICtQ5LJnRE6qXiQa6okrXieXXvnjRDjudpPqoakVJmCB44Qp65yDOi+Ph01Ty5GDjy9GPFG8l/qvBmSxvuEjQe/rcrNyU2AClqQVCL+GHjVtICT2iSWcN6aClUqrXayU35ypubzNltm2cPR1TiV1nL+eTXWhI7RYqHkFHYhjgHd16ej5vHZwI1/6gEDn1QnpD2reth4YiW5ObkJ0IKkEvFbcCUo+S2h+bji8SySxkPA+/f7i6FQpdJqp0zEmZr/9HIktGeNgK1h8LVMpdWcfHv5eXQ5cmhIDTEF+gFGTHnWgLnXZxPMr6e9EkXYgPn5uFOiCBswPx21SxRhA+bRH80SRdiA+fFxo0QRNmC+/Pq7EkXYgPnq20clirAB8833T0oUYQPmh1+qJYqwgf8AVFb6Mp2joJIAAAAASUVORK5CYII=) repeat-x; border: 1px solid #246; border-bottom: none; height: 24px; padding: 0; line-height: 20px; font-size: 13px; text-align: center}

.leiste a, .leiste a:link, .leiste a:active, .leiste a:hover, .leiste a:visited {border-left: 1px solid; padding: 0px 6px; margin-top: 2px; text-decoration: none !important;} 

.leiste a:hover, .leiste dt:hover, .leiste dd:hover {background-color: #cddae9 !important;} 

.leiste dd {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAAB3RJTUUH1QsTFg8UPrL5LAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAA1SURBVHjaHYpBDgAgDMIM/3+wCmPiDqQpsCjhVkM05AapoRRPv1mhUTZuPvz+9/LkpHPI8X5GKztdRsRnbgAAAABJRU5ErkJggg==); margin: 0;}

.leiste ul, .leiste li, .leiste dl, .leiste dt {margin: 0; display: inline; list-style-type: none;}

.leiste dl {float: left; height: 19px; overflow: hidden;}

#dl1:hover, #dl2:hover, #dl3:hover, #dl4:hover, #dl5:hover  {height: auto;}

#menu {padding-left: 100px;}

#header {margin-bottom: 12px;}

#logopart {height: 64px; border: 1px solid #246; border-top: none; border-bottom: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAIAAABUc4oXAAAAB3RJTUUH1QIMDzMERmst8AAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAABhSURBVHjaVY7REcAwCEI99x+ha3SUbiNQY7zGfuSQCz60637czDwgl+SUpdKRSrC9HNwqnkywd/KPlRm+5rNf2W9XxS/e6orpdwajeykzVzMGr7u257g/efjzAqfPmpXvBfURpqeNLtmdAAAAAElFTkSuQmCC); text-align: center;}

#footmargin {margin-top:12px;}



/* regulaerer Inhalt und Sidebar */

#wrapper {width: 95%; min-width: 730px; max-width: 1102px; margin: auto; text-align: center; font-size: 0.8em; font-family: verdana, arial, "sans serif";}

#container {width: 100%; float: left; margin-right: -190px; color: #124;}

#halfco, .fullcoleft, .fullcocent, .fullcojust {padding: 2%; border:  1px solid #246; background: white;}

#halfco {margin-right: 190px;}

.fullcoleft {text-align: left}

.fullcocent {text-align: center}

.fullcojust {text-align: justify}

#sidebar {width: 171px; float: right; padding: 8px 3px; border: 1px solid #246; background: white;}

#wrapper a {color: #124; text-decoration: underline;}

#wrapper a:hover {color: black; background: #eff7ff; text-decoration: underline;}

.center {text-align: center;}

#deflist dd {margin: 2px 0px 3px 30px; padding-bottom: 3px; border-bottom: 1px dotted #cde;}

#deflist a {text-decoration: none}



/* Spezielles */

#news {margin: auto;}

#news p {margin: 0; border-bottom: 1px dotted #cde; padding: 7px 0px; text-align: justify;}

.clearing {height: 0px; clear: both;}

.x450image {width: 450px; height: 338px; margin: auto; text-align: center}

.imgmargin {margin: 6px; border: 0;}

.noborder {margin: 10px 3px 0px 3px; padding: 0; border: 0;}

.fotos img {margin: 10px 0px 5px 0px;}



.glossar dt {font-weight: bolder; margin-top: 0.4em;}

.glossar dd {text-align: justify; }

.nonsub {display: none}

.novis {visibility: hidden; display:none }



/*Naturwissenschaftlicher Bereich*/

#thema {color: #c00}

.fragen li {margin: 1.2em 0;}

.abschnitt {color: #05a}

.fragen h4 {margin-bottom: 0.5em}

.fragen dt {margin: 0.5em 0 0.1em 0; font-weight: bolder}

.fragen dd {display: inline; margin: 0}

.fragen dl {margin-left: 1em}

.fragen dt:after {content:":";}

.fragen h4 {color: #568;}

table {font-size: 1em;}

td {padding: 0px 5px;  }





#infobar {

	font: message-box; 

}



/* Please adjust the values if the infobar is not looking good */

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {

	text-align:left;

	display: block;

	float: left;

	clear: both;

	width: 100%;

	overflow: hidden;

	color: InfoText;

 

	padding: .45em .3em .45em 2em;

	border-bottom: .16em outset;

	text-decoration: none;

	cursor: default;

margin: 0px 0px 9px 0px;

position:absolute; top:0px; left:0px; 

}


 







/* Gaestebuch */

.gbformframe {width: 352px; margin: auto;}

.gbformbutton {background: #cde;}

.gbformstyle, #gbformstyletextarea, .gbeintragframe {border: 1px solid gray; color: black; background: #cde;}

.gbformstyle {font-size: 14px; overflow: hidden; width: 174px; height: 17px;}

#gbformstyletextarea {font-family: verdana, arial, "sans serif"; font-size: 12px; overflow: hidden; width: 345px; height: 90px;}

.gbform {width: 350px;}

.gbeintragframe {width: 620px; margin: auto; padding: 6px; height: 100%; overflow: auto;}

.gbtextframe {width: 618px;}

.gbdesc {width: 90px; text-align: right; float: left; margin: 2px 0px;}

.gbtext {width: 520px; text-align: left; float: right; margin: 2px 0px;}