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

/* ======= Temporär aus Kompatibilitätsgründen ============================== */

div.News, 
div.news {
	background-color: #eaeef3;
	margin: 0.5em 0;
	padding: 0.2em 0.5em;
	font-size: 0.9em;
}
div.News h3,
div.news h3 {
	margin: 0.2em 0;
}
div.News h4,
div.news h4 {
	margin: 0.2em 0;
}


/* ======= Anpassungen an den Standardelementen (ohne Klasse und ID) ======== */

body {
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1d77a4;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; font-style: italic }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; font-style: italic }
h5 { font-size: 0.9em; }
h6 { font-size: 0.9em; font-weight: normal; font-style: italic }

a {	color: #1d77a4; }
a:visited { color: #551a8b; }
a:hover { color: #000040; }

dl {
	font-size: 0.9em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
img {
	border: none;
}

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

p {
	font-size: 0.9em;
}

ul {
	font-size: 0.9em;
}

ol {
	margin-top: 0.5em;
}

li {
	margin-bottom: 0.3em;
}

acronym {
	cursor: help;
}

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

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


a.external {
    background: url("../images/extlink.gif") center left no-repeat;
    padding-left: 13px;
}
a.internal {
    background: url("../images/pfeil_2.png") center left no-repeat;
    padding-left: 13px;
}
a.pdf {
    background: url("../images/mime/pdf16.png") center left no-repeat;
    margin: 0;
    padding: 2px 0 0 20px;
}
a.folder {
	background: url("../images/folder.gif") left 1px no-repeat;
	padding-left: 20px;
}
a.image {
	background: url("../images/mime/image.png") left 1px no-repeat;
	padding-left: 20px;
}
a.comment {
	background: url("../images/comment.gif") left 1px no-repeat;
	padding-left: 20px;
}

img.left {
	float: left;
	margin-top: 0;
	margin-right: 1em;
}

img.right {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

/* ========== 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;
}

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

div.ermsg {
	font-family: sans-serif;
	border-left: solid;
	padding-left: 1em;
	border-left-color: red;
	color: #900;
	background-color: #edd;
	font-size: 0.8em;
}
div.errmsg p {
	padding-top: 1ex;
	margin-bottom: 0.25ex;
}
div.errmsg ul {
	list-style-image: url("../images/dot1e.png");
	margin-top: 0ex;
	padding-top: 0ex;
	padding-left: 3em;
	padding-bottom: 1ex;
}
div.errmsg ul li {
	margin-bottom: 0;
}

div.okmsg {
	background: #cfc;
	border: 1px solid #8f8;
}

/* ========== Boxmodel ====================================================== */

#logo {
	position: absolute;
	top: 4px;
	left: 8px;
}
#header {
}
#header h1 {
	font-size: 1.6em;
	margin: 0;
	padding: 16px 0 12px 120px;
	border-bottom: 1.5ex solid #eaeef3;
}

#topnav {
	margin: 0;
	padding: 0.2em 0;
	color: #fff;
	background-color: #1d77a4;
	font-size: 0.7em;
	text-align: right;
}
#topnav a {
	text-decoration: none;
	margin-right: 0.2em;
}
#topnav a:link,
#topnav a:visited {
	color: #fff;
}
#topnav a:hover {
	color: #e30202;
}

#navigation {
	float: left;
	margin: 0;
	padding: 0 0 2ex 0;
	width: 150px;
	background-color: #1d77a4;
}
#navigation img {
	display: block;
}
#navigation ul {
	list-style-type: none;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	text-indent: 0.3em;
	margin: 0;
}
#navigation ul ul {
    list-style-image: url("../images/pfeil.png");
	list-style-position: inside; 
	font-size: 0.8em;
}
#navigation ul ul li {
	background-color: #000040;
	padding: 0.1em 0;
}
#navigation a {
	text-decoration: none;
}
#navigation a:link,
#navigation a:visited {
	color: white;
}
#navigation a:hover {
	color: #e30202;
}

#submenu {
	display: block;
	margin: 0;
	padding: 0.2em 1em 1.4em 0.8em;
	background-color: #eef;
}
#submenu ul {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#submenu ul li {
	display: inline;
	margin: 0.2em;
	font-weight: normal;
}
#submenu ul li.current {
	font-weight: bold;
	color: #bee5f9;
}
#submenu ul ul {
	position: absolute;
	left: 0em;
	top: 1.5em;
}
#submenu a {
	text-decoration: none;
	color: #1s77a4;
}
#submenu a:visited {
	color: #1d77a4;
}
#submenu a:hover {
	color: #e30202;
}

#content {
	margin: 0 0 0 150px;
	padding: 0;
}

#main {
	margin: 1em 340px 0 1em;
	max-width: 40em;
}

#main_full {
	margin: 1em;
}

/* ========================================================================== */

div.marginal {
	float: right;
	clear: right; 
	margin: 1em 0.5em 2em 0;
	padding: 0.5em 0 0 0;
	width: 320px;
	border: 1px solid #888;
	background-color: #eee;
	font-size: 10pt;
}
div.marginal h3 {
	margin: 0 9px 0.3em;
	border-bottom: 1px solid #888;
	font-size: 10pt;
	text-align: left;
	color: #446;
}
div.marginal p {
	margin: 0 9px 0.3em 9px;
	font-size: 8pt;
	text-align: left;
	color: #668;
}
div.marginal p.image {
	margin: 1em 9px 1.5em;
	text-align: center;
}
div.marginal p.image img {
	border: none;
	margin: 0;
	padding: 0;
}
div.marginal ul {
	font-size: 8pt;
	color: #668;
	margin-top: 0;
}
div.marginal ul li {
	margin-bottom: 0.3em;
}
div.marginal ol {
	font-size: 8pt;
	color: #668;
	margin-top: 0;
}
div.marginal ol li {
	margin-bottom: 0.3em;
}
div.marginal hr {
	margin: 20px 9px 10px 9px;
	border-color: #668;
}

#footer {
	clear: both;
 	background-color: #eaeef3;
 	border-top: 1ex solid #1d77a4;
 	margin-top: 2ex;
	padding: 0 4px;
	font-size: 0.7em;
}
#footer p {
	margin: 0;
	padding: 0.5em 0;
}
#footer p.right {
	float: right;
}

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

table {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 1px outset #333;
	border-spacing: 2px;	/* entspricht cellspacing in HTML */
}
th {
	padding: 2px 4px;
	border: 1px inset #333;
	text-align: left;
}
td {
	padding: 2px 4px;
	border: 1px inset #333;
}
table.border {
	border-collapse: collapse;
	border: solid 1px #666;
}
table.border td {
	margin: 0;
	padding: 1px 4px;
	border: solid 1px #666;
}
table.noborder,
table.noborder td,
table.noborder th {
	border-collapse: collapse;
	border: none;
}
table.blind,
table.blind td,
table.blind th {
	border: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
table.small {
	font-family: Tahoma, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
table.data {
	font-family: Tahoma, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #040463;
	margin: 1em 1em 1em 0;
}
table.data th,
table.data td {
	margin: 0;
	padding-top: 0.2ex;
	padding-left: 0.5em;
	padding-bottom: 0.1ex;
	padding-right: 0.5em;
	border: none;
}
table.data th {
	color: #EAEEF3;
	text-align: left;
}
td.zahl,
th.zahl {
	text-align: right;
}
tr.head, tr.bghead { background-color: #3d7da8; }
tr.row0, tr.bghi { background-color: #f8f8f8; }
tr.row1, tr.bglo { background-color: #eaeef3; }
tr.row0:hover, tr.row1:hover,
tr.bghi:hover, tr.bglo:hover {
	background-color: #cfc;
}
tr.marked {
	background-color: #fff499;
}