@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "3col_standard"
 * (de) Zentrales Stylesheet - Beispiellayout "3col_standard"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../../../../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */


@import url(../../basemod.css);
@import url(../../basemod_fullheight.css);
@import url(../../content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../../../../yaml/print/print_003_draft.css);

@import url(nav.css);

@media screen, projection
{

a, a:visited { color: black; background: transparent; text-decoration: underlined; }
a:focus,
a:hover,
a:active { color: #44b900; text-decoration: underline; }

a.linkOnDarkGreen, a.linkOnDarkGreen:visited { color: white; text-decoration: none; }
a.linkOnDarkGreen:hover,
	 a.linkOnDarkGreen:focus,
	 a.linkOnDarkGreen:active { color: white; text-decoration: none; }
	 
a.linkOnDarkGreenUnderlineOnHover, a.linkOnDarkGreenUnderlineOnHover:visited, a.freightInfo, a.freightInfo:visited { color: black; text-decoration: none; }
a.linkOnDarkGreenUnderlineOnHover:hover,
	 a.linkOnDarkGreenUnderlineOnHover:focus,
	 a.linkOnDarkGreenUnderlineOnHover:active,
	 a.freightInfo:hover,a.freightInfo:focus,a.freightInfo:active  { color: black; text-decoration: underline; }
	 
a.linkOnWhite, a.linkOnWhite:visited { color: black; text-decoration: none; }
a.linkOnWhite:hover,
	 a.linkOnWhite:focus,
	 a.linkOnWhite:active { color: black; text-decoration: none; }
	 
a.linkOnWhiteUnderlineOnHover, a.linkOnWhiteUnderlineOnHover:visited { color: black; text-decoration: none; }
a.linkOnWhiteUnderlineOnHover:hover,
	 a.linkOnWhiteUnderlineOnHover:focus,
	 a.linkOnWhiteUnderlineOnHover:active { color: black; text-decoration: underline; }
	
h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; margin: 0;}
h1 {font-size:13px; font-weight:bold; color:white; background: url(img/header-main.png) top left no-repeat; padding:3px 5px;}	
h2 {font-size:13px; font-weight:bold; color:white; background-color:#46bb00; padding:3px 5px;}
h3 {font-size:13px; font-weight:bold; color:#46bb00; }
h4 {font-size:13px; font-weight:bold; color:#262e38; }
h5 {font-size: 11px; font-weight:bold; border-bottom:1px solid #262e38; margin-top:20px; margin-bottom:8px;}

table { width: auto; border-collapse:collapse; margin: 1.5em 0; border-top:none; border-bottom: 2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  tbody th { background: #F4F9F2; color: #555555; }
  /*tbody th[scope="row"], tbody th.sub { background: #f0f0f0; } */

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #F4F9F2; color: #555555; }
  tbody tr:hover td { background: #F4F9F2; color: #555555; }	
 
table.cart {width:100%;}  
.cart td {background-color: #d9d7d3; border-bottom: 2px solid #eee;}
.cart td.buttonbar {text-align: right; background-color:#fff; padding-top:10px;}
.cart .price {width:80px; text-align:right;}	
td.c {text-align:center;}
#subtotal td {background-color:#000; font-weight: bold;color:#fff;}
.subsubtotal td {font-weight: bold;}
#total td {background-color:#8b001a; font-weight: bold; font-size:12px; color:#fff;}

#suche {position:absolute; top:50px; left:600px; width:200px;}	
	
#suche div {padding-top: 0px; padding-left:10px;}	
	
div.subtitle {font-weight:bold; }
	
div.panelbox {margin-bottom:10px; padding-bottom:10px;background: url(img/box-small-footer.png) bottom left no-repeat;}
div.panelbox h2 { background: url(img/box-small-top.png) top left no-repeat; color: #666; padding-left: 10px;}
div.panelbox form, div.panelbox ul { background: url(img/box-small-mid.png) top left repeat-y; padding-left: 8px;}
	div.panelbox ul { margin: 0; }
	div.panelbox p.cartinfo, div.panelbox p.box { background: url(img/box-small-mid.png) top left repeat-y; margin:0; padding: 1em;}
div.panelbox ul li { list-style-type: none; border-bottom: 1px solid #ddd; margin: 0 1.6em 0 .8em; }
	div.panelbox ul li.last { border-bottom: none; }
div.panelbox h4 {font-size: 11px;}
div.panelbox div.featuredBook {margin-top:10px; padding-top:5px; border-top:1px solid #8b001a; }
	
div.panelboxXL {margin-bottom:15px; padding-bottom:10px;background: url(img/box-big-footer.png) bottom left no-repeat;}
div.panelboxXL h2 { background: url(img/box-big-top.png) top left no-repeat; color: #666; padding-left: 10px;}
div.panelboxXL form, div.panelboxXL ul { background: url(img/box-big-mid.png) top left repeat-y; padding-left: 8px;}
	div.panelboxXL ul { margin: 0; }
	div.panelboxXL p.cartinfo, div.panelboxXL p.box { background: url(img/box-big-mid.png) top left repeat-y; margin:0; padding: 0 1em;}
div.panelboxXL ul li { list-style-type: none; border-bottom: 1px solid #ddd; margin: 0 1.6em 0 .8em; }
	div.panelboxXL ul li.last { border-bottom: none; }
div.panelboxXL h4 {font-size: 11px;}
div.panelboxXL div.featuredBook {margin-top:10px; padding-top:5px; border-top:1px solid #8b001a; }
	
div.panelboxContact {margin-bottom:10px; padding-bottom:10px; background: url(img/box-contact-footer.png) bottom left no-repeat;}
div.panelboxContact h2 { background: url(img/box-contact-top.png) top left no-repeat; color: #44b900; padding-left: 10px; padding-top: 15px; }
div.panelboxContact p.box { background: url(img/box-contact-mid.png) top left repeat-y; margin:0; padding: 15px 1em;}
div.panelboxContact p.cross { background: url(img/cross.png) top left no-repeat; float:right; height:60px; width:60px; position:relative; left:-2px; top:-5px;}


div#bp-panel {background: url(img/gnbox-small-footer.png) bottom left no-repeat; padding-bottom:10px; margin-bottom: 10px; color:#fff;}
div#bp-panel h2 {background: url(img/gnbox-small-top.png) bottom left no-repeat; height: 30px; padding: 0;}
div#bp-panel ul {background: url(img/gnbox-small-mid.png) repeat-y; margin:0; list-style-position: inside;}
div#bp-panel li.highlight {list-style-type: none; background: url(img/gnbox-plus-bullet.png) 5px 50% no-repeat; margin-top: 1.5em; vertical-align:top;color:#fff; font-weight:bold;font-size:13px; margin-left:0; padding-left:40px;}
	
	
	
div.panelbox2 {background-color:#bfbcb6; border-bottom:1px solid #8b001a; margin-bottom:15px;}
.panelbox2 h2 { background: url(img/box-small-top.png) top left no-repeat; }	
.panelbox2 ul {margin:0;}
.panelbox2 ul li {display: block; border-top: 1px solid #8b001a; padding:2px 0 2px 5px; margin:0;font-size:11px;font-weight:bold;color:#262e38;}
.panelbox2 ul.mail li {list-style-image:url(../img/mail-small-red.png);list-style-position:inside;border-top:none;display:list-item;font-weight:normal; padding:2px 0 2px 5px; margin:0;font-size:10px;color:#262e38;}
.panelbox2 ul li h3 {font-size:11px;font-weight:bold;color:#262e38; }
.panelbox2 ul li div { font-weight: normal;}
	
.mail a, .mail a:visited, .mail a:active {color:#262e38; text-decoration:none;}
.mail a:hover {color:#262e38; text-decoration:underline;}	
	
div.panelbox3 {	border-bottom:1px solid #8b001a; background:#fff;text-align:center;}
.panelbox3 h2 {text-align:left;}	

div.weiter { width:100%; border-top: 1px dotted #262e38; }
div.weiter a, 
div.weiter a:visited, 
div.weiter a:active {text-decoration:none; font-weight:bold; font-size:11px; text-height:16px; color:#262e38;}	
div.weiter a:hover {text-decoration:underline;}
	
.categoryPrice { color: #46bb00; font-size:10px; }
.categoryPrice em {font-size:14px; font-weight:bold; font-style:normal;} 
div.categoryPrice {text-align: right; margin-top:15px; margin-bottom:10px;}
.categoryPrice a,
.categoryPrice a:visited,
.categoryPrice a:active {color: #46bb00; text-decoration:none;}
.categoryPrice a:hover {text-decoration:underline;}
	
.t1 {margin: 1em 1em 1em 0; color: #444444; border:1px solid #444444; padding: 2px 5px; background-color: #F5F5F5; cursor:pointer;}
a.t1:hover {text-decoration:none;}
	a.t1:hover, a.t1.active, a.t1:focus { color: #46bb00; }
	
.breadcrumb-container {color: #000; }
.path-separator {color: #46bb00; padding: 0 .5em; }
.breadcrumb {color:#46bb00; }
.breadcrumb a {color: #262e38; }
	
div.featured {	border:1px solid #46bb00; text-align:center; height:130px; padding-top: 10px;}
div.featured2 {	border:1px solid #8b001a; margin: 10px 0; text-align:center; padding-top: 10px;}
div.featured3 {	border:1px solid #aaa; margin: 10px 0; text-align:left; padding-top: 10px;vertical-align:middle;font-weight:bold;}
	
.fullcol {width: 100%;}	
	/*
div.centerimg { height:130px; width:250px; display:table-cell; vertical-align:middle; text-align:center;}
div.centerimg * {vertical-align:middle;}
	*/
.right {text-align:right;}
a img { border:0; }	
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #262e38;
	background-color: #b1b2b4;
	padding: 0; 
}

  .page {
  
    border: 0 none;
    margin: 0; 
    padding: 0 10px 20px 10px;
    /*margin: 0 0 0 0px; padding: 10px 15px 10px 10px;*/
  }
  
  .page_margins { 
  	min-width: 991px; 
  	max-width: 991px; 
  	background: #fff; 
  	border: 0 none;
    background-image:  url(img/border_left_right.png);
    background-repeat:repeat-y;
    background-position:left;}

#main {
    background: none;  
}
#header {
	height: 140px;
	background: url(img/header.png) top center no-repeat #fff;
    padding: 0;
}
	
#logo {position: absolute; width:116px; height:116px; top:1px; left:41px; }	
	
#header span { color: #fff; }
#topnav {
	color: #46bb00;
	padding-right:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
}

	
	
#topnav a {  color: #46bb00; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; }

#col1 {width: 181px;} /* L */
#col2 {width: 188px;} /* R */
#col3 {margin: 0 195px 0 181px;}

#col1_content {padding: 0 5px 10px 7px;}
#col2_content {padding: 0 2px 10px 2px;}
#col3_content {padding: 2px 33px 10px 34px;}
	
#categoriesNav {
	width: 100%;
	padding-left:0px;
	padding-bottom: 11px;
	background: url(img/box-big-footer.png) bottom left no-repeat; 
	margin-bottom:15px;
}	

	
#categoriesNav a {display: block; }	
#categoriesNav > ul {margin: 0;}	
#categoriesNav li {list-style-type: none; width:176px; margin:0; padding: 0 2px 0 1px;}
#categoriesNav > ul > li {background: url(img/box-big-mid.png) repeat-y;}
#categoriesNav li a {color:#000; padding: 2px 0 2px 15px; width: 161px;border-bottom:1px solid #ccc; }
#categoriesNav li a.selected {color:#fff;background-color: #46bb00;}
	
#categoriesNav li li {width:162px;padding-left:10px;}
#categoriesNav li li a {color:#000; width: 149px;}
#categoriesNav li li a.selected {color:#46bb00; background-color: #fff;}
	
#categoriesNav li li li {width: 152px; background-color: #fff;padding-left:10px;}
#categoriesNav li li li a {width:137px;}
#categoriesNav li li li a.selected {color:#46bb00; background-color: #ddd;}

#categoriesNav li li li li {width: 139px; background-color: #ddd;padding-left:10px;}
#categoriesNav li li li li a {width:112px;}

#categoriesNav ul ul { margin: 0; padding: 0 1px; background: #eee;}
	
#categoriesNav h2 { background: url(img/box-big-top.png) top left no-repeat; color: #666; padding-left: 10px;}
	
	
	
#loginform input.text, #sucheform input.text {
	display: block;
	width: 143px;
	border: 1px solid #cfcfcf;
	padding: 2px;
}
	
#loginform input.txbtn, #sucheform input.txbtn  {
	border: none;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal; 
	font-size:11px; 
	color:#666;
	display: block;
	width: 147px;
	text-align: right;
	padding-top: 0.75em;
	cursor: hand;
	cursor: pointer;
}
	
#loginform a, sucheform a {
	font-weight:normal; 
	font-size:11px; 
	color:#666;
	display: block;
	width: 147px;
	text-align: left;
	padding-top: 5px;
}

#sucheform label, #loginform label {
	font-weight:normal; 
	font-size:10.5px; 
	color:#666;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	padding:0.5em 0 0.25em;
}
	
#footernav {
	font-size:11px;
	text-align: center;
	font-weight: bold;
}


#footer {
    min-width: 971px;
    max-width: 971px;
    
    
    margin: 0 auto;
    /* move #footer to its position ... */
    margin: -20px auto 0;
	line-height:15px;
    background: none;
    border: 0 none;
    padding: 0;
    /*
    background-image:  url(img/bgd.gif);
    background-repeat:repeat-y;
    background-position:left;
    */
  }

  
}

.home .subcl { margin: 20px 10px 0 0; padding: 0; background-color: #ffdd00; }
.home .subcr { margin: 20px 0 0 10px; padding: 0; background-color: #ffdd00; }
.home .featured { background-color: white; border: 2px solid #ffdd00; }
.home h2 { background-color: #ffdd00; color: black; padding: 0.5em; position: relative; }
.home h2 a { float: right; }
.description { font-size:14px; padding:0.5em; text-align:right; }
.home .box-bottom .subcl { background-color: #ffdd00; }
.box-top .subcl, .box-top .subcr { margin-bottom: -100em; padding-bottom: 100em; }
.box-bottom .subcl { margin: 0 10px 0 0; padding: 0.5em; background-color: #ffdd00; }
.box-bottom .subcr { margin: 0 0 0 10px; padding: 0.5em; background-color: #ffdd00; }

.homePopup { 
	display: none; 
	background-color:white;
	border: none;
	font-size:12px;
	font-weight:100;
	height:130px;
	padding:5px;
	position:absolute;
	top:-142px;
	width:240px;
	left:2px;
	text-align: center;
}