/*
CSS style for http://querkoeche.de.
Copyright by Gregor Hengst. All Rights reserved.
Parts of this CSS style is taken from Pagemap ImageWall Web Gallery, Copyright by Pagemap Premium Portfolios. http://getpagemap.com/pagemap-imagewall/
These parts are marked with comments.

*/

/*IMAGE WALL */
p.error { width: 550px; margin: 50px auto; font-size: 14px; }
a img {	border: none; }
#imagewall { width: auto; margin: 0 auto; text-align: left; line-height: 0; font-size: 0; }
#imagewall img { margin: 1px; }
/* #footer { margin-top: 25px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; } */
/* #footer, #footer a { text-decoration: none; color: ; } */

/* LIGHTBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: #000 url('?symbol=overlay') repeat; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; background: #fff; }
#lbCenter { z-index: 99999; }
#lbImageContainer img { -moz-box-shadow: 1px 0 5px #000; -webkit-box-shadow: 1px 0 5px #000; box-shadow: 1px 0 5px #000; }
#lbCenter .lbLoading { background: #fff url('imagewall.php?symbol=loading') no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; background: url('imagewall.php?symbol=blank'); z-index: 9999; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: url('imagewall.php?symbol=prev') no-repeat left center; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: url('imagewall.php?symbol=next') right center no-repeat; }
#lbBottomContainer { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#lbBottom { padding: 5px 10px; text-align: left; font: 10px 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 10px; color: #000; }
#lbCloseLink { display: block; float: right; width: 44px; height: 10px; background: url('imagewall.php?symbol=close') no-repeat right top; outline: none; }
#lbCaption, #lbNumber { display: inline; }
#lbCaption { padding-right: 0.5em; font-weight: bold; }
#lbNumber { color: #666; }


body {
	font-family: Arial,"Century Gothic";
}

a {
	text-decoration: none;
}

div#border {
	width: 912px;
	margin-left: auto;
	margin-right: auto;
}

div#menu{
	background-color: #003562;
	width: 100%; height: 100%;
	margin-bottom: 30px;
	font-size: 14px;
	font-variant: small-caps;
	}
div#menu table {
	padding: 0px;
}
div#menu tr {
	padding: 0px;
	line-height: 19px;
	margin: 0px;
}
div#menu td {
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	text-align: center;
	line-height: 19px;
	margin: 0px;
}
div#menu td.active {
	font-weight: bold;
}
div#menu td:hover {
	background: #195486;
}
div#menu a:link { color: #FFFFFF; }    /* noch nicht besuchte Ziele */
div#menu a:visited { color: #FFFFFF; } /* besuchte Ziele */
div#menu a:hover { color: #FFFFFF; }   /* Verweise bei "MouseOver" */
div#menu a:active { color: #FFFFFF; }  /* Angeklickte Verweise */
div#menu a:focus { color: #FFFFFF; }   /* Verweise, die Fokus erhalten */

div#content {
	clear: both;
	margin-bottom: 30px;
}

div.text-page {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

div#content #menulist {
	text-align: center;
}

div #content #about-text,#impressum {
	text-align: justify;
}

#about #cooks div{
	width:630px;
	float:right;
}

/* Text formating */
#content .text-page {
	font-size: 14px;
}

.description {
	color: #195486;
}

#content .text-page h1 {
	font-size: 22px;
	color: #195486;
	width: 100%;
	border-bottom: solid 1px;
}

#content .text-page h2 {
	font-size: 18px;
	color: #195486;
}

#content .text-page h3 {
	font-size: 14px;
}

#content .text-page hr {
	color: #195486;
	background-color: #195486;
	height: 1px;
	border: 0;
}

#content  .text-page a:link { color: #003562; }
#content .text-page  a:visited { color: #003562; }
#content .text-page  a:hover { color: #195486; text-decoration: underline; }
#content .text-page  a:active { color: #003562; }
#content .text-page  a:focus { color: #003562; }

#content  .text-page h3 a:hover { color: #000000; text-decoration: none; }

#content .outtakes_title {
	font-size: 22px;
	color: #195486;
	width: 100%;
	border-bottom: solid 1px;
}

div#footer {
	color: #195486;
	border-top: solid 2px;
}
#footer p{
	font-size: 11px;
	color: #AAAAAA;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
}
#footer p a:link { color: #003562; }
#footer p a:visited { color: #003562; }
#footer p a:hover { color: #195486; text-decoration: underline; }
#footer p a:active { color: #003562; }
#footer p a:focus { color: #003562; }