/*	Styles DBW-Ratgeber	*/
#contentDiv {

}
.buchBox{width:324px;height:200px;margin:0 12px 12px 12px;/*border:1px solid blue;*/float:left;}
.buchTab{	
width:324px;	
height:166px;
/*border:2px outset #D6D6D6;*/
border-width: 2px 2px 2px 2px;	
border-style: solid;	
border-color: #CCC #666 #666 #CCC ;
padding:0px;
margin:0px;
}
.buchTab td {padding:2px 1px 0px 2px;}
.buchpreis {	background-color:#EFEFEF;}
.buchTabDisplay{}
.buchTabDisplay td {vertical-align:middle;}
.isbn {	color:#000;	font-size:11px;	font-weight:bold;	margin:6px 0px 2px 2px;	float:left;}
.buchBox p {	margin:0px;}
.buchtitel {	font-size:13px;	font-weight:bold;}
.buchuntertitel { font-size:11px;color:#F90;}
.buchautor {	margin:6px 0px 6px 0px;}
.buchangaben {	margin-top:0px;visibility:visible;}
.einzelpreis {font-weight:bold;float:right;margin:6px 4px 2px 0px;}
.buchinfo  {	
	display:block; height:12px;line-height:12px;color:#00F;	font-weight:bold; margin:8px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
.buchBox a:hover{color:#f90;}
.formTop {font-size:18px;color:#CCC;font-weight:bold;text-align:center;margin:4px;}

.infoBox {width:664px;height:170px;	margin:12px;float:left;}
.infoTab {
	width:664px;
	height:366px;
	padding:0px;
	margin:0px;
	border-width: 2px 2px 2px 2px;	
	border-style: solid;	
	border-color: #CCC #666 #666 #CCC ;
}
.infoTab td {border:0px solid red;}
.checkText {margin:6px 0px 0px 6px;font-weight:bold;}
.infoSub {color:#F90;text-align:center;}
.dbwservice {color:#F90;font-weight:bold;}

.highBox {
margin:0px 12px 12px 12px;
width:324px;
height:614px;	
float:left;
padding:0px;
}
.borderOutset {
border-width: 2px 2px 2px 2px;	
border-style: solid;	
border-color: #CCC #666 #666 #CCC ;
}
#submitDiv {width:100%;height:40px;text-align:center;}

#formBuecher{
padding:2px;height:614px;background-color:#EFEFEF;
}

/*#formLeft {width:311px;height:362px;border:1px solid #CCC;background-color:#EFEFEF;}
#formRight {width:311px;height:200px;margin-top:24px;border:1px solid #FFC;background-color:#EFEFEF;}
*/
#formBuecher .labelDivLL label, #formBuecher .labelDivHL label {
	display:block;float:left;border:0px solid #FF0000;width:95px;text-align:right;margin:2px 0px 0px 0px;
}
#formBuecher input {width:200px;float:right;}
#formBuecher .fussnote{text-align:right;margin:6px;font-size:11px;}
#controlTab{background-color:#CCC;}
#controlTab td{height:26px;vertical-align:middle !important;}
.endsummeTr {background-color:#BBB;}
#buchSubmit {
	float:none;
	font-size:14px;font-weight:bold;
	margin-top:6px;
}
#buchReset {
	visibility:visible;
	display:block;
	clear:both;
	margin:6px 30px 12px 12px;
}
#onlineService{
	height:614px;
	padding:2px;
}
#onlineService p {margin:6px 4px 0px 4px;}
#os_headTab{width:100%;}
#os_headTab td {text-align:center;vertical-align:middle !important;}
#onlineService ul {margin:0px 0px 0px 18px;padding:0px;}
#onlineService .fussnote{font-size:11px;}
.productName {font-weight:bold;}
.hr {height:1px;width:100%;border-bottom:1px solid #F90;margin:2px 0px 2px 0px;}
#os_dbw_logo {width:92px;height:70px;}
#infoServiceImgTab  td{vertical-align:middle !important;}
#wrapIntro{display:block;width:340px;height:auto;float:left;}
#mitgliedTabWrap{width:280px;height:auto;margin:0px 0px 0px 346px;}
#mitgliedTab{width:260px;border:1px solid #F90;margin:auto;}
#logoOSDiv{width:100%;height:70px;background:url('/media/gfx/logo_onlineservice.jpg') top right no-repeat;}
.aboBox{width:664px;height:195px;padding:0px;margin:12px;float:left;}
.tabAbo{width:664px;
	border-width: 2px 2px 2px 2px;	
	border-style: solid;	
	border-color: #CCC #666 #666 #CCC;
}
.tabAbo td {padding:2px !important;}
/*	new styles 2011	*/
.bookBoxCon{
	float:left;
	width:320px;
/*	min-height:280px;
 	height:auto;
	height:200px; */
	margin:0px 12px 12px 12px;
	border-width: 2px 2px 2px 2px;	
	border-style: solid;
	border-color: #CCC #666 #666 #CCC;
}
.bookBoxInfo{
	height:220px;
	margin:3px;
	/* border:1px solid green; */
}
.bookBoxOrder{
	height:44px;
	/* border:1px solid red; */
	margin:3px;
	background-color:#EFEFEF;
}
img.book_img{
	float:left;
	margin:3px 10px 2px 0px;
	border:0px solid red;
}
.buchtitel {	font-size:13px;	font-weight:bold;}
.buchuntertitel { font-size:11px;color:#FF7100;margin-bottom:6px;}
.buchautor {	margin:6px 0px 6px 0px;}
.buchangaben {	margin-top:0px;visibility:visible;}

.checkText {margin:3px 0px 0px 3px;font-weight:bold;}
.infoSub {color:#FF7100;text-align:center;}
.infoservice {color:#FF7100;font-weight:bold;}

.orderAbo{
	height:20px;
	font-weight:bold;
	text-align:center;
	
}
.orderDisplay{
	width:140px;
	float:left;
	margin:0 0 0 10px;
}
.orderNum{
	width:20px;
	border:1px solid #666;
}
.orderPrice{
	width:50px;
	border:1px solid #666;
	background-color:#EFEFEF;
}

.orderButt{
	display:block;
	float:right;
	color:#FFF;
	border-width: 1px 1px 1px 1px;	
	border-style: solid;	
	border-color: #CEC #666 #666 #CEC ;
 	font-size:11px;
	line-height:16px;
	font-weight:bold;
	padding:2px 2px 0 3px;
	cursor:pointer;
}
	.orderButtAddNorm{
		background-color:green;	
		
	}
	.orderButtAddHover{
		background-color:#F90;
	}
	.orderButtSubNorm{
		width:20px;
		background-color:#C40000;
		margin:0 3px 0 3px;
		color:gold;
		font-size:11px;
	}
	.orderButtSubHover{
		width:20px;
		background-color:#F90;
		margin:0 3px 0 3px;
	}

/** extended styles os_info  **/
.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}