/* CSS Document */

/* body: Rand oben/unten; Hintergrundfarbe; Scrollbar */
	body {
		background-color: #483D8B;
		margin: 20px 0 20px 0;
		scrollbar-3d-light-color:#46468E;
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-base-color:#1c01af;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#8080C0;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#46468E;
		scrollbar-track-color:#EBEBEB;
		}

/* Globale Schriftart, -größe und -farbe */
	@font-face {
		font-family: 'GraublauWebBold';
		src: url('webfonts/graublauwebbold-webfont.eot');
		src: local('?'), url('webfonts/graublauwebbold-webfont.woff') format('woff'), url('webfonts/graublauwebbold-webfont.ttf') format('truetype'), url('webfonts/graublauwebbold-webfont.svg#webfonti1qUm0lv') format('svg');
		font-style: normal;
		font-weight: normal;
	}
	@font-face {
		font-family: 'GraublauWebRegular';
		src: url('webfonts/graublauweb-webfont.eot');
		src: local('?'), url('webfonts/graublauweb-webfont.woff') format('woff'), url('webfonts/graublauweb-webfont.ttf') format('truetype'), url('webfonts/graublauweb-webfont.svg#webfontzWrVEMyp') format('svg');
		font-style: normal;
		font-weight: normal;
}
	p, ul, li {
		color: black;
		font-family:GraublauWebRegular, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		}
/* Schriftart, -größe und -farbe für Überschriften */
	h1 {
		color: navy;
		font-family:GraublauWebBold, Verdana, Arial, Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: bold;
		}
/* Betonung */
	em {
		font-style: italic;
		}
/* allgemeine Link's */
	a:link 		{ font-style:italic; color:#0000e0; text-decoration:none; }
	a:visited	{ font-style:italic; color:#000080; text-decoration:none; }
	a:focus		{ font-style:italic; color:#00e000; text-decoration:underline; }
	a:hover		{ font-style:italic; color:navy; text-decoration:none; background-color:#c4c4e1; }
	a:active	{ font-style:italic; color:#e00000; text-decoration:underline; }
/* externer Link mit Bild */
	.ext-link {
		background: url(images/extern_black.gif) no-repeat;
		padding-left: 13px;
		white-space: nowrap;
}
/* Google Maps Link */
	.gMaps {
		background: url(images/world_icon.gif) no-repeat;
		padding-left: 13px;
		white-space: nowrap;
	}
/* Seiteninhalt */
	div#pageContent {
		margin-left: 2em;
		margin-right: 2em;
		padding: 1em;
		background-color: white;
		}
/* Navigationsleiste */
	ul#pageNavi {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
		background: -moz-linear-gradient(top, #fff, #ddd);  
		border: 1px solid #bbb;
		border-radius: 3px;
		-moz-border-radius: 3px;
		margin: 0px;
		padding: 0.8em;
		text-align: center;
		}
	ul#pageNavi li {
		display: inline;
		list-style: none;
		margin: 0.4em;
		padding: 0;
		}
	ul#pageNavi a, ul#pageNavi span {
		background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
		background: -moz-linear-gradient(top, #ddd, #fff);  
		border: 1px solid #bbb;
		border-radius: 3px;
		-moz-border-radius: 3px;
		font-weight: bold;
		padding: 0.2em 1em;
		text-decoration: none;
		}
	ul#pageNavi a:hover {
		background-color: #483d8b;
		border-color: white;
		border-left-color: #000066;
		border-top-color: #000066;
		color: white;
		}
	ul#pageNavi span {
		background-color: #483d8b;
		border-color: white;
		border-left-color: #000066;
		border-top-color: #000066;
		color: navy;
		}
/* Zwischenüberschrift für Generationsnummer, Seite Ahnentafel */
	.genHeader {
		background: -webkit-gradient(linear, left top, left bottom, from(#C4C4E1), to(#fff));
		background: -moz-linear-gradient(top, #C4C4E1, #fff);  
		border: 1px solid #bbb;
		border-radius: 3px;
		-moz-border-radius: 3px;
		color            : navy;
		font-size        : 13pt;
		font-weight      : bold;
		text-align       : center;
		margin-bottom    : 1em;
		margin-top       : 2em;
		padding-bottom   : 5px;
		padding-top      : 5px;
		}
	ul.family {
		background-color: #FFFFEE;
		border: 1px dashed #F1F1F1;
		margin: 0 0 0.5em 0;
		padding: 3px;
		}
	ul.family:hover {
		background-color: #FFF7BF;
		color: Black;
		}
	ul.family li {
		list-style: none;
		margin: 0.1em;
		}
	ul.family li.married {
		margin-left: 5em;
		}
/* Kekule-Nummer */
	.genNumber {
		color : #0000FF;
		}
/* Christian name - Rufname */
	.cName {
		text-decoration : underline;
		}
/* Surname - Familienname */
	.surname {
		font-weight: bold;
		text-transform: uppercase;
		}
/* Blocksatz */
	p.block {
		text-align: justify;
		}
	p.block:first-letter {
		color: navy;
		font-size: 150%;
		}
/* Zentriert */
	p.center {
		text-align: center;
		}
/* Fusszeile */
	p#pageFooter {
		margin: 0;
		padding: 0.5em;
		border-top: 1px solid silver;
		text-align : center;
		}
/* eMail-Adresse verschleiern */
	.backwards {
		unicode-bidi: bidi-override;
		direction: rtl;
		white-space: nowrap;
		}