/* Juni 2006 - Kirsten Huthmann, Anna Stratmann - www.die-manns.info

/* Dieses Basis-Stylesheet enthält die Grundstruktur der Website.
Auch Netscape 4 sollte in der Lage sein, das meiste davon umzusetzen. 
Für alle anderen Browser gibt es zusätzliche Styles in der nochmehrstyles.css 

Unser Dank gilt wie immer Tomas Caspers (www.tomascaspers.de), der barrierefreie 
Webseiten z.B. für die Aktion Mensch macht (www.einfach-fuer-alle.de) und dabei sein 
CSS-Wissen und viele Ideen mit der Webgemeinde teilt.
Herzlichen Dank auch an Firda Beka (www.bookofstyles.com und www.wannabegirl.org), 
die ihre CSS-Layout-Ideen zur Verfügung stellt.
Und an die Leute von www.alistapart.com, für einige bemerkenswerte Ideen.
Auch www.dotcat.com hat diesmal sehr geholfen, mit Inspiration und Lösungen für den letzten 
alle-Browser-Schliff! */

html, body, img, td{
	margin				: 0 0 0 0;
	padding				: 0 0 0 0;
	background-color	: #fff;
	color				: #000;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
}
#head {
	margin				: 2px;
	height				: 78px;
}

h1, h2, h3, h4, h5, h6, a, input, li, ol, p, select, ul 	{
	font-family				: "Lucida Sans", Verdana, Tahoma, sans-serif;
	text-decoration			: none;
	color					: #000;
}
p {
	letter-spacing		: 0.03em;
	font-size			: 0.9em;
}
h2, h4, h5	{
	margin-top				:	0px;
	margin-bottom			:	0;
	padding					: 	0 0 0 0;
}
h1 {
	margin-bottom	: 6px;
}

h3 {
	margin-left: 4px;
}
h5	{
	margin-bottom			:	0;
	padding					: 	0 0 0 0;
}
img {
	border: 0;
}
h6 {
	margin			: 0px 0px 2px 26px;
	color			: #ff0000;
	font-size		: 0.75em;
}
ol {
	line-height		: 1.6em;
	padding-top		: 6px;
}
/* hier kommt alles für die Spalten links - navi sind die Hauptlinks, einstieg, problem und umsetz sind Klassen
für Links der Unternavigation */


a.navi{
	font-size			: 0.75em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.navi {
	color			: #000;
	}
a.navi:visited {
	color			: #000;
	}

a.nav-aktiv{
	font-size			: 0.75em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.nav-aktiv:link {
	color				: #000;
	}
a.nav-aktiv:visited {
	color				: #000;
	}

a.nav-aktiv2{
	font-size			: 0.75em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.nav-aktiv2:link {
	color				: #000;
	}
a.nav-aktiv2:visited {
	color				: #000;
	}

a.einstieg {
	font-size			: 0.7em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.einstieg:link {
	color			: #000;
	}
a.einstieg:visited {
	color			: #000;
	}

a.problem {
	font-size			: 0.7em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.problem:link {
	color			: #000;
	}
a.problem:visited {
	color			: #000;
	}

a.umsetz {
	font-size			: 0.7em;
	display				: block;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	color				: #000;
	}
a.umsetz:link {
	color			: #000;
	}
a.umsetz:visited {
	color			: #000;
	}

a.utilities  {
	color				: #000;
	font-weight			: bold;
	display				: block;
	font-size			: 0.7em;
}

a.utilities2  {
	color				: #000;
	font-weight			: bold;
	display				: block;
	font-size			: 0.7em;
	padding				: 5px 0px 5px 10px;
	margin-right		: 0px;
	}


/* hier kommen Angaben für die Spalten rechts */

#infokasten-rechts{
	float		: left;
	width		: 20%;
		}
#inhalt-infokasten {
	padding			: 10px 0px 0px 0px;
	}
#inhalt-infokasten p{
	color				: #333;
	padding				: 6px;
	margin-top			: 0px;
	margin-bottom		: 0px;
	text-align			: left;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size			: 0.7em;
	line-height			: 1.4em;
}
#inhalt-infokasten h6{
	font-size		: 0.75em;
	color			: #000;
	font-weight		: 600;
	margin-left		: 30px;
	margin-bottom	: 12px;
}
#inhalt-infokasten .koop {
	margin-left		: 30px;
	margin-bottom	: 30px;
	display			: block;
}
#inhalt-infokasten .un {
	margin-left		: 50px;
}
#inhalt-infokasten .koop2 {
	margin-left		: 90px;
	margin-bottom	: 8px;
	display			: block;
}
#inhalt-infokasten .koop3 {
	margin-left		: 80px;
	margin-bottom	: 8px;
	display			: block;
}

#verbaende{
	margin-left		: 30px;
}
#verbaende img{
	margin-bottom		: 10px;
}
#verbaende .rechts{
	margin-left			: 15px;
}
#mat-lehr {
	padding-bottom		: 0px;
	
	}
#mat-lehr2 {
	padding-bottom		: 0px;
}
#mat-lehrer {
	border				: 1px solid #ff0000;
	padding-bottom		: 7px;
	padding-top			: 7px;
	width				: 12.55em; 201px;
	margin-bottom		: 20px;
}
	
#mat-lehrer h4 {
	background			: #ff0000;
	color				: #fff;
	font-size			: 0.75em;
	margin-top			: 0px;
	margin-bottom		: 10px;
	padding				: 5px;
	font-weight			: 100;
}
#mat-lehrer a{
	font-size			: 0.7em;
	color				: #000;
	text-decoration		: none;
	font-weight			: 100;
	padding-left		: 6px;
	display				: block;
}
#mat-lehrer a:link {
	color				: #000;
	text-decoration		: none;
}
#mat-lehrer a:visited {
	color				: #ff0000;
	text-decoration		: none;
}
#mat-lehrer a:hover {
	color				: #ff0000;
	text-decoration		: underline;
	}
#mat-lehrer a:active {
	color				: #000;
	text-decoration		: none;
}
#filme1 {
	border				: 1px solid #ff0000;
	padding				: 5px 0px 5px 0px;
	margin-top			: 0px;
	width				: 201px;
	margin-bottom		: 20px;
}
#filme1 h5{
	font-size			: 0.7em;
	margin-left			: 6px;
}
#filme1 a {
	text-decoration		: none;
	font-weight			: 100;
		}
#filme1 a:link {
	color				: #000;
	text-decoration		: none;
}
#filme1 a:visited {
	color				: #ff0000;
	text-decoration		: none;
}
#filme1 a:hover {
	color				: #ff0000;
	text-decoration		: underline;
	}
#filme1 a:active {
	color				: #ff0000;
	text-decoration		: none;
}
#links {
	border				: 1px solid #ff0000;
	padding				: 5px 0px 5px 0px;
	width				: 201px;
	margin-bottom		: 20px;
	height				: 100%;
	text-align			: left;				
	
}
#links h5{
	font-size			: 0.75em;
	margin-left			: 6px;
}

#links a:link {
	color				: #000;
	text-decoration		: none;
	text-align			: left;				

}
#links a:visited {
	color				: #ff0000;
	text-decoration		: none;
}
.mat-sch {
	margin-top			: 0px; 
}

#mat-schueler {
	border				: 1px solid #000099;
	padding-bottom		: 7px;
	padding-top			: 7px;
	margin-top			: 0px; 
	width				: 12.55em; 201px;
}
#mat-schueler h4 {
	background			: #000099;
	color				: #fff;
	font-size			: 0.75em;
	margin-top			: 0px;
	margin-bottom		: 10px;
	padding				: 5px;
	font-weight			: 100;
}
#mat-schueler a{
	font-size			: 0.7em;
	color				: #000;
	text-decoration		: none;
	font-weight			: 100;
	padding-left		: 6px;
	display				: block; 
}
#mat-schueler a:link {
	color				: #000;
	text-decoration		: none;
	}
#mat-schueler a:visited {
	color				: #000099;
	text-decoration		: none;
	}
#mat-schueler a:hover {
	color				: #000099;
	text-decoration		: underline;
		}
#mat-schueler a:active {
	color				: #000;
	text-decoration		: none;
	}
	
#adressen {
	border				: 1px solid #000099;
	padding				: 5px 0px 5px 0px;
	width				: 201px;
	margin-bottom		: 20px;
}
#adressen h5{
	font-size			: 0.75em;
	margin-left			: 6px;
}
#adressen a {
	color				: #000;
	text-decoration		: none;
	font-weight			: 100;
		}
#adressen a:link {
	color				: #000;
	text-decoration		: none;
}
#adressen a:visited {
	color				: #000;
	text-decoration		: none;
}
#adressen a:hover {
	color				: #000099;
	text-decoration		: underline;
	}
#adressen a:active {
	color				: #000;
	text-decoration		: none;
}
#links2 {
	border				: 1px solid #000099;
	padding				: 5px 0px 5px 0px;
	width				: 201px;
	margin-bottom		: 20px;
	margin-top			: 0px;
}
#links2 h5{
	font-size			: 0.75em;
	margin-left			: 6px;
}
#links2 a {
	color				: #000;
	text-decoration		: none;
	font-weight			: 100;
	display				: block;
			}
#links2 a:link {
	color				: #000;
	text-decoration		: none;
}
#links2 a:visited {
	color				: #000099;
	text-decoration		: none;
}
#links2 a:hover {
	color				: #000099;
	text-decoration		: underline;
	display				: block;
	}
#links2 a:active {
	color				: #000;
	text-decoration		: none;
}	
img.nachoben {
	margin-top		: 370px;
	margin-left		: 10%;
	border			: 0px;
	visibility		: visible!important;
	display			: inline!important; 
	}
a.oben:link {
	display			: block;
	}
a.oben:visited {
	display			: block;
	}
a.oben:hover {
	display			: block;
	}
a.oben:active {
	display			: block;
	}
.adress {
	margin-left		: 4px;
	margin-bottom	: -10px;
}
/* hier kommt alles für die Hauptinhaltspalte */

a.linkaufweiss:link  {
		color				: #000066;
		text-decoration		: none;
		}
a.linkaufweiss:visited {
		text-decoration		: 	none;
		color				:	#000066;
	}
#hauptinhalt{	
	padding			: 2px 2px 2px 2px;
}

.einstieg-titel {
	font-weight			: 600;
	color				: #fff;
	font-size			: 0.85em;
	padding				: 4px;
	margin-bottom		: -4px;
	margin-top			: 14px;
	background			: #99cc33;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	width				: 98%;
	margin-left			: 4px;
	}
.problem-titel {
	font-weight			: 600;
	color				: #fff;
	font-size			: 0.85em;
	padding				: 4px;
	margin-bottom		: -4px;
	margin-top			: 14px;
	background			: #ffdd20; #ffcc33;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	width				: 98%;
	margin-left			: 4px;
	}
.umsetz-titel {
	font-weight			: 600;
	color				: #fff;
	font-size			: 0.85em;
	padding				: 4px;
	margin-bottom		: -4px;
	margin-top			: 14px;
	background			: #99ccff;
	font-family			: "Lucida Sans", Verdana, Tahoma, sans-serif;
	width				: 98%;
	margin-left			: 4px;
	}
#druck {
	visibility		: hidden;
	display			: none;
	}
.fette-auszeichnung {
	font-weight			: 600;
	font-size			: 1em;
	color				: #C3370C;   
}		
.fette-schrift {
	font-weight			: 600;
	font-size			: 1em;
	line-height			: 2em;
}

a.textlink {
	color				: #C3370C;
	text-decoration		: none;
	line-height			: 1.2em;
		}
a.textlink:link {
	text-decoration		: none;
}
a.textlink:visited {
	text-decoration		: none;
}
a.textlink:hover {
	text-decoration		: underline;
}
a.textlink:active {
	text-decoration		: underline;
}
a.mainlink {
	color				: #000;
	text-decoration		: none;
	font-weight			: 600;
	font-size			: 1em;
	line-height			: 1.7em;
			}
a.mainlink:link {
	text-decoration		: none;
}
a.mainlink:visited {
	text-decoration		: none;
}
a.mainlink:hover {
	text-decoration		: none;
	color				: #C3370C;
}
a.mainlink:active {
	text-decoration		: none;
}
.modul_icons_start{
	margin			: 0px 4px 0px 0px;
	padding			: 0px;
		} 
.rahmen {
	border		:1px solid #C3370C;
	padding		: 1px 0px 2px 0px;
}
.rahmen .neu{
	color		: #C3370C;
	font-size	: 1.4em;
	font-weight	: bold;
}

.kleiner {
	font-size		: 0.9em;
	font-weight		: 600;
}

.infogrundlagen {
	background-color	: #ff0000;
	background-image	: url(../bilder/stift_weiss1.jpg);
	background-repeat	: no-repeat;
	background-position	: 98%;
	color				: #fff;
	padding				: 2px 2px 4px 2px;
	margin-left			: 6px;
		}
.zwischentitel1 {
	font-size			: 0.7em;
	margin-left			: 4px;
	margin-bottom		: 4px;
}
.zwischenueberschrift {
	background-color	: #ff0000;
	margin-left			: 6px;
	color				: #fff;
	padding				: 2px;
	margin-bottom		: 12px;
	width				: 95%;
	}
.zwischenueberschrift2 {
	background-color	: #000099;
	margin-left			: 6px;
	color				: #fff;
	padding				: 2px;
	width				: 95%;
	}
.quelle {
	margin				: 0 px 0px 8px 0px;
	font-style			: italic;
}
.infotext {
	margin-top			: 0px;
	margin-left			: -2px;
}
.liste {
	font-size			: 0.75em;
}

.liste2 {
	list-style-type		: square;
	font-size			: 0.75em;
	line-height			: 1.6em;
}
.liste2 li{
	margin-top			: 0.8em;
}
.liste3 {
	list-style-type		: square;
	font-size			: 0.9em;
}

.partner_head {
	font-size		: 0.9em;
	font-weight		: 600;
	padding-left	: 3px;
	padding-bottom	: 5px;
	}
.partner {
	margin-top		: 10px;
	font-size		: 0.9em;
	}

.partner a:link {
	color			: #000;
	text-decoration	: none;
	}
.partner a:visited {
	color			: #000;
	text-decoration	: none;
}
.partner a:hover {
	color			: #000;
	text-decoration	: underline;
}
.partner a:active {
	color			: #000;
	text-decoration	: none;
}

.wandzeitung2 {
	margin-top		: 15px;
	border			: 1px solid #999;
	border-collapse	: collapse;
	width			: 60%;
	}
td {
	font-size		: 12px;
}
.wandzeitung2 .breit {
	width			: 29%;
	padding			: 3px;
	border			: 1px solid #999;
	vertical-align	: top;
}
.wandzeitung2 .schmal {
	width			: 12%;
	padding			: 3px;
	border			: 1px solid #999;
	vertical-align	: top;
}

.einrueck {
	margin-left		: 22px;
}



/* Angaben für das Impressum */


/* hier kommen die Angaben für den footer */
#footer p {
	font-size: 0.8em;
	font-weight: 600;
	text-align	: center;
	vertical-align: top;
}
#footer .verbaende1 {
	width		: 120px;
}
#footer .verbaende2 {
	width		: 600px;
	text-align		: center;
	background		: transparent;
}

/* Versteckte Links für die spätere Druckversion */ 

#linkhidden {
	visibility		: hidden;
	display			: none;			
	}
#titelversteck {
	visibility		: hidden;
	display			: none;			
	}
	
#titelversteck h2{
	font-size		: 0.8em;
}