/* Style Sheet Thorsten Reinicke - Amrum - Oktober 2005 */
/* http://www.thorsten-reinicke.de/ */
/* © 2005 Thorsten Reinicke - tr.web.authoring */


html, body {
	height: 100% ; 
	overflow: scroll ; }

body
{	background: #121620 url(index/back.jpg) no-repeat center top ; 
	background-size: cover ; 
	background-attachment:  ; 
	font-family: Times, "Times New Roman", serif ; 
	margin: 0px ; 
	padding: 0px 0px 31px 0px ; }

h1
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 31px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #FAF5F0 ; 
	line-height: 31px ; 
	text-align: center ; 
	padding: 0px ; 
	margin: 21px 0px 47px 0px ; 
	letter-spacing: 3px ; }

h2
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 21px ; 
	font-weight: lighter ; 
	font-style: italic ; 
	color: #F5F0EB ; 
	line-height: 21px ; 
	text-align: center ; 
	padding: 0px ; 
	margin: 14px 0px 0px 0px ; 
	letter-spacing: 2px ; }

h2 img
{	margin-bottom: 14px ; }

p
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 16px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #30353A ; 
	line-height: 1.5 ; 
	letter-spacing: 1px ; 
	margin-top: 0px ; }

p small
{	font-size: 12px ; }

span.rot {
	color: red ; }


/* Duenen, Kniepsand, Zeltplatz */

p.bild
{	margin: 31px 16.5% 0px 16.5% ; }

p.text
{	width: 50% ; 
	background-color: rgba(229,224,219,0.6) ; 
	margin: 0px auto 0px 33% ; 
	padding: 7px 7px 7px 14px ; }


/* Insel */

div.text2
{	background: rgba(234,229,224,0.75) /* #EAE5E0 */ ; 
	margin: 0px 16.5% 0px 16.5% ; 
	padding: 14px 14px 21px 21px ; }

div.image p, div.image2 p, div.image3 p
{	font-family: Times, 'Times New Roman', serif ; 
	font-size: 13px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #30353A ; 
	line-height: 18px ; 
	text-align: center ; 
	letter-spacing: 1px ; }

div.image, div.image2
{	float: left ; 
	clear: both ; 
	padding: 0px ; 
	margin-right: 21px ; }

div.image
{	width: 304px ; }

div.image2
{	width: 157px ; }

div.image3, div.image3 p
{	clear: both ; 
	padding: 0px ; 
	margin: 0px ; }

.clear
{	clear: both ; }

p.bottom
{	margin-bottom: 0px ; }

/* #F0EBE6 #F5F0EB */

img
{	padding: 0px ; 
	margin: 0px ; }


.nav
{	width: 75% ; 
	text-align: center ; 
	margin-top: 47px ; 
	margin-left: auto ; 
	margin-right: auto ; 
	margin-bottom: 0px ; 
	padding: 7px ; 
	background-color: rgb(229,224,219) ; 
	opacity: 0.6 ; }


.nav2 /* oben evtl. */
{	color: #F0EBE6 ; 
	text-align: left ; 
	margin: 0px ; 
	padding: 0px ; 
	background: transparent ; }

p.nav img
{	line-height: 18px ; 
	margin: 7px 0px 0px 0px ; 
	padding: 0px ; 
	opacity: 1 ; }



a.img
{	padding: 0px ; }



a:link img
{ 	border: 7px solid #FAF5F0 ; }

a:visited img
{ 	border: 7px solid #FAF5F0 ; }

a:hover img
{ 	border: 7px solid #9A9590 ; }

a:active img
{ 	border: 7px solid #CAC5C0 ; }


a
{	padding: 0px 3px 0px 3px ; }

a:link
{ 	color: #10151A ; 
	background: transparent ; 
	text-decoration: underline ; }

a:visited
{ 	color: #10151A ; 
	background: transparent ; 
	text-decoration: underline ; }

a:hover
{ 	color: #F0F5FA ; 
	background: #50555A ; 
	text-decoration: none ; }

a:active
{ 	color: #90959A ; 
	background: #50555A ; 
	text-decoration: none ; }


p.nav2 a:link
{ 	color: #F0EBE6 ; 
	background: transparent ; 
	text-decoration: underline ; }

p.nav2 a:visited
{ 	color: #F0EBE6 ; 
	background: transparent ; 
	text-decoration: underline ; }

p.nav2 a:hover
{ 	color: #F0F5FA ; 
	background: #50555A ; 
	text-decoration: none ; }

p.nav2 a:active
{ 	color: #90959A ; 
	background: #50555A ; 
	text-decoration: none ; }