/* ===================================
//  Cascading Stylesheets der Website http://www.onlinejournalismus.org
//  Zielmedien: Ausdruck (print)
// --------------------------------------------------------------------------------------------
// Sektionen:
// Sektion 01: Container (approb. 2010-01-29 ths)
// Sektion 02: Tabellen-Elemente (leer)
// Sektion 03: Listen-Elemente (approb. 2010-01-29 ths)
// Sektion 04: Formular-Elemente (leer)
// Sektion 05: Bilder (approb. 2010-01-29 ths)
// Sektion 06: Headlines (approb. 2010-01-29 ths)
// Sektion 07: Absaetze (approb. 2010-01-29 ths)
// Sektion 08: Anker (approb. 2010-01-29 ths)
// Sektion 09: Freie Klassen (approb. 2010-01-29 ths)
// Sektion 10: Besondere Tags (leer)
// ---------------------------------------------------------------------------------------------
// Farben:
// Gelb Dotter		#FC0
// Grau 4er		#444
// Grau 9er		#999
// Grau Diavolo	#666
// Grau Issos		#333
// Rot Glut		#FF0018

// Schwarz		#000
// Weiss		#FFF
// ---------------------------------------------------------------------------------------------
// ==================================== */

/* ----------------------------------------------------
// Sektion 01: Container
// ----------------------------------------------------- */

body {
	background-color:#999; /* Farbe Grau 9er */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#bg {
	position:absolute; 
	left:50%; 
	top:50px;
	
	width:780px;
	
	margin-left:-390px; 
	/* height:3800px; */ /* original 380% */
	
	z-index:1; 
	background-color:#FFF; /* Farbe Weiss */
	}

#bg.glossar	{
	height:8400px;
	}

#brotkrumen	{
	position:absolute;
	left:50px;
	top:230px;

	width:690px;

	font-size:11px;
	color:#000;

	font-weight:600;
	}

#film	{
	position:relative;
	left:-10px;
	}
	
#icon 	{
	position:absolute; 
	left:51px; /* ehemals 51px, dann 40px */ 
	top:270px; /* ehemals 315px, dann 285px */ 
	width:80px; 
	height:110px; 
	z-index:2; 
	}

#kasten_rechts {
	position:absolute;
	left:595px; /* ex 585px */
	top:320px; /* ex 355px */
	}
	
#link_zum_portal	{
	position:absolute;
	left:140px;
	top:88px;
	}

#logo	{
	position:absolute;
	left:50px;
	top:70px;
	}
	
#navileft {
	position:absolute; 
	left:51px; /* ehemals 52px, dann 40px */ 
	top:410px; /* ehemals 440px */
	width:110px; 
	/* height:110px; */
	z-index:3;
	border-left:solid 2px #FF0018; /* Farbe Rot Glut */
	padding-left:8px;
	}

#navitop_unterseite {
	display:none;
	}

#rubrik_berufsbild,
#rubrik_netzwelten,
#rubrik_regeln,
#rubrik_buch,
#rubrik_autorin,
#rubrik_links	{
	display:none;
	}

#seitenkopf	{
	position:relative;
	left:0px;
	top:10px;
	
	width:100%;
	height:125px;
	
	background-color:#FFF; /* Farbe Weiss */
	border-bottom:solid 80px #FC0; /* Farbe Gelb Dotter */	
}

#textcontent {
	position:absolute; 
	left:180px; /* nach Reform durch OJ32 159px, 170px */
	top:270px; /* ehemals 312px, dann 282px */
	
	width:370px;
	/* height:3000px; */ /* ex 309px */

	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#666; /* Farbe Grau Diavolo */
	
	z-index:2; 
	}

/* ----------------------------------------------------
// Sektion 02: Tabellen-Elemente
// ----------------------------------------------------- */

/* ----------------------------------------------------
// Sektion 03: Listen-Elemente
// ----------------------------------------------------- */
ol.liste_programme li	{
	padding-bottom:30px;
	}

/* ----------------------------------------------------
// Sektion 04: Formular-Elemente
// ----------------------------------------------------- */


/* ----------------------------------------------------
// Sektion 05: Bilder
// ----------------------------------------------------- */
#logo img	{
	position:relative;
	left:0px;
	top:21px;
	
	height:70px;
	}
	
img {
	border:none;
	}

/* ----------------------------------------------------
// Sektion 06: Headlines
// ----------------------------------------------------- */
#seitenkopf h1	{
	position:absolute;
	left:50px;
	top:0px;

	font-family:arial,helvetica,sans-serif;
	font-size:38px;
	letter-spacing:0.04em;
	}

h3	{
	font-size:12px;
	font-weight:400;
	}

h4	{
	font-size:11px;
        font-weight:800;
        margin-bottom:2px;
        }

/* ----------------------------------------------------
// Sektion 07: Absaetze
// ----------------------------------------------------- */
h4+p	{
	margin-top:0px;
	}
	
p.bildut	{
  	font-family:arial,verdana,sans-serif;
  	font-size:11px;
  	color:#333; /* Farbe Grau Issos */
  	margin-top:2px;
	}
	
p.frager	{
    	text-align:right;
    	font-weight:800;
   	}

p.headline_one	{
	margin-top:0px;
	}
	
/* ----------------------------------------------------
// Sektion 08: Anker
// ----------------------------------------------------- */
#brotkrumen a	{
	text-decoration:none;
	font-weight:400;
	color:#444; /* Farbe Grau 4er */
	}

div.unternavigationsmenue a,
div#navileft a	{
	display:block;
	position:relative;
	left:0px;
	top:-5px;
}

#link_zum_portal a	{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000; /* Farbe Schwarz */
	font-size:20px;
	}
	
p.headline_one a	{
	text-decoration:none;
	}

a.ankerstelle	{
	font-weight:800;
	}
	
a.headline_one {
	text-decoration:none;
	}

a.navilefthaupt {
	font-family:arial,helvetica,sans-serif; 
	font-size:14px; 
	font-weight:800;
	line-height:22px; 
	}
	
a.navilefthaupt:link,
a.navilefthaupt:visited
	{
	text-decoration:none;
	color:#666; /* Farbe Grau Diavolo */ 
	}

a.navilefthaupt:hover
	{
	color:#999; /* Farbe Grau 9er */
	text-decoration:none;
	}

a.navilefthaupt:active,
a.navilefthaupt:focus
	{
	text-decoration:none;
	color:#666; /* Farbe Grau Diavolo */ 
	}

a.navilefthauptactive {
	font-family:arial,helvetica,sans-serif; 
	font-size:17px; 
	font-weight:800;
	color:#333; /* Farbe Grau Issos */ 
	line-height:22px; 
	}

a.navileftunter,
a.navileftunteractive {
	font-family:arial,helvetica,sans-serif;
	font-size:12px; 
	font-weight:bold; 
	color:#666; /* Farbe Grau Diavolo */ 
	line-height:17px;
	margin-left:12px;
	}

a.navileftunter:link,
a.navileftunter:visited
	{
	text-decoration:none;
	color:#666; /* Farbe Grau Diavolo */ 
	}

a.navileftunter:hover
	{
	color:#999; /* Farbe Grau 9er */
	text-decoration:none;
	}
a.navileftunter:active,
a.navileftunter:focus
	{
	text-decoration:none;
	color:#666; /* Farbe Grau Diavolo */ 
	}

a.textcontentlink	{
	text-decoration:none;
	}

a.textcontentlink:link,
a.textcontentlink:visited 
	{
	color:#666; /* Farbe Grau Diavolo */
	font-weight:bold;
	}

a.textcontentlink:hover,
a.textcontentlink:active, 
a.textcontentlink:focus 
	{
	color:#999; /* Farbe Grau 9er */
	}


	
a.navitopstyle {
	font-family:arial,helvetica,sans-serif; 
	font-size:12px; 
	font-weight:800;
	line-height:22px; 
	}
	
a.navitopstyle:link,
a.navitopstyle:visited
	{
	text-decoration:none;
	color:#000; /* Farbe Schwarz */
	}

a.navitopstyle:hover
	{
	color:#999; /* Farbe Grau 9er */
	text-decoration:none;
	}

a.navitopstyle:active,
a.navitopstyle:focus
	{
	color: #666; /* Farbe Grau Diavolo */
	text-decoration:none;
	}

a.navitopstyleactive {
	font-family:arial,helvetica,sans-serif; 
	font-size:16px; 
	font-weight:bolder;  
	color:#000; /* Farbe Schwarz */ 
	line-height:22px; 
	}
	
/* ----------------------------------------------------
// Sektion 09: Freie Klassen
// ---------------------------------------------------- */
.frage {
	font-weight:700;
	}

.headline_one,
.headline_one_eingerueckt {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold;
	color:#666666; 
}

.headline_one_eingerueckt	{
	/* kommt nur im Quiz vor */
	margin-left:4px;
	}
	
.headline_two {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight:bold;
	color:#666; /* Farbe Grau Diavolo */
	}
	
/* ----------------------------------------------------
// Sektion 10: Besondere Tags
// ---------------------------------------------------- */