/*
 *******************************************************************************
 * Katalog -> Liste
 */

#breadcrumbs {
	margin-bottom:1em;
	padding:0.3em;
	background-color:#efefef;
	border:2px solid #dfdfdf;
}

#itemlist {
	border:2px solid #dfdfdf;
}
	
#itemlist table {
	width:100%; 
	border:0;
	border-collapse: collapse;
	border-spacing: 0;
}

tr.zebra-even {
	background-color:#efefef;
}
tr.zebra-odd {
	background-color:#ccc;
}
tr.gallery {
	background-color:#ccc;
}

#paginator {
	margin-top:1em;
	padding:0.3em;
	background-color:#efefef;
	border:2px solid #dfdfdf;
}

#paginationControl {
	text-align:center;	
}

#paginationControl .previous, .page, .next {
	margin:0.2em;
	padding:0.5em;
}

#paginationControl .disabled {
	color:gray;
}

#paginationControl .active {
	font-weight:bold;
}

#catalog {
	width:800px;
	margin:auto;
	font-size:12px;
	color:#036;
	font-family:sans-serif;
}

#catalog h1 {
	color:#036;
	font-size:120%;
}

#catalog a {
	color:inherit;
	text-decoration: none;
}

#catalog p {
	margin-top:0;		
}

#catalog img.thumbnail {
	width:120px;
}

#catalog table.result {
	padding:10px;
	margin:0;
	width:100%;
}

#catalog table.result tr {
	background-color:#ccc;	
}

#catalog table.result tr.odd {
	background-color:#efefef;	
}

#changesearch {
	margin-bottom: 1em; 
	text-align: center;
}

/*
 *******************************************************************************
 * Katalog -> Detailansicht
 */

#orderbutton, #orderinformation, #iteminformation, #itemdetailtext, #detailpictures, #infodetailgallery, #detailgallery {
	width: 100%;
	margin-bottom:1.7em;
}

#orderinformation table, #iteminformation table, #itemdetailtext table, #detailpictures table {
	width: 100%; 
	border: 1px solid #808080; 
	border-collapse: collapse;
}

#orderinformation td, #iteminformation td, #itemdetailtext td, #detailpictures td {
	padding:0.3em;
	border: 1px solid #808080; 
}


#discountinfo {
	color: #A30000;
	font-size:1.8em;
	font-weight:bold;
}

#orderinformation td.header, #iteminformation td.header, #itemdetailtext td.header, #detailpictures td.header {
	background-image: url(/_files/app/images/window_title_bg.gif);
}

#detailpictures h1 {
	color: white;
	margin:0;
	font-size:1em;
}

#detailpictures td {
	text-align:center;
}

#infodetailgallery {
	font-weight:bold;
	text-align:center;
}

#infodetailgallery a {
	color: #800000;
	font-weight:bold;
}

#detailgallery {
	text-align:center;
}

#detailgallery img {
	border:0;
	margin:0.3em;
}

#orderinformation td.label, #iteminformation td.label {
	background: #ccc;
	width: 170px;
	border: 0;
}

#orderinformation td.label {
	height:40px;
}

#iteminformation td.label {
	padding-top:0.5em; 
	padding-bottom:0.5em; 
}

#orderinformation td.deliveryicon {
	width: 25px;
}

span.niceprice {
	color: #800000;
}

span.niceprice_former {
	color: gray;
	text-decoration: line-through;	
}

/*
 *******************************************************************************
 * Bestellung - Warenkorb
 */
#cart {
	width: 100%;
	margin-bottom:1.7em;
}

#cart table {
	width: 100%; 
	border: 1px solid #808080; 
	border-collapse: collapse;
	background-color:#eee
}

#cart td {
	padding:0.3em;
}

#cart td.header {
	background-image: url(/_files/app/images/window_title_bg.gif);
}

/*
 *******************************************************************************
 * Bestellung - Bestellvorgang
 */ 

#orderprocess {
	margin:auto;
}

#orderprocess td {
	padding-right:20px;
}

#orderprocess td span.active {
	font-weight:bold;
}

p.fees {
	color: #900000;
	font-weight: bold;
	padding: 0.8em;
}

#shippingservices div, #summary div {
	margin:2em auto;
	width:80%;
}

/*
 *******************************************************************************
 * Banner
 */
#banner {
	width: 100%; 
	height: 100px; 
	background-color: #ccc; 
	background-image: url(../images/banner_artcraftmodel.gif);
	background-repeat: no-repeat;
}

#banner img {
	float:right;
	margin:20px 20px 0 0 ;
}

/*
 *******************************************************************************
 * Navigation Top
 */
#navigation-top {
	margin:0;
	padding:0;
	width:100%;
	height:23px;
	background-color: #666;
	background-image: url(../images/navigation_top_background.jpg);
	background-repeat: repeat-x;
}

#navigation-top table {
	margin:0 auto;
	padding:0;
}

#navigation-top td {
	width: 9.2em;
	margin:0;
	padding:0.25em;
	border-left: 1px solid #999;
	border-right: 1px solid #000;
	text-align: center;
}

#navigation-top a {
	color:white;
}

#navigation-top td.login {
	background-image: url(/_files/eshop3/images/loginbutton_background.gif);
	border-left-color: #2667CF;
	border-right-color: #122F5F;
}

#navigation-top td.psl, #navigation-top td.psr {
	width:0;
}

#navigation-top td.psl {
	border-left-width:0;
}

#navigation-top td.psr {
	border-right-width:0;
}

/*
 * Das soll mal das Sheet f�r die neue Navigation werden
 
#navigation-top a {
	color: white;
	text-decoration: none;
	padding:0.1em;
}

#navigation-top ul {
	padding:0;
	margin:0 auto;
}

#navigation-top li {
	border-left: 1px solid white;
	border-right: 1px solid black;
	display: inline;
}
*/

/*
 *******************************************************************************
 * Contact form 
 */
#contactform {
	width: 50em;
	margin:auto;
	padding:1em;
	color: #47443D;
	background-color: #f1efe8;
	border: 1px solid #DAD3C4;
}

#contactform h1 {
	font-weight: bold;
	color: #E5DBC5;
	margin:0;
	margin:-0.4em -0.2em;
	padding:0;
	font-size:3em;
	text-align: right;
}

#contactform dt {
    width: 8em;
    display: block;
    float: left;
    clear: left;
    margin:0 2em 2em 0;
    padding-top:0.2em;
    text-align: left;
    
}
#contactform dd {
	width: 40em;
    margin-left: 0;
    float: left;
    margin-bottom:1em;
}

#contactform input.text, #contactform select.select, #contactform textarea {
	font-family: Arial, sans-serif;
	padding: 0.3em;
	font-size: 1em;
	background-color: white;
	border: 1px solid #B2AB9A;
	color: #47443D;
}

#contactform input.text {
	width: 15.2em;
}

#contactform select.select {
	width: 15.95em;
}

#contactform textarea {
	width: 34em;	
}

#contactform ul.errors {
	width: 34em;
	list-style: none;
	margin:0.3em 0 0 0;
	padding:0.3em;
	color: #52565b;
	background-color:#fdf6d4;
	border:1px solid #eae3c1;
}

/*
 *******************************************************************************
 * Widget Filterbox
 */
#filterbox h1 {
	color:white;
	font-size:1em;
	background-image:url(/_files/eshop3/images/header_bg.gif);
	margin:0;
	padding:0.3em;
	border:1px solid #122f5f;
	background-color:#122f5f;
}

#filterbox div {
	margin-bottom:1em;
	padding:0.3em;
	background-color:#efefef;
	border:2px solid #dfdfdf;
	border-top:0; 
}

#filterbox table {
	margin:0;
	width:100%;
}

#filterbox table td {
	margin:0;
	padding:0.3em 0;
	width:50%;
}

#filterbox table td.right-align {
	text-align:right;
}

/*
 * News Page
 */
#news {
	width:90%; 
	margin: 2em auto;
}

#news table {
	margin:auto; 
	width:100%; 
	border-spacing: 0; 
	border-collapse: collapse
}

#news table td.header {
	background-image:url(/_files/app/images/window_title_bg.gif); 
	height:23px; 
	padding-left:0.3em
}

#news table td.middle {
	padding:0.3em
}

#news h1, p.date, p.content {
	color: #246;
}

#news h1 {
	font-size: 1.2em;
	margin-bottom:0;
}

#news p.date {
	font-size: 0.8em;
	margin-top:0;
}

#news hr {
	border: 1px solid #B2AB9A;	
}

/* 
 * Vorschlag f�r die Neugestaltung der News Seite
 
#news {
	width: 50em;
	margin:auto;
	padding:1em;
	color: #47443D;
	background-color: #f1efe8;
	border: 1px solid #DAD3C4;
}

#news h1.windowtitle {
	font-weight: bold;
	color: #E5DBC5;
	margin:0;
	margin:-0.4em -0.2em;
	padding:0;
	font-size:3em;
	text-align: right;
}

#news h1, p.date, p.content {
	color: inherit;
}

#news h1 {
	font-size: 1.2em;
	margin-bottom:0;
}

#news p.date {
	font-size: 0.8em;
	color: #52565b;
	margin-top:0;
}

#news hr {
	border: 1px solid #B2AB9A;	
}
 */

/*
 *******************************************************************************
 * Detailsuche
 */

#searchproperty, #searchtag {
	margin-bottom: 2em; 
}

#searchform table {
	width: 100%;
	border-collapse: collapse;
	padding: 0.3em;
}

#searchform td {
	padding: 0.3em;
	background-color: #ccc;
	width: 50%;
	border: 1px solid #aaa;
}