/* diverse Grundeigenschaften ******************************/

	body, div, p, hr, ul,
	h1, h2, h3, h4, h5, h6		{ display: block; font-family: sans-serif; font-size: 14px; color: #222222 }

	body						{ background-color: #fefaf0; background-image: url('/pokweni/img/s0_body.jpg'); background-repeat: repeat-x; padding: 0px; margin: 0px; text-align: center }

/* div-Elemente / Layout ******************************/

	div							{ border: 0px solid; border-color: #5555dd; padding: 10px; margin: 0px }

	div#seite					{ width: 1000px; position: relative; margin: 0px auto; padding: 0px; padding-left: 0px; padding-right: 0px; text-align: left }

	div#kopf					{ padding: 0px; height: 150px; background-image: url('/pokweni/img/s0_kopf.jpg'); background-repeat: no-repeat; background-position: 50% 0px }
	div#titel					{ text-align: right; font-size: 120%; margin: 0px; margin-right: 60px }
	div#titel h1				{ color: #222222; border: 0px; line-height: 0.5em }
	div#titel span				{ color: #222222 }
	div#titel h2				{ display: none }

	div#rumpf					{ padding: 0px; background-image: url('/pokweni/img/s0_rumpf.jpg'); background-repeat: repeat-y; background-position: 50% 0% }
	div#navigation				{ color: #dddddd; margin: 0px; margin-top: 20px; padding: 0px; padding-top: 25px; padding-bottom: 50px; text-align: center; font-weight: bold; background-image: url('/pokweni/img/s0_navigation.jpg'); background-repeat: no-repeat; background-position: 50% 0% }
	div#inhalt					{ color: #222222; margin: 0px; padding: 55px; padding-top: 0px; margin: 0px }
	div#inhalt div				{ margin: 0px; padding: 0px }

	div#fuss					{ margin: 0px; padding: 0px; padding-top: 6px; text-align: center; font-size: 65%; color: #f7e9d3; height: 65px; background-image: url('/pokweni/img/s0_fuss.jpg'); background-repeat: no-repeat; background-position: 50% 0% }

	div.mailok					{ margin-bottom: 10px; border: 1px solid #30a030; background-color: #eeffee }
	div.mailfehler				{ margin-bottom: 10px; border: 2px solid #c03030; background-color: #ffeeee }
	div#admin   				  { color: #000000; position: absolute; top: 0px; right: 60px;}

	.benachrichtigung			{ clear: both; margin-bottom: 10px; border: 1px solid #dddddd; background-color: #eeeeee }
	.benachrichtigung div		{ color: #555555; margin: 10px }
	.ok							{ border-color: #30a030; background-color: #eeffee }
	.info						{ border-color: #3030a0; background-color: #eeeeff }
	.fehler						{ border-width: 2px; border-color: #c03030; background-color: #ffeeee }
	

/* Text ******************************/

	p							{ margin-left: 10px; margin-right: 10px }

	.wichtig					{ text-decoration: underline }
	.hervorgehoben				{ font-weight: bold }
	.hidden						{ display: none }

/* Überschriften ******************************/

	h1,h2,h3,h4,h5,h6			{ margin-bottom: 10px; margin-top: 25px; border-width: 0px; border-style: solid; border-color: #222222 }
	h1							{ line-height: 1.5em; font-size: 140%; border-bottom-width: 2px }
	h2							{ line-height: 1.3em; font-size: 120%; border-bottom-width: 1px }
	h3							{ line-height: 1.2em; font-size: 110% }
	h4							{ line-height: 1.1em; font-size: 100% }
	h5							{ line-height: 1.1em; font-size: 100% }
	h6							{ line-height: 1.0em; font-size: 100% }

/* Links ******************************/

	a							{ color: #222222; text-decoration: none; border-bottom: 1px solid #222222 }
	a:focus						{ outline: thin dotted invert }
	a:visited					{ color: #222222 }
	a:hover						{ border-bottom: 1px dashed; color: #555555 }

	div#navigation a			{ color: #f7e9d3; border-width: 0px; padding: 5px; padding-left: 10px; padding-right: 10px; margin-right: 5px }
	div#navigation a:visited	{ color: #f7e9d3 }
	div#navigation a:hover		{ color: #e5c7a0; border-bottom-width: 2px; border-style: solid }
	div#navigation a.hier		{ color: #f7e9d3; border-bottom: 2px solid #dddddd }

	div#fuss a					{ color: #f7e9d3; border-width: 0px }
	div#fuss a:hover			{ color: #808080 }
	div#admin a					{ color: #000000;}

	a.foto						{ border-width: 0px }
	a.login						{height:130px; left:50px; position:absolute; top:0; width:125px; border-bottom:0px}

	
/* Tabelle ******************************/

	table						{ margin-left: 10px; margin-right: 10px; border: 0px; border-collapse: collapse }

	td							{ padding-left: 5px; padding-right: 5px; vertical-align: top }

	td.monat					{ padding-top: 10px; border-bottom: 1px dashed #c8d0d0; font-size: 105%; font-weight: bold }
	td.datum					{ white-space: nowrap }
	td.uhrzeit					{ white-space: nowrap }
	td.titel					{ white-space: nowrap; font-weight: bold }
	td.titel span				{ white-space: normal; font-weight: normal }
	td.ort						{  }

	table.projekt				{ table-layout: fixed }
	td.links					{ padding-right: 15px; width: 50% }
	td.rechts					{ text-align: left; padding-left: 15px; width: 50% }
	td.links p 					{ text-align: right;}

	table.fotos					{ table-layout: fixed }
	table.fotos tr				{ height: 85px }
	table.fotos td				{ width: 85px }

	td.foto						{ width: 500px }
	td.fotoblaettern			{ padding-left: 10px; padding-right: 10px; width: 135px; height: 135px }
	td.fotoblaettern span		{ display: block; font-weight: bold }
	td.albumnavigation			{ padding: 10px }
	td.albumnavigation span		{ display: block }
	span.fotolinks				{ padding-top: 10px; padding-bottom: 10px; color: #a69784; border-top: 2px solid #e8e0e0; border-bottom: 2px solid #e8e0e0 }
	span.fotonummer				{ margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #e8e0e0 }
	span.albumlink				{ margin-top: 3px }
/* Bilder ******************************/

	img							{ padding: 1px; border: 2px solid #c8d0d0 }