/******************************************************************************
 *
 *  Projekt.......: Blankeneser Bürger-Verein e.V.
 *  Modul.........: standard.css
 *  Kurzinfo......: Standard-Stylesheet, best viewed with Gecko-Engine et al.
 *  Autor.........: Thomas Hooge (tho)
 *  eMail.........: entwicklung@tho-consulting.de
 *
 ******************************************************************************/

body {
	background: #f8f8f8;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 {
	color: #001d5d;
}

h1 {
	margin-top: 0;
	padding-top: 1ex;
}

a {
	color: #003099;
}

img {
	border: none;
}

li {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

th {
	text-align: left;
}

acronym {
	cursor: help;
}

q { /* Deutsche Anführungszeichen für Zitate */
	quotes:"\201E" "\201C" "\201A" "\2018";
	font-style: italic;
}

dl, ol, ul {
	max-width: 40em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}

/* ========== Float-Clearing, Markupfrei ==================================== */

.clearfix:after {
    clear: both; 
    display: block; 
    content: "."; 
    visibility: hidden;
}
/* Für Safari-Browser zwingend: */
.clearfix { display: block; }

.floatbox { overflow: hidden; }

hr.clear_columns {
    content: ".";
    clear: both;
    visibility: hidden;
}

/* ========== Häufig und global verwendete Klassen ========================== */

dl.foto {
	margin: 0;
	font-size: 9pt;
	max-width: 640px;
}
dl.foto dt {
	position: relative;
}
dl.foto dd {
	margin: 0;
	padding: 0.25em;
	text-align: center;
	background: #eef;
}
dl.foto img {
	display: block;
}
dl.foto .quelle {
	position: absolute;
	right: 2px;
	bottom: 2px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

img.linkimage {
	vertical-align: middle;
	margin-right: 0.5em;
}
img.left {
	float: left;
	margin-top: 0;
	margin-right: 1em;
}
img.right {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

ol.verzeichnis li {
	font-size: 9pt;
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
}

li.pdf {
	list-style-image: url("graphik/mime/pdf.png");
	margin-left: 2em;
}
li.html {
	list-style-image: url("graphik/mime/html.png");
	margin-left: 2em;
}
li.png {
	list-style-image: url("graphik/mime/png.png");
	margin-left: 2em;
}
li.ppt {
	list-style-image: url("graphik/mime/ppt.png");
	margin-left: 2em;
}
li.presentation {
	list-style-image: url("graphik/mime/presentation.png");
	margin-left: 2em;
}

a.external {
    background: url("graphik/extlink.gif") center right no-repeat;
    padding-right: 11px;
}
a.pdf {
    background: url("graphik/mime/pdf16.png") center left no-repeat;
    padding-left: 20px;
}
a.folder {
	background: url("graphik/folder.gif") left 1px no-repeat;
	padding-left: 20px;
}
a.image {
	background: url("graphik/image.gif") left 1px no-repeat;
	padding-left: 20px;
}
a.comment {
	background: url("graphik/comment.gif") left 1px no-repeat;
	padding-left: 20px;
}

/* ========== Infozeitung =============================================== */

div.infozeitung {
}

dl.info {
	float: left;
	margin: 0 1em 1em 0;
}
dl.info dd {
	text-align: left;
}
p.autor {
	font-size: 10pt;
	font-style: italic;
	text-align: right;
	padding-right: 1em;
}

/* ========== Berichte ================================================== */

div.bericht {
	max-width: 60em;
}

/* ========== Fehler- und sonstige Meldungen ================================ */

div.error, div.warning, div.info, div.note {
	padding: 0 1em 0 36px;
	margin: 1em 0 0 0;
	-moz-border-radius: 12px;
}
div.error {
	border: 1px solid #8b0000;
	background: #ff9999 url("graphik/error.png") no-repeat scroll 4px 4px;
}
div.warning {
	border: 1px solid #827206;
	background: #ffdd00 url("graphik/warning.png") no-repeat scroll 4px 4px;
}
div.info {
	border: 1px solid #006400;
	background:  #b0e1a9 url("graphik/info.png") no-repeat scroll 4px 4px;
}
div.note {
	border: 1px solid #00008b;
	background: #c3d4de url("graphik/note.png") no-repeat scroll 4px 4px;
}
div.error h3,
div.warning h3,
div.info h3,
div.note h3  {
	font-size: 0.9em;
	margin: 0.8em 0.5em 0.5em 0;
	color: black;
}
div.error p,
div.warning p,
div.info p,
div.note p  {
	margin: 0.5em 0.5em 0.5em 0;
}

/* ========== Seitenkopf ==================================================== */

img#logo {
	margin: 1ex;
	width: 120px;
	height: 120px;
}

#menu {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Verdana";
}
#menu ul {
	margin: 0;
	padding: 4px;
	list-style: none;
}
#menu li {
	margin: 0;
}
#menu a {
	display: block;
	padding: 0.25em 1em;
	color: #001d5d;
	text-decoration: none;
}
#menu a:hover {
	color: #fff;
	background: #003099;
}
#menu li.current>a {
	background: #001d5d;
	color: #f8f8ff;
}

/* ========== Inhalt, global ================================================ */

#aktuelles {
	width: 50em;
	font-size: 10pt;
}
#aktuelles h2 {
	font-family: sans-serif;
}
#aktuelles div.nachricht {
	margin-bottom: 5ex;
}
#aktuelles div.nachricht h3 {
	font-family: sans-serif;
	margin-bottom: 0.4em;
}
#aktuelles div.nachricht h4 {
	font-family: sans-serif;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}
#aktuelles div.nachricht p {
	font-size: 9pt;
	max-width: 40em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

#content {
	margin: 0 2em 0 11em;
	padding: 0 0 2em 2em;
	border-left: 1px dotted #000;
}

/* ========== Seitenfuß ===================================================== */

#footer {
	clear: both;
	font-size: 7pt;
	color: #001d5d;
	padding: 0.5em 1em;
	border-top: 1px dotted #001d5d;
}
#footer p {
	margin: 0;
	padding: 0.5em 0 0 0;
}
#footer p.right {
	float: right;
}

/* ========== Listen ======================================================== */


/* ========== Tabellen ====================================================== */

td.zahl,
th.zahl {
	text-align: right;
}
tr.bghead { background-color: #3D7DA8; }
tr.bgfoot {	
	background-color: #3D7DA8;
	text-align: center;
}
tr.bghi { background-color: #F8F8F8; }
tr.bglo { background-color: #EAEEF3; }
tr.bghi:hover,
tr.bglo:hover {
	background-color: #BEE5F9;
}
tr.marked {
	background-color: #FFF499;
}

table.dblist {
	width: 100%;
	border-collapse: collapse;
	border-left: 2px solid #e5e2dd;
	border-right: 2px solid #e5e2dd;
}
table.dblist th {
	padding: 2px ;
}
table.dblist td {
}
table.dblist tr.bghead {
	background: url("admin/img/tbl-head.png");
}
table.dblist tr.bgfoot {
	background: #e5e2dd;
	vertical-align: bottom;
}
table.dblist .chk {
	text-align: center;
	vertical-align: middle;
}
table.dblist .fkt {
/*	display: inline-block; */
	text-align: right;
	vertical-align: bottom;
}
table.dblist img {
/*	display: inline-block; */
}

table.pagination {
	display: inline;
	border-collapse: collapse;
}
table.pagination td {
	padding: 0;
}
table.pagination td.middle {
	width: 5em;
}

/* ========== Formulare ===================================================== */

form.minimal {
	margin: 0;
}