/*	=======================================
	generic.css
	---------------------------------------
	CSS-Datei fuer Stadtbetriebe Ahrensburg
	Fuer den Inhaltsbereich
	(c) by Kai Pahl, 2003 Hamburg
	======================================= */




/* ===================================================== */
/* bbmark =================== Bilder =================== */
/* bbmark ---------------------- Bilder ---------------------- */
.bild, .bildrechts, .bildlinks {
	padding: 8px 8px 8px 8px;
	background-color: #e0e9e9;
	/* ... */
	width: auto !important;
	line-height: 1em; /* xxx */
}

.bild { 
	margin: 0.2em 0.8em 0.8em 0.8em;
	text-align: center; 
}
.bildlinks {
	margin: 0.2em 0.8em 0.8em 0;
	float: left; 
}
.bildrechts {
	margin: 0.2em 0.8em 0.8em 0.8em;
	float: right; 
}

.bild IMG, .bildlinks IMG, .bildrechts IMG {
	padding: 4px;
	margin: 0 0 4px 0;
	background-color: #ffffff;
	border: 1px solid #d0d9d9;
}
.bildtext {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}
.bild DIV, .bildrechts DIV, .bildlinks DIV {
	text-align: center;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}
.nopic { clear: both; }


/* bbmark ------------ PrevNext ------------ */
/* Voriger, naechster Artikel                */
/* ----------------------------------------- */
#prevnext {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 140%;
	color: #666666;
}
#prevnext A:link {
	text-decoration: none;
	color: #333333;
	border-bottom: 1px dotted #333333;
}
#prevnext A:visited {
	text-decoration: none;
	color: #333333;
	border-bottom: 1px dotted #333333;
}
#prevnext A:hover {
	text-decoration: none;
	color: #000000;
	background-color: #d0d9d9;
	border-bottom: 1px dotted #000000;
}
#prevnext A:active {
	text-decoration: none;
	color: #000000;
	background-color: #d0d9d9;
	border-bottom: 1px dotted #000000;
}


/* bbmark =========== Content =========== */

/* ... Inhaltsbereich, exklusive Kopfleiste, exklusive Seitenspalte */				
#content {
	margin: 0 215px 0 0;
	/* position: relative; */
	/* border-right: 1px solid #ccddcc; wg. peek-a-noo-bug raus,
	stattdessen bild eingespielt */
}


/* bbmark -------- Container fuer Eintraege -------- */	
/* ------------------------------------------------- */

/* ... Eintraege-Container (alle Eintraege)          */
.blog {
  	padding:15px;
  	line-height: 1em;
}
#blog-sba {
	background-image: url(/_images/back_signet-sba.jpg);
	background-repeat: no-repeat;
}
#blog-sea {background-image: url(/_images/back_signet-sea.jpg);
	background-repeat: no-repeat;}
#blog-bh {background-image: url(/_images/back_signet-bh.jpg);
	background-repeat: no-repeat;}

/* ... Eintrag-Container (der Eintrag)               */
.blogbody { 
	color:#333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 90%;
	font-weight: normal;
	background-image: none;
	line-height: 140%;
	/* ... */
	clear: both;
}
.blogbody A,
.blogbody A:link,
.blogbody A:visited,
.blogbody A:active,
.blogbody A:hover {
	font-weight: normal;
	text-decoration: underline;
}

/* ------------------------------------------------------------- */
/* bbmark ---------------------- H1 H2 H3 ---------------------- */
H1 {
	margin: 0 0 1em 0; padding: 0;
	/* ... */
	color: #666;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
}
#sba H1 {	color: #00aa99; }
#sea H1 {	color: #0088ee; }
#bh H1 {	color: #44bb00; }


H2 {
	margin: 0 0 1em 0; padding: 0;
	/* ... */
	color: #666;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

#content .eintrag {
	margin-bottom: 1em;
	color:#333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 90%;
	font-weight: normal;
	background-image: none;
	background-color: transparent;
	line-height: 140%;
	/* ... */
	clear: both;
}
/* ----------- Eintrag: Datum ----------- */	
.date	{ 
	color: #555555; 
	border-bottom:1px solid #999;
	margin-bottom:10px;
	font-weight:bold;
}
/* ----------- Eintrag: Datum ----------- */	
.posted {
	margin: 0 0 25px 0;
	padding: 0;
	/* ... */
	color: #337777;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 90%;
	text-align: right;
	font-style: italic;
}
.posted A,
.posted A:link,
.posted A:visited,
.posted A:active,
.posted A:hover {
	color: #337777;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #337777;
}
.posted A:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}


/* ----------- Trennlinie ----------- */	
.eintragstrenner {
	margin: 0.5em 0;
	width: 100%;
	clear: both;
	border-top: 1px dotted #559999;
}



/* ==================================================== */
/* bbmark =================== TABLE =================== */
/* bbmark ---------------------- TABLE Generic ---------------------- */
TABLE.sba {
	background-color: #a5d8d0;
	margin: 0.25em 0; padding: 0;
	border: 1px solid #5aa6a6;
}
TABLE.sea {
	background-color: #80c8f6;
	margin: 0.25em 0; padding: 0;
	border: 1px solid #0066aa;
}
TABLE.bh {
	background-color: #aae57f;
	margin: 0.25em 0; padding: 0;
	border: 1px solid #447788;
}

/* bbmark ---------------------- TABLE TH ---------------------- */
/* ............................. Eine Art Headline-Funktion */
TABLE.sba TH, TABLE.sea TH, TABLE.bh TH {
	margin: 0;
	padding: 5px 0 4px 0;
	/* ... */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 0.95em;
	text-transform: uppercase;
	text-align: center;
	vertical-align: bottom;
	color: #ffffff;
}
TABLE.sba TH {	background-color: #00aa99; }
TABLE.sea TH {	background-color: #0099ff; }
TABLE.bh TH {	background-color: #55cc00; }


/* bbmark ---------------------- TABLE TR ---------------------- */
/* ...... Die Haelfte von der Trenner-Farbe.
   ...... Hervorgehobene Tabellenzeile ... */
TABLE.sba TR.summe {	background-color: #75ccc0; font-weight: bold; }
TABLE.sea TR.summe {	background-color: #5cbbfd; font-weight: bold; }
TABLE.bh TR.summe {	background-color: #90e050; font-weight: bold; }
/* ...... Kleinere Schrift, wenn viel text ... */
TABLE.sba TR.small, TABLE.sea TR.small, TABLE.bh TR.small {	
	font-size: 85%
}


/* bbmark ---------------------- TABLE TD ---------------------- */
TABLE.sba TD, TABLE.sea TD, TABLE.bh TD {
	padding: 0 8px;
	font-size: 0.85em;
	color: #334433;
	vertical-align: top;
}

/* ........................ Macht einen kleinen Border unter der Zeile,
   ........................ zur besseren optischen Trennung der Zeile
   ........................ Basisfarbe = zirka die Hälfte der TH-Farbe */
TABLE.sba TR.trenner TD {	border-bottom: 1px solid #4cc0b0; }
TABLE.sea TR.trenner TD {	border-bottom: 1px solid #42b2ff; }
TABLE.bh TR.trenner TD {	border-bottom: 1px solid #77d833; }

TABLE.sba TH.vtrenner {	border-left: 1px solid #4cc0b0; }
TABLE.sea .vtrenner {	border-left: 1px solid #0099ff; } /* #80c8f6 */
TABLE.bh TH.vtrenner {	border-left: 1px solid #77d833; }

/* bbmark ---------------------- TABLE Content ---------------------- */
.zahl { text-align: right; }
.minus { text-align: right; color: #bb1100 !important; }
.mittig { text-align: center;}
a.grenzwert { color: #ff3333; }

/* ==================================================== */
/* bbmark =================== Boxen =================== */
/* .......generische Farbkaesten um irgendwas reinzustellen ..... */
/* bbmark ---------------------- Box Generic ---------------------- */
.box-trans,
.box-sba, .box-sea, .box-bh {
	margin: 1em 0; padding: 0 0 0.75em 0;
}
/* ... */
.box-sba {
	background-color: #a5d8d0;
	border: 1px solid #5aa6a6;
}
.box-sea {
	background-color: #80c8f6;
	border: 1px solid #0066aa;
}
.box-bh {
	background-color: #aae57f;
	border: 1px solid #447788;
}


/* bbmark ---------------------- Box H3 ---------------------- */
.box-trans H3, .box-sba H3, .box-sea H3, .box-bh H3 {
	margin: 0 0 0.75em 0; padding: 0.25em 0;
	/* ... */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
	color:#ffffff;
}
.box-trans H3 {	background-color: #ffffff; }
.box-sba H3 {	background-color: #00aa99; }
.box-sea H3 {	background-color: #0099ff; }
.box-bh H3 {	background-color: #55cc00; }

/* bbmark ---------------------- Box H4 ---------------------- */
.box-trans H4, .box-sba H4, .box-sea H4, .box-bh H4 {
	margin: 1em 1em -1em 1em; padding: 0 0 0 0;
	/* ... */
}

/* bbmark ---------------------- Box UL ---------------------- */
.box-trans UL, .box-sba UL, .box-sea UL, .box-bh UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#445544;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 1em;
}
.box-trans LI, .box-sba LI, .box-sea LI, .box-bh LI {
	margin: 0 0 0 0; padding: 0 0 0 0;
}
.box-sba LI {	color: #006644; }
.box-sea LI {	color: #0044aa; }
.box-bh LI {	color: #007700; }

.box-sba LI.toplevel, .box-sea LI.toplevel, .box-bh LI.toplevel {
	margin: 1em 0 0 0; padding: 1em 0 0 0;
}
.box-sba LI.toplevel {	border-top: 1px solid #4cc0b0; }
.box-sea LI.toplevel {	border-top: 1px solid #42b2ff; }
.box-bh LI.toplevel {	border-top: 1px solid #77d833; }



/* bbmark ---------------------- Box DIV Content ---------------------- */
.box-trans DIV, .box-sba DIV, .box-sea DIV, .box-bh DIV {
	margin: 1em 1em; padding: 0 0 0 0;
}
.legende { 
	font-family: verdana, arial, sans-serif;
	font-size: 75%;
	color: #666666;
}

/* bbmark ---------------------- Box A-Links ---------------------- */
.box-trans A:link, .box-sba A:link,  .box-sea A:link,  .box-bh A:link,
.box-trans A:visited, .box-sba A:visited,  .box-sea A:visited,  .box-bh A:visited {
	text-decoration: none;
	color: #445544;
	border-bottom: 1px dotted #445544;	
}
.box-trans A:hover, .box-sba A:hover, .box-sea A:hover, .box-bh A:hover,
.box-trans A:active, .box-sba A:active,   .box-sea A:active,  .box-bh A:active {
	text-decoration: none;
	color: #112211;
	border-bottom: 1px solid #112211;
}


/* ============================================================== */
/* bbmark =================== Betriebssatzung =================== */
/* bbmark ------------------- Betriebssatzung ------------------- */
.centeredcontainer {
	text-align: center;
}
.centeredcontainer DIV,
.centeredcontainer H1, .centeredcontainer H2 {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	text-align: left;
}

.centeredcontainer LI {
	margin-left: 20%;
	margin-right: 20%;
	text-align: left;
}
.centeredcontainer LI LI {
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
}
.centeredcontainer DIV, .centeredcontainer LI {
	font-family: Georgia, 'Times New Roman', serif;
	padding: 0 0 0.66em 0;
	line-height: 130%;
}
.centeredcontainer H2 {
	padding: 1em 0 0 0;
	line-height: 120%;
}
.centeredcontainer UL, .centeredcontainer OL {
	/* margin: 0 0 0 2em; */
	/* list-style-type: lower-roman; lower-latin; */
}
.centeredcontainer LI SPAN.gebuehr {
	padding: 0 0.25em;
	background-color: #ddddee;
}



/* ============================================================== */
/* bbmark =================== Suchergebnisse =================== */
#suchergebnisse .button {
	margin: 0 0 0 1em;
	padding: 0 1em 0 1em;
	background-color: #eef2ff;
}

#suchergebnisse HR {
	color: #00aa99;
}

#suchergebnisse .linktitel {
	font-weight: bold;
	text-decoration: none;
	color: #3355bb;
	border-bottom: 1px dotted #3355bb;
}
#suchergebnisse .fundstellen {
	font-style: italic;
	font-weight: normal;
	color: #2b7069;
}
#suchergebnisse .suchwort {
	font-weight: bold;
	color: #007766;
}
#suchergebnisse .linkurl {
	font-size: 92%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.stellenanzeige .jobtitel {
	background: #a5d8d0;
	width:66%;
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 0;
}
.stellenanzeige .jobadresse {
	background: #a5d8d0;
	width:66%;
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 0;
}
.stellenanzeige {
	border-bottom: 3px double #a5d8d0;
	padding-bottom: 3em;
	margin-bottom: 3em;
}
.stellenanzeige .before-list {
	margin-bottom: 0;
	padding-bottom: 0;
}
.stellenanzeige UL {
	margin-top: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 1em;
}