/* ---------------------- Booking: #content - #middle ---------------------- */

@media print {
	.screenonly { visibility: hidden; display: none; }
}

div.cart {
	position: absolute; top: 236px; left: 220px;
	z-index: 2; /* place it over the ticker */
}

div#middle {
	position: relative;
	margin: 0;
	padding: 20px 0 0 0;
	border-right: 6px solid #fff;
	border-left:  6px solid #fff;
}

#middle hr { clear: both; width: 97%; height: 1px; border: none; color: #c8d8ff; /* <- IE needs this */ background-color: #c8d8ff; /* <- FF needs this */ }
#middle p { padding-bottom: 0.2em; }
#middle p.center { text-align:center; }
#middle p.left { text-align:left; }
#middle p.right { text-align:right; }
#middle p.just { text-align:justify; }

/* +++++ Anchor handling +++++ */

a.bintext, a:link.bintext, a:visited.bintext { color: #3059C0; text-decoration: none; }
a:hover.bintext, a:active.bintext, a:focus.bintext { color: #000; text-decoration: underline; }

a.bbold, a:link.bbold, a:visited.bbold { color: #3059C0; text-decoration: none; font-weight:bold; }
a:hover.bbold, a:active.bbold, a:focus.bbold { color: #000; text-decoration: underline; }

/* +++++ Online Booking headline +++++ */

	div.bheadline {
		position: relative;
		text-align: center;
		width: 100%;			/* expand for MSIE 6.x        */
		padding: 1px 0 1px 0;	/* !! No left-right border !! */
		border-bottom: 1px solid #c8d8ff; /* rgb(200,216,255) */
	}

	.bheadline div.abort {
		position: absolute;
		right: 10px; bottom: 2px;
	}

	/* Javascript deactivated hint */
	p.nojs {
		margin: 0px 24px 8px 24px;
		text-align: center;
		background-color: #ffff80;
		color: #ff2020;
		font-weight: normal;
		font-size: 1.1em;
	}

/* +++++ Shopcontainer +++++  */

	div.shopContainer {
		clear: both;
		margin: 0;
		padding: 0 0 0 8px;
	}

	div.formBorder {
		position: relative; /* needed for floating DIVs cause <form> is NO block-element */
		width: 100%;
		padding: 8px 0 0 0;
		min-height: 380px;
	}

	/* +++++ Formular id='bestellung' class=shop +++++ */

	form.shop {
		display: none;
		margin: 0; padding: 0;
	}

	.colmust { color: #ff6060; }	/* color MUST-star */

/* +++++ LINKS : Warenkorb, Gesamtpreis +++++ */

	div.shopLeft {
		float: left;
		width: 246px; /* original 236 */
		margin: 0; padding: 0; /* no margin-left else MSIE bug */
	}

/* +++++ MITTE : Start - Leihdauer - Artikelauswahl - Personenangaben +++++ */

	div.shopCenter {
		float: left;
		width: 489px;
		margin: 0 15px 0 15px; padding: 0;
		overflow: hidden;
	}

	.shopCenter ul {
		list-style-type: none;
		padding-left: 0.2em;
	}

	.shopCenter ul li {
		padding: 0 0 0 1.05em;
		margin: 0.2em 0 0.2em 0;
		background: url(img/bullet0_dblue.gif) 0 0.4em no-repeat;
	}

	.shopCenter div.sframe {
		padding: 0.8em 0 0 8px;
		text-align: left;
		font-size: 1.0em;
	}

	.shopCenter div.help {
		margin-top: 0.9em;
		padding: 0.2em 0.5em 0.2em 0.5em;
		font-size: 0.85em;
		font-family: Arial;
		background-color: #FAFAFF;
		color: #557;
	}

/* +++++ RECHTS : Erläuterungen +++++ */

	div.shopRight {
		float: left;
		width: 164px; /* original 149 */
		margin: 0; padding: 0 0 0 0;
	}

/* +++++ LINKS +++++ WARENKORB ELEMENTE +++++ */

div.warenkorb {
	padding: 2px 3px 2px 3px;
	background-color: #C0D0FF;
}

div.warenkorb_title, div.warenkorb_price {
	margin: 0.3em 0 0.3em 0;
	color: #333;
	font-weight: bold;
	text-align: center;
}

table.warenkorb {
	width: 100%;
	font-size: 12px;

	border-left: 1px solid #85A2FF;
	border-right: 2px solid #85A2FF;
	border-bottom: 2px solid #85A2FF;
}

table.warenkorb td {
	padding: 2px 0px 2px 3px;
	background-color: #fff;
}

table.warenkorb td.productDesc,
table.warenkorb td.productPrice {
	border-top: 1px solid #85A2FF;
	background-color: #eaf0ff; /* #f0f0f8; */
	vertical-align: top;
	font-size: 0.9em;
}

table.warenkorb td.product {
	border-top: 1px solid #85A2FF;
	background-color: #eaf0ff; /* #f0f0f8; */
	vertical-align: top;
}

table.warenkorb td.productInfo {
}

table.warenkorb td.bottom {
	vertical-align: middle;
}

.warenkorb img.remove { margin: 0 1px 0 3px; float: right; }
.warenkorb input.numbers { width: 21px; padding: 1px 1px 1px 1px; margin: 4px 12px 0px 0px; }
.warenkorb img.note { float:left; margin: 0 2px 0 0; padding:0; }
.warenkorb p.note { margin:0; padding-top: 5px; }

/* This gets adjusted for MSIE see: reservierung.ie.css */
.warenkorb input.radio { margin: 0 2px 0 4px; padding: 0; }
.warenkorb label.radio { margin: 0 4px 0 0; padding: 0; }


/* +++++ MITTE +++++ START - LEIHDAUER - ARTIKEL - ANGABEN +++++ */

/* Kopfzeile mit Leihdauer - Artikelauswahl - Persönliche Angaben */

	div.shophead {
		padding: 4px 8px 6px 8px;
		background-color: #E5ECFE;
		font-size:1.0em;
	}

	div.shophead span {
		font-weight: bold;
		font-size:1.05em;
	}

/* Fusszeile mit zurück - weiter */
	div.shopfoot {
		padding: 4px 8px 6px 8px;
		background-color: #E5ECFE;
		font-size:1.0em;
	}

/* Background for Input elements */

	div.input_back {
		background: transparent url(img/back_form.jpg) left top repeat-y;
		margin: 0.5em 0 0.5em 0;
		padding: 0.5em 0px 0.5em 8px;
	}

/* +++ MITTE - START +++ */

	div.shopstart {
		margin: 0;
		padding: 0 6px 1.0em 6px;
	}


/* +++ MITTE - LEIHDAUER +++ */

	div.leihdauer {
		margin: 0;
		padding: 0 6px 1.0em 6px;
	}

	.leihdauer table {
		margin: 0; padding: 0;
	}

	.leihdauer table td {
		padding: 2px 8px 2px 0px;
		vertical-align: middle;
	}

	.leihdauer table img {
		padding-left: 4px;
	}

/* +++ MITTE - ARTIKEL +++ */

	div.artikel {
		margin: 0;
		padding: 0 6px 1.0em 6px;
	}

	div.shoporder {
		margin: 0.5em 0 0.5em 0;
		padding: 0 0 0 6px;
	}

	.shoporder h5 {
		clear: both;
		margin: 0 8px 0.2em 0;
		padding: 0.5em 0 0.2em 0;
		border-bottom: 1px solid rgb(200,216,255);
	}

	div.product_container {	/* Div for each product */
		position: relative;
		float: left;
		width: 220px; /* on change also change mod_shop.js - shop_addToBasket() */
		height: 52px;
		margin: 3px 8px 3px 0px;
		padding: 2px;
		font-weight: normal; font-size: 0.9em;
		overflow: hidden;
		background-color: #E5ECFF;
		border-right: 1px solid #A0A0C0;
		border-bottom: 1px solid #A0A0C0;
	}

	.product_container a {
		position: absolute; bottom: 3px; right: 2px;
		margin: 0; padding: 0;
		background: #9db7f9 url(../../img/shop/addbutton.gif) left top no-repeat;
		color: #3059C0;
		text-decoration: underline;
	}

	.product_container a:hover, .product_container a:active, .product_container a:focus {
		background-position: left -24px;
		color: #000;
	}

	.product_container a img {
		border: 0px;
		width: 24px; height: 24px;
	}

	.sliding_product img { /* Float product images */
		float: left;
		margin:0 3px 0 0; padding: 0;
		border-left: 2px solid #808090;
		border-top: 2px solid #808090;
		border-right: 2px solid #F8F8FF;
		border-bottom: 2px solid #F8F8FF;
	}

	.sliding_product p {
		font-size: 0.9em;
	}

/* +++ MITTE - PERSONAL +++ */

	div.angaben {
		margin: 0;
		padding: 0 6px 1.0em 6px;
	}

	table.personal {
		margin-bottom: 4px;
		table-layout: fixed;
	}

	table.personal tr {
		vertical-align: middle;
	}

	table.personal td {
		padding: 3px 0px 3px 0px;
		vertical-align: middle;
	}

	table.personal td.personal_msg {
		padding: 3px 0px 3px 0px;
		vertical-align: top;
	}

/* +++ MITTE - PERSONAL +++ Input elements styling +++ */

	label.radio {
		padding: 0 9px 0 5px;
	}

	select.abholung {
		height: 1.6em;
		padding: 1px;
		width: 5.9em;
		font: normal 1.0em Verdana;
	}

	select.abholung option {
		font: normal 0.85em Verdana;
	}


	input.personal_lft {
		padding: 1px;
		width: 186px;
		font: normal 1.0em Verdana;
	}

	input.personal_rgt {
		padding: 1px;
		width: 110px;
		font: normal 1.0em Verdana;
	}

	textarea.personal_msg {
		padding: 1px;
		width: 372px; /* if too large the left <td> will be compressed */
		font: normal 1.0em Verdana;
	}

/* +++ MITTE - CAPTCHA +++ */

	table.captcha tr {
		vertical-align: top;
	}

	label.captcha {
		display: block;
		padding: 0px 0px 2px 0px;
	}

	input.captcha {
		padding: 1px;
		font: normal 1.0em Verdana;
	}

/* +++ MITTE - SUBMIT +++ */

	div.mustenter {
		text-align: center;
		font-size: 0.85em;
		padding-bottom: 0.4em;
	}

	div.submit {
		padding-bottom: 6px;
		text-align: center;
		font: 12px normal Verdana;
	}

	div.submit input {
		padding: 3px 8px;
		font: 13px normal Verdana;
	}

/* +++++ RECHTS +++++ ERLÄUTERUNGEN +++++ */

	div.explanation {
		border-left: 1px solid #C8D8FF;
		margin: 0;
		padding: 0 0 1.0em 6px;
	}

	div.explanation p {
		font-size: 0.85em;
		text-align: justify;
		line-height: 1.1em;
	}

/* +++++ RESPONSE(s) +++++ */

	div.response1 { /* Invalid request via hacked task=shop_order */
		text-align: center;
		margin: 0; padding: 0;
	}

	div.response2 { /* Valid request via task=shop_order */
	}