/* --------------------------------------------------------------

print.css
* Gives you some sensible styles for printing pages.
* See Readme file in this directory for further instructions.

Some additions you'll want to make, customized to your markup:
#header, #footer, #navigation {
	display: none;
}

-------------------------------------------------------------- */

body {
	line-height: 1.5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background: none;
	font-size: 10pt;
}


/* Layout
-------------------------------------------------------------- */

.container {
	background: none;
}

hr {
	background: #ccc;
	color: #ccc;
	width: 100%;
	height: 2px;
	margin: 2em 0;
	padding: 0;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}


/* Text
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
code {
	font: .9em "Courier New", Monaco, Courier, monospace;
}

img {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
}
a img {
	border: none;
}
p img.top {
	margin-top: 0;
}

blockquote {
	margin: 1.5em;
	padding: 1em;
	font-style: italic;
	font-size: .9em;
}

.small {
	font-size: .9em;
}
.large {
	font-size: 1.1em;
}
.quiet {
	color: #999;
}
.hide {
	display: none;
}


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

a:link:after, a:visited:after {
	content: " (" attr(href) ") ";
	font-size: 80%;
	text-decoration:underline;
}

/* If you're having trouble printing relative links, uncomment and customize this:
(note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

a[href^="/"]:after {
	content: " (http://www.westhafenpier.de" attr(href) ") ";
}

#header a:after {
	content: "";
}


body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	background-color:#fff;
}

.hide, 
.nodisplay,
#mainMenu,
#subMenu
{ display: none !important; }

#header { background:none !important;}

#container, #content {
	width:auto;
}

#header div.wrap {
	margin-top:100px;
}

#header #logo a{
	left:auto;
}

#header img { float:none;}

#content {
	margin:2em;
}

#content img {
	display:none;
}

#content img.large {
	display:block;
}