/* Nur zur entwurfszeit */
.building {
	width:auto;
	background:#ebebeb;
	padding:0.5em;
	white-space:pre;
}

/* Vorgaben und Grundeinstellungen */
html,body {
	margin:0;
	padding:0;
	color:#000;
	background-color:#fff;
	font-family:Arial, FreeSans, Verdana, Helvetica, sans-serif;
}

body {
	font-size:62.5%; // IE
}

html>body {
	font-size:11px; // Ignoriert der IE
}

a img {
	border:none;
}

/* Positionierung der Elemente */
#head {
	width:auto;
	height:90px;
	background:#fff url(/art/head_jpc_with.png) right top no-repeat;
}

#logo {
	float:left;
	width:181px;
	height:66px;
	background:#fff url(/art/logo_jpc.png) 26px 5px no-repeat;
}

#logo a {
	width:auto;
	display:block;
	height:100%;
}

#content {
	position:absolute;
	float:left;
	width:65.9%;
	margin-left:17%;
}

#leftnav {
	position:absolute;
	float:left;
	width:17%;
	overflow:hidden;
}

#extlinks {
	position:relative;
	float:right;
	width:17%;
	overflow:hidden;
}

#footer {
	text-align:center;
	margin:2em;
}

#footer p {
	padding:0;
	margin-bottom:1ex;
}

/* Schriftgrößen der H-Tags */
h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.1em;
}

/* Angaben zur Hitlist und Detailseite im Content-Bereich */
.hitlist, .detail, .static {
	padding:0 2em 1em 3em;
	font-size:1.1em;
}

.hitlist li {
	display:block;
	width:auto;
	padding:1.2ex 1.2ex 0 1.2ex;
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	margin-bottom:2em;
	position:relative;
}

.hitlist li p {
	margin:0 0 1ex 0;
	padding:0;
}

.hitlist li.odd {
	background-color:#f5f5f5;
}

.hitlist li.even {
	background-color:#dff2e5;
}

.hitlist .thumbnail {
	float:left;
	width:90px;
	position:relative;
}

.hitlist a img {
	border:none;
}

.hitlist .browsecontent {
	margin-left:90px;
}

.hitlist .browsedetails {
	margin-left:90px;
}

.hitlist .browselinks {
	float:right;
	width:12em;
	margin:0 0 2em 1em;
	overflow:hidden;
	position:relative;
}

.hitlist .browselinks a {
	display:block;
	width:auto;
	padding-left:10px;
	background:transparent url(/art/bullet_arrows_green_size2.gif) 0 0.4em no-repeat;
	font-weight:bold;
	position:relative;
}

.hitlist .browselinks a:hover, .hitlist .browselinks a:visited, .hitlist .browselinks a:active {
	font-weight:bold;
}

.hitlist .browsecontent a {
	width:auto;
	padding-left:11px;
	background:transparent url(/art/bullet_arrows_green_size2.gif) 0 0.4em no-repeat;
	font-weight:bold
}

.hitlist h2, .hitlist h3 {
	padding:0;
	margin:0 0 1ex 0;
}

.hitlist .priceadd {
	font-size:0.9em;
	color:#7f7f7f;
}

.hitlist .priceadd a {
	color:#7f7f7f;
	padding-left:10px;
	background:transparent url(/art/bullet_arrows_grey.gif) 1px 50% no-repeat;
}

.browse {
	padding:0;
}

.detailbox {
	width:auto;
	padding:1.2ex 1.2ex 0 0;
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	margin:0 0 2em;
}

.detail h1 {
	width:auto;
	overflow:hidden;
	margin:0.4em 0 0;
	padding:0.2ex 0.5ex;
	background-color:#008442;
	font-size:1.3em;
	color:#f5f5f5
}

.detail h2 {
	font-size:1.2em;
	margin:0 0 1ex 0;
	padding:0;
	width:auto;
}

.detailinfobox {
	float:left;
	width:150px;
}

.detailinfobox p {
	margin:0 0 0.5ex 0;
	padding:0;
}

.detailinfobox p a {
	padding-left:10px;
	background:transparent url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
}

.detailinfobox p a:hover {	
	background:#dff2e5 url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
}

.detailinfobox .cover {
	margin-bottom:1em;
}

.detailtextbox {
	display:block;
	width:auto;
	padding-left:160px;
}

.detailtextbox p {
	margin:0 0 1em 0;
	padding:0;
}

.detail .titel, .detail .interpret {
	font-size:1.1em;
	margin-bottom:1em;
}

.detail .inhalt {
	font-size:1.1em;
	margin:1em 0;
}

.detail .inhalt a {
	padding-left:10px;
	background:transparent url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
}

.detail .inhalt a:hover {
	background:#dff2e5 url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
}

.detail .zusatztext {
	padding:1ex;
	background-color:#f5f5f5;
	margin-bottom:1em;
}

.detail .orderlink a {
	float:right;
	display:block;
	width:102px;
	height:22px;
	background:transparent url(/art/but_bestellen.gif) left top no-repeat;
}

.detail .priceadd {
	font-size:0.9em;
	color:#7f7f7f;
}

.detail .priceadd a {
	color:#7f7f7f;
	padding-left:10px;
	background:transparent url(/art/bullet_arrows_grey.gif) 1px 50% no-repeat;
}

a:link, a:active, a:visited, a:hover {
	text-decoration:none;
	color:#000;
	font-weight:normal;
}

a:visited {
	color:#333;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}

li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftnav a, #extlinks a {
	display:block;
	width:95%;
}

#leftnav a:active, #extlinks a:active {
	border:none;
}

#leftnav a:hover, #extlinks a:hover, .hitlist li.odd .browsedetails a:hover, .hitlist li.odd .browselinks a:hover,  .hitlist li.odd .browsecontent a:hover {
	background-color:#dff2e5;
	border:none;
}

#leftnav a:active, #extlinks a:active {
	border:none;
}

.hitlist li.odd .browsecontent a:active,  .hitlist li.odd .browsecontent a:visited,  .hitlist li.odd .browsecontent a:hover  {
	font-weight:bold;
}

.hitlist li.even .browsedetails a:hover, .hitlist li.even .browselinks a:hover, .hitlist li.even .browsecontent a:hover {
	background-color:#f5f5f5;
	border:none;
}

.hitlist li.even .browsecontent a:active,  .hitlist li.even .browsecontent a:visited, .hitlist li.even .browsecontent a:hover {
	font-weight:bold;
}

#leftnav ul.categories ul, #extlinks ul ul {
	padding-bottom:0.2em;
	margin-bottom:1em;
}

#leftnav ul.categories ul ul {
	margin-bottom:0;
}

#leftnav li.categoryname, #leftnav li.incat {
	font-weight:bold;
	font-size:1.1em;
	background:url(/art/fond_leftnav_jpc.gif) left top repeat-y;
}

#extlinks li.categoryname {
	font-weight:bold;
	font-size:1.1em;
	background:url(/art/fond_rightnav_jpc.gif) right top repeat-y;
}

li.categoryname ul {
	border-top:5px #999 solid;
}

li.categoryname ul ul {
	border-top:none;
}

span.categoryname {
	display:block;
	width:auto;
	padding:0.2em 0.2em 0 0.2em;
	background-color:#fff;
}

span.categoryname a, span.categoryname a:hover, span.categoryname a:visited {
	font-weight:bold;
	background-color:#fff !important;
}

#extlinks span.categoryname {
	padding:0.2em 0.2em 0 0;
}

#leftnav li.categoryname li, #extlinks li li {
	padding-left:10px;
	font-weight:normal;
	background:transparent url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
	font-size:1em;
	width:95%;
}

#leftnav li.categoryname li {
	margin-left:0.5em;
}

#leftnav li.subcat {
	padding-left:10px;
	font-weight:normal;
	background:transparent url(/art/bullet_arrows_green_size2.gif) left 0.5ex no-repeat;
	font-size:1.1em;
	width:95%;
}

#leftnav li.cat {
	padding-left:20px;
	font-weight:normal;
	background:transparent url(/art/bullet_arrows_green_size2.gif) 10px 0.5ex no-repeat;
	font-size:1.1em;
	width:95%;
}

/* Formatierung der Seitennavigation über hitlist */
ul.pagenav li {
	float:left;
	width:2.2em;
	padding:0;
	border:0;
	margin-bottom:3ex;
	text-align:center;
	overflow:hidden;
	height:1.4em;
	font-size:1em;
}

ul.pagenav li a {
	display:block;
	width:auto;
	height:2.5ex;
}

ul.pagenav li a:hover {
	width:auto;
	background-color:#dff2e5;
}

li.pagenav_ll {
	background:transparent url(/art/but_arrows-end-left_green.gif) center center no-repeat;
}

li.pagenav_ll a:hover {
	background:#dff2e5 url(/art/but_arrows-end-left_green.gif) center center no-repeat;
}

li.pagenav_l {
	background:transparent url(/art/but_arrows_green_left.gif) center center no-repeat;
}

li.pagenav_l a:hover {
	background:#dff2e5 url(/art/but_arrows_green_left.gif) center center no-repeat;
}

li.pagenav_rr {
	background:transparent url(/art/but_arrows-end-right_green.gif) center center no-repeat;
}

li.pagenav_rr a:hover {
	background:#dff2e5 url(/art/but_arrows-end-right_green.gif) center center no-repeat;
}

li.pagenav_r {
	background:transparent url(/art/but_arrows_green.gif) center center no-repeat;
}

li.pagenav_r a:hover {
	background:#dff2e5 url(/art/but_arrows_green.gif) center center no-repeat;
}

ul.pagenav li strong {
	display:block;
	width:auto;
	font-weight:bold;
	background-color:#e8e8e8;
}

/* und noch der clearfix */
.clear {
	clear:both;
}