/* Style Sheet - Index - Uebersicht */
/* http://www.thorsten-reinicke.eu/ */
/* © 2007-2009 Thorsten Reinicke */


body
{	padding: 0 ; 
	border-top: 0 ; 
	border-right: 48px solid #FFFFFF /* #EFDCE6 */ ; 
	border-bottom: 0 ; 
	border-left: 48px solid #FFFFFF /* #E6DCEF */ ; 
	margin: 0 ; 
	background-color: #FFFFFF ; }


hr, .nodisplay
{	display: none ; }



/* HEADER */

div.header
{	width: 40% ; 
	position: relative ; 
	text-align: center ; 
	padding: 24px 0 0 0 ; 
	border: 0 ; 
	margin: 0 auto 0 auto ; 
	z-index: 2 ; }

div.eins
{	background: #DDDDDD ; }


h1.img
{	font-size: 0 ; 
	line-height: 0 ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

h1.text
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 18px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #333333 ; 
	line-height: 1 ; 
	letter-spacing: 1px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 6px 0 6px 0 ; }

h2
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #333333 ; 
	line-height: 1 ; 
	letter-spacing: 1px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 6px 0 6px 0 ; }



/* TEXT */

p
{	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 12px ; 
	font-weight: normal ; 
	font-style: normal ; 
	letter-spacing: 1px ; 
	line-height: 1.5 ; 
	color: #000000 ; 
	text-align: center ; 
	padding: 0 ; 
	border: 0px solid green ; 
	margin: 0 0 18px 0 ; }

td
{	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 12px ; 
	font-weight: normal ; 
	font-style: normal ; 
	letter-spacing: 1px ; 
	line-height: 1.5 ; 
	color: #000000 ; 
	text-align: left ; 
	padding: 0 ; 
	border: 0px solid green ; 
	margin: 0 ; }

p.nav
{	letter-spacing: 0px ; 
	color: #333333 ; }

p.nav a, p.nav b
{	margin-left: 6px ; 
	margin-right: 6px ; }



/* FOOTER */

div.footer
{	clear: both ; 
	width: 100% ; 
	text-align: center ; 
	padding: 0 ; 
	border: 0px solid blue ; 
	margin: 0 ; }

h4
{	padding: 24px 0 0 0 ; 
	border: 0 ; 
	margin: 0 ; }

div.footer h4 img
{	position: relative ; 
	width: 36px ; }

div.footer p
{	position: relative ; 
	letter-spacing: 0px ; 
	margin:  6px 0 6px 0 ; }

div.footer img.rhododendron
{	width: 100% ; 
	vertical-align: bottom ; }



/* NAVIGATION */

a:link
{	color:#330033 ; text-decoration: underline ; }

a:visited
{	color:#330033 ; text-decoration: underline ; }

a:hover
{	color:#CC3300 ; text-decoration: none ; 
	background: #DDDDDD ; }

a:active
{	color:#FF9966 ; text-decoration: underline ; 
	background: #EEEEEE ; }



/* THEMEN */

h2.fotogalerie, h2.spiekeroog, h2.outdoor, h2.amrum, h2.hpv, h2.kant, h2.tcpa, h2.webdesign
{	display: block ; 
	float: left ; 
	width: 49.99% ; 
	min-width: 400px ; 
	height: 192px ; 
	padding: 0 ; 
	border-top: 6px solid #FFFFFF ; 
	margin: 0 ; }



/* NEU */

div.neu
{	position: absolute ; 
	width: 25% ; 
	left: 48px ; 
	top: 48px ; 
	text-align: left ; 
	padding: 24px 48px 24px 48px ; 
	border: 0 ; 
	z-index: 1 ; }

div.neu h2
{	font-size: 18px ; 
	color: #333333 ; 
	line-height: 1 ; 
	text-decoration: none ; 
	text-shadow: #333333 3px 3px 5px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

div.neu p
{	display: none ; 
	text-align: left ; 
	color: #000000 ; 
	padding-left: 12px ; 
	border: 0 ; 
	margin: 12px 0 6px 0 ; }

div.neu:hover
{	border-right: 0px solid #FFFFFF ; 
	border-bottom: 6px solid #FFFFFF ; 
	background: #FFFFFF url(photo/travemuende/image/background.jpg) no-repeat -20px -120px ; 
	z-index: 3  ; }

div.neu:hover h2
{	cursor: help ; 
	color: #FFFFFF ; }

div.neu:hover p
{	display: block ; }



/* BROWSER */

div.browser
{	position: absolute ; 
	width: 25% ; 
	left: 48px ; 
	top: 96px ; 
	text-align: left ; 
	padding: 24px 48px 24px 48px ; 
	border: 0 ; 
	z-index: 1 ; }

div.browser h2
{	font-size: 18px ; 
	color: #333333 ; 
	line-height: 1 ; 
	text-decoration: none ; 
	text-shadow: #333333 3px 3px 5px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

div.browser p
{	display: none ; 
	text-align: left ; 
	color: #000000 ; 
	padding-left: 12px ; 
	border: 0 ; 
	margin: 12px 0 6px 0 ; }

div.browser table
{	display: none ; 
	border-collapse: collapse ; }

div.browser:hover
{	border-right: 0px solid #FFFFFF ; 
	border-bottom: 6px solid #FFFFFF ; 
	background: #FFFFFF url(photo/travemuende/image/background.jpg) repeat-y -20px -120px ; 
	z-index: 3  ; }

div.browser:hover h2
{	cursor: help ; 
	color: #FFFFFF ; }

div.browser:hover p
{	display: block ; }

div.browser:hover table
{	display: block ; }

td img
{	margin: 12px ; }



/* STOP */

div.stop
{	position: absolute ; 
	width: 50% ; 
	max-height: 75% ; 
	overflow: auto ; 
	right: 48px ; 
	top: 24px ; 
	text-align: left ; 
	padding: 24px ; 
	border: 6px solid transparent ; 
	z-index: 1 ; }

div.stop h2.stopimg
{	float: right ; 
	font-size: 0 ; 
	color: #333333 ; 
	text-decoration: none ; 
	line-height: 0 ; 
	text-align: right ; 
	vertical-align: bottom ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

div.stop h2.stopimg img
{	padding: 0 ; 
	border : 0 ; 
	margin: 0 ; }

div.stop h2.stoptext
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #333333 ; 
	text-decoration: none ; 
	line-height: 167% ; 
	letter-spacing: 1px ; 
	text-align: left ; 
	text-shadow: #333333 3px 3px 5px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

div.stop h3
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 18px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #333333 ; 
	text-decoration: none ; 
	line-height: 167% ; 
	letter-spacing: 1px ; 
	text-align: left ; 
	text-shadow: #333333 3px 3px 5px ; 
	margin: 18px 0 0 0 ; }

div.stop p
{	margin: 12px 0 0 0 ; }

div.stop p, div.stop h2.stoptext, div.stop h3
{	display: none ; 
	text-align: left ; }

div.stop:hover
{	border: 6px solid #FF0000 ; 
	background: #F6E9E9 ; 
	z-index: 3 ; }

div.stop:hover h2.img
{	cursor: help ; 
	color: #FFFFFF ; }

div.stop:hover p, div.stop:hover h2.stoptext, div.stop:hover h3
{	display: block ; }



/* BOX-SHADOW */

div.neu:hover, div.browser:hover, div.stop:hover
{	box-shadow: 3px 3px 12px #636669 ; 
	-webkit-box-shadow: 3px 3px 12px #636669 ; 
	-moz-box-shadow: 3px 3px 12px #636669 ; }



/* FOTOGALERIE */

h2.fotogalerie
{	background: #FFFFFF url(index/back_fotogalerie.jpg) no-repeat 0px -84px ; }

h2.fotogalerie a
{	display: block ; 
	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #F0F5FA ; 
	letter-spacing: 1px ; 
	line-height: 1 ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: left ; 
	padding: 72px 24px 72px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.fotogalerie:hover
{	color: #FFFFFF ; 
	background-color: red ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.fotogalerie:active
{	color: #FFFFFF ; 
	background-color: red ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* SPIEKEROOG */

h2.spiekeroog
{	background: #F5F0EB url(index/back_spiekeroog.jpg) repeat center center ; }

h2.spiekeroog a
{	display: block ; 
	font-family: Georgia, serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #0F5544 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: center ; 
	padding: 12px 24px 132px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.spiekeroog small
{	font-size: 18px ; }

a.spiekeroog:hover
{	color: #FFFFFF ; 
	background-color: #FFD700 ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.spiekeroog:active
{	color: #FFFFFF ; 
	background-color: #FFD700 ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* AMRUM */

h2.amrum
{	background: #F5F0EB url(index/back_amrum.jpg) repeat center center ; }

h2.amrum a
{	display: block ; 
	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #FAF5F0 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: center ; 
	padding: 96px 24px 48px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.amrum small
{	font-size: 18px ; }

a.amrum:hover
{	color: #000000 ; 
	background-color: orange ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.amrum:active
{	color: #000000 ; 
	background-color: orange ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* WEBDESIGN */

h2.webdesign
{	background: #FFFFFF url(index/back.jpg) no-repeat center center ; }

h2.webdesign a
{	display: block ; 
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 18px ; 
	font-weight: bold ; 
	font-style: normal ; 
	color: #333333 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: center ; 
	padding: 72px 24px 72px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.webdesign small
{	font-family: Times, "Times New Roman", serif ; 
	font-size: 22px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #005555 ; 
	text-align: center ;  }

a.webdesign:hover small, a.webdesign:active small
{	color: #FFFFFF ; }

a.webdesign:hover
{	color: #FFFFFF ; 
	background-color: #006400 ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.webdesign:active
{	color: #FFFFFF ; 
	background-color: #006400 ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* OUTDOOR */

h2.outdoor
{	background: #FFFFFF url(index/outdoor_back_gross.jpg) no-repeat left -100px ; }

h2.outdoor a
{	display: block ; 
	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: italic ; 
	color: #1F1913 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: left ; 
	padding: 24px 24px 120px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.outdoor small
{	color: #003333 ; 
	font-size: 18px ; }

a.outdoor:hover small, a.outdoor:active small
{	color: #FFFFFF ; }

a.outdoor:hover
{	color: #FFFFFF ; 
	background-color: green ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.outdoor:active
{	color: #FFFFFF ; 
	background-color: green ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* KANT */

h2.kant
{	background: #f7f7ef url(index/back_kant.jpg) no-repeat -50px center ; }

h2.kant a
{	display: block ; 
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: normal ; 
	color: #444455 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: right ; 
	padding: 72px 24px 72px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.kant:hover small, a.kant:active small
{	color: #FFFFFF ; }

a.kant:hover
{	color: #FFFFFF ; 
	background-color: #995544 ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.kant:active
{	color: #FFFFFF ; 
	background-color: #995544 ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* HPV */

h2.hpv
{	background: #FDEEE9 url(index/back_hpv.jpg) repeat center center ; }

h2.hpv a
{	display: block ; 
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 22px ; 
	font-weight: bold ; 
	font-style: normal ; 
	color: #332211 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: left ; 
	padding: 72px 24px 72px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.hpv small
{	font-size: 16px ; }

a.hpv:hover small, a.hpv:active small
{	color: #FFFFFF ; }

a.hpv:hover
{	color: #FFFFFF ; 
	background-color: #CC0000 ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.hpv:active
{	color: #FFFFFF ; 
	background-color: #CC0000 ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* TCPA */

h2.tcpa
{	background: #FFFFFF url(index/back.jpg) no-repeat -200px 50% ; }

h2.tcpa a
{	display: block ; 
	font-family: Times, "Times New Roman", serif ; 
	font-size: 24px ; 
	font-weight: bold ; 
	font-style: normal ; 
	color: #000000 ; 
	letter-spacing: 1px ; 
	line-height: 24px ; 
	height: 48px ; 
	text-decoration: none ; 
	text-align: center ; 
	padding: 72px 24px 72px 24px ; 
	border: 0 ; 
	margin: 0 ; }

a.tcpa small
{	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 14px ; 
	font-weight: normal ; 
	font-style: normal ; 
	color: #998877 ; 
	text-align: center ;  }

a.tcpa:hover small, a.tcpa:active small
{	color: #FFFFFF ; }

a.tcpa:hover
{	color: #FFFFFF ; 
	background-color: #006699 ;  
	filter: Alpha(opacity = 30) ; 
	-moz-opacity: .30 ; 
	opacity: .30 ; }

a.tcpa:active
{	color: #FFFFFF ; 
	background-color: #006699 ;  
	filter: Alpha(opacity = 60) ; 
	-moz-opacity: .60 ; 
	opacity: .60 ; }



/* VERSCHIEDENES */

/* index */

#jollyrogerschiff
{	position: absolute ; 
	top: 24px /* 48px */ ; 
	right: 48px /* 96px */ ; 
	z-index: 10 ; }

/* kontakt */



/* impressum */

#jollyroger {
	position: absolute ; 
	top: 72px ; 
	right: 72px ; 
	z-index: 1 ; 
	}

#jollyrogerschiff2
{	position: absolute ; 
	top: 24px ; 
	left: 96px ; }

#obenlinks {
	position: fixed ; 
	top: -7px ; 
	left: -25px ; 
	z-index: 3 ; 
	}

#obenrechts {
	position: fixed ; 
	top: -7px ; 
	right: -25px ; 
	z-index: 3 ; 
	}

#untenlinks {
	position: fixed ; 
	bottom: -7px ; 
	left: -25px ; 
	z-index: 3 ; 
	}

#untenrechts {
	position: fixed ; 
	bottom: -7px ; 
	right: -25px ; 
	z-index: 3 ; 
	}