/*
		
			www.binnenhafen-eberswalde.de
			----------------------------------------------------------------------
		
		*/
		
		
		
		/*
			Global
			----------------------------------------------------------------------
		*/
		
		* {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		body {
			color: #000;
			background: #e3e1e2 url(bg-body.gif) 0 -28px repeat-x;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.625em;
		}
		
		acronym {
			border-bottom: 1px solid #000;
			cursor: help;
		}
		

		/*
			Container gesamter Content
			----------------------------------------------------------------------
		*/
		
		div#page {
			position: relative;
			width: 955px;
			margin: 0 auto;
			padding-bottom: 60px;
			color: #000;
			background-color: #fff;
		}

		
		/*
			Menu links
			----------------------------------------------------------------------
		*/
		
		div#mainnav {
			float: left;
			display: inline;
			width: 182px;
			padding: 0 9px;
			color: #000;
			background-color: #fff;
		}
		
		div#mainnav h1 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
				
		div#mainnav h2 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
		
		div#mainnav p#jumpmenue {
			position: absolute;
			right: 2000px;
			z-index: 1;
		}
		
		div#mainnav p#jumpmenue span {
			display: none;
		}
		
		div#mainnav p#jumpmenue a:focus, 
		div#mainnav p#jumpmenue a:active {
			position: absolute;
			right: -2000px;
			top: 0;
			display: block;
			width: 210px;
			padding: 5px 10px;
			color: #000;
			background-color: #f6f6f6;
		}

		div#mainnav p#logo {
			margin: 16px 0 59px 0;
		}
		
		div#mainnav ul {
			color: #fff;
			background-color: #cbcbcb;
			padding-top: 82px;
		}
		
		div#mainnav li {
			list-style-type: none;
			border-top: 1px solid #fff;
		}
		
		div#mainnav li a {
			display: block;
			width: 162px;
			padding: 5px 10px;
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
			color: #535353;
			background-color: #cbcbcb;
		}

		div#mainnav ul ul {
			padding: 0 0 1em 0;
			border-top: 1px solid #fff;
			background-color: #e3e1e2;
		}
		
		div#mainnav ul ul li {
			border-top: none;
			background-color: #e3e1e2;
		}
		
		div#mainnav ul ul li a {
			width: 162px;
			padding: 5px 0 5px 20px;
			background-color: #e3e1e2;
		}

		div#mainnav li a:hover {
			color: #fff;
			background-color: #647a53;
		}

		div#mainnav li a#current {
			color: #fff;
			background-color: #4a583e;
		}

		
		/*
			Container Frame
			----------------------------------------------------------------------
		*/
		
		div#contentframe {
			float: left;
			width: 755px;
		}

		
		/*
			Claim
			----------------------------------------------------------------------
		*/
		
		div#claim {
			position: relative;
			height: 62px;
			background: url(claim.gif) right bottom no-repeat;
			text-indent: -1000px;
		}
		

		/*
			Picture
			----------------------------------------------------------------------
		*/
		
		div#picture {
			position: relative;
		}
		

		/*
			Navigation
			----------------------------------------------------------------------
		*/
		
		div#nav {
			position: relative;
			height: 42px;
			background: url(bg-body.gif) 0 -267px repeat-x;
		}
		
		div#nav p {
			color: #eee;
			background-color: #647a53;
			text-align: right;
			line-height: 36px;
			padding-right: 15px;
		}
		
		div#nav a {
			color: #eee;
			text-decoration: none;
			text-transform: uppercase;
			background-color: #647a53;
		}
		
		div#nav a:hover {
			text-decoration: underline;
		}
		
		/*
			Breadcrumbs
			----------------------------------------------------------------------
		*/
		
		div#breadcrumbs {
			position: relative;
			height: 40px;
			color: #a4af9b;
			background-color: #4a583e;
		}

		div#breadcrumbs p {
			position: absolute;
			bottom: 0;
			margin: 0 0 5px 10px;
			font-size: 1.2em;
			line-height: 1;
			color: #a4af9b;
			background-color: #4a583e;
		}

		div#breadcrumbs p a {
			color: #a4af9b;
			background-color: #4a583e;
			text-decoration: none;
		}

		div#breadcrumbs p a:hover {
			text-decoration: underline;
		}

		/*
			Content
			----------------------------------------------------------------------
		*/
		
		div#content {
			float: left;
			display: inline;
			width: 565px;
			margin-top: 40px;
			font-size: 1.2em;
		}
		
		div#content div.headline1 {
			color: #4a583e;
			background-color: #eee;
			margin-bottom: 30px;
		}
		
		div#content h1 {
			font-size: 1.6em;
			line-height: 1;
			font-weight: bold;
			background: url(bg-headline-h1.gif) left center no-repeat;
			margin-bottom: 15px;
			padding-left: 30px;
		}
				
		div#content h1 span {
			padding: 0 20px 0 10px;
			color: #4a583e;
			background: #fff url(bg-headline-h1-span.gif) right center no-repeat;
		}
		
		div#content h2 {
			font-size: 1.4em;
			line-height: 1.5;
			font-weight: bold;
			margin-bottom: 15px;
			padding-left: 40px;
			color: #4a583e;
			background-color: #fff;
		}
				
		div#content p {
			margin: 0 50px 15px 40px;
			line-height: 1.5;
		}

		div#content p.download {
			margin: 0 50px 15px 40px;
			padding-left: 25px;
			line-height: 1.5;
			background: url(images/basket_put.gif) left top no-repeat;
		}

		div#content ul {
			margin: 0 50px 20px 70px;
			line-height: 1.5;
			list-style-type: disc;
			list-style-image: url(images/bullet_black.gif);
		}

		div#content ul ul {
			margin: 0 20px;
			list-style-image: url(images/bullet_arrow.gif);
		}

		div#content dl {
			margin: 0 50px 15px 40px;
			line-height: 1.5;
		}

		div#content dt img {
			padding: 5px;
			border: 1px solid #ddd;
		}

		div#content dd {
			margin: 10px 0 0 6px;
			font-style: italic;
			color: #666;
			background-color: #fff;
		}

		div#content dd.magnifier {
			padding-left: 20px;
			background: url(images/magnifier.gif) left top no-repeat;
		}

		div#content a {
			color: #4a583e;
			background-color: #fff;
		}
		
		div#map_canvas a {
			color: #4a583e;
			background-color: transparent;
		}
		
		div#content span.tel {
			padding-left: 25px;
			background: url(images/telephone.gif) left top no-repeat;
		}

		div#content span.fax {
			padding-left: 25px;
		}

		div#content span.email {
			padding-left: 25px;
			background: url(images/email.gif) left top no-repeat;
		}

		div#content div.photogallery {
			margin-left: 40px;
		}
		
		div#content div.photogallery img {
			float: left;
			margin: 10px 10px 0 0;
			padding: 5px;
			border: 1px solid #ccc;
		}
		
		div#content div.photogallery a {
			color: #aa0030;
			text-decoration: none;
			background: none;
		}

		/*
			Marginalspalte
			----------------------------------------------------------------------
		*/
		
		div#marginal {
			float: right;
			display: inline;
			width: 180px;
			margin-top: 10px;
		}
		
		div#marginal p {
			margin-bottom: 10px;
		}
		
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}