@charset "iso-8859-1";

/*
file         screen.css
license      (c) 2008 bpm consult ag, CH-Birsfelden - all rights reserved.

version history:
Version 2009.01.06  a/B&T / MB / MV
Version 2009.01.21  a/B&T / MB / MV
Version 2009.03.02  a/B&T / MB / MV
Version 2009.03.03 /B&T / MB / MV
Version 2009.03.06 tmp /B&T / MB / MV
Version 2009.03.19 /B&T / MB / MV
Version 2009.03.26 /B&T / MB / MV nach Anpassung Browservarianten durch bpm
Version 2009.04.16  /B&T / MB / MV
Version 2009.04.18  /B&T / MB / MV Fusszeile angepasst 
Version 2009.04.30  /B&T / MB / MV Lieferbarkeitsmitteilungen
Version 2010.02.26  /MV  Hack Editorial IE 7 if em is italic picture does not show / Known bug for IE 7 with italic */
/* BT Blue: 0 0 0 0 6 6   von MB*/
/* BG Blue: f 5 f 5 f 5 */
/* BG Blue darker: f 5 f 5 f 5 */

/* Text Blue: 7 0 8 0 9 0  von MB*/
/* Text Blue darker MV 3 D 5 7 7 1 */
/* Hover 0 b 4 7 9 d

/*** global defaults ***/
body {
  width:                100%;
  min-width:            980px;
  margin:               0;

  color:                #3D5771; /*#708090;*/
  font-family:          Verdana, sans-serif;
  font-size:            12px;
}

font {
  /*Ueberschreibe aus Datenbank stammende Font-Anweisungen*/
  color: #3D5771; 
  font-weight:bold;
  display:block;
  margin-bottom:4px;
}

table {
  border-collapse:      collapse;
}
img, p, td {
  margin:               0;
  border:               0;
  padding:              0;
}


img.thumbnail {
  float:                left;
  width:                32px;
  height:               45px;
  padding:              0 4px 4px 0;
  /*background-image:     url(images/thumbnail.png);
  background-position:  0% 100%;*/
}

form {
  display:              inline;
}
h1 {
  color:                #000066;
  margin:               12px 0 6px 0;
  font-size:            16px;
}
h2 {
  color:                #000066;
  margin:               10px 0 6px 0;
  font-size:            14px;
}
a {
  color:                #000066;
  text-decoration:      none;
}
a:hover {
  color:                #0b479d;
  text-decoration:      underline;
}

li {
  list-style-type:      none;
}

.warning {
  color:                #a0001b;
  font-weight:          bold;
}
.center {
  text-align:           center;
}
.left {
  text-align:           left;
}
.middle {
  margin-bottom:        -3px;
}
.baseline {
  margin-bottom:        -6px;
}

/*** main area ***/
div.main {
	position:             relative;
	width:                1005px;
	margin:               20px auto 60px auto;
	border-top:           0px solid #000066; 
	border-right:         0px solid #000066;
	border-bottom:        2px solid #000066;
	border-left:          0px solid #000066;
	padding: 0;

}

/*** header area ***/
div.header {
font-weight: bold;
  padding-left:         0px; 
  border-bottom: 		0px solid #000066;
  padding-bottom: 0px;
  
  padding: 0;
  margin: 0;
}

img.logo {

  position:             absolute;
  top:                  15px;
  left:                 0px;
  /*cursor: pointer*/
}

/*** header top area ***/
div.top {
  height:               90px;  /*75px;*/
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px;
  padding-top: 10px;
  padding-left: 		530px;
  
}
div.top p {
  float:                left;
  font-size:            12px;
}

div.top p {
  float:                left;
  font-size:            12px;
}

p.link:hover, p.link a:hover, p.toptab:hover, #loginmenu p:hover, #loginmenu a:hover {
  text-decoration:      underline;  /*none;*/
  color: #0b479d;
}
p.toptab {
  width:                186px;
  padding:              0px; 
  color: #000066;
  cursor: pointer;  
}

#login {
  position:             absolute;
  top: 					26px;
  left:                 902px;
  height:               32px;
  width:                80px;
  z-index:              100;
  color: #000066;
  background-color: white;
}
#login:hover {
  text-decoration:      underline;  /*none;*/
  color: #0b479d;
}
#loginmenu {
  display:              none;
  position:             absolute;
  top: 					24px;
  left:                 902px;
  height:               32px;
  width:                80px;
  z-index:              100;
  background-color: white;
}

#loginmenu p {
  width:                100%;
  line-height:          14px;
  padding:              0px;
  padding-top: 2px;
  
}
div.toptabopen {
  display:              none;
  position:             absolute;
  width:                184px;
  margin:               0 0 0 4px;
  padding:              2px 0px 0 0px;
  font-weight:          bold;
  /*cursor: pointer*/
  z-index:              100;
  
  border-top: 2px solid #000066;
  border-left: 2px solid #000066; 
  border-bottom: 1px solid #000066;  
  border-right: 1px solid #000066;  
  background-color: white;
}
div.toptabopen span:hover {
  text-decoration:      underline;
}
div.toptabopen p {
  margin:  0px; 
  padding: 0px 8px 2px 8px;
  width:    165px;
}
div.toptabopen p.minilist {
  font-weight: normal;
  background-color:  #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/
  padding-top: 4px;
}
div.toptabopen p.minilist:hover {
  text-decoration:      underline;
}
div.toptabopen p.minilist img {
  float:                left;
  margin:               0 4px 0 0;
}
img.toptabclose {
  float:                right;
  margin:               0 0 0 2px;
}
img.toptabend {
  position:             relative;
  bottom:               -9px;
  left:                 -8px;
}
#tab1 {
  left:                 510px;
}
#tab2 {
  left:                 706px;
}
p.lang {
  line-height:          24px;
  padding:              0 4px 0 24px;
  white-space:          nowrap;
}
div.top p.buttons {
position: absolute;
  top: 					34px;
  left:                 900px;
  width:                80px;
  text-align:           left;
}

/*** header search area ***/
div.search {
  clear:                both;
  position: 			absolute;
  top: 					28px;
  left: 				530px;
  width:                400px;
  line-height:          40px;
}
div.search input.text {
  width:                150px;
}

.extended_search {
	/*background-color: white;    dd*/
}

/*** header navigation area ***/
div .mainnav
{
  background-color: 	#000066;   
  border-top: 			1px solid #000066;
  border-left: 			1px solid #000066;  
  border-right: 		1px solid #000066;    
  border-bottom: 		1px solid #000066;  
  
  color: white;
  font-size: 			14px;
  font-weight:          bold;
  padding: 0;
  padding-left: 5px;
  padding-top: 		4px; 
  padding-bottom: 		12px;
  margin: 				0;
  margin-top: 1px; /*16px;*/
  margin-bottom: 		25px;    
  min-height: 			34px;


}

div.mainnav ul {
  margin:               0;
  padding:          	0;
  padding-left: 		10px;
  /*background-color: 	NavajoWhite;    dd*/
}


div.mainnav ul li {

  display: 				inline; 
  list-style-type:      none;
  line-height:          30px;
  border:          0px;
  padding:              0;
  padding-right: 		0px;  
  margin: 				0px;
  margin-left: 			0px;  /*10 FireFox nicht respekteiet bei Umbruch!*/
  margin-right: 		0px;  
  text-align:           center;
  /*cursor: pointer*/
}

div.mainnav ul li.current {
	color:                white;
}

div.mainnav ul li.current a{
	color:                white;
  border-bottom: 		2px solid white;
}

div.mainnav ul li:first-child {
	color:                white;
}
div.mainnav ul li a {
white-space: nowrap;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 		2px solid #708090; /*#3D5771*/
  color:                #DDDDDD;
  margin-right: 18px;
}
div.mainnav ul li a:hover{
	color: white;
  padding-bottom: 3px;
  text-decoration: none; 
    border-bottom: 		2px solid white;
  /*color:            #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/
}


/*** subnavigation area (left) ***/
div.subnavitem{
  margin: 				0px;
  padding-bottom: 0px;
}


div.subnav {
  clear:                both;
  float:                left;
  width:                210px;
  margin: 				0px;
  margin-right: 15px;
  padding:              0px;
}

div.subnav  ul{
	clear: both; /*for pic recommendation*/
}

div.subnav  ul li{
	clear: both; /*for pic recommendation*/
	padding-top: 4px;
	border-top: 1px solid #000066;
}

div.subnav img.thumbnail {
margin-right: 6px;
padding-top: 2px;
padding-bottom: 25px;

}


/*Display events list in main area*/
div.content .boxtop{
	display: none;
}

div.content .boxbottom{
	display: none;
}

div.content .boxcontent{
	background-color: transparent;
	width: 526px;
	padding: 0;
}


div.content .boxcontent ul{ 
	width: 520px;
}

div.content .boxcontent li { 
	width: 520px;
}

div.content .eventdate{
font-size: 11px;
	display: block;	
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000066;
}

div.content .eventdate .hr{
	display: block;	
	margin: 0px;
	height: 2px;
}

div.content .eventtitle{
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
}

div.content .eventtitle .hr{
	display: block;
	height: 4px;
}

div.content .eventsubtitle{
	font-weight: normal;
}

div.content .eventsubtitle .hr{
	display: block;	
	margin: 0px;
	height: 18px;
}



/*END Display events list in main area*/

div.subnav .boxtop{
	border-top: 8px solid #000066;
	font-size: 14px;
	margin-bottom: 5px;
}

div.subnav .boxbottom {
  height: 0px;
  margin-top:           0px;
  margin-bottom: 		20px;
  padding:              0px;
  border-top: 2px solid #000066;
  background-color: transparent; 
}

p.boxtop {
  margin:               0px;
  margin-bottom: 6px;
  padding-top:          4px;
  padding-left:         8px;
  padding-bottom:       2px;
  padding-right:		8px;
  color:                #000066;
  font-weight:          bold;
}
.boxcontent {
  margin:               0;
  padding-top:          4px;
  padding-left: 		6px;
  padding-bottom: 		6px; 
  padding-right: 		6px;
  background-color: 	 #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/
  /*cursor: pointer*/
}
ul.closed {
  display:              none;
}
.boxcontent li {
  padding:              2px;
  list-style-type:      none;
}
.boxcontent li:hover {

}
.boxcontent li.article {
  min-height:           50px;
}

img.openclose {
  float:                right;
  margin:               2px 4px 0 2px;
  /*cursor: pointer*/
}



.accordion {
  margin:               0;
  padding:              0px 2px 4px 2px;
  cursor: pointer;
}
.accordion ul {
  margin:               0px;
  padding:              0px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 5px;
  /*background-color:  #f5f5f5; */   
}
.accordion li {
  margin:      0 2px 0 2px;
 
  padding-top: 4px;
  padding-left: 3px; /*30px;  */
  padding-right: 4px;
  padding-bottom: 4px; 
  margin-left: 18px;  
  background-color:  #f5f5f5;  
}      

.accordion li.current {
  font-weight:          bold;
  padding-left: 3px; /*30px;  */
  margin-left: 18px;
  background-color:  #f5f5f5;  
}

                  
.accordion li:hover {
}
.accordion a.menu {
  display:              block;
  padding-top: 4px;
  padding-left: 22px;  
  padding-right: 4px;
  padding-bottom: 4px;

  
  border-top: 2px solid #000066;
  text-decoration:      none;
   /* background-color: green;*/
  background-image:     url(images/bt-forwd.png); 
  background-position:  0 3px;
  background-repeat:    no-repeat;
  cursor:               pointer;

}
.accordion a.selected {
  font-weight:          bold;
  

  /*background-color: red;*/
  background-image:     url(images/bt-down.png); 
  background-position:  0 3px;
  background-repeat:    no-repeat;
  cursor:               pointer;

  cursor: default;
}

/*** main content area ***/
div.content {
  float:                left;
  width:                550px;
  margin: 				0px;
  margin-left:          20px;
  margin-right:         0px;  
}

.content h2{
	font-size: 14px;
	color: #3D5771; /*#708090;*/
	margin-top: 10px;
	padding-top:          5px;
	padding-bottom:       1px;
	
	padding-left:       0px;	
	padding-right:		0px;
}

.contentbox h2{
	font-size: 14px;
	color: #000066; /*#708090;*/
}

/*** welcome content ***/
div.welcome {

font-size: 13px;
	color: #3D5771; /*#708090;*/
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-right: 25px;
	margin-bottom: 20px;
	border-bottom: 2px solid #000066;
}
div.welcome H1 {
	font-size: 18px;
	color: #3D5771; /*#708090;*/
	margin-top: 0px;
	padding-top:          0px;
	padding-bottom:       1px;	
	padding-left:       0px;	
	padding-right:		0px;
}

div.welcome H2 {
	font-size: 14px;
	color: #3D5771; /*#708090;*/
	margin-top: 10px;
	padding-top:          5px;
	padding-bottom:       1px;
	
	padding-left:       0px;	
	padding-right:		0px;
}

div.welcome ul {
	list-style-type:circle;
}

div.welcome ul li{
	list-style-type:circle;
	padding: 0;
	margin: 0;
	padding-right: 30px;
	margin-bottom: 10px;
}


div.welcome p {
font-size: 13px;
  text-align:           justify;
  padding-top:          2px;

  padding-bottom:       1px;
  
  padding-left:         0px;  
  padding-right:		0px;
}

div.welcome img{
  margin-bottom: 5px;
}

div.callcenter {

}

/*** trailers ***/
body.trailer {
  min-width:            420px;
}
body.trailer div.header {
  background-image:     url(images/headertrailer.png);
  font-size:            14px;
  font-weight:          bold;
}
body.trailer p.audiosample {
  border-bottom:        1px solid #000066; /*#d7d7d7;*/
  padding-bottom:       24px;
  background-color:     #ffffff;
  font-weight:          bold;
  font-size:            14px;
}
body.trailer p.excerpt {
  height:               350px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
body.trailer img.bigcover {
  float:                left;
  margin:               0 20px 0 0;
  border:               1px solid #999999;
}

/*** big covers and overlays ***/
div.bigcover {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;

  background-image:     url(images/bigcoverbg.png);
  text-align:           center;
  /*cursor: pointer*/
  z-index:              200;
}
div.bigcover img {
  margin:               40px;
  border:               1px solid #999999;
}
div.bigcover iframe {
  margin:               40px;
  background-color:     #ffffff;
}
body.overlay {
  min-height:           540px;
  min-width:            500px;
  text-align:           center;
}
body.overlay div, div.overlay {
  height:               524px;
  width:                484px;
  margin:               0;  /*auto;*/
  padding:              0;
  padding-top: 			10px;
  background-image:     none;
 /* background-image:     url(images/overlay.png);
  background-repeat:    no-repeat;*/
  text-align:           justify;
}
div.overlay {
  margin-top:           40px;
}

.overlay p b {
font-size: 14px;
}


.overlay p, h1, h2, h3{

  padding:              0;
  padding-left: 8px;
  padding-bottom: 0px;
  padding-right: 8px;  

}

.overlay p.title {
color: white;
background-color: #000066;
  min-width:            498px;
  padding:              0;
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight:          bold;
  text-align:           left;
}
.overlay img.toptabclose {
  float:                right;
  margin: 0;
  margin-top:           2px;
  margin-right: 18px;
  border:               0;
}
.overlay div.excerpt {
  clear:                both;
  height:               460px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}


/*** content box replace animaiton ***/
div.cbreplace, div.cbreplace div.cbitem {
  height:               236px;
  width:                607px;
}
div.cbreplacenav {
  float:                right;
  margin-right:         8px;
}

/*** alternative box ***/
div.altbox {
  float:                left;
  height:               122px;
  width:                290px;
  margin:               2px 3px 2px 0;
  background-image:     url(images/altbox.png);
  background-repeat:    no-repeat;
  padding:              4px;
}
div.altbox p.content {
  height:               86px;
  padding:              4px;
}
div.altbox p.content img {
  float:                left;
  margin:               -3px 12px 0 4px;
  border:               1px solid #999999;
  /*cursor: pointer*/
}
div.altbox div.actions {
  padding:              4px;
  text-align:           right;
}
div.altbox div.actions img {
  margin:               0 0 0 4px;
  /*cursor: pointer*/
}

/***Advanced search*/
div .advancedsearch{
    background-color:		 #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/  
	width: 525px;
	border-bottom: 2px solid #000066;
}

/*** tabbox ***/  
div.tablinks, div.tabtitle, div.tabcontent, div.tabbottom {
  clear:                both;
  width:                523px;
}
div.tablinks {
  padding: 0px;  
  border-top: 1px solid #000066;
  border-bottom: 1px solid #000066;
  padding-left: 5px;
}


div.tablinks img {
  display:              none;
}


div.tablinks p{
  display:              inline;
  line-height:          20px;
  font-size:            12px;
  /*cursor: pointer*/
  padding-right: 10px;
}
div.tablinks p.current {
  padding-top:          0px;
  font-weight:          bold;
}
div.tablinks p:hover {
  color:                #0b479d;
}

div.tabtitle {
	padding:              10px 20px 0 20px;
	font-weight:          bold; 
}

div.tabcontent {
  display:              none;
  min-height:           310px;
  padding:              0px;
  text-align:           justify;
}

div.tabbottom {
  padding:              0px;
} 
#tabContent1 {
  display:              block;
}

div.tabcontent p {
  padding:              4px 0 2px 0;
}

div.tabcontent img {
  float:                left;
  margin:               0px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 0px;
  padding-right: 6px;
  padding-bottom: 6px;  
  border-right:         2px solid #000066;
  border-bottom:         2px solid #000066; 
  /*cursor: pointer*/
}

div.tabcontent img.rating, div.tabcontent img.button {
  float:                none;
  margin:               0 0 0 2px;
  border:               0;
  /*cursor: default;*/
}
div.tabcontent img.button {
  margin:               2px 0 0 0;
  /*cursor: inherit;*/
}
div.tabcontent p.review {
  margin:               4px 0 6px 0;
  border-top:           1px solid #eeeeee;
  border-right:         1px solid #ffffff;
  border-bottom:        1px solid #ffffff;
  border-left:          1px solid #eeeeee;
  padding:              4px;
  background-image:     url(images/body.png);
  background-repeat:    repeat-x;
}
div.tabcontent p.review img {
  float:                none;
  margin:               8px 8px 0 0;
  border:               0;
}
div.tabcontent p.review img:first-child {
  float:                right;
  margin:               0 0 2px 8px;
}
div.tabcontent p.load {
  display:              none;
  color:                #999999;
  text-align:           center;
}
div.tabcontent p#result, div.tabcontent span.moretext {
  display:              none;
}
div.tabbottom {
  height:               32px;
}
div.tabbottom div.actions {
  float:                left;
}
div.tabbottom div.actions img {
  margin:               0 12px -6px 0;
  /*cursor: pointer*/
}
div.tabbottom div.basket {
  float:                right;
}
div.tabbottom div.basket img {
  margin:               0 0 -6px 12px;
  /*cursor: pointer*/
}

/*** additional suggestion ***/
p.suggestion {
  margin:               16px 0 8px 0;
  padding:              8px;
  color:                #999999;
  font-weight:          bold;
}

/*** login and register area ***/

div.checkout {
	width: 522px;

	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	
}
table.register {
	margin:               16px 0 16px 0;
	margin-left: 20px;
	/*width: 514px;*/
	width: 440px;

}
table.register td {
  padding:              2px 8px 2px 0;
  vertical-align:       top;
}
table.register p {
  padding:              2px 0px 2px 0;
  /*background-color:red;*/
}
table.register td:first-child {
  /*width:                1px;*/
  white-space: nowrap;
  text-align:           right;
}
input.openid {
  width:                368px;
  border:               1px solid #ff6200;
  background-image:     url(http://stat.livejournal.com/img/openid-inputicon.gif);
  background-repeat:    no-repeat;
  padding:              2px 2px 2px 18px;
}
input.register, textarea.register {
  width:                248px;
  border:               1px solid #999999;
  padding:              2px;
}
select.register {
  width:                254px;
  border:               1px solid #999999;
}
p.login {
  padding:              2px 0 8px 0;
}

/*** basket and wishlist area ***/
table.basket {
  width:                525px;
  margin:               10px 10px 0 2px;
}
table.basket th {
/*color: #000066;*/
  text-align:           left;
  border:               1px solid #000066;
  padding:              2px;
  background-color:     white;
}
table.basket td {
  border:               1px solid #000066;
  padding:              2px;
  vertical-align:       top;
}
table.basket .quantity {
  width:                50px;
  text-align:           center;
}
table.basket .description {
  width:                336px;
  text-align:           left;
}
table.basket .price {
  width:                110px;
  text-align:           right;
}
table.basket .action {
  width:                80px;
  text-align:           left;
}
table.basket .description img {
  float:                left;
  margin:               0 2px 2px 0;
  /*cursor: pointer*/
}
table.basket .quantity input {
  width:                40px;
  text-align:           center;
}
table.basket .price div {
  float:                left;
}
table.basket .action img {
  margin:               0 2px 0 2px;
  /*cursor: pointer*/
}
p.basket {
  padding:              8px 8px 20px 0;
}
table.creditcard, table.delivery, table.bill {
  display:              none;
  margin:               0;
}
div.basket {
  /*float:                left;*/
  min-width:            208px;
}
table.addresses {
  width:                525px;
  margin:               0 0 2px 0;
  font-size:            12px;
  text-align:           left;
}
table.addresses th, table.addresses td {
  border:               1px solid #000066;
  padding:              2px;
}

table.addresses tr {
  border:               1px solid #000066;

}

table.addresses th {
  background-color:     transparent;
  /*color:                #999999;*/
}
table.addresses td {
  background-color:     transparent;  /*#ffffff;*/
}
table.addresses img {
  border:               0;
}

/*** search lists ***/

#searchresult h2{
	font-weight: normal;
	font-size: 12px;
	width:                525px;
	margin-bottom: 10px;
}

.resulttitle{
	font-weight: bold;
}

.list {
font-size: 11px;
  border-top:           1px solid #000066;
  height:               75px;
  width:                510px;
  margin:               4px 0 2px 0;
  padding:              8px;
}
.list img.cover {
  clear:                left;
  float:                left;
  margin-top:            2px ; 
  margin-left: 0;
  margin-bottom: 10px;
  margin-right: 8px;
}
.biginfo {
  display:              none;
  height:               140px;
}
.biginfo img.cover {
  border:               1px solid #999999;
}
.biginfo span {
  display:              block;
}
.biginfo span.text {
  text-align:           justify;
  height:               70px;
  overflow:             auto;
}

.biginfo .deliveryTime{
  position: relative;
  top: -5px;
  color: #DF2C2F;
  text-align:           right;	
	
}

.biginfo .resultprice{
	font-weight: bold;
}

.biginfo span.actions {
  margin-top:           -28px;
  padding:              4px;
  text-align:           right;
}
.biginfo span.actions img {
  margin:               0 2px 0 2px;
  /*cursor: pointer*/
}

/*** pure text pages ***/
div.listbox {
  width:                510px;
  margin:               4 0 2px 0;
  padding:              8px;
}

div.listbox a img{
  padding-top:           4px;
}

div.listbox p {
  padding:              0 0 6px 0;
  text-align:           justify;
}

/*** main hint area (right) ***/

div.hintitem{
  background-color: transparent;    
  margin:               0;
  padding:              0;
}
div.hintitem p{
  padding-top:          2px;
  padding-left:         6px;
  padding-bottom:       10px;
  padding-right:		6px;
}
div.hintitem ul{
  padding-top:          2px;
  padding-left:         6px;
  padding-bottom:       10px;
  padding-right:		6px;
}

div.hintimg {
  padding-top:          2px;
  padding-left:         6px;
  padding-bottom:       10px;
  padding-right:		6px;
}
div.hints .boxtop{
	border-top: 8px solid #000066;
	font-size: 14px;
}

div.hints .boxbottom {
  height: 0px;
  margin-top:           0px;
  margin-bottom: 		20px;
  padding:              0px;
  border-top: 2px solid #000066;
  background-color: transparent;
}


div.hints {
  float:                right;
  width:                200px;  
  margin-top: 			0px;
  margin-bottom: 		10px;
  border:          		0px; /*does not fill vertically */
  padding:              0px;
  padding-top:              0px;
  background-color: transparent; 
  text-align:           left;
}

h2.hinttitle {
border-top: 8px solid #000066;
font-size: 14px;
	
  padding-top:          6px;
  padding-left:         6px;
  padding-bottom:       6px;
  padding-right:		6px;
}

p.hinttitle {

color: #000066;
border-top: 8px solid #000066;
font-size: 14px;

  padding: 0;
  margin-bottom:        -6px;

  font-weight:          bold;
  text-align:           left;
}


p.hinttitle img {
  float:                right;
  margin:               0 2px 0 2px;
  /*cursor: pointer*/
}
p.hinttop {
  margin:               8px 0 0 0;
  padding:              0px 6px 2px 6px;
  font-weight:          bold;
  text-align:           left;
}
p.hintcontent {
  margin:               0;
  padding-top:          2px;
  padding-left:         6px;
  padding-bottom:       1px;
  padding-right:		6px;
  text-align:           left;
  background-color:		transparent;  /* #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/ 
}
p.hintcontent img {
  margin:               0 4px 0 0;
}
p.hintbottom {
  margin:               0 0 8px 0;
  padding:              2px 8px;
}

/*** editorial slideshow ***/

div.editorial{
	margin: 0px;
	padding: 0px;
	background-color: transparent;  
}

div .editorial h2{
	margin-top: 0px;
	
}

div.editorial .boxbottom
{
  height: 8px;
  margin-top:           0px;
  margin-bottom: 		20px;
  padding:              0px;
  border-top: 0px solid #000066; /*Hide */ 
  border-bottom: 2px solid #000066; /*Has to be bottom here */
  background-color:  #f5f5f5;;    /*#eeeeee; */ /*#f5f5f5;*/
}
div.editorial p{

	font-size: 12px;
	line-height: 15px;
  background-color:  #f5f5f5;    /*#eeeeee; */ /*#f5f5f5;*/
  padding-top:          6px;
  padding-left:         8px;
  padding-bottom:       5px;
  padding-right:		8px;
}

img.editorial {
  float:                left;
  margin:               0;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  border:               0px solid #999999;
}

/*Hack IE 7 if em is italic picture does not show up  2010_01_26*/
/*Known bug for IE 7 with italic */
div .editorial em strong
{
	font-style: normal;
	font-weight: normal;
}

/*** Info Line ***/
div.info {

color:                #000066;
position: absolute;
top: 75px;
left: 6px;
background-color: transparent;
}
/*** footer area ***/
div.footer {
  clear:                both;
  position: relative;
  top: 					35px;
  border-top:           0px solid #eeeeee;
  padding:              0;
color:                #000066;
  text-align:           left;
  font-size: 			12px;
}

/*
div.footer a {
  color:              #999999;
}
div.footer a:hover {
  color:                #333333;
  text-decoration:      none;
}
*/

div.footer img {
  float:                right;
  margin:               0 0 0 8px;
}

/*** changes and additions mv for b&t  ***/

/*Genral horizontal spacer without linebreak */
*.hr{
	display: block;
	margin: 0px;
	height: 0px;
}

/*Event page */

div.event {
	border-top: 0px solid #000066;
	padding-top: 5px;
	padding-right: 0px;
	margin-bottom: 20px;
	margin-right: 40px;
}

div.event img{
	float:left;
/*padding-bottom: 10px;*/
padding-right: 10px;
	margin-bottom: 8px;
}

div.event H1 {
	font-size: 14px;
	color: #3D5771; /*#708090;*/
	margin-top: 5px;
	border-top: 1px solid #000066;
	padding-top:          5px;
	padding-bottom:       1px;
	padding-left:       0px;	
	padding-right:		0px;
}

div.event p {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 6px;
}


/*Event overview in subnavigation */

.subnav .eventdate{
font-size: 11px;
	display: block;	
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000066;
}

.subnav .eventdate .hr{
	display: block;	
	margin: 0px;
	height: 2px;
}

.subnav .eventtitle{
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
}

.subnav .eventtitle .hr{
	display: block;
	height: 4px;
}

.subnav .eventsubtitle{
	font-weight: normal;
}

.subnav .eventsubtitle .hr{
	display: block;	
	margin: 0px;
	height: 14px;
}



/*books in subnavigation (e.g. topseller)  */
.subnav .author{
	font-weight: normal;
}

.subnav .title{
font-size: 12px;
	font-weight: bold;
}

/*books in main area (list)*/
.contentbox{
	float:                left;
	min-height:           260px;
	width:                252px;  /*250*/
	margin: 			  0px;

	padding:              0px;
	padding-bottom: 0px;
	
	padding-right: 22px;
  	font-size: 11px;	
}


.articleheader h2{
	margin: 0;
	margin-bottom: 4px;
	margin-right: 30px;
	margin-top: 0;
	padding: 0;
	padding-top: 10px;
	/*padding-right: 60px; */ /*wegen actions*/
	padding-left: 6px;	
	border-top: 2px solid #000066;
	font-size: 16px;
	line-height: 18px;	
}

.articleheader .actions {
position: relative;
top: -10px;
/*	float: right;*/
	float: none;
	text-align:           left;
	margin-right: 30px;
	padding-right: 8px;
	padding-top: 0px;
}

.articleheader .author{
	font-weight: bold;
}
.articleheader .author .hr{
	display: inline;	
	margin: 0px;
	height: 0px;
}

.articleheader .title{
	font-weight: bold;
}

.articleheader .price{
	font-weight: bold;
}

.articleheader .deliveryTime{
	color: #DF2C2F;
	padding-left: 8px;
	font-size: 12px;
	padding-bottom: 6px;
}

.articleheader .subTitle{
	padding-left: 0px;	
	font-size: 14px;
	line-height: 14px;
}
.articleheader .subTitle .hr{
	display: block;	
	margin: 0px;
	height: 0px;
}

.articleheader p{
	padding-left: 6px;	
	line-height: 20px;
	font-size: 14px;
}
.articleheader p .hr{
	display: inline;	
	margin: 0px;
	height: 0px;
}

.articlecontent {
	margin-top: 13px;
	padding-left: 6px;	
	margin-right: 30px;
	padding-right: 8px;
}
.articlecontent p{
	font-size: 13px;
	line-height: 15px;

}

.articlecontent p font{
/* Suppress font infos from databases*/
}

.articlecontent img{
  float:                left;
  margin:               0px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 0px;
  padding-right: 3px;
  padding-bottom: 2px;  
  border-left: 1px solid #D3D3D3;
  border-top: 1px solid #D3D3D3;
  border-right:         2px solid #000066;
  border-bottom:         1px solid #D3D3D3;
  /*cursor: pointer*/
}

.articleinformation {
clear: both;
	border-top: 0px solid #000066;
	border-bottom: 2px solid #000066;	
	
	margin-top: 60px;
	margin-right: 36px;
	padding-right: 8px;
	padding-bottom: 16px;
		
}
.articleinformation h3{
	margin-left: 6px;
	padding-left:0px;
	margin-bottom: 16px;
	margin-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
}

.articleinformation p{
	margin-left: 6px;
	font-size: 10px;
	font-weight: normal;
}
.contentbox h2{

height: 44px;  /*Nur drei Zeilen Autor + Titel*/
overflow: hidden;


	margin: 0;
	margin-bottom: 0px;
	padding: 0;

	padding-top: 4px;
	
	border-top: 8px solid #000066;
	font-size: 12px;
	line-height: 14px;	
}

.contentbox p {
min-height: 130px;
background-color: white;

}
.contentbox img {
  float:                right;
  margin:               0px;
  margin-right:         2px;   
  margin-left: 8px;

  padding-left: 3px;  
  padding-right: 1px;
  border-left:         1px solid #000066;
  /*cursor: pointer*/
}

.contentbox .content{

}

.contentbox .author{
	font-weight: normal;
}
.contentbox .author .hr{
	display: block;	
	margin: 0px;
	height: 0px;
}
.contentbox .title{
	font-weight: bold;
}

.contentbox .teaser{
	font-weight: normal;
}
.contentbox .teaser .hr{
	display: block;	
	margin: 0px;
	height: 10px;
}
.contentbox .publisher{
display:block;
height: 14px;  /*Nur 1 Zeile Verlag*/
overflow: hidden;
	font-weight: normal;
}

.contentbox .details{
display:block;
height: 14px;  /*Nur 1 Zeile Details*/
overflow: hidden;
	font-weight: normal;
}
.contentbox .price{
	font-weight: bold;
	padding-bottom: 6px;
}

.contentbox .actionbar p{
	background-color: white;
}
.contentbox .actionbar {
min-height: 0px;
	height: 25px;
	border-top: 1px solid #000066;		
	border-bottom: 2px solid #000066;	
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 0px;	
	margin-top: 4px;
}

.contentbox .actionbar img{
margin: 0px;
margin-right: 5px;
padding: 0px;
float: left;
	border:         0px solid #000066;
}
.recommendation {
margin-bottom: 0px;
padding-bottom: 0px;
}
.recommendation img{
float: left;
padding-left: 0px;
padding-right: 6px;
position: relative;
top: -11px;
margin-bottom: -11px;
}

/*Suchauftrag*/

.searchOrder table{
width: 100%;
}
.searchOrder .firstCol{
width: 130px;
vertical-align:top;
padding-top: 2px;
padding-bottom: 10px;
}

.searchOrder .secondCol{
width: auto;
vertical-align:top;
padding-top: 2px;
padding-bottom: 10px;
}

.searchOrder .secondCol label{
vertical-align:middle;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 10px;
}

.searchOrder .secondCol input{
width: 350px;
}

.searchOrder .secondCol textarea{
width: 350px;
height: 60px;
}

.searchOrder .secondCol .clRadio{
width: 20px;
}

.searchOrder  .firstCol .clButton{
width: auto;
}

.searchOrder  .secondCol .clButton{
width: auto;
}

#tblSearchOrder_Cst_Country{
width: 20px;
}
#tblSearchOrder_Cst_ZIP{
width: 60px;
}
#tblSearchOrder_Cst_City{
width: 256px;
}