/*
 * This file shall be basis for a complete technical relaunch
 */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
}

a img {
	border: none;
}

h1 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

p {
	margin: 0 0 1em 0;
}

hr {
	overflow: hidden;
	height: 1px;
	background-color: #cccc9a;
	border: 0;
	margin: 1em 0;
}

small {
	font-size: 0.9em;
}

/*
 * Especially for booksellers;
 * to be put into separate file
 */
.row.bookseller {
	
}

.row.bookseller .info {
	float: right;
	width: 33%;
}


/* Copy: holds standard-content in content-area */

.copy {
	clear: both;
	padding: 15px;
}

.copy.blank {
	padding-bottom: 0;	
}

.copy.side {
	overflow: hidden;
	clear: none;
}

.copy a:visited,
.copy a,
.box a:visited,
.box a {
	color: #cc3300;
}

.box h3.large-font,
.large-font {
	font-size: 1.2em;
	line-height: 1.4em;
}

ul {
	list-style: square;
	overflow: hidden;
	padding: 0 0 0 2em;
	margin: 0;
}

/* Alerts */

.message {
	overflow: hidden;
	margin: 15px;
	border: 1px solid #f80000;
	background-color: #ffffff;
}

.message p {
	margin: 0;
}

.alert {
	border-color: #f80000;
}

.alert a {
	color: #f80000;
}

/* Bordered, white box */

.box {
	overflow: hidden;
	border: 1px solid #cccc9a;
	margin: 0 15px 15px 15px;
	background-color: #ffffff;
}

.box a {
	padding: 0 0 0 7px;
	background-image: url("../../img/home/nav/pfeil_r.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

.box a.blank {
	padding: 0;
	background: none;
}

.box h3 {
	padding: 5px 5px 8px 5px;
	margin: 0;
	color: #fff;
	background-color: #cccc9a;
	font-size: 1em;
}

.box h4 {
	font-size: 1em;
}

.box p {
	margin: 0 0 10px 0;
}

/* Within box */

.message .inner,
.box .inner {
	padding: 10px;
	overflow: hidden;
}

.box .inner.text-right {
	text-align: right;
}

.box .inner h2 {
	font-size: 1.2em;
	line-height: 1.4em;
}

.box .inner h3 {
	padding: 0;
	margin: 0 0 0.5em 0;
	color: #000;
	background: none;
	font-size: 1.2em;
	line-height: 1.4em;
}

.box .inner h3.red {
	color: #ff0305;
}

.box .inner h4 {
	border: 0 solid #ebebd7;
	padding: 0 0 5px 0;
	margin: 1.5em 0 0.5em 0;
}

.box .inner img {
	float: left;
	padding: 0 10px 10px 0;
}

.box .inner label {
	display: block;
	margin: 0 0 2px 0;
}

.box .inner select,
.box .inner textarea,
.box .inner input {
	width: 30%;
	padding: 2px;
	border: 2px solid;
	margin: 0 0 10px 0;
	border-color: #ccc #f7f8f3 #f7f8f3 #ccc;
	font-family: Verdana, Arial, sans-serif;
	vertical-align: top;
}

.box .inner select.wide {
	width: auto;
}

.box .inner textarea {
	font-size: 1em;
	width: 50%;
}

.box .inner input.submit {
	width: auto;
	border: 0;
	margin: 0;
}

.box .inner input.readonly {
	background-color: #ccc;
}


/* Small box */

.box.small {
	float: left;
	display: inline;
	margin: 15px 0 0 15px;
	background-color: #fff;
	border: 1px solid #cccc9a;
}

.box.transparent {
	background-color: transparent;
}

.box.small.blank {
	border: none;
	background-color: transparent;
}


/* Box on left side */

.box.left {
	width: 360px;
}

.box.left h3 {
	padding: 0;
	background-color: #fff;
	text-align: center;
}


/* Box on right side */

.box.right {
	width: 283px;
}

.box.right .items .item {
	margin: 0 0 10px 0;
	border: 0 solid #cccc9a;
	border-width: 0 0 1px 0;
}

.box.right .items .item.last {
	border: 0;
}

.box.right .items .item.blank {
	border: 0;
	margin: 0;
}

.box.right .items .item .image {
	float: left;
	width: 95px;
	padding: 0;
	margin: 0 10px 0 0;
	background: none;
}

.box.right .items .item .info {
	overflow: hidden;
	float: right;
	margin: 0;
	width: 158px;
}

/* Simple box with image and text inside */

.box .teaser img {
	float: left;
	padding: 0 10px 10px 0;
}

/* News-item in box */

.box .news {
	clear: left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border: 0 solid #cccc9a;
}

.box .news img {
	float: left;
	padding: 0 10px 10px 0;
}

.box .news p {
	display: inline;
	padding: 0 5px 0 0;
}

.box .news h4 {
	margin-top: 5px;
}


/* All items in box */

.box .items {
	height: 1%;
	padding: 0;
}

.box .row {
	clear: both;
}

.box .items a {
	display: block;
}


/* Single item in box */

.box .item {
	float: left;
	margin: 0 10px 10px 0;
}

.box .item img {
	margin: 0 0 10px 0;
}


/* Special item for "Vis-à-Vis" */

.box .item.page {
	width: 310px;
}

.box .item.page .image img {
	margin: 0;
}

.box .item.page .image {
	overflow: hidden;
}

/* Special item for "POS-Aktionen" */

.box .item.action {
	height: 420px;
	width: 200px;
}

.box .item.action .image {
	overflow: hidden;
	height: 300px;
}


/* Special item for "Bestseller" */

.box .item.bestseller {
	overflow: hidden;
	float: none;
	width: 620px;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
}

.box .item.bestseller.top {
	background-color: #eff0e0;
}

.box .item.bestseller h4 {
	margin: 0 0 10px 0;
}

.box .item.bestseller a img {
	border: 0;
	vertical-align: middle;
}

.box .item .image.bestseller img {
	width: 95px;
}

.box .item.bestseller .left {
	float: left;
	width: 163px;
	margin: 0 10px 0 0;
}

.box .item.bestseller .center {
	float: left;
	width: 197px;
}

.box .item.bestseller .right {
	width: 240px;
	float: right;
}

.box .item.bestseller .frame {
	overflow: hidden;
	padding: 10px;
	border: 1px solid #cccc9a;
	background-color: #fff;
	text-align: center;
}

.box .item.bestseller .frame a {
	padding: 0;
	margin: 0;
	background: none;
}

.box .item.bestseller .ranking {
	margin: 0 0 15px 0;
}

.box .item.bestseller .frame h2 {
	margin: 0;
}


/* Special item for "Poster" */

.box .item.poster {
	width: 130px;
	height: 300px;
	overflow: hidden;
}

.box .item.poster.order a,
.box .item.poster .image a {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}

.box .item.poster.order a img,
.box .item.poster .image a img {
	border: 0;
}

.box .item.poster.order {
	float: none;
	clear: both;
	width: auto;
	height: auto;
	padding: 10px 10px 0 10px;
	margin: 0;
}

.box .item.poster.order input {
	display: inline;
	width: 35px;
}

.box .item.poster.order label {
	vertical-align: middle;
	display: inline;
}

.box .item.poster.order {
	background-color: #eff0e0;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
}

*html .box .item.poster.order {
	width: 100%;
	background-color: #eff0e0;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
}

.box .item.poster.order img {
	display: block;
}

*html .box .item.poster.order img {
	display: block;
}


.box .item.poster.order img {
	width: 50px;
	float: right;
}

.box .item.poster.order div {
	overflow: hidden;
}

.box .item.poster .info {
	
}

.box .item.poster .image {
	overflow: hidden;
	height: 200px;
	margin: 0 0 10px 0;
}


/* Special row and item for "Veranstaltungen" */

.box .row.event .image {
	float: left;
}

.box .row.event .image img {
	margin: 0 0 10px 0;
}

.box .row.event .example {
	float: right;
}

.box .item.last {
	margin: 0 0 10px 0;
}


/* Formular */

form {
	width: 100%;
	padding: 0;
	margin: 0;
}

form .box .inner p {
	color: #888;
}

form input.submit {
	width: auto;
	margin: 0 15px 15px 15px;
}

form .box .inner input.checkbox {
	display: inline;
	width: auto;
	border: none;
}

form .box .inner label.checkbox {
	display: inline;
}

form input.submit.right {
	float: right;
}

form .box .inner small {
	font-size: 1em;
	display: block;
}


/* Table */

.box table {
	width: 100%;
}

.box table tr {
	padding: 0;
	border: 0;
	margin: 0;
}

.box table tr th {
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

.box table tr td {
	padding: 4px 10px 4px 0;
	border: 0 solid #cccc9a;
	border-width: 1px 0 0 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}

.box table tr td input.amount {
	width: 30px;
	padding: 0;
	margin: 0;
	text-align: right;
}

.box table tr td.soft {
	color: #777;
}

.box table tr td.small {
	width: 35px;
}

.box table tr td.sum {
	color: #000;
}

.box table tr th.amount,
.box table tr td.amount {
	padding-right: 0;
	text-align: right;
}

.box table tr th a:visited,
.box table tr th a,
.box table tr td span a:visited,
.box table tr td span a {
	color: #000;
}


.box table tr td a {
	padding: 0;
	margin: 0;
	background: none;
}

.box table tr td a img {
	border: 0;
}


/* Element shown on mouse-over */

.mouse_box {
	display: none;
	z-index: 1000;
	position: absolute;
	padding: 5px;
	background-color: #fff;
	border: 0 solid #898989;
	border-width: 1px 2px 2px 1px;
}