/* styles www.seeperle-wismar.de     */
/*                                   */
/* media:	screen                   */
/* use:		on every page            */
/* author:	click solutions GmbH     */
/*          Holger Bluethmann        */
/*                                   */

* {
	padding: 0; margin: 0; font-weight: normal; }

body {
	background-color: #cbe1e9; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; background-image: url(../images/body_bg.gif); background-repeat: no-repeat; }

img {
	border: none; }

strong {
	font-weight: bold; }


/*                                   */
/* main divs                         */
/*                                   */

div#logo {
	z-index: 300; position: absolute; left: 65px; top: 30px; }

div#website {
	z-index: 200; position: absolute; left: 655px; top: 95px; width: 215px; }

div#wrapper {
	z-index: 100; position: absolute; left: 0px; top: 150px; width: 929px; height: auto; background-image: url(../images/wrapper_bg.gif); background-repeat: repeat-y; }

div#content {
	background-image: url(../images/content_bg.gif); background-repeat: no-repeat; background-position: bottom left; }

div#text {
	float: left; margin: 0px 0px 0px 50px; width: 575px; }

div#books {
	z-index: 500; position: absolute; left: 55px; top: 190px; width: 215px; }

div#books p {
	padding: 10px 0px 0px 0px; color: #97c4d5; font-size: 12px; line-height: 18px; }

body.start div#text {
	margin: 5px 0px 0px 300px; width: 375px; }

div#contact {
	float: left; margin: 60px 0px 0px 45px; width: 185px; height: 280px; }

body.start div#contact {
	float: right; margin: 0px 40px 30px 10px; width: 185px; height: 290px; background-image: url(../images/bg_contact.gif); background-repeat: no-repeat; }

div#footer {
	clear: both; margin: 0px 0px 0px 0px; text-align: right; width: 900px; height: 65px; }


/*                                   */
/* text classes                      */
/*                                   */


div#text h1 {
	margin: 0px 0px 0px 0px; color: #97c4d5; font-size: 20px; line-height: 20px; font-weight: bold; }

div#text h2 {
	margin: 0px 0px 0px 0px; color: #97c4d5; font-size: 16px; line-height: 20px; }

div#text h3 {
	margin: 10px 0px 0px 0px; color: #21406e; font-size: 13px; line-height: 18px; font-weight: bold; }

div#text h4 {
	margin: 0px 0px 0px 0px; color: #97c4d5; font-size: 13px; line-height: 18px; font-weight: normal; }

div#text p {
	margin: 10px 0px 0px 0px; color: #21406e; font-size: 13px; line-height: 18px; }

div#text form p {
	margin: 0px 0px 0px 0px; color: #21406e; font-size: 13px; line-height: 18px; }

div#text a {
	color: #97c4d5; font-weight: bold; text-decoration: underline; }

div#text a:hover {
	color: #21406e; }

div#contact h2 {
	padding: 10px 0px 0px 20px; color: #97c4d5; font-weight: bold; font-size: 14px; line-height: 14px; }

div#contact p {
	padding: 10px 0px 0px 20px; color: #97c4d5; font-size: 12px; line-height: 18px; }

div#contact a {
	color: #97c4d5; font-weight: bold; text-decoration: underline; }

div#contact a:hover {
	color: #21406e; }

div#gallery p {
	margin: 5px 0px 0px 0px; color: #21406e; font-size: 13px; line-height: 13px; }

div#gallery p img {
	margin: 0px 5px 0px 0px; }

div#footer p {
	padding: 20px 15px 20px 20px; color: #97c4d5; font-size: 12px; line-height: 18px; }

div#footer a {
	color: #97c4d5; text-decoration: none; }

div#footer a:hover {
	color: #21406e; text-decoration: none; }

div#photo p {
	margin: 10px 0px 0px 0px; color: #21406e; font-size: 13px; line-height: 18px; }

div#text form input.textbox {
	width: 300px; border: 1px solid #97c4d5; padding: 2px 4px 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

div#text form input.error{
	border: 1px solid #de0000; background-color: #cbe1e9; }

div#text form input.submit {
	width: 200px; border: 1px solid #21406e; background-color: #21406e; color: #FFFFFF; font-weight: bold; padding: 2px 4px 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

div#text form input.reset {
	width: 200px; border: 1px solid #cbe1e9; background-color: #cbe1e9; color: #21406e; font-weight: bold; padding: 2px 4px 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

div#text form input.zip {
	width: 70px; }

div#text form input.city {
	width: 216px; }

div#text form input.name {
	width: 143px; }

div#text form p.products {
	margin: 10px 0px 0px 0px; }

div#text form p.hint {
	margin: 10px 0px 10px 0px; color: #21406e; font-size: 11px; line-height: 15px; }

div#text p.error {
	color: #de0000; }

div#text table {
	margin: 20px 0px 20px 0px; }

div#text table th, div#text table td {
	text-align: left; vertical-align: top; padding: 6px 8px 6px 8px; color: #21406e; font-size: 13px; line-height: 18px; border-bottom: 1px solid  #cbe1e9; }

div#text table th.number, div#text table td.number {
	text-align: right; }

div#text table th {
	font-weight: bold; }

div#text table td input.count {
	border: 1px solid #cbe1e9; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 4px 2px 4px; width: 35px; }

div#text table td.pieces {
	padding: 6px 8px 6px 0px; }

div#text table td.textbox {
	padding: 4px 8px 4px 4px; }


div#text p.gallery img {
	margin: 0px 10px 10px 0px; }

div#newsstart {
	float: right; width: 180px; height: 186px; background-image: url(../images/teaser_baustelle.gif); background-repeat: no-repeat; overflow: hidden; }

div#newsstart a {
	display: block; padding: 165px 0px 5px 10px; background-repeat: no-repeat; font-size: 12px; text-decoration: none; font-weight: normal; color: #ffffff; background-position: left 27px; }

div#newsstart a:hover {
	color: #ffffff; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #cbe1e9;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}