@charset "UTF-8";
/*** verlag-fuchs.ch screen CSS by Philippe Braun ***/
/*** HTML Tags ***/
body {
	font: 83%/1.4 Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #DDDED9;
}

.fuchs a img, .fuchs a:link img {
	border:none;
}
.fuchs a, .fuchs a:link {
	color: #2a647b;
	text-decoration: none;
}
.fuchs a:hover {
	text-decoration: underline;
}

/*** STRUCTURE ***/
.fuchs #container {
	width: 960px;
	background: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #DDDED9;
	text-align: left;
}
.fuchs #header {
	background: #DDDDDD;
	padding: 0;
	margin: 0;
	position: relative;
}
.fuchs #header h1 {
	margin: 0;
	padding: 10px 0;
}
.fuchs #mainContent {
	padding: 0;
	background-color: #EDEEEC;
}
.fuchs #footer {
	padding: 0 10px;
	background-color: #5aa1ba;
	font-size: 0.9em;
}
.fuchs #footer p {
	margin: 0;
	padding: 10px 0;
}

/*** CONTENT CONTAINERS ***/
.fuchs div.mainL, .fuchs div.mainM, .fuchs div.mainR, 
.fuchs div.maingreyL, .fuchs div.maingreyM, .fuchs div.maingreyR,
.fuchs div.maincolorL, .fuchs div.maincolorM, .fuchs div.maincolorR {
	width: 290px;
	padding-bottom: 2em;
}
.fuchs div.mainL, .fuchs div.mainM,
.fuchs div.maingreyL, .fuchs div.maingreyM,
.fuchs div.maincolorL, .fuchs div.maincolorM {
	float: left;
}
.fuchs div.mainL, .fuchs div.mainLM, .fuchs div.mainM, .fuchs div.mainR {
	background-color: #ffffff;
}
.fuchs div.mainR, .fuchs div.maingreyR, .fuchs div.maincolorR {
	float: right;
}
.fuchs div.maincolorL, .fuchs div.maincolorM, .fuchs div.maincolorR {
	background-color: #d38c85;
}
.fuchs div.mainLM {
	width: 580px;
	/*padding-bottom: 2em;*/
	float: left;
	padding: 20px 10px 2em 20px;
}
.fuchs div.mainMR {
	width: 580px;
	/*padding-bottom: 2em;*/
	float: left;
	padding: 0 10px 0 335px;
}
.fuchs div.mainMR h2 {
	padding: 0;
	margin: 0;
}
.fuchs div.mainLMR {
	width: 930px;
	padding: 20px 10px 2em 20px;
	/*background-color: #ff0000;*/
}

.fuchs div.mainsmgreyL, .fuchs div.mainsmgreyM {
	float: left;
	width: 182px;
	padding-bottom: 2em;
}
.fuchs div.mainL, .fuchs div.maingreyL, .fuchs div.maincolorL, .fuchs div.mainsmgreyL {
	padding: 20px 10px 2em 20px;
	/*margin: 0 0 2em 0;*/
}
.fuchs div.mainM, .fuchs div.maingreyM, .fuchs div.maincolorM,
.fuchs div.mainsmgreyM {
	padding: 20px 15px 2em 15px;
}
.fuchs div.mainR, .fuchs div.maingreyR, .fuchs div.maincolorR {
	padding: 20px 20px 2em 10px;
	/*margin: 0 0 2em 0;*/
}

.fuchs div.main4, .fuchs div.main4grey, .fuchs div.main4color {
	padding: 20px 20px 2em 10px;
}

.clearfloat {
	margin: 0px; 
	padding: 0px;
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*** CLASSES ***/
.fuchs #toplogo h1 a, .fuchs #toplogo h1 a:link {
	background-image: url(../../_bilder/logo_300.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 100px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 20px;
	top: 0px;
}
.fuchs #toplogo h1 a:hover {
	background-position: -300px top;
}
.fuchs #toplogo {
	height: 100px;
	/*background-color: #337690;*/
	padding-left: 20px;
	position: relative;
}

/*** NAVIGATION ***/
.fuchs #topnav {
	/*background-color: #80BB3C;*/
	font-size: 1.2em;
	font-weight: bold;
}
.fuchs #subnav {
	background-color: #DB1D2B;
}
.fuchs #topnav ul, .fuchs #subnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 102;
}
.fuchs #topnav li, .fuchs #subnav li {
	margin: 0px;
	padding: 10px 20px;
	display: block;
	float: left;
}
.fuchs #topnav a, .fuchs #topnav a:link, .fuchs #topnav a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.fuchs #topnav a:hover {
	color:#ffffff;
}
.fuchs #topnav a.here, .fuchs #topnav a:link.here {
	color: #FFFFFF;
}
.fuchs #subnav a, .fuchs #subnav a:link, .fuchs #subnav a:visited {
	color: #000000;
	text-decoration: none;
}
.fuchs #subnav a:hover {
	color:#ffffff;
}
.fuchs #subnav a.here {
	font-weight: bold;
}

/* .fuchs div.main1grey, .fuchs div.main2grey, .fuchs div.main3grey, .fuchs div.main4grey {
	background-color: #edeeec;
}
.fuchs div.main1color, .fuchs div.main2color, .fuchs div.main3color, .fuchs div.main4color {
	padding-bottom: 2em;
}
*/


.fuchs img.dropshadowmd {
	background-image: url(../../_bilder/buecher_mittel/dropshadow_390x277.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 10px 10px 0;
	margin: 0px;
}
.fuchs #toplogo #warenkorb {
	font-size: 1em;
	width: 600px;
	position: relative;
	left: 0px;
	bottom: 0px;
}
.fuchs #mainContent p {
	margin: 0px 0px 1em 0px;
}
.fuchs #mainContent ul {
	margin: 0 0 1em 1.5em;
	padding: 0;	
}
.fuchs #mainContent li {
	list-style-position: outside;
	list-style-image: url(../graphics/dash.gif);
	margin: 0;
	padding: 0;
}
.fuchs #mainContent ul ul{
	margin: 0 0 0 2em;
	padding: 0;	
}
.fuchs #mainContent li ul li{
	list-style-position: outside;
	list-style-image: url(../graphics/dash.gif);
	margin: 0;
	padding: 0;
}


.fuchs #mainContent .dropshadowsm {
	background-image: url(../../_bilder/buecher_klein/dropshadow_123x170.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px 10px 10px 0px;
}
.fuchs #maintop {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #FFFFFF;*/
}
.fuchs #mainContent a.kaufen, .fuchs #mainContent a:link.kaufen {
	background-color: #f2f2eb;
	border: 1px solid #d2dce4;
	padding: 0.3em;
}
.fuchs #mainContent div.kaufen {
	background-color: #f2f2eb;
	border: 1px solid #d2dce4;
	padding: 0.3em;
	margin-bottom: 1em;
}
.fuchs #mainContent table.shoptable th, .fuchs #mainContent table.shoptable td {
	margin-right: 1em;
	padding-right: 1em;
	text-align: right;
}
.fuchs #toplogo #fc_minicart {
	display: none;
}
.fuchs #toplogo #fc_minicart a, .fuchs #toplogo #fc_minicart a:link {
	font-weight: bold;
	color: #000000;
}
.fuchs #toplogo span.warenkorb {
	color: #ffffff;
}
.fuchs #mainContent {
	line-height: 1.5em;
}
.fuchs #mainContent p.boxed {
	background-color: #eeeeea;
	border: 1px dotted #333;
	padding: 1em;
}
.fuchs #mainContent div.login {
	/*border: 1px solid #80bb3c;*/
	background-color: #80bb3c;
	padding: 1em;
}
.fuchs #mainContent p.loginhint, .fuchs #mainContent div.loginhint,
.fuchs #mainContent td.loginhint, .fuchs #mainContent tr.loginhint {
	background-color: #cde6ab;
	padding: 0.5em;
}
.fuchs #mainContent div.altrow {
	background-color: #f2f2eb;
}
.fuchs #mainContent p.fll {
	float: left;
	margin: 0 1em 1em 0;
}
.fuchs #mainContent p.flr {
	float: right;
}
.fuchs #mainContent .newestlisting {
	/*background: #DDDDDD;
	padding: 0.2em 0;
	border-top: 1px dotted #e33324;
	border-bottom: 1px dotted #e33324;*/
}
.fuchs #mainContent div.linklink {
	margin-top: 2em;
}
.fuchs #mainContent div.linklink a, .fuchs #mainContent div.linklink a:link {
	background-image: url(../graphics/redarrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 24px 0 0 0;
}
.fuchs #mainContent p.inhueb {
	display: block;
	padding: 0.3em 0.5em;
	background: #EDEEEC;
	margin: 0;
}
.fuchs #mainContent p.inhueber {
	display: block;
	padding: 0.3em 0.5em;
	background: #DDDDDD;
	margin: 0 0 1em 0;
}
.fuchs #mainContent p.inhueber_green, .fuchs #mainContent p.inhueber_red,
.fuchs #mainContent p.inhueber_blue, .fuchs #mainContent p.inhueber_yellow,
.fuchs #mainContent p.inhueber_beige, .fuchs #mainContent p.inhueber_white,
.fuchs #mainContent p.inhueber_kotz, .fuchs #mainContent p.inhueber_orange,
.fuchs #mainContent p.inhueber_grey {
	display: block;
	padding: 0.3em 0.5em;
	margin: 0 0 1em 0;
	font-weight: bold;
}

.fuchs #mainContent p.inhueb_green, .fuchs #mainContent p.inhueb_blue,
.fuchs #mainContent p.inhueb_red, .fuchs #mainContent p.inhueb_yellow,
.fuchs #mainContent p.inhueb_kotz, .fuchs #mainContent p.inhueb_orange,
.fuchs #mainContent p.inhueb_grey {
	display: block;
	padding: 0.3em 0.5em;
	margin: 0;
}
.fuchs #mainContent p.inhueb_white {
	display: block;
	padding: 0 0.5em 0.5em 0.5em;
	margin: 0;
}

.fuchs #mainContent p.inhueber_green, .fuchs #mainContent p.inhueb_green {
	background-color: #9bcb9c;
}
.fuchs #mainContent p.inhueber_blue, .fuchs #mainContent p.inhueb_blue {
	background-color: #8dccdc;
}
.fuchs #mainContent p.inhueber_red, .fuchs #mainContent p.inhueb_red {
	background-color: #e57f81;
}
.fuchs #mainContent p.inhueber_yellow, .fuchs #mainContent p.inhueb_yellow {
	background-color: #fbdf54;
}
.fuchs #mainContent p.inhueber_beige, .fuchs #mainContent p.inhueb_beige {
	background-color: #ddba85;
}
.fuchs #mainContent p.inhueber_kotz, .fuchs #mainContent p.inhueb_kotz {
	background-color: #dfe372;
}
.fuchs #mainContent p.inhueber_orange, .fuchs #mainContent p.inhueb_orange {
	background-color: #ee9b4b;
}
.fuchs #mainContent p.inhueber_grey, .fuchs #mainContent p.inhueb_grey {
	background-color: #d0d1d3;
}
.fuchs #mainContent p.inhueber_white, .fuchs #mainContent p.inhueb_white {
	background-color: #fff;
	font-weight: bold;
}

.fuchs #footer a, .fuchs #footer a:link {
	color: #ffffff;
}
.fuchs #footer a:hover {
	color: #F2B51C;
}
.fuchs #mainContent p.bookblock, .fuchs #mainContent p.bookblocker {
	display: block;
	float: left;
}
.fuchs #mainContent p.bookblock {
	padding: 10px 30px 0 30px;
}
.fuchs #mainContent p.bookblocker {
	padding: 10px 15px 0 15px;
}

.fuchs #mainContent p.blueblock {
	margin: 1em 0;
	padding:  0.5em;
	background-color: #1f71bd;
	color: #ffffff;
}
.fuchs #mainContent .lgrey {
	background: #DDDDDD;
}
.fuchs #mainContent .redoutline {
	background-color: #DDDDDD;
	border: 1px solid #3B879F;
	margin: 1em 1em 0 1em;
}
.fuchs #mainContent .tab-wrapper p.clearfloat {
	margin: 0;
	padding: 0;
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fuchs td.wstichwort {
	font-weight: bold;
	padding-right: 2em;
	padding-bottom: 2em;
	vertical-align: top;
}
.fuchs td.wtext {
	vertical-align: top;
}
.fuchs div.pleft{
	float: left;
	width: 48%;
}
.fuchs div.pright {
	float: right;
	width: 48%;
}
.fuchs p.warning {
	background-color: #fbdf54;
	border: 1px solid #DB1D2B;
	padding: 5px;
	font-weight: bold;
}
.fuchs .element a, .fuchs .element a:link {
	color: #DB1D2B;
}
.fuchs .element a:hover {
	color: #000;
	text-decoration: underline;
}
.fuchs p.warning a, .fuchs p.warning a:link {
	color: #2a647b;
}
.lehrerot {
	color: #bb001b;
	font-weight: bold;
}
.fuchs p.blueblock a, .fuchs p.blueblock a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
.fuchs a.pdf, .fuchs a:link.pdf {
	background: url(http://www.verlag-fuchs.ch/_bilder/icons/pdf.gif) no-repeat right center;
	border-bottom: 1px dotted #2a647b;
	padding-right: 30px;
}
.fuchs a:hover.pdf {
	border-bottom: 1px solid #2a647b;
	text-decoration: none;
}