/**
 * make the world colorful .....
 *
 * $Id: global.css,v 1.1 2010/02/01 13:59:41 rschmitz Exp $
 *
 * vim: ts=2 shiftwidth=2 expandtab softtabstop=2
*/


/**
 * grey:           #3D3D3D
 * darkblue:       #032E60
 * steelblue:      #7697b7    (p.e. highlighting of main navi)
 * lightsteelblue: #DBE4EE    (p.e. bg of subnavi)
 * lightblue:      #F9FCFF    (p.e. bg of item_summary)
 */


/**
 * generic selectors
 */
body {
	padding: 0;
  margin: 0;
  color: #3D3D3D;
  font: normal 14px Arial, Helvetica, sans-serif;
  text-align: center;   /* needed for IE */
  /* background: transparent url(../img/gabler_bg_stripe.png) repeat; */
  background: #D1D1D1;
}

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

img {
  border: 0;
}


h1, h1 a {
  font-size: 20px;
  font-weight: bold;
  color: #00295C;
  /*line-height: 24px;*/
  margin-top: 15px;
}
h1 a:hover {
  text-decoration: underline;
}

h2, h2 a {
  font-size: 18px;
  font-weight: bold;
  color: #00295C;
  line-height: 18px;
}

a, a:hover {
  text-decoration: none;
  color: #00295C;
}
#top_left_content a, #top_left_content a:hover {
  font-weight: bold;
} 
a.link {
  text-decoration: none;
  color: #00295C;
} 
a.link:hover { 
  text-decoration: underline; 
}
a.linkb {
  text-decoration: none;
  color: #00295C;
  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 #7697b7;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
input.formelem, select.formelem {
  margin-bottom: 5px;
}

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




/**
 * wrapper
 */
#body_gradient {
  /* background: transparent url('../img/gabler_bg_gradient.png') repeat-x; */
  text-align: center;   /* needed for IE */
}
#frame_whitestripe {
  width: 986px;
  margin: 0 auto;
  /* background: url('../img/gabler_bg_whitestripe.png') no-repeat; */
  text-align: center;   /* needed for IE */
}
#frame_shadow {
  width: 968px;
  margin: 0 auto;
  /* background: url('../img/gabler_bg_shadow.png') repeat-y; */
  text-align: center;   /* needed for IE */
}
#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: 125px;
  background: url(../img/gwv_header.jpg) top no-repeat;
}

#top_logo {
  /* width: 200px; */
  position: absolute;
  left: 30px;
  top: 25px;
}
#top_logo a {
  display: block;
  width: 100px;
  height: 90px;
}

#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: left; 
  margin: 100px 0 0 30px;
  padding: 0 5px;
  line-height: 30px;
  /*background: #98b1c9;*/
  color: #FFF;
}
#customernav a, #customernav a:hover, #customernav_home a, #customernav_home a:hover {
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  padding: 0 10px;
  letter-spacing: 0.2em;
}
#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: 65px 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: #00295C;*/
  /* background: url(../img/gwv_footer.jpg) top no-repeat; */
  background: #003061;
  color: #ffffff;
}
#bottom_navigation_inner {
  padding: 20px 20px 20px 30px;
}
#bottom_logo {
  float: right;
  margin: 0 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: #ffffff;
}
#bottom_navigation a:hover {
  text-decoration: underline;
}




/**
 * main navigation area
 */
#main_navi {
  width: 960px;
  height: 24px;
  /* background: #043062; */
  background: url(../img/gabler_mainmenu_bg.jpg) repeat-x top;
  text-align: left;
  position: relative;   /* !! */
}

#main_navi ul {
  list-style: none;
  margin: 0px 10px;
  padding: 0;
}
#main_navi li {
  float: left;
  line-height: 24px;
  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: 24px;
  padding: 0 7px;
  /*background: url(menu_tab_middle.gif) repeat-x;*/
}
#main_navi li a:hover {
  color: #FFF; 
  background: #7697b7;
}

#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: #7697b7;
}


div#sub_navi {    /* just spareholder w/o content */
  width: 960px;
  height: 24px;
  background: #DBE4EE;
  border-bottom: 1px #053163 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: 24px;
  background: #DBE4EE;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 30;
  /*display: none;*/
  visibility: visible;   /* !! */
  top: 24px;
  /*left: -10px;*/
  left: 0;               /* !! */
  border-bottom: 1px #053163 solid;
}
#main_navi ul.sub_navi li.sub_navi {
  float: left;
  line-height: 24px;
  margin: 0;
  padding: 0;
  background: none;
}
#main_navi ul.sub_navi li.sub_navi a {
  float: left;
  background: #DBE4EE;
  color: #35567D;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  padding: 0 7px;
}

#main_navi ul.sub_navi li.sub_navi a:hover {
  background: #F9FAFC;
  color: #35567D;
  height: 26px;
  border-bottom: 1px #053163 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: #F9FAFC;
  color: #35567D;
  height: 26px;
  border-bottom: 1px #053163 solid;
}




/**
 * marketing boxes
 */
.mb_1, .mb_2, .mb_3 {
  color: #3D3D3D;
  line-height: 20px;
  height: 90%;
  padding: 7px 10px 0 10px;
}
.mb_1 h1, .mb_1 a, .mb_2 h1, .mb_2 a, .mb_3 h1, .mb_3 a {
  font-weight: bold;
  margin: 0;
}
.mb_1 {
  border: 2px #B3D334 solid;
}
.mb_1 h1, .mb_1 a {
  color: #B3D334;
}
.mb_2 {
  border: 2px #00AEEF solid;
}
.mb_2 h1, .mb_2 a {
  color: #00AEEF;
}
.mb_3 {
  border: 2px #941B82 solid;
}
.mb_3 h1, .mb_3 a {
  color: #941B82;
}




/**
 * 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: #DBE4EE;
}




#top_left_content {
  float: left;
  width: 920px;
  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: #F9FCFF;
  padding: 5px; 
  border: 1px #DBE4EE solid; 
}
#item_summary a {
  color: #7697b7;
}

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

.itemsingle_footer, .itemsingle_footer a {
  color: #7697b7;
}
.itemsingle_footer {
  float: left; 
  font-size: 12px;
  width: 280px; 
  padding: 2px 0 0 0; 
  border-top: 2px #7697b7 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: #00295C;
  /*font-weight: bold;*/
}

#price_singlebook_upper, #price_singlebook_upper a, #price_singlebook_lower, #price_singlebook_lower a {
  color: #7697b7;
  font-size: 12px;
}
#price_singlebook_upper {
  float: left; 
  width: 600px; 
  padding: 2px 0 0 0; 
  border-bottom: 2px #7697b7 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: #DBE4EE; 
  color: #3D3D3D; 
  padding: 0 9px; 
  margin: 0 3px 0 0; 
  font-weight: bold;
  line-height: 25px;
  float: left;
}
.right_box_upper_inactive {
  background: #7697b7; 
  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: #DBE4EE; 
  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_blau.gif);
}


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

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


.form_frame {
  background: #F9FCFF;
  border: 1px #DBE4EE solid; 
  padding: 10px;
}

.form_frame_darker {
  background: #DBE4EE;
  border: 1px #7697b7 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: #DBE4EE; 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/g_mark.gif) no-repeat left center; padding: 0 0 0 15px;}
.accordion dd.toggler_elem {overflow:hidden; background: #F9FCFF; 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: #DBE4EE; border: #3D3D3D;}
#right_container .accordion dd.toggler_elem {overflow:hidden; background: #F9FCFF; margin: 0 0 5px 0; width: 284px; padding: 0 8px;} 
#right_container .accordion dt.toggler span {background: url(../img/g_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;
}