@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: black; text-decoration: underline; }

a.linkNoUnderline, a.linkNoUnderline:visited { text-decoration: none; }
a.linkNoUnderline:hover,
	 a.linkNoUnderline:focus,
	 a.linkNoUnderline:active { text-decoration: none; }
	 
a.linkUnderlineOnHover, a.linkUnderlineOnHover:visited { text-decoration: none; }
a.linkUnderlineOnHover:hover,
	 a.linkUnderlineOnHover:focus,
	 aa.linkUnderlineOnHover:active { 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; padding:3px 5px; }	
h2 {font-size:13px; font-weight:bold; color:white; padding:3px 5px; }
h3 {font-size:13px; font-weight:bold; }
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 { 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 { color: #555555; }
  tbody tr:hover td { 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:12px; 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-color: white; margin-right: 7px; margin-left: 2px; }
div.panelboxContact h2 { background-color: white; color: #666666; padding-left: 10px; padding-top: 15px; }
div.panelboxContact p.box { background-color: white; margin:0; padding: 15px 1em;}


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; text-align: right;}
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 { 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 {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;}
	
.breadcrumb-container {color: #000; }
.path-separator {padding: 0 .5em; }
.breadcrumb a {color: #262e38; }
	
div.featured {	margin-top: 10px; 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; line-height:20px; }
a img { border:0; }	
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #262e38;
	background-color: #f7f7f7;
	padding: 0; 
}

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

#main {
    background: none;  
    padding: 0;
}
#header {
    padding: 0;
}
	
#logo {padding-top: 15px; padding-left: 24px; }	
	
#header span { color: #fff; }
#topnav {
	padding-right:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
}

#header #topnav { position: static; }
	
	
#topnav a {  text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; }

#col1 {width: 181px; padding: 18px 0; } /* L */
#col2 {width: 188px; padding: 18px 0; } /* R */
#col3 {margin: 0 195px -1px 181px; padding: 10px 0; background-color: white; }

#col1_content {padding: 0 5px 10px 7px;}
#col2_content {padding: 0 2px 10px 2px;}
#col3_content {padding: 10px 15px 10px 15px;}
	
#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 10px; width: 166px; border-bottom:1px solid #ccc; }
	
#categoriesNav li li {width:165px;padding-left:10px;}
#categoriesNav li li a {color:#000; width: 155px;}
	
#categoriesNav li li li {width: 151px; background-color: #fff; padding-left:10px;}
#categoriesNav li li li a {width:144px;}

#categoriesNav li li li li {width: 141px; background-color: #EEEEEE; padding-left:10px;}
#categoriesNav li li li li a {background-color: EEEEEE; width:133px;}

#categoriesNav ul ul { margin: 0; padding: 0 1px; background-color: #EEEEEE; }	
#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: 979px;
    max-width: 979px;
    
    
    margin: 0 auto;
    /* move #footer to its position ... */
    margin: -20px auto 0;
	line-height:15px;
    background: none;
    border: 0 none;
    padding: 0;
  }

  
}


.subclHome { margin: 10px 1em 0 0; padding: 0; }
.subcrHome { margin: 1em 0 0 10px; padding: 0; }
.subclHomeHover { margin: 10px 1em 0 0; padding: 0; }
.subcrHomeHover { margin: 1em 0 0 10px; padding: 0; }
.box-top .subclHome, 
	.box-top .subcrHome,
	.box-top .subclHomeHover, 
	.box-top .subcrHomeHover { margin-bottom: -100em; padding-bottom: 100em; }
.box-bottom .subclHome, 
	.box-bottom .subcrHome,
	.box-bottom .subclHomeHover, 
	.box-bottom .subcrHomeHover { border-top:0 none; margin-top:0; padding:5px; }

.featuredDescription { padding:0.5em; }
div.featuredHome {	text-align:center; height:130px; padding-top: 10px; background-color:white; }


#nav { height:24px; background-image:  url(img/nav_bg.png); text-align: center; }	
#nav div.hlist {position: relative; z-index:100; float:left; margin-left: 212px; }
#nav div.hlist ul { display: inline; margin: 0; float:left; } 
#nav div.hlist ul li { list-style: none; display: inline; font-size: 13px; font-weight: 100; line-height: 24px; position:relative; float: left; margin-left: 15px; }
#nav div.hlist ul li.spaced { margin-left: 60px; }
#nav div.hlist ul li ul li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 0 5px 15px; margin: 0 5px 0 3px;}
#nav div.hlist ul li ul li a.last { border: none; padding-bottom: 0;}
#nav div.hlist ul li a, 
#nav div.hlist ul li a:visited, 
#nav div.hlist ul li a:active { color:#000; text-decoration: none;}
#nav div.hlist ul li a:hover, 
#nav div.hlist ul li a:focus { text-decoration: underline; color: #707070; }
#nav div.hlist ul li ul { display: none; position: absolute; width:245px; background: transparent;}
#nav div.hlist ul li.hover ul {display: block; }
#nav div.hlist ul li.hover ul li {display:block; text-align: left; float: none; margin: 0; background: url(img/nav-popup-mid.png) repeat-y;}	
#nav div.hlist ul li ul li.header { background: url(img/nav-popup-head.png) no-repeat; height: 25px; padding: 15px 0 0 20px; font-size:13px; color: #666666; }
#nav div.hlist ul li ul li.footer { background: url(img/nav-popup-footer.png) no-repeat; height: 16px; }

tbody th,
tbody tr:hover tbody th.sub,
tbody tr:hover td { background: #FFFFFF; color: black; }




/******************************************************************************
 * Hauptfarbe
 *******************************************************************************/

#nav {
	border-bottom:1px solid #000099;
	border-top:1px solid #000099;
}

#col3 {
	border-left:1px solid #000099;
	border-right:1px solid #000099;
}

h1, h2, 
#categoriesNav li a.selected, 
#categoriesNav li a:hover,
#categoriesNav li li a.selected,
#categoriesNav li li a:hover,
#categoriesNav li li li a.selected,
#categoriesNav li li li a:hover,
#categoriesNav li li li li a.selected,
#categoriesNav li li li li a:hover {
	background-color:#000099;
}

div.featured,
.subclHome,
.subcrHome,
.subclHomeHover,
.subcrHomeHover,
div.panelboxContact
	{ border:1px solid #000099; }


/******************************************************************************
 * Zur Hauptfarbe passende Schriftfarbe
 *******************************************************************************/
 
h1, h2, h1 a, h2 a, h1 a:hover, h1 a:focus, h2 a:visited,
h1 a:active, h1 a:visited, h2 a:hover, h2 a:focus, h2 a:active,
#categoriesNav li a.selected,  
#categoriesNav li a:hover,
#categoriesNav li li a.selected,
#categoriesNav li li a:hover,
#categoriesNav li li li a.selected,
#categoriesNav li li li a:hover,
#categoriesNav li li li li a.selected,
#categoriesNav li li li li a:hover {
	color:#FFFFFF;
}




/******************************************************************************
 * Highlightfarbe
 *******************************************************************************/
 
.subclHomeHover h2, .subcrHomeHover h2 { 
	background-color:#9999ff;
}
 
 
/******************************************************************************
 * Zur Highlightfarbe passende Schriftfarbe
 *******************************************************************************/

.subclHomeHover h2, .subcrHomeHover h2, .subclHomeHover h2 a, .subcrHomeHover h2 a  { 
	color:#FFFFFF; 
}




/******************************************************************************
 * Abgeleitete Farbe 1
 *******************************************************************************/

.page_margins { 
	background-color: #d2d2ff;
}


/******************************************************************************
 * Zur abgeleiteten Farbe 1 passende Schriftfarbe
 *******************************************************************************/

/* wird nicht benoetigt */




/******************************************************************************
 * Abgeleitete Farbe 2
 *******************************************************************************/

.subclHome, 
.subcrHome,
.subclHomeHover,
.subcrHomeHover
	{ background: #f7f7f7; }
	

/******************************************************************************
 * Zur abgeleiteten Farbe 2 passende Schriftfarbe
 *******************************************************************************/

.featuredDescription,
.featuredDescription a,
.featuredDescription h4,
.weiter,
.weiter a
	{ color: #000000 !important; }