/**
 * make the world colorful .....
 *
 * $Id: global.css,v 1.7 2010/02/09 17:14:31 abaethe Exp $
 *
 * vim: ts=2 shiftwidth=2 expandtab softtabstop=2
*/


/**
 * grey:           #3D3D3D
 * darkgrey:       #5d5e61    (p.e. bg of main navi)
 * darkgrey:       #67686c    (p.e. highlighting of main navi, bg of subnavi)
 * lightblue:      #f1f2f2    (p.e. bg of item_summary)
 */


/**
 * generic selectors
 */
body {
	padding: 0;
  margin: 0;
  color: #3D3D3D;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-align: center;   /* needed for IE */
  background: #FFF;
}

div, form {
  margin: 0px;
  padding: 0px;
}

img {
  border: 0;
}


h1, h1 a {
  font-size: 18px;
  font-weight: bold;
  color: #5d5e61;
  line-height: 24px;
}
h1 a:hover {
  text-decoration: underline;
}

h2, h2 a {
  font-size: 14px;
  font-weight: bold;
  color: #3D3D3D;
  line-height: 20px;
}

a, a:hover {
  text-decoration: none;
}
a.link {
  text-decoration: none;
  color: #5d5e61;
} 
a.link:hover { 
  text-decoration: underline; 
}
a.linkb {
  text-decoration: none;
  color: #5d5e61;
  font-weight: bold;
} 
a.linkb:hover { 
  text-decoration: underline; 
}


strong {
  font-weight: normal;
}

input {
  vertical-align: middle;
}



input.text {
  height: 13px !important;
  height: 16px;
  /* background: #EAEFF3;*/
  background: #FFF;
  border: 1px solid #5e5f63;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
input.formelem, select.formelem {
  margin-bottom: 5px;
}

textarea, select {
  background: #FFF;
  border: 1px solid #5e5f63;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}




/**
 * wrapper
 */
#body_gradient {
  background: url('../../img/w_top_lightgrey.gif') repeat-x;
  text-align: center;   /* needed for IE */
}
#frame_whitestripe {
  margin: 0 auto;
  background: url('../../img/w_top_grey.gif') repeat-x;
  text-align: center;   /* needed for IE */
}
#frame_shadow {
}
#frame {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  background: #FFF;
  text-align: left;     /* needed for IE */
}


div#grey_overlay {
  position: absolute; 
  z-index: 50;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
  filter:alpha(opacity=70); 
  -moz-opacity: 0.7; 
  opacity: 0.7; 
  background: #C0C0C0; 
  /* border: #800E10 1px solid; */
  visibility: hidden;
}


/**
 * header area
 */
#header {
  width: 960px;
  /*height: 174px;*/
  height: 168px;
  background: url(../../img/vs_header.jpg) top no-repeat;
}

#top_logo {
  /* width: 200px; */
  position: absolute;
  left: 20px;
  top: 20px;
}
#top_logo a {
  display: block;
  width: 60px;
  height: 70px;
}

#gwv_branding {
  float: right; 
  margin: 20px 20px 0 0;
  color: #FFF;
  line-height: 15px;
  font-size: 11px;
}
#gwv_branding a {
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  padding: 0;
}


#customernav, #customernav_home {
  float: right; 
  margin: 15px 20px 0 0;
  padding: 0 15px;
  line-height: 30px;
  background: #66696d;
  color: #d4d000;
}
#customernav a, #customernav a:hover, #customernav_home a, #customernav_home a:hover {
  color: #d4d000;
  font-weight: bold;
  font-size: 12px;
  padding: 0 10px;
}
#customernav_home {
  margin: 15px 8px 0 0;
}
#customernav_home a, #customernav_home a:hover {
  padding: 0;
}
#customernav a:hover, #customernav_home a:hover {
  text-decoration:underline;
}

#search {
  float: right; 
  margin: 45px 20px 0 0;
  text-align: right;
  font-size: 11px;
  position: relative;
  z-index: 40;
}
#search a {
  font-weight: bold;
  font-size: 11px;
  padding: 0;
}
#search_extended a {
  color: #FFF;
}
#searchfield {
  height: 17px !important;
  height: 20px;
  background: #FFF;
  border: none;
  font-size: 12px;
  padding-right: 25px; 
  width: 150px;
}


/**
 * search prefetching
 */
div#searchfield_prefetch {
  position: absolute;
  z-index: 40;
  top: 33px; 
  /*left: 67px; */
  left: 0;
  padding: 3px 0;
  filter:alpha(opacity=90); 
  -moz-opacity: 0.9; 
  opacity: 0.9; 
  background: #EEE; 
  border: #000 1px solid;
  visibility: hidden;
}
div#searchfield_prefetch a {
  font-size: 12px;
  font-weight: normal;
}
div#searchfield_prefetch a:hover {
  text-decoration: none;
}
div.suggestitem {
  padding: 0 10px;
}
div.suggestitem a {
  color: #000;
}
div.suggestitemover {
  padding: 0 10px;
  filter:alpha(opacity=90); 
  -moz-opacity: 0.9; 
  opacity: 0.9; 
  /*background: #FFDEDE;*/
  background: #777; 
}
div.suggestitemover a {
  color: #FFF;
}



/**
 * bottom area
 */
#bottom_navigation {
  width: 960px;
  background: #67686c;
  color: #FFF;
}
#bottom_navigation_inner {
  padding: 20px 20px 20px 30px;
}
#bottom_logo {
  float: right;
  margin: 40px 0 0 0;
}
.bottom_rubric {
  font-size: 14px;
  margin: 0 0 10px 0;
}
#bottom_navigation ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#bottom_navigation li {
  /* float: left; */
  line-height: 18px;
  margin: 0;
  padding: 0;
  width: 195px;
  font-size: 11px;
}
#bottom_navigation a {
  color: #FFF;
}
#bottom_navigation a:hover {
  text-decoration: underline;
}




/**
 * main navigation area
 */
#main_navi {
  width: 960px;
  height: 32px;
  /* background: #5d5e61; */
  background: #87cfc1 url(../../img/vs_mainmenu_bg.jpg) repeat-x;;
  text-align: left;
  position: relative;   /* !! */
}

#main_navi ul {
  list-style: none;
  margin: 0px 0px;
  padding: 0;
}
#main_navi li {
  float: left;
  line-height: 32px;
  margin: 0;
  padding: 0;
  /*background: url(../../img/menu_tab_right.gif) right no-repeat;*/
  /*background: url(../../img/menu_tab_left.gif) left no-repeat;*/
}
#main_navi li a {
  float: left;
  /* color: #002b55; */
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0 20px;
  /*background: url(menu_tab_middle.gif) repeat-x;*/
}
#main_navi li a:hover {
  color: #FFF; 
  background: #67686c;
}

#main_navi li:hover ul.sub_navi {
  /*display: block;*/
  visibility: visible;   /* !! */
  z-index: 20;
  width: 940px;    /* better smaller than surrounding 960px */
}

#main_navi li.main_active a {
  color: #FFF; 
  background: #67686c;
}


div#sub_navi {    /* just spareholder w/o content */
  width: 960px;
  height: 32px;
  background: #67686c;
  border-bottom: 1px #87cfc1 solid;
}
/* workaround needed for IE6 STARTS here */
#main_navi ul ul.sub_navi {visibility:hidden; position:absolute; z-index: 30;}
#main_navi table {position:absolute; z-index: 30; top:0; left:0; border-collapse:collapse;}
/*#main_navi :hover > a, #main_navi ul ul.sub_navi :hover > a {color:#000; background:#b7d186;}*/
#main_navi ul li:hover ul.sub_navi,
#main_navi ul a:hover ul.sub_navi {visibility:visible;}
/* workaround needed for IE6 ENDS here */
#main_navi ul.sub_navi {
  width: 940px;    /* better smaller than surrounding 960px */
  height: 32px;
  background: #67686c;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 30;
  /*display: none;*/
  visibility: visible;   /* !! */
  top: 32px;
  /*left: -10px;*/
  left: 0;               /* !! */
  border-bottom: 1px #87cfc1 solid;
}
#main_navi ul.sub_navi li.sub_navi {
  float: left;
  line-height: 32px;
  margin: 0;
  padding: 0;
  background: none;
}
#main_navi ul.sub_navi li.sub_navi a {
  float: left;
  background: #67686c;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 32px;
  padding: 0 7px;
}

#main_navi ul.sub_navi li.sub_navi a:hover {
  background: #67686c;
  color: #eeea34;
  height: 34px;
  border-bottom: 1px #87cfc1 solid;
}

/* #main_navi ul.sub_navi li.sub_active a {
  color: #35567D;
  background: #F9FAFC;
  /* color: #002b55; */
/*} */

#main_navi ul.sub_navi li.active a {
  background: #67686c;
  color: #eeea34;
  height: 34px;
  border-bottom: 1px #87cfc1 solid;
}




/**
 * marketing boxes
 */
.mb_1, .mb_2, .mb_3, .mb_4, .mb_5, .mb_6 {
  color: #3D3D3D;
  line-height: 20px;
  height: 90%;
  padding: 7px 10px 0 10px;
}
.mb_4, .mb_5, .mb_6 {
  color: #FFF;
}
.mb_1 h1, .mb_1 a, .mb_2 h1, .mb_2 a, .mb_3 h1, .mb_3 a, .mb_4 h1, .mb_4 a, .mb_5 h1, .mb_5 a, .mb_6 h1, .mb_6 a {
  font-weight: bold;
  margin: 0;
  color: #FFF;
}
.mb_1 {
  border: 2px #efa600 solid;
}
.mb_4 {
  background: #efa600;
}
.mb_1 h1, .mb_1 a {
  color: #efa600;
}
.mb_2 {
  border: 2px #cac600 solid;
}
.mb_5 {
  background: #cac600;
}
.mb_2 h1, .mb_2 a {
  color: #cac600;
}
.mb_3 {
  border: 2px #772244 solid;
}
.mb_6 {
  background: #772244;
}
.mb_3 h1, .mb_3 a {
  color: #772244;
}




/**
 * main content styles
 */
#breadcrumb {
  width: 940px;
  height: 20px;
  padding: 0 0 0 20px;   /* margin + height = 22px */
  color: #3D3D3D;
  font-size: 10px;
}

#errors2display {
  color: #F00;
  border: #F00 1px dashed;
  margin: 10px 20px 20px 20px;
  padding: 3px;
  background: #DBDBDB;
}




#top_left_content {
  float: left;
  width: 600px;
  font-size: 12px;
  line-height: 15px;
  padding: 0;
  background: #FFF;
  margin: 0 0 20px 0;
}
#top_left_content td {
  font-size: 12px;
}
/* #top_left_content ul {
  list-style-position: inside;
} */
#top_left_content img.shadow { 
  background: url(../../img/img_bg.gif) right bottom no-repeat;
  padding: 0 4px 4px 0;
  margin: 0 6px 6px 0;
}


#firstad {
  margin-bottom: 20px;
}



/**
 * styles needed for listings
 */
#item_summary {
  float: right; 
  background: #f1f2f2;
  padding: 5px; 
  border: 1px #DBDBDB solid; 
}
#item_summary a {
  color: #5e5f63;
}

.item_header, .item_header a {
  color: #5e5f63;
}
.item_header {
  position: relative;
  top: 1px;
}
.item_header_more {
  float: right; 
  padding-right: 15px;
  padding-top: 5px;
}
.item_header_text {
  float: left; 
  background: #f1f2f2;
  padding: 5px 10px; 
  border-left: 1px #DBDBDB solid; 
  border-right: 1px #DBDBDB solid;
}
.item_union {
  background: #f1f2f2;
  border: 1px #DBDBDB solid; 
  padding: 10px 0;
}

.itemsingle_footer, .itemsingle_footer a {
  color: #5e5f63;
}
.itemsingle_footer {
  float: left; 
  font-size: 12px;
  width: 280px; 
  padding: 2px 0 0 0; 
  border-top: 2px #5e5f63 solid;
  line-height: 18px;
}
.itemsingle_footer sup {
  font-size: 11px;
  vertical-align: top;
}


/**
 * styles for detail view of content
 */
#top_left_content_detail {
  margin: 20px 0 0 0;
}
#top_left_content_detail div, #top_left_content_detail td {
  font-size: 12px;
}

#top_left_content_detail img {
  margin: 0 10px 10px 0;
}

#top_left_content_detail a {
  color: #5d5e61;
  font-weight: bold;
}

#price_singlebook_upper, #price_singlebook_upper a, #price_singlebook_lower, #price_singlebook_lower a {
  color: #5e5f63;
  font-size: 12px;
}
#price_singlebook_upper {
  float: left; 
  width: 600px; 
  padding: 2px 0 0 0; 
  border-bottom: 2px #5e5f63 solid;
  line-height: 18px;
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
}
#price_singlebook_upper sup {
  font-size: 11px;
  vertical-align: top;
}
#price_singlebook_lower {
  width: 600px; 
  margin: 0 0 20px 0;
}

/**
 * right margin
 */
#right_container {
  float: left;
  width: 300px;
  /*text-align: justify;*/
  font-size: 12px;
  line-height: 15px;
  /* background: #DDD; */
  background: #FFF;
}

.right_box_upper_active {
  background: #DBDBDB; 
  color: #3D3D3D; 
  padding: 0 9px; 
  margin: 0 3px 0 0; 
  font-weight: bold;
  line-height: 25px;
  float: left;
}
.right_box_upper_inactive {
  background: #5e5f63; 
  color: #FFF; 
  padding: 0 9px; 
  margin: 0 3px 2px 0; 
  font-weight: bold;
  line-height: 23px;
  float: left;
}
.right_box_upper_inactive a {
  color: #FFF; 
}
.right_box_content {
  background: #DBDBDB; 
  color: #3D3D3D;
  width: 300px;
  margin: 0; 
  position: absolute;   
}


/**
 * misc content styles
 */

div.visualclear {
  clear: left;
}
div.visualclearright {
  clear: right;
}




.box_top_img_right {
   float: left;
   padding-top: 6px;
}
.box_top_text {
  font-size: 11px;
  font-weight: bold;
  color: #002b55;
  margin: 5px 0;
  padding: 0 5px;
  line-height: 20px;
  background: url(../../img/header_content_box_620.gif) no-repeat;
}
.box_top_text_wide {
  font-size: 12px;
  font-weight: bold;
  color: #002b55;
  margin: 5px 0 5px 10px;
  padding: 0 5px;
  line-height: 20px;
  background: url(../../img/header_content_box_920.gif) no-repeat;
}
.box_top_text_small {
  font-size: 11px;
  font-weight: bold;
  color: #002b55;
  margin: 5px 0;
  padding: 0 5px;
  line-height: 20px;
  background: url(../../img/header_content_box_300.gif) no-repeat;
}


ul.coolstyle {
  margin: 0;
	padding : 0 0 0 15px;
}
ul.coolstyle li {
  list-style-image: url(../../img/pfeil_grau.gif);
}


.black_link {
   color: #000;
   font-weight: bold;
}
a.black_link:hover {
   text-decoration:underline;
}

.more_link {
   font-weight: bold;
   color: #5d5e61;
}
.more_link img {
  float: left;
}
a.more_link:hover {
   text-decoration:underline;
}


.form_frame {
  background: #f1f2f2;
  border: 1px #DBDBDB solid; 
  padding: 10px;
}

.form_frame_darker {
  background: #DBDBDB;
  border: 1px #5e5f63 solid; 
  padding: 10px;
}


.euro_alt {
  color: #F00; 
  text-decoration: line-through;
}




/**
 * several box styles (most likely used in footer)
 */
.box_300 {
  width: 300px;
  float: left;
  text-align: left;
  margin-top: 20px;
  background: #ededed;
}

.box_300_header {
  font-weight: bold;
  color: #002b55;
  padding: 0 5px;
  line-height: 20px;
  background: url(../../img/box300_header_bg.gif) no-repeat;
}

.box_300_inner {
  padding: 5px;
  height: 130px;
  border: #c1c1c1 solid 1px;
  border-bottom: #002b55 solid 5px;
}

.box_300_footer {
  background: #002b55;
  padding: 2px 1px;
  color: #FFF;
  font-weight: bold;
  line-height: 18px;
}
.box_300_footer a {
  color: #FFF;
  font-weight: normal;
  background: url(../../img/box-more-button.gif) no-repeat;
  padding: 2px 5px 2px 19px;
  margin-left: 2px;
}

#right_container .box_300_inner {
  height: auto;
  border-bottom: none;
}
#right_container .box_300_footer img {
  float: left;
}


/**
 * single book's accordion style
 */
.accordion {clear: left;}
.accordion dt.toggler {width: 580px; padding: 0 8px; line-height: 22px; font-weight:bold; margin-top: 5px; cursor: pointer; background: #DBDBDB; border: #3D3D3D;}
/* .accordion dt.toggler {width: 95%; padding: 0 8px; line-height: 22px; font-weight:bold; margin-top: 5px; cursor: pointer; background: url(../../img/h2_bg.jpg);} */
.accordion dt.toggler span {background: url(../../img/w_mark.gif) no-repeat left center; padding: 0 0 0 15px;}
.accordion dd.toggler_elem {overflow:hidden; background: #f1f2f2; margin: 0 0 5px 0; width: 580px; padding: 0 8px;} 
.accordion span {display:block; padding:15px;}
/*.accordion span {display:block; width:600px; padding:15px;}*/

#right_container .accordion dt.toggler {width: 284px; padding: 0 8px; line-height: 22px; font-weight:bold; margin-top: 5px; cursor: pointer; background: #DBDBDB; border: #3D3D3D;}
#right_container .accordion dd.toggler_elem {overflow:hidden; background: #f1f2f2; margin: 0 0 5px 0; width: 284px; padding: 0 8px;} 
#right_container .accordion dt.toggler span {background: url(../../img/w_mark_flipped.gif) no-repeat left center; padding: 0 0 0 15px;}


/**
 * single book's image overlay
 */
a.showbigimg {
  cursor: default;
}
a.showbigimg:hover {
  text-decoration: none;
  position: static;      /* useless style needed for IE to working properly */
}
a.showbigimg span {
  display: none;
  position: relative;
  text-decoration: none;
}
a.showbigimg:hover span {
  font-weight: normal;
  text-decoration: none;
  display: block;
  position: absolute;
  z-index: 10;
}