body {
        background-color:#333333;
        background-image:url('img/body-background.jpg');
        background-position: center top;
        background-repeat:repeat-y;
        margin:0px;
        padding:0px;
        text-align:center;

        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
        color:#CBA674;
}

/**************************************************************
*
*        Div
*
***************************************************************/

.clear {
        clear:both;
}

.dotline {
        height:20px;
        width:97%;
        background-image:url('img/dotline2.gif');
        background-position:left center;
        background-repeat:repeat-x;
}

.box-shadow {
	height:20px;
        background-image:url('img/box-shadow.png');
        background-position:left center;
        background-repeat:repeat-x;
}

.box-shadow-finanz {
	height:20px;
        background-image:url('img/box-shadow.png');
        background-position:left center;
        background-repeat:repeat-x;
		background-color:#614B38;
}

.error {
        border:2px solid red;
        padding:10px;
        margin-bottom:20px;
        color:red;
}

.info {
        border:1px dotted green;
        padding:10px;
        margin-bottom:20px;
        color:green;
}

h1 {
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 22px;
	font-size-adjust: none;
	font-stretch: normal;
	line-height:1;

	padding:0px;
	margin:0px;
	
	margin-bottom:15px;
}

/**************************************************************
*
*        Ajaxinfo
*
***************************************************************/

#ajaxinfo {
	width:400px;

	padding:20px;

	margin-left:40%;

	margin-top:300px;

	border:1px solid #000000;

	background-color:#593B2A;

	position:absolute;

	z-index:201;
	text-align:left;
}

#ajaxchristmasinfo {
	width:100%;
	
	margin-top:150px;

	position:absolute;

	z-index:201;
	text-align:center;
}

#overlay {
	width:100%;
	height:100%;

	background-color:#201816;

	position:absolute;

	z-index:200;

	text-align:center;
}

/**************************************************************
*
*        Form
*
***************************************************************/

select {
	border:1px solid gray;

	width:200px;

	margin-bottom:10px;
}

label {
	float:left;
	width:150px;

	margin-top:3px;
}

textarea {
	margin-bottom:10px;

	border:1px solid gray;
}

.input {
	
	margin-bottom:10px;

	border:1px solid gray;
}

.button {
	background-color:#261810;

	color:white;

	border:1px solid #261810;
}

/**************************************************************
*
*        Links
*
***************************************************************/

a.link-create-account {
	line-height:35px;

	display:block;

	background-image:url('icons/personal.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-password {
	line-height:35px;

	display:block;

	background-image:url('icons/password.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-retoure {
	line-height:35px;

	display:block;

	background-image:url('icons/review.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-contact {
	line-height:35px;

	display:block;

	background-image:url('icons/contact.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-back {
	line-height:35px;

	display:block;

	background-image:url('icons/back.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-continue {
	line-height:35px;

	display:block;

	background-image:url('icons/continue.png');
	background-repeat:no-repeat;
	background-position:right center;

	padding-right:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-xsell {
	line-height:30px;

	display:block;

	background-image:url('icons/xsell.png');
	background-repeat:no-repeat;
	background-position:right center;

	padding-right:40px;
	margin-bottom:5px;

	color:#FFFFFF;
}

a.link-email {
	line-height:35px;

	display:block;

	background-image:url('icons/email.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-home {
	line-height:35px;

	display:block;

	background-image:url('icons/home.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-card {
	line-height:35px;

	display:block;

	background-image:url('icons/card.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.link-print {
	line-height:35px;

	display:block;

	background-image:url('icons/drucken.png');
	background-repeat:no-repeat;
	background-position:left center;

	padding-left:40px;
	margin-bottom:5px;

	color:#CBA674;
}

a.button {
    text-decoration:none;
    color:white ! important;
    margin:0 7px 0 0;
    padding:2px 8px 1px 8px;
}
/**************************************************************
*
*        Struktur
*
***************************************************************/



#header {
        width:980px;
        height:122px;
        margin:auto;
}

#banner {
        width:980px;
        margin:auto;
}

#header .languages {
	position:absolute;

	top:5px;
	margin-left:915px;

	z-index:101;
}

#header .languages img {
	border:0px;
	margin-left:5px;
}

#header .shop-mark {
        position:absolute;
        top:5px;
        margin-left:733px;
        background-image:url('img/schild.png');
        width:247px;
        height:189px;
	z-index:100;
}

/*
* html #header .shop-mark {
*        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shop-harley-dresden.com/templates/xtc4/img/schild.png', sizingMethod='image');
*        background:none;	
* }
*/

/**************************************************************
*
*        content
*
***************************************************************/

#search {
	background-color:#4B3020;

	padding-top:10px;
	padding-left:10px;

	background-image:url('img/search-background.png');
	background-repeat:no-repeat;
	background-position:left top;
}

#search .input {
	width:140px;
}

#search-full .input {
	width:150px;

	float:left;

	margin-top:7px;

}

#content-background {
	background-image:url('img/content-background.png');
	background-repeat:repeat-x;
	background-position:left bottom;
}

#content-background a {
	color:#CBA674;
}

#content-image {
	width:980px;
	/*height:458px;*/
	
	margin:auto;
	/*padding-right:20px;
	padding-top:15px;*/
	
	/*background-image:url('../../images/content/content.gif');
	background-repeat:no-repeat;*/
	
	text-align:right;
}

#content {
	width:980px;
	/*height:458px;*/
	
	margin:auto;
	
	/*background-color:#734930;*/
	/*padding-right:20px;*/
	
	
	/*background-image:url('../../images/content/content.gif');
	background-repeat:no-repeat;*/
	
	text-align:left;
}

#content .content {
	width:790px;
	
	/*padding-bottom:10px;*/
	
	float:left;
	overflow:hidden;
	
	
	
	text-align:left;
	

}

#content-image .overlay-1 {
	margin-left:700px;
	margin-top:15px;
	position:absolute;
	
	z-index:1;
}

#content-image .overlay-2 {
	margin-left:700px;
	margin-top:165px;
	position:absolute;
}


#content-image .overlay-3 {
	margin-left:700px;
	margin-top:315px;
	position:absolute;
}

	

/**************************************************************
*
*        Menu
*
***************************************************************/


#menu {
	background-image:url('img/menu-background.png');
	background-repeat:repeat;
	background-color:#391609;
	text-align:left;
	height:40px;
	
	width:980px;
	margin:auto;
	
	/*border-bottom:1px solid #000000;*/
}

#menu .cart-info {
	position:absolute;
	width:190px;
	font-size:11px;

	overflow:hidden;
	float:left;

	top:103px;
	margin-left:805px;
	z-index:102;
}

#menu .cart-info .text {
	padding-top:8px;
}

#menu .cart-info .text a {
	text-decoration:none;
}

#menu .cart-info img {
	float:left;
}


#menu .line {
	float:left;
	overflow:hidden;
}


#menu .item {
	padding-left:8px;
	padding-right:8px;
	
	padding-top:10px;	
	
	height:30px;
}

#menu .item:hover {
	background-image:url('img/menu-background-act.png');
	background-repeat:no-repeat;
	background-position:right center;
}

#menu .item-act {
	background-image:url('img/menu-background-act.png');
	background-repeat:no-repeat;
	background-position:right center;
}

ul.menu, ul.menu ul {
	
	list-style-type: none;
	padding:0px;
	margin:0px;
}

ul.menu a {
	display: block;

	height:32px;
	line-height:32px;

	text-decoration:none;
}




ul.menu ul {
	margin-top:0px;
	margin-left:0;	
	/*padding: 0 0 5px 0;*/
	position: absolute;
	/*border:1px solid #FFF9E4;*/
	display:none;
	/*min-width:180px;*/
	z-index:10001;
}

ul.menu li {
	padding:0;	
	margin:0;	
	background-image: none;	
	/*background-color: #FFF9E4;*/
	float:left;
	background-image:url('img/menu-item-line.png');
	background-repeat:no-repeat;
	background-position:right center;
}


ul.menu li:hover {
	background-image:url('img/menu-background-act.png');
	background-repeat:no-repeat;
	background-position:right center;
}

/* IE-Hack für die Breite */
html ul.menu ul {	
	width:225px;
}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
	display:block;
}


ul.menu ul li {
	float:none;
	min-width:150px;

	background-image:url('img/menu-background-sub.png');
	background-repeat:no-repeat;
	background-position:right center;
}

ul.menu ul a {
	display: block;
	font-size:12px;

	padding-left:10px;
	padding-right:10px;
	
	color:white;

	
}

ul.menu ul a:hover {
	color:#CBA674;
}

/**************************************************************
*
*        Footer
*
***************************************************************/

#footer {
	width:980px;

	margin:auto;
	padding-top:30px;
	padding-bottom:20px;

	background-image:url('img/footer-background.png');
	background-repeat:repeat-x;
	
	text-align:left;

	font-size:11px;	
	color:#946F5D;
}

#footer strong {
	font-size:12px;
	margin-bottom:5px;
}

#footer a {
	color:#946F5D;
	text-decoration:none;
}

#footer a:hover {
	color:#946F5D;
	text-decoration:underline;
}

/**************************************************************
*
*        categories
*
***************************************************************/

#content .categories {
	width:190px;
	
	float:left;
	overflow:hidden;

}

#content .categories a {
	height:31px;
	
	padding-left:35px;
	
	display:block;
	
	
	line-height:31px;
	background-image:url('img/categories-item-background.png');
	background-repeat:no-repeat;
	
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;

}

#content .categories a:hover {
	background-image:url('img/categories-item-over-background.png');
	background-repeat:no-repeat;
}

#content a.categories-item-act {
	background-image:url('img/categories-item-act-background.png');
	background-repeat:no-repeat;
}

#content a.categories-item-act:hover {
	background-image:url('img/categories-item-act-background.png');
	background-repeat:no-repeat;

}

#content a.categories-item-sub {
	background-image:url('img/categories-item-sub-background.png');
	background-repeat:no-repeat;
	
	padding-left:15px;
}

#content a.categories-item-sub:hover {
	background-image:none;
	background-color:#3b2619;

	padding-left:15px;
}

#content a.categories-item-sub-act, #content a.categories-item-sub-act:hover {
	background-image:none;
	background-color:#3b2619;

	padding-left:15px;
}

#content a.categories-item-sub2 {
	background-image:none;
	background-color:#3b2619;
	
	padding-left:30px;
}

#content a.categories-item-sub2:hover {
	background-image:none;
	background-color:#261810;

	padding-left:30px;
}

#content a.categories-item-sub2-act, #content a.categories-item-sub2-act:hover {
	background-image:none;
	background-color:#261810;

	padding-left:30px;
}

/**************************************************************
*
*        Copyright
*
***************************************************************/


.copyright {
        color:#674D41;
        font-size:10px;
}

.copyright a {
        color:#674D41;
        text-decoration:none;
}

/**************************************************************
*
*        Content
*
***************************************************************/

#content_table {
	color:#CBA674;
	
	border:1px dotted #67432D;
}

#content_table td {
	padding:5px;
	
	text-align:right;	
}

#content_table .content_table_tr {
	
}

#content_table .content_table_td {
	text-align:left;
}

#content_table .content_table_tr_change {
	background-color:#3F312B;
}

#content_table .content_table_title {
	padding:5px;
	
	background-color:#241C18;
	
	font-weight:bold;
	
	border-bottom: 1px dotted #67432D;
	
	text-align:center;
}

#content_table .content_table_tr_head {
	padding:5px;
	
	background-color:#2F221A;
	
	text-align:right;
	font-weight:bold;
}

#content_table .content_table_tr_head td {
	border-bottom: 1px dotted #67432D;
}

#content_table .content_table_tr_head_td_left {
	text-align:left;
}

#content_table .content_table_title_left {
	text-align:left;
}

#content_table .content_table_cell {
	text-align:right;
	
	border-left: 1px dotted #67432D;
}

#content_table .content_table_cell_shipping {
	text-align:center;
	
	border-left: 1px dotted #67432D;
}

#content_table .content_table_title_shipping {
	padding:5px;
	
	background-color:#241C18;
	
	font-weight:bold;
	
	border-bottom: 1px dotted #67432D;
	
	text-align:left;
}
	
form#products_request textarea {
	height:100px;
	width:300px;
}

form#products_request input {
	width:300px;
}

form#products_request .button {
	width:auto;
}

#content-start {
	width:950px;
	margin:auto;
	text-align:left;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
}

#content-start a {

color: #946f5d;

text-decoration: none;

}

#content-start a:hover {

color: #946f5d;

text-decoration: underline;

}

/**************************************************************
*
*        Finanzierung Form
*
***************************************************************/

.finanz-motorcycle-box label {
	width:160px;
}

.finanz-motorcycle-box input, .finanz-motorcycle-box textarea  {
	width:300px;
}

.finanz-motorcycle-box select {
	width:302px;
	
}

.finanz-motorcycle-box input.long {
	width:240px;
	border:1px solid gray;
}

.finanz-motorcycle-box input.short {
	width:50px;
	margin-left:4px;
	border:1px solid gray;
}

.finanz-motorcycle-box input.longcity {
	width:240px;
	margin-left:4px;
	border:1px solid gray;
}

.finanz-motorcycle-box input.shortcode {
	width:50px;
	border:1px solid gray;
}

.finanz-motorcycle-box {
	background-image:url('img/content-background-finanz.png');
	background-repeat:repeat-x;
	background-position:bottom;

	padding:20px;
	
}

.finanz-motorcycle-box input, .finanz-motorcycle-box select, .finanz-motorcycle-box textarea {
	margin-bottom:10px;
}

.finanz-motorcycle-box input.button {
	
}

.finanz-box .radiobutton {
	width:20px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:90px;
	height:18px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(img/star_small.gif);
	line-height: 18px;
	height: 18px;
}