* {
margin: 0;
padding: 0;
}

a img {
border: 0 none;
}

body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #f00;
background: #ffffff;
}


h1 {
font: bold 1.8em Verdana, Arial, Helvetica, sans-serif;
color: #003366;
margin: 0 0 0.3em 0;
padding: 10px 0 0 0;
}

h2 {
font-size: 1.2em;
color: #003366;
font-weight: bold;
margin: 0.6em 0 0.4em 0;
}

h3 {
font-size: 0.9em;
}

p {
font-size: 0.80em;
}

/* IDs */
#container {
color: #000;
background-color:#B7021E;
width: 100%;
}
#header { 
width: 100%;
background: url(images/top2.jpg) right -18px no-repeat;
background-color: #003366;
background-image:url(images/top2.jpg);
background-position: right;
background-repeat: no-repeat;
color: #ffffff;
height: 218px;
}

.titel {
	position:absolute;
	left: 217px;
	top: 73px;
	font-size: 2.5em;
}

.slogan {
	position:absolute;
	left: 222px;
	top: 125px;
	font-size: 0.85em;
	font-style: italic;
	width: 546px;
	color:#FFff99;
	font-weight:bold;
}

#logo {
width: 200px;
height: 218px;
color: #fff;
background: #ffffff url(images/portrait.jpg) no-repeat;
}

#logo a {
position:absolute;
width: 200px;
height: 218px; 
background: transparent;
}

#logo img {
position: absolute;
top: 30px;
left: -2000em;
}


#main {
margin-left: 200px;
color: #000;
/* background-color: #e3e0e0; */
/* background-image: url(images/abwehr_x_2_03.jpg); */
/* background-position: top right; */
/* background-repeat: no-repeat; */
line-height: 1.2em; /* to avoid the peekaboo bug */
/* border-top: solid 1px #cccccc; */
}

#column {
float: right;
width: 150px;
color: #ffffff;
background: #666666;
font-size: 0.9em;
}

#column a, #column a:link {
font-weight:bold;
color: #FFFF99;
text-decoration:none;
}

#column a:visited {
}

#column a:hover {
color: #FFFFff;
text-decoration:none;
}

#content {
margin-right: 150px;
color: #000;
padding: 10px;
background-color:#FFFFFF;
min-height: 760px;
}

/* Navigation */

#navigation {
position: absolute;
top: 222px;
left: 10px;
width: 178px;
color: #000;
}

#navigation ul {
margin-top: -5px;
margin-bottom: 0px;
list-style: none;
}

#navigation li a {
text-indent: 0.5em;
margin-top: 8px;
padding: 0.4em 0 0.2em 0;
display:block;
height: 1.4em;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
border: solid 1px #cccccc;
background-color:#B7021E;
}

/*     

<div id="navigation">
<ul id="listmenu0"><li><a href="index.php?c=1&amp;s=index">Startseite</a></li>
<li><a href="index.php?c=1&amp;s=bibliografie">Bibliografie</a></li>
<li><a href="index.php?c=1&amp;s=aktuell">Aktuell</a></li>
<li><a href="index.php?c=1&amp;s=unterrichtsmaterialien">Unterrichtsmaterialien</a></li>
<li><a href="index.php?c=1&amp;s=geplanteprojekte">Geplante Projekte</a></li>
<li id="lmactive0"><span class="active">Materialgalerie</span></li>
<li><a href="index.php?c=mailer&amp;s=kontakt">Kontakt</a></li>
<li><a href="index.php?c=1&amp;s=gaestebuch">G&auml;stebuch</a></li>
<li><a href="index.php?c=1&amp;s=links">Links</a></li>
<li><a href="index.php?c=1&amp;s=impressum">Impressum</a></li>
</ul>
<p class="menubot"></p>
<!-- navigation --></div>


<div id="navigation">
<ul id="listmenu0"><li><a href="index.php?c=1&amp;s=index">Startseite</a></li>
<li><a href="index.php?c=1&amp;s=bibliografie">Bibliografie</a></li>
<li><a href="index.php?c=1&amp;s=aktuell">Aktuell</a></li>
<li><a href="index.php?c=1&amp;s=unterrichtsmaterialien">Unterrichtsmaterialien</a></li>
<li><a href="index.php?c=1&amp;s=geplanteprojekte">Geplante Projekte</a></li>
<li class="actpath"><a href="index.php?c=1&amp;s=materialgalerie" class="active">Materialgalerie</a></li>
<li><a href="index.php?c=mailer&amp;s=kontakt">Kontakt</a></li>
<li><a href="index.php?c=1&amp;s=gaestebuch">G&auml;stebuch</a></li>
<li><a href="index.php?c=1&amp;s=links">Links</a></li>
<li><a href="index.php?c=1&amp;s=impressum">Impressum</a></li>

</ul>
<p class="menubot"></p>
<!-- navigation --></div>


*/

#lmactive0{
text-indent: 0.5em;
margin-top: 8px;
padding: 0.4em 0 0.2em 0;
display:block;
height: 1.4em;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
border: solid 1px #cccccc;
background-color:#ffffff;
color:#B7021E
}


#navigation li a:link {
color:#ffffff;
background-color:#B7021E;
}

#navigation li a:visited {
color:#ffffff;
background-color:#B7021E;
}

#navigation li a:hover {
color:#B7021E;
background-color:#ffffff;
}

#navigation li a:active {
color:#B7021E;
background-color:#ffffff;
}


#listmenu0 .actpath a, 
#listmenu0 .actpath a:link, 
#listmenu0 .actpath a:visited {
color:#B7021E;
background-color:#ffffff;
}


#navigation .submenu   {
list-style:url(images/linksign.gif);
font-size: 0.7em;
padding-left: 1em;
margin-top: 0.3em;
margin-bottom: 0.8em;
margin-left: 1.5em;
}

#navigation .submenu li {
margin-top: 0.3em;
}

#navigation .submenu li a {
text-indent: 0.5em;
margin-top: 0px;
padding: 0.1em 0 0.3em 0.5em;
display:block;
height: 1.1em;
color:#B7021E;
font-weight: bold;
text-decoration: none;
border: solid 1px #cccccc;
}

#navigation .submenu li a:link {
color:#ffffff;
background-color:#B7021E;
}

#navigation .submenu li a:visited {
color:#ffffff;
background-color:#B7021E;

}

#navigation .submenu li a:hover {
color:#B7021E;
background-color:#ffffff;
}

#navigation .submenu li a:active {
color:#ffffff;
background-color:#B7021E;
}


#nav2 {
	position: absolute;
	top: 195px;
	left: 201px;
	width: 485px;
	color: #000;
	height: 26px;
}


#nav2 ul   {
list-style: none;
font-size: 0.85em;
}

#nav2 li {
float:left;
margin-left: 2em;
}

#nav2 li a {
padding: 0.1em 0.5em 0em 0.5em;
display:block;
height: 1.7em;
color:#B7021E;
font-weight: bold;
text-decoration: none;
/* border: solid 1px #cccccc; */
}

#lmactive1 {
padding: 0.1em 0.5em 0em 0.5em;
display:block;
height: 1.7em;
color:#B7021E;
font-weight: bold;
text-decoration: none;
background-color:#ffffff;
/* border: solid 1px #cccccc; */
}

#nav2 li a:link {
color:#ffffff;
background-color:#B7021E;
}

#nav2 li a:visited {
color:#ffffff;
background-color:#B7021E;
}

#nav2 li a:hover {
color:#B7021E;
background-color:#E2E2E2;
}

#nav2 li a:active {
color:#B7021E;
background-color:#ffffff;
}


#navigation li a.akt {
background-color:#ffffff;
color:#B7021E;
}

#navigation .submenu li a.akt {
background-color:#ffffff;
color:#B7021E;
}

#nav2 li a.akt {
background-color:#ffffff;
color:#B7021E;
}

/* ------------ Navigation Ende ------*/

.containerbot {
padding-left: 25px;
font-size: 0.7em;
clear: both;
height: 1.5em;
background-color:#ffffff;
}

p.containerbot a {
color: #999999;
text-decoration:none;
}

p.containerbot a:link, p.containerbot a:visited {
color: #999999;
}

p.containerbot a:hover {
}

p.containerbot a:active {
}


p.mainbot {

}

#column .clearfix {
margin: 6px 6px 6px 6px;
border-bottom: solid 1px #cccccc;
border-top: solid 1px #cccccc;
}

#column .newsdate {
font-size: 0.65em;
}

/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */

.klein{
font-size: 75%;}

.einrueck{
margin-left: 220px;
}


#content a {
font-weight: bold;
text-decoration: underline;
}

#content a:link {
color:#003366;
}

#content a:visited {
color:#003366;
}

#content a:hover {
color:#ffffff;
background-color: #003366;
}

#content a:active {
color:#FFFF66;
background-color: #003366;
}

.newshead {
font-size: 1.3em;
color:#CCCCCC;
margin-bottom: 6px;
}

form {
margin-left: 40px;
}


/* GÄSTEBUCH */


#cpgastmc {
font-size: 0.8em;
}


/* Absätze */
#cpgastih p {
 margin: 0 0;
}

/* Listen */
#cpgastih ul {
 margin-left: 0.5em;
 padding-left: 0.8em;
}

/* Vorschau, Captcha und Fehler */
#cpgastih {
 margin: 1em;
 font-size: 0.8em;
 line-height: 1.5em;
}

/* Absatz Name des Posters, Anzeige Anzahl Einträge, Absatz blättern */
p.cpgastcps {
 background-color:#ffffff;
 color:#B7021E;
border-right: solid 2px #003366;
border-left: solid 2px #003366;
border-bottom: solid 2px #003366;
padding: 0px 6px 0px 6px;
}
#cpgastb {
 background-color:#ffffff;
 color:#B7021E;
padding: 0px 6px 0px 6px;
}


.cpgastcp {
border-top: solid 2px #003366;
border-right: solid 2px #003366;
border-left: solid 2px #003366;
padding: 6px;
margin: 10px 0 0 0;
}

/* fieldset Einträge */
#cpgastcfs {
border: none;
margin-top: 1.3em;

}

/* legend Einträge ("Eintrag schreiben") */
#cpgastcfs legend {
 margin-bottom: 1em;
 font-size: 1.1em;
 font-weight: bold;
 line-height: 1.3em;
 color: #003366;
}

/* Titel "Formatierung" und "Smileys" */
#cpgastcf h4 {
 margin: 0;
 font-style: normal;
 background-color: #fff;
 color: #000;
 font-size: 0.8em;
}

/* Listenpunkte "Smileys" */
#cpgastsmiley li {
 list-style-type: none;
}

/* Cursor img Smileys */
#cpgastsmiley img {
 cursor: help;
}

/* label alle */
#cpgastcf label {
 cursor: pointer;
}

/* label obligatorische Angaben */
#cpgastcf label.cpgastobl {
}

/* Obligatorische Inputfelder */
#cpgastcf .cpgastinpobl {
 border: 1px solid #cccccc;
}

/* Absatz unter Einträge Eingabefeld, float aufheben */
#cpgastcf p.cpgastnta {
 clear: left;
}

/* Bemerkung "freiwillig" hinter input-Feldern E-Mail und url */
#cpgastcf span.cpgastfw {
 font-size: 0.85em;
}

/* Input-Felder und Textarea */
#cpgastcf input, #cpgastta {
 width: 50%;
 margin-bottom: 0.1em;
 padding: 0.1em;
/* font-size: 1.0em; */
 color: #000;
 background-color: #fff;
 border: 1px solid #cccccc;
}

/* Textarea */
#cpgastta {
 float: left;
 width: 75%;
 margin: -0.8em 1em 1em 0;
}

/* Inputfeld URL und Mail und Name */
#cpgasturl, #cpgastmail, #cpgastname {
 display:block;
 width: 200px;
}

/* Radio-Buttons Captcha */
#cpgastcf .cpgastradio {
 width: auto;
}

/* Captchas div left und right */
div.cpgastleft {
 float: left;
 width: 150px;
 padding: 10px;
 margin: 0 0 1em 0;
 background-color: #f2f2f2;
 color: #000;
}
div.cpgastright {
 float: left;
 width: 150px;
 padding: 10px;
 margin: 0 0 1em 0;
 background-color: #f2f2f2;
 color: #000;
}

/* Captchas Erklärung Spamschutz */
div.cpgastwhy {
 float: left;
 width: 190px;
 margin: 0 0 1em 1em;
 padding: 0 1em;
 font-size: 0.85em;
 line-height: 1.3em;
 background-color:#F2F2F2;
 color: #000;
}

/* Captchas Frage */
#cpgastcf p.cpgastfrage {
 margin-top: 0;
 margin-bottom: 0.2em;
}

/* Submit-Buttons */
#cpgastsubm input {
 width: auto; /* Breite Input-Felder aufheben */
margin-top: 10px;
 padding: 0.2em;
 color: #ffffff;
 background-color: #B7021E;
}

/* Absatz Submit-Buttons */
#cpgastsubm {
 clear: left;
}


#cpd ul {

}

#cpd li {
list-style:none;
margin-bottom: 0.6em;
}

.cpdlink {
font-size: 0.8em;
}

#cpd a {
text-decoration:none;
}

#cpd a:link {
text-decoration:none;
}

#cpd a:visited {
text-decoration:none;
}

#cpd a:hover {
text-decoration:none;
}

#cpd a:active {
text-decoration:none;
}