/* ==============================
// CSS fuer das Projekt: www.journalistische-praxis.de/bildjournalismus
// Anwendungsbereich: Bildschirm / screen,projection
// Approb.: 2008-06-28 (thorsten steinhoff)
// ==============================
//
// Sektion 1: Container
// Sektion 2: Tabellenformate
// Sektion 3: Listenformate
// Sektion 4: Formularfelder
// Sektion 5: Bildformate
// Sektion 6: Headlines
// Sektion 7: Absaetze
// Sektion 8: Anker
// Sektion 9: Freie Klassen
// Sektion 10: Sonderfaelle
// ============================== */
/* Farben:
// 
// Berliner Grau: #CCC
// econ-rot: #E6001A
// dottergelb: #FFE001
// hellgelb: #FBF39C
// schwarz:#000
//
// weiss: #FFF
// __________________________________ */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */
body	{
	font-family:arial,helvetica,sans,sans-serif;
	color:#000; /* schwarz */
	background-color:#FFF; /* weiss */
	}
	
#bereich	{
	position:relative;
	top:0px;
	left:0px;
	
	width:980px;
	}
	
#bereich_corpus	{
	position:absolute;
	top:162px;
	left:240px;
	
        	width:656px;
	padding-bottom:120px;	
	background-color:#FFF; /* weiss */
	}
	
#bereich_nav_obl	{
	position:absolute;
	top:130px;
	right:0px;
	
	width:400px;
	height:20px;
	
	background-color:#FFF; /* weiss */
	text-align:right;
	}

#bereich_nav_rub	{
	position:absolute;
	top:152px;
	left:0px;
	
	width:210px;
  	height:420px;
	
	background-image:url("sysgra/navi.jpg");
        	background-repeat:repeat-y;
	}
	
#bereich_nav_rub_kern	{
	position:absolute;
	left:10px;
	top:16px;
	}
	
#bereich_schmuck	{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:130px;
	
	/* background-color:#FFE001; */ 
	/* dottergelb */
	
	background-image:url("sysgra/fotograf3.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	}
	

/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */
table	{
	width:100%;
	border:none;
	}
	
table.demo	{
	border-left:dotted 1px #CCC; /* Berliner Grau */
	border-top:dotted 1px #CCC; /*Berliner Grau */
	}

th,td	{
	font-size:14px;
	line-height:130%;
	}
	
table.demo th,
table.demo td	{
	border-right:dotted 1px #CCC; /* Berliner Grau */
	border-bottom:dotted 1px #CCC; /*Berliner Grau */
	padding-bottom:30px;
	}
	
/* -----------------------------------------------
// Sektion 3: Listenformate
// --------------------------------------------- */
li	{
	font-size:14px;
	line-height:130%;

	margin-bottom:12px;
	}

/* -----------------------------------------------
// Sektion 4: Formularfelder
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */
img	{
	border:none;
	}

/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */
h1	{
	font-size:20px;
	}
	
h2	{
	font-size:17px;
	}

h2.neuanfang	{
	clear:both;
	margin-top:32px;
	}
	
h3	{
	font-size:15px;
	}

h3.neuanfang	{
	clear:both;
	}

/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */
p	{
	font-size:14px;
	line-height:130%;
	}

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
a	{
	color:#E6001A; /* econ-rot */
	text-decoration:none;
	}
	
#bereich_nav_obl a	{
	font-size:12px;
	}

#bereich_nav_obl a:link,
#bereich_nav_obl a:visited	{
	text-decoration:none;
	}
	
#bereich_nav_obl a:hover,
#bereich_nav_obl a:active,
#bereich_nav_obl a:focus	{
	text-decoration:underline;
	}

#bereich_nav_obl a.aktiv	{
	/* text-decoration:underline; */
	font-weight:500;
	}
	
#bereich_nav_rub a	 {
	display:block;
	font-size:14px;
	margin-left:16px;
	margin-top:14px;
	margin-right:4px;
	margin-bottom:30px;
	letter-spacing:0.1em;
	}
	
#bereich_nav_rub a:link,
#bereich_nav_rub a:visited	{
	text-decoration:none;
	}
	
#bereich_nav_rub a:hover,
#bereich_nav_rub a:active,
#bereich_nav_rub a:focus	{
	text-decoration:underline;
	
	background-color:#FBF39C; /* hellgelb */
	}
	
#bereich_nav_rub a.aktiv	{
	/* text-decoration:underline; */
	font-weight:500;
	
	background-color:#FBF39C; /* hellgelb */
	}
	
#bereich_nav_rub .shopkasten a	{
	display:inline;
	}
	
#bereich_nav_rub #bereich_nav_rub_kern div.shopkasten+a	{
	margin-bottom:10px;
	}

/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */
.hpbehaelter	{
	margin-bottom:40px;
	
	background-color:#FFF; /* weiss */
	color:#000; /* schwarz */
	}
	
.hpcover	{
	float:left;
	margin-left:0px;
	margin-top:0px;
	margin-right:20px;
	margin-bottom: 4px;
	
	width:220px;
	}
	
.lead	{
	font-weight:500;
	}
	

.umfluss_links,
.umfluss_rechts		{
	font-size:10px;
	font-weight:600;
	}

/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */