/* ====== Diverse Tags genereller natur (inzwischen z.T. überflüssig / redundant geworden ====== */

* {
  margin: 0px;
  padding: 0px;
}

html {
	width:100%;
	height:100%;
}

body {
	margin:0;
	background-color: #fff;
	font-family: arial,helvetica,clean,sans-serif; 
	font-size: 12px;
	color:#333333;
	padding:0;		
}

table {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #111111;
}

/* nötig, da IE sonst unnötige Abstände erzeugt */
form {
	display: inline;
}

/* generelle a-Tag definitionen inzwischen nahezu unnötig, entstanden durch entwicklung und damals andere Wünsche */
a {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
a:active {
	color:#008ee0;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}



/* ====== spezielle Link definitionen ====== */

/* Links im Fließtext */
div#contenttext a {
	color: blue;
	text-decoration: underline;
}

/* Links für Block A-Z (Lexikon) */
td a.matrix img {
	border: solid 1px #FFFFFF;
}
td a.matrix:hover img {
	border: solid 1px #008ee0;
}

/* Link und Kontaktlink im Footer */
div#footer a {
	font-size:12px; 
	color:#ffffff; 
}
a.maillink {
	text-decoration: underline;
}

/* inzwischen unnötig, da ganzer Fließtext so (lassen da noch nicht überall entfernt) */
a.blue_u {
	color: blue;
	text-decoration: underline;
}

/* Links Drucken, Mehr, Ganzer Artikel, ... */
div#druck a, div#contenttext a.abc {
	color: #000000;
	text-decoration:none;
}
div#druck a:hover, div#contenttext a.abc:hover {
	color: #008ee0;
	text-decoration:none;
}
div#contenttext .newscontent a.ak {
	color: #000000;
	text-decoration: underline;
}
div#contentall div div.content_linkblock a {
	color:#000000;
}
a.more {
	color:#000000;
	text-decoration: underline;
}

/* ====== Diverses ====== */
.underbold {
	text-decoration: underline;
	font-weight: bold;
}

.align_c {
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#contentall div.kasten {
	border: solid 1px #cdcdcd;
	width: 50%;
	min-width: 300px;
	max-width: 350px;
	margin: 0 auto;
}
div#contentall .kasten p {
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
div#contentall .kasten table {
	margin: 0 auto;
}
div#contentall .kasten table td {
	padding-left: 5px;
	padding-right: 5px;
}

/* ====== Grundaufbau / Notiz 2 self: Änderung von Tabellenlayout zu Div Layout ====== */

/* Container fuer verstecktes Menu (accessibility) */
#blockhidden {
  position: absolute;
  left: -200px;
  top: -200px;
  display: none;
  z-index: 1;
}

/* Äußerer Block, gibt z.B. Breite vor */
div#contentall {
	width: 90%;
	min-width: 864px;
	margin: 0 auto 0 5%;
}
div#contentall * {
	margin: 0px;
}

/* Diverse Divs für "Linien" im Kopfbereich */
/* inzw. bedingt durch margin ersetzbar; ABER in erster Planung gedacht für Pfad, Datum, ... */
div#spacertop1 {
	width: 100%;
	font-size:1px;
	background-color: #008ee0;
	height:10px;
}

div#spacertop2 {
	width: 100%;
	font-size:1px;
	height:8px;
}

div#spacertop3, div#spacertop4 {
	width: 100%;
	font-size:8px;
	height:8px;
	float: none;
}
div#spacertop4 {
  margin-bottom: 5px;
	height: 30px;
}

/* eigentlicher Kopf */
div#header {
	background-image: url(../img/logo_jobcenter.gif);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #008ee0;
	color:#ffffff;
	height: 84px;
}
div#header img {
	margin-top: 2px;
	margin-left: 0px;
}
div#header img.first {
	margin-top: 2px;
	margin-left: 2px;
}

/* rechte News etc Spalte (nur Positions Container, rest weiter unten bei News Modul) */
div#news {
	width: 200px;
	float: right;
	padding-top: 20px;
}

/* Inhaltsbereich */
div#content {
	margin: 0 220px auto 175px;
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
	/* Folgende Angabe ansich unnötig bis blöd, hat aber in manchen Browsern ganz netten Effekt wenn Seite wenig Inhalt hat */
	height: 75%;
}
/* bedingt für IE nötig, sonst z.T. skurieles "rauslaufen" der Listen */
div#content li {
	margin: 15px 0px 10px 50px;
}
/* Hauptüberschrift der Seite */
/* Notiz 2 self: margin-right: -1px "übermalt" zu hoch gehenden Rahmen rechts / nötig da wenn Rahmen richtiger Weise auf contenttext gesetzt wird der IE bei Hoverefekten den Rahmen zerstückelt */
div#content h1 {
	/* version 0: background-image: url(../img/1.jpg); */
	background-image: url(../img/2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	/* version 0: height:13px; */
	height: 17px;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#111111;
	padding-left: 5px;		
	/* version 0: padding-top: 5px;	*/
	padding-top: 2px;
	margin-right: -1px;	
}
div#content h2{
	height:15px;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#111111;
	padding-left: 16px;
	padding-right: 5px;
	margin-bottom: 6px;
}
/* hier der eigentliche Content Bereich */
div#contenttext {
	/* raus, vergl. Text bei div#content h1: border-right: solid 1px #cdcdcd; */
	border-bottom: solid 1px #cdcdcd;
	padding: 5px;
}

/* Auf allen Seiten der Drucken Div */
div#druck {
	clear: both;
	float: none;
	margin-top: 10px;
}

/* alles zum Footer etc */
div#spacerbottom1 {
	clear: both;
	float: none;
	height:15px;
}
div#spacerbottom2 {
	height:15px;
}
div#footer {
	padding:10px; 
	font-size:12px; 
	color:#ffffff; 
	background-color: #008ee0;
	border:solid 1px #cdcdcd;
	text-align: center;
}



/* ====== Spezielles Modul News anzeige Rechts und im Content (Aktuelles) ====== */
div#content div.newscontent {
	margin-bottom: 10px;
}
.news h2, .newscontent h2, .newspre h2 {
	background-image: url(../img/block.jpg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: #e2e2e2;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #111111;
	padding-left: 15px;
	float: none;
	height: 14px;
	font-weight: normal;
}
.news p {
	padding-top: 5px; 
}
/* Notiz 2 self: gewünscht (von A&W?), warum auch immer */
.news table {
	table-layout: fixed;
}
.news input {
  font-family: arial,helvetica,clean,sans-serif;
  font-size:12px;
  float: left;
}
div.news {
	padding-bottom: 10px;
}

/* Linie unter den News */
/* ACHTUNG: Zweckentfremdet an mehreren Stellen verwendet?! */
div.bottomline {
	background-color: #e2e2e2;
	text-align:right;
	width:100%;
}
.news div.bottomline {
	clear: both;
}
	

/* ====== Blöcke für Content Modul ====== */

/* default wenn nichts anderes in DB */
div.content_block {
}
p.content_block {
  padding-top: 5px;
}
p.content_block table {
  margin-top: 0px;
}

/* Fix / Workaround Abstand Tabellen */
div.block50rm table, div.block50 table{
	border: none #FF0000 0px;
	padding-left: 5px;
}
div.block50rm td, div.block50 td {
	vertical-align: top;
	padding-right: 5px;
}

/* volle Breite, kein Float */
div#contentall div.block100, div#contentall div.block100rot, div#contentall div.block100u {
  width: auto;
  border: 1px solid rgb(205, 205, 205);
  background-color: rgb(247, 247, 247);
  margin-left: 10px;
  margin-right: 10px;
  float: none;
}
div#contentall div.block100 div {
  /* zum glück nicht mehr gewünscht: height: 50px; */
}
div#contentall div.block100rot {
  border: 1px solid #008ee0;
}
div#contentall div.block100u {
  clear: left;
  margin-top: 10px;
}

/* halbe breite, Float left */
div#contentall div.block50, div#contentall div.block50m, div#contentall div.block50h {
  width: 45%;
  border: 1px solid rgb(205, 205, 205);
  background-color: rgb(247, 247, 247);
  margin: 10px;
  float: left;
}
div#contentall div.block50 div {
  height: 110px;
}
div#contentall div.block50m div {
  height: 185px;
}
div#contentall div.block50h div {
  height: 350px;
}
/* Sonderfall bei Karte / Anschrift */
div#contentall div.block50h div.fixh {
  height: 200px;
  padding: 5px;
}
div#contentall div.block50h div.fixk {
  height: 90px;
  padding: 5px;
}

/* halbe breite, Float right */
div#contentall div.block50r, div#contentall div.block50rm, div#contentall div.block50rh {
  width: 45%;
  border: 1px solid rgb(205, 205, 205);
  background-color: rgb(247, 247, 247);
  margin: 10px;
  float: right;
}
div#contentall div.block50r div {
  height: 110px;
}
div#contentall div.block50rm div {
  height: 185px;
}
div#contentall div.block50rh div {
  height: 350px;
}
/* Sonderfall bei Karte / Anschrift */
div#contentall div.block50rh div.fixh {
  height: 200px;
  padding: 5px;
}
div#contentall div.block50rh div.fixk {
  height: 90px;
  padding: 5px;
}

/* "Anhängender" Block wenn in DB "mehr" Link */
div#contentall div div.content_linkblock {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #111111;
	padding-left: 15px;
	float: none;
	height: 16px;
	font-weight: bold;
	white-space:nowrap;
	text-align: right;
}



/* ====== Diverse Überschriften ====== */
.block100 h3, .block100u h3, .block100rot h3, .block50 h3, .block50r h3, .block50m h3, .block50rm h3, .block50h h3, .block50rh h3, h3.links, h3.download, h3.news, h3.ticker, h2.lexikon {
	background-image: url(../img/block.jpg);
	background-position:  5px center;
	background-repeat: no-repeat;
	background-color: #e2e2e2;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #111111;
	padding-left: 15px;
	float: none;
	height: 16px;
	font-weight: bold;
	white-space:nowrap;
}
div#contenttext h2.lexikon {
	margin-top: 20px;
}
div#contenttext h3.lexikon {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 12px;
	color: #111111;
	padding-left: 15px;
	float: none;
	height: 16px;
	font-weight: bold;
	white-space:nowrap;
	margin-top: 10px;
	margin-bottom: 0px;
	text-decoration: underline;
}

/* ====== Abstände für die meisten P-Tags ====== */
.block100 p, .block100u p, .block100rot p, .block50 p, .block50r p, .block50m p, .block50rm p, .block50h p, .block50rh p {
  padding-left: 5px;
  padding-right: 5px;
}