a.hd { /* Allgemein gültige Formate über alle Versionen */
	display: block;
	position: relative;
	width: 773px;
	height: 304px;
	background-image: url(../gfx/shop/verleih_neukunde_header.jpg);
	background-position: -0px -0px;
	margin: auto;
	z-index: 1;
}

a.hd+div { /*rechte Spalte, allgemein */
	float: right;
	width: 340px;
	margin: 10px;
}

a.hd+div h2{
	display: block;
}

div.cb {
	clear: both;
}




a.hd+div+div { /* linke Spalte */
	margin: 10px;
	width: 403px;
}

a.hd+div+div h1{
	font-size: 18pt;
	display: block;
}

a.hd+div+div a{
	display: block;
	position: relative;
	width: 350px;
	height: 120px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -190px -310px;
	margin-top: 10px;
}


a.pb { /*Promobox*/
	clear: both;
	display: block;
	width: 340px;
	min-height: 100px;
	background-color: white;
	text-align: center;
	margin: 0px !important; 
	margin-top: 10px;
}



div.mainbox, div.mainbox_v1, div.mainbox_v2, div.mainbox_v3, div.mainbox_v4 {  /* Spez. Mainbox je version, damit gezielt fomatiert werden kann */
	border-bottom: 0px;
	width: 790px;
	text-align: left;
	padding-left: 10px;
	background-color: white;
	margin: auto;
	position: relative;
}

div.mainbox_v1 a.hd+div a.vid { /*video rechts in Version 1*/
	display: block;
	position: relative;
	width: 340px;
	height: 191px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -510px;
	margin-bottom: 10px;
	cursor: pointer;
}

div.mainbox_v1 a.hd+div a.lp { /*Leihpakete in Box-Version rechts v1*/
	display: block;
	position: relative;
	width: 159px;
	margin: 3px;
	float: left;
	border: 1px solid #ccc;
	font-size: 8pt;
	color: black;
	height: 120px;
	text-decoration: none;
}

div.mainbox_v1 a.hd+div a.lp:nth-child(odd) {
	margin: 9px 9px 9px 0px;
}

div.mainbox_v1 a.hd+div a.lp:nth-child(even) {
	margin: 9px 0px 9px 9px;
}

div.mainbox_v1 a.hd+div a.lp span { /*Leihpakete in Box-Verwsion rechts v1*/
	margin: 1px;
	display: block;
}

div.mainbox_v1 a.hd+div a.lp input.wb { /*Warenkorbbutton in Leihpakete-Box*/
	display: block;
	width: 87px;
	height: 25px;
	margin: 3px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -350px -670px;
	position: absolute;
	left: 3px;
	bottom: 24px;
}

div.mainbox_v1 a.hd+div a.lp i {
	display: block;
	width: 159px;
	height: 23px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	font-size: 7pt;
}

div.mainbox_v1 a.hd+div a.lp i+form>input{
	position: absolute;
	display: block;
	bottom: 1px;
	left: 0px;
	font-size: 7pt;
	color: blue;
	text-decoration: underline;
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

div.mainbox_v1 a.hd+div a.lp u { /*Leihpaket, Box Version Artikelbild */
	display: block;
	width: 159px;
	height: 24px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
}

div.mainbox_v1 a.hd+div a.lp> u + u { /*Leihpaket, Box Version Preissternchen */
	display: block;
	width: 63px;
	height: 63px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -540px -310px;
	float: right;
}





div.mainbox_v2 a.hd+div  a.vid+h2 {
	display: block;
	margin-top: 50px;
}

div.mainbox_v2 a.hd+div a {
   font-weight: bold;
   margin: 4px;
   display: block;
}

div.mainbox_v2 a.hd+div a.vid { /*video rechts in Version 2*/
	display: block;
	position: relative;
	width: 340px;
	height: 191px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -510px;
	margin: 0px !important; 
	margin-bottom: 10px !important; 
	cursor: pointer;
}

div.mainbox_v3 div.hd { /* Formate für Version 3 */
	display: block;
	position: relative;
	width: 773px;
	height: 304px;
	background-image: url(../gfx/shop/verleih_neukunde_header.jpg);
	background-position: -0px -0px;
	margin: auto;
	z-index: 1;
}

div.mainbox_v3 div.hd+div { /*rechte Spalte, allgemein */
	float: right;
	width: 340px;
	margin: 10px;
}

div.mainbox_v3 div.hd+div h2{
	display: block;
}




div.mainbox_v3 div.hd+div+div { /* linke Spalte */
	margin: 10px;
	width: 403px;
}

div.mainbox_v3 div.hd+div+div h1{
	font-size: 18pt;
	display: block;
}

div.mainbox_v3 div.hd+div+div a {
	text-decoration: underline;
	cursor: pointer;
}


div.mainbox_v3 div.hd+div+div a+a{
	display: block;
	position: relative;
	width: 350px;
	height: 120px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -190px -310px;
	margin-top: 20px;
}



div.mainbox_v3 div.hd>a.vid { /*Videobutton im Header v3*/
	width: 183px;
	height: 105px;
	display: block;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -310px;	
	position: absolute;
	left: 12px;
	bottom: 12px;
	cursor: pointer;
}

div.mainbox_v3 div.hd>a.vid+a {
	display: block;
	width: 573px;
	height: 304px;
	position: absolute;
	right: 0px;
	top: 0px;
}

div.mainbox_v3 div.hd+div div.lp { /*Rahmen um die schmalen, breiten Leihpaketangebote*/
	background-color: #eaeaea;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 50px;
	width: 340px;
}

div.mainbox_v3 div.hd+div div.lp>u {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -15px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -490px;	
	width: 340px;
	height: 14px;
} 

div.mainbox_v3 div.hd+div div.lp a {
	display: block;
	height: 30px;
	border: 1px #ccc solid;
	position: relative;
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 19px;
	margin-bottom: 19px;
}

div.mainbox_v3 div.hd + div div.lp a u { /*Leihpaketbilder*/
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	display: block;
	height: 30px;
	width: 200px;
	position: absolute;
	top: 0px;
	z-index: 1;
}

div.mainbox_v3 div.hd + div div.lp a u + u { /*Pfeile*/
	width: 59px;
	right: 0px !important;
	background-position: -540px -380px;
}

div.mainbox_v3 div.hd + div div.lp a u + u + u { /*Preissternchen*/
	height: 49px;
	width: 49px;
	top: -10px;
	right: 50px !important;
	z-index: 2;
	background-image: url(../gfx/shop/verleih_sprite.png);
	background-position: -150px -0px;
}







div.mainbox_v4 div.hd { /* Formate für Version 4 */
	display: block;
	position: relative;
	width: 773px;
	height: 304px;
	background-image: url(../gfx/shop/verleih_neukunde_header.jpg);
	background-position: -0px -0px;
	margin: auto;
	z-index: 1;
}

div.mainbox_v4 div.hd+div { /*rechte Spalte, allgemein */
	float: right;
	width: 340px;
	margin: 10px;
}

div.mainbox_v4 div.hd+div h2{
	display: block;
}




div.mainbox_v4 div.hd+div+div { /* linke Spalte */
	margin: 10px;
	width: 403px;
}

div.mainbox_v4 div.hd+div+div h1{
	font-size: 18pt;
	display: block;
}

div.mainbox_v4 div.hd+div+div a {
	text-decoration: underline;
	cursor: pointer;
}


div.mainbox_v4 div.hd+div+div a+a{
	display: block;
	position: relative;
	width: 350px;
	height: 120px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -190px -310px;
	margin-top: 20px;
}



div.mainbox_v4 div.hd>a.vid { /*Videobutton im Header v3*/
	width: 183px;
	height: 105px;
	display: block;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -310px;	
	position: absolute;
	left: 12px;
	bottom: 12px;
	cursor: pointer;
}

div.mainbox_v4 div.hd>a.vid+a {
	display: block;
	width: 573px;
	height: 304px;
	position: absolute;
	right: 0px;
	top: 0px;
}

div.mainbox_v4 div.hd+div a.lp { /*Leihpakete in Box-Version rechts v4*/
	display: block;
	position: relative;
	width: 159px;
	margin: 3px;
	float: left;
	border: 1px solid #ccc;
	font-size: 8pt;
	color: black;
	height: 120px;
	text-decoration: none;
}

div.mainbox_v4 div.hd+div a.lp:nth-child(odd) {
	margin: 9px 9px 9px 0px;
}

div.mainbox_v4 div.hd+div a.lp:nth-child(even) {
	margin: 9px 0px 9px 9px;
}

div.mainbox_v4 div.hd+div a.lp span { /*Leihpakete in Box-Verwsion rechts v4*/
	margin: 1px;
	display: block;
}

div.mainbox_v4 div.hd+div a.lp input.wb { /*Warenkorbbutton in Leihpakete-Box*/
	display: block;
	width: 87px;
	height: 25px;
	margin: 3px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -350px -670px;
	position: absolute;
	left: 3px;
	bottom: 24px;
}

div.mainbox_v4 div.hd+div a.lp i {
	display: block;
	width: 159px;
	height: 23px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	font-size: 7pt;
}

div.mainbox_v4 div.hd+div a.lp i+form>input{
	position: absolute;
	display: block;
	bottom: 1px;
	left: 0px;
	font-size: 7pt;
	color: blue;
	text-decoration: underline;
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

div.mainbox_v4 div.hd+div a.lp u { /*Leihpaket, Box Version Artikelbild */
	display: block;
	width: 159px;
	height: 24px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
}

div.mainbox_v4 div.hd+div a.lp> u + u { /*Leihpaket, Box Version Preissternchen */
	display: block;
	width: 63px;
	height: 63px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -540px -310px;
	float: right;
}






/* Ab hier CSS-Code für Seite 2: Leihartikelverwaltung für Bestandskunden */

div.mainbox a.teaser {
	background-image: url(../gfx/shop/verleih_leihkunde_teaser.jpg);
	display: block;
	width: 773px;
	height: 168px;	
}

div.mainbox a.teaser+h1 {
	display: block;
	font-size: 18pt;
}

div.mainbox a.pb {
	clear: none;
	float: right;
	margin: 0px 20px 20px 20px !important;
}

div.mainbox h2 {
	font-size: 12pt;
	display: block;
	clear: both;
}

div.mainbox table.lartikel {
	width: 780px;

	border-collapse: collapse;
}

div.mainbox table.lartikel td {
	border: 1px black solid;
	padding: 4px;
}

div.mainbox table.lartikel td.lf {
	width: 85px;
}

div.mainbox table.lartikel td.lf+td {
	width: 210px;
}

div.mainbox table.lartikel td.lf+td+td {
	width: 110px;
}


div.zahlung {
	width: 779px;
	border: 1px black solid;
	padding: 5px;
	position: relative;
}

div.zahlung div {
	position: relative;
}

div.zahlung img {
	display: none;
}

div.zahlung img.pp {
	position: absolute;
	bottom: 7px;
	left: 27px;
	display: block;
}

div.zahlung table{
	width: 300px;
	margin-left: 30px;
}

div.zahlung table input{
	border: 1px black solid;
}

div.abschluss {
	border: 3px solid green;
	padding: 5px;
	margin-bottom: 20px;
}

div.abschluss div{
	margin-left: 197px;
}

div.abschluss div.sue{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 230px;
}

div.abschluss div.bdso{
	
}

div.abschluss  img{
	float: left;
	margin-top: 10px;
}

table.vlli {
	width: 410px;
}


table.vlli1 {
	border-collapse: collapse;
	width: 500px;
	float: left;
}

table.vlli1 td {
	padding: 3px;
	vertical-align: center;
	border-bottom: 1px solid #c0c0c0;
}

table.vlli1 tr+tr td {
	height: 37px;
}

table.vlli2 {
	border-collapse: collapse;
	width: 100px;
}

table.vlli2 tr td {
	padding: 3px;
	vertical-align: center;
	border-bottom: 1px solid #c0c0c0;
}

table.vlli2 tr+tr td {
	vertical-align: center;
	border-bottom: 1px solid #c0c0c0;
	height: 37px;
}

input.abw {
	background-color: red;
	color: white;
	border: 0px;
	padding: 3px;
	font-weight: bold;
	margin-top: 15px;
}


div.mainbox div.lp { /*Rahmen um die schmalen, breiten Leihpaketangebote*/
	background-color: #eaeaea;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 0px;
	width: 340px;
	float: right;
	margin-right: 10px;
}

div.mainbox div.lp+span div {
	width: 400px;
	position: relative;
}



div.mainbox div.lp+span div b, div.mainbox div.lp+span div a {
	display: block;
	width: 130px;
	float: right;
}

div.mainbox div.lp+span div b+b, div.mainbox div.lp+span div a+a {
	width: auto;
	float: none;
}


div.mainbox div.lp>b {
	display: block;
	margin: 3px;
}

div.mainbox div.lp>u {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -15px;
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	background-position: -0px -490px;	
	width: 340px;
	height: 14px;
} 

div.mainbox div.lp a {
	display: block;
	height: 30px;
	border: 1px #ccc solid;
	position: relative;
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 19px;
	margin-bottom: 19px;
}

div.mainbox div.lp a u { /*Leihpaketbilder*/
	background-image: url(../gfx/shop/verleih_sprite.jpg);
	display: block;
	height: 30px;
	width: 200px;
	position: absolute;
	top: 0px;
	z-index: 1;
}

div.mainbox div.lp a u + u { /*Pfeile*/
	width: 59px;
	right: 0px !important;
	background-position: -540px -380px;
}

div.mainbox div.lp a u + u + u { /*Preissternchen*/
	height: 49px;
	width: 49px;
	top: -10px;
	right: 50px !important;
	z-index: 2;
	background-image: url(../gfx/shop/verleih_sprite.png);
	background-position: -150px -0px;
}

div.mainbox div.vorschlag {
	clear: both;
	width: 620px;
	height: 225px;
	border: 1px #ccc solid;
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 70px;
}

div.mainbox div.vorschlag u {
	position: absolute;
	background-image: url(../gfx/shop/verleih_sprite.png);
	height: 304px;
	width: 145px;
	left: -80px;
	top: -70px;
}

div.mainbox div.vorschlag h2 {
	position: absolute;
	left: 70px;
	top: -35px;
}

div.mainbox div.vorschlag div {
	margin-left: 60px;
}

div.mainbox div.vorschlag div a {
	display: block; 
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px;
}

div.mainbox div.vorschlag div a img {
	margin: auto;
	border: 0px;
}

div.mainbox div.vorschlag+div {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
}