#frame {
	height: 580px;
}

.inhalt_2col {
	display: none;
}

#kreisKonfiguratorContainer * {
	font-family: verdana, sans-serif;
}

#kreisKonfiguratorContainer {
	position: relative;
	height: 480px;
}

#kreisKonfiguratorContainerInner {
	position: relative;
}

#kreisKonfiguratorContentRight {
	
	height: 460px;
	width: 180px;
	position: absolute;
	right: 0;
	top: 0;
}

#kreisKonfiguratorContainer p {
	margin: 0;
	padding: 0;
}

#kreisKonfiguratorContent {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfigurator_stati.png') no-repeat 0px 0px;
	width: 538px;
	height: 358px;
}

#kreisKonfiguratorContentBelt {
	
	width: 530px;
	height: 350px;
	position: absolute;
	top: 44px;
	left: 4px;
	display: none;
}

#kreisKonfiguratorContentStati {
	position: absolute;
	left: 64px;
	top: 168px;
	width: 406px;
	height: 89px;
}

#kreisKonfiguratorContentStati.initial {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfi_status_00.png') no-repeat 0px 0px;
}

#kreisKonfiguratorContentStati.leather {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfi_status_01.png') no-repeat 0px 0px;
}

#kreisKonfiguratorContentStati.style {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfi_status_02.png') no-repeat 0px 0px;
}

#kreisKonfiguratorContentStati.color {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfi_status_03.png') no-repeat 0px 0px;
}

#kreisKonfiguratorContentStati.width {
	background: url('/fileadmin/templates/konfigurator/images/backgrounds/bg_konfi_status_04.png') no-repeat 0px 0px;
}

#kreisKonfiguratorContentStati.buckle {
	background: none;
}

.clearer {
	clear: both;
}

/**
 * refactoring global elements
 */

div.konfiguratorFilter {
	float: left;
}

div.filterAction {
	height: 40px;
	text-align: center;
}

div.filterAction.active {
	cursor: pointer;
}

.filterAction.active:hover,
.filterAction.selected {
	background-position: 0 -42px !important;
}

.filterAction.active.selected:hover {
	background-position: 0 -84px !important;
}

p.header {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 36px;
}

p.message {
	position: absolute;
	color: #fff;
	bottom: 9px;
	left: 10px;
	font-size: 12px;
}

div.filterForm {
	position: absolute;
	background: #e5e5e5 url('/fileadmin/templates/konfigurator/images/backgrounds/bg_filter.png') repeat-x 0px  0px;
	border: 1px solid #ccc;
	z-index: 100;
	display: none;
	padding: 10px;
	top: 4px;
}

div.filterMessage {
	position: absolute;
	display: none;
}

div.filterMessage p.message {
	font-size: 11px;
}


div.filterList {
	
}

div.listEntry {
	clear: both;
	background: transparent url('/fileadmin/templates/konfigurator/images/backgrounds/bg_dotted.png') repeat-x 0px 17px;
	color: #8f8f8f;
	cursor: pointer;
}

div.listEntry.last {
	background: none !important;
}

div.listEntry:hover {
	color: #835d21;
}

/**
 * leather filter
 */

div#leatherFilter {
	
}

div#leatherFilter div.colorInfo {
	margin: 0 0 0 3px;
	width: 10px;
	height: 10px;
	display: block;
	border: 0px solid #ccc;
	padding: 0;
	float: left;
}

div#leatherFilter div.subListEntry {
	margin: 4px 0 0 3px;
	padding: 0;
}

div#leatherFilter div.filterAction {
	background: url('/fileadmin/templates/konfigurator/images/sprites/bg_nav_middle_v2.png') no-repeat 0px 0px;
	width: 101px;
}

div#leatherFilter div.filterAction p.header {
	
}

div#leatherFilter div.filterForm {
	width: 380px;
	left: 3px;
}

div#leatherFilter div.filterForm div.filterList {
	
}

div#leatherFilter div.filterForm div.filterList div.listEntry {
	font-size: 10px;
	height: 18px;
	line-height: 18px;
}

div#leatherFilter div.filterForm div.filterList div.listEntry div.entryLeft {
	float: left;
	cursor: pointer;
	width: 170px;
}

div#leatherFilter div.filterForm div.filterList div.listEntry div.entryRight {
	float: left;
	font-style: italic;
	cursor: pointer;
	width: 210px;
}

div#leatherFilter div.filterMessage {
	height: 71px;
	top: 32px;
	left: 22px;
	width: auto;
	
}

div#leatherFilter div.filterMessage p.message {
	white-space: nowrap;
}

/**
 * dynamic filters messages
 */
 
div.fmSpacer {
	height: 37px;
}

div.fmArrow {
	top: 5px;
	left: 20px;
	position: absolute;
	width: 18px;
	height: 37px;
	background: transparent url('/fileadmin/templates/konfigurator/images/messages/bg_arrow.png') no-repeat 0 0;
}

div.fmContainer {
	height: 33px;
	width: auto;
}

div.fmLeft {
	float: left;
	width: 8px;
	height: 33px;
	background: transparent url('/fileadmin/templates/konfigurator/images/messages/bg_left.png') no-repeat 0 0;
}

div.fmMiddle {
	float: left;
	height: 33px;
	background: transparent url('/fileadmin/templates/konfigurator/images/messages/bg_middle.png') repeat-x 0 0;
	width: 238px;
}

div.fmRight {
	float: left;
	width: 8px;
	height: 33px;
	background: transparent url('/fileadmin/templates/konfigurator/images/messages/bg_right.png') no-repeat 0 0;
}

/**
 * style filter
 */

div#styleFilter {
	
}

div#styleFilter div.filterAction {
	background: url('/fileadmin/templates/konfigurator/images/sprites/bg_nav_large_v2.png') no-repeat 0px 0px;
	width: 213px;
}

div#styleFilter div.filterAction p.header {
	
}

div#styleFilter div.filterForm {
	

/* height: 90px; */
	width: 190px;
	left: 104px;
	padding-bottom: 0px;
}

div#styleFilter div.filterForm div.filterList {
	
}

div#styleFilter div.filterForm div.filterList div.listEntry {
	cursor: pointer;
	height: 28px;
	line-height: 28px;
	background: transparent url('/fileadmin/templates/konfigurator/images/backgrounds/bg_dotted.png') repeat-x 0px 26px;
	padding-bottom: 8px;
}

div#styleFilter div.filterForm div.filterList div.listEntry.last {
	padding-bottom: 0px;
}

div#styleFilter div.filterMessage {
	height: 71px;
	top: 32px;
	left: 180px;
}

div#styleFilter div.filterMessage div.fmMiddle {
	width: 248px;
}


div#styleFilter div.filterMessage p.message {
	
}

#leatherStyle1 {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px 0px;
	height: 28px;
	line-height: 28px;
}

#leatherStyle2 {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px -29px;
	height: 28px;
	line-height: 28px;
}

#leatherStyle3 {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px -59px;
	height: 28px;
	line-height: 28px;
}

#leatherStyle1:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px -89px;
}

#leatherStyle2:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px -118px;
}

#leatherStyle3:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 0px -148px;
}

.style1Selected {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 12px -168px;
	height: 36px;
}

.style2Selected {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 12px -197px;
	height: 36px;
}

.style3Selected {
	background: transparent url('/fileadmin/templates/konfigurator/images/sprites/bg_filter_style.png') no-repeat 12px -227px;
	height: 36px;
}

/**
 * color filter
 */

div#colorFilter {
	
}

div#colorFilter div.filterAction {
	background: url('/fileadmin/templates/konfigurator/images/sprites/bg_nav_small_v2.png') no-repeat 0px 0px;
	width: 74px;
}

div#colorFilter div.filterAction p.header {
	
}

div#colorFilter div.filterForm {
	
	width: 128px;
	left: 318px;
}

div#colorFilter div.filterForm div.filterList {
	
}

div#colorFilter div.filterForm div.filterList div.listEntry {
	font-size: 10px;
	height: 18px;
	line-height: 18px;
}

div#colorFilter div.filterMessage {
	height: 71px;
	top: 32px;
	left: 326px;
}

div#colorFilter div.filterMessage p.message {
	
}

div#colorFilter div.filterMessage div.fmMiddle {
	width: 238px;
}


/**
 * width filter
 */

div#widthFilter {
	
}

div#widthFilter div.filterAction {
	background: url('/fileadmin/templates/konfigurator/images/sprites/bg_nav_small_v2.png') no-repeat 0px 0px;
	width: 74px;
}

div#widthFilter div.filterAction p.header {
	
}

div#widthFilter div.filterForm {
	
	width: 226px;
	left: 394px;
}

div#widthFilter div.filterForm div.filterList {
	
}

div#widthFilter div.filterForm div.filterList div.listEntry {
	font-size: 10px;
	height: 18px;
	line-height: 18px;
}

div#widthFilter div.filterMessage {
	height: 71px;
	top: 32px;
	left: 402px;
}

div#widthFilter div.filterMessage p.message {
	
}

div#widthFilter div.filterMessage div.fmMiddle {
	width: 238px;
}


/**
 * buckle filter
 */

div#buckleFilter {
	
}

div#buckleFilter div.filterAction {
	background: url('/fileadmin/templates/konfigurator/images/sprites/bg_nav_small_v2.png') no-repeat 0px 0px;
	width: 74px;
}

div#buckleFilter div.filterAction p.header {
	
}

div#buckleFilter div.filterForm {
	
	right: 189px;
}

div#buckleFilter div.filterForm div.filterList {
	
}

div#buckleFilter div.filterForm div.filterList div.listEntry {
	font-size: 10px;
	height: 18px;
	line-height: 18px;
}

div#buckleFilter div.filterMessage {
	width: 284px;
	height: 71px;
	top: 32px;
	left: 410px;
}

div#buckleFilter div.filterMessage p.message {
	
}

div#buckleFilter div.filterMessage div.fmArrow {
	left: 86px;
}

div#buckleFilter div.filterMessage div.fmMiddle {
	width: 258px;
}

/* Tooltips */
div.tooltip {
	position: relative;
	display: none;
	border: 1px solid #ccc;
	background: #fff;
}

div.tooltip.leather {
	height: 95px;
	width: 220px;
	margin-left: 40px;
}

div.tooltip.buckle {
	height: 110px;
	width: 150px;
	margin-left: 100px;
}

h1.konfiHeadline {
	color: #835d21;
	font-family: times, serif !important;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: 1px;
}

div#kreisKonfigurationenButton {
	
}

div#kreisKonfigurationenContent {
	background: transparent url('/fileadmin/templates/konfigurator/images/backgrounds/bg_kreis_basiskonfi.png') no-repeat 0 0;
	width: 276px;
	position: absolute;
	bottom: 0px;
	height: 30px;
	right: 390px;
	z-index: 100;
}

div#kreisKonfigurationenContentInner {
	padding: 10px 20px 10px 20px;
	display: none;
}

div#kreisKonfigurationenContent a {
	color: #ffffff;
}

#kreisKonfigurationenClick {
	width: 276px;
	height: 30px;
	cursor: pointer;
}

div#orderInfo {
	height: 40px;
	width: 300px;
}

#orderInfo p {
	margin: 12px 0 0 6px;
	font-size: 9px;
	line-height: 11px;
}

#saveConfiguration {
	width: 178px;
	height: 37px;
}

#myConfigurations {
	margin-top: 4px;
	width: 178px;
	height: 25px;
}

#saveConfigurationButton {
	width: 178px;
	height: 37px;
	background: transparent url('/fileadmin/templates/konfigurator/images/backgrounds/bg_kreis_konfig_speichern.png') no-repeat 0 0;
	display: none;
	cursor: pointer;
}

#saveConfigurationButtonContent {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 180px;
	background: red url('/fileadmin/templates/konfigurator/images/buttons/save_config_button.png') no-repeat -6px -6px;
}

input#beltStyleName {
	width: 124px;
	margin: 12px 0px 0px 10px;
	border: 0;
	font-size: 10px;
	color: #333;
	float: left;
}

#beltStyleNameClick {
	width: 40px;
	height: 36px;
	background: transparent;
	float: right;
	cursor: pointer;
}

#myConfigurationsButton {
	width: 178px;
	height: 25px;
	background: transparent url('/fileadmin/templates/konfigurator/images/backgrounds/bg_kreis_meine_konfig.png') no-repeat 3px 0;
	cursor: pointer;
}

#myConfigurationsButtonContent {
	position: absolute;
	top: 41px;
	left: 0px;
	width: 166px;
	background: #fff;
	padding: 4px;
	font-size: 10px;
	border: 1px solid #ccc;
}

#myConfigurationsButtonContent .myConfigurationsRow {
	border-bottom: 1px dotted #ccc;
}

#myConfigurationsButtonContent .myConfigurationsRow.last {
	border-bottom: 0;
}

#konfiguratorProductPrice {
	position: absolute;
	width: 165px;
	height: 34px;
	bottom: 68px;
	left: 10px;
	border-top: 1px dotted #4e1213;
	text-align: center;
	display: none;
}

#konfiguratorRecommendedPrice {
	position: absolute;
	bottom: 0px;
	width: 165px;
	height: 34px;
	left: 10px;
	text-align: center;
	display: none;
}

#konfiguratorProductPrice span {
	line-height: 34px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	color: #431213;
}

#konfiguratorRecommendedPrice span {
	line-height: 34px;
	font-weight: normal;
	font-size: 10px;
	color: #431213;
}

#konfiguratorProductAddToCart {
	position: absolute;
	width: 165px;
	height: 34px;
	bottom: 31px;
	left: 10px;
	border-top: 1px dotted #4e1213;
	border-bottom: 1px dotted #4e1213;
	text-align: center;
	display: none;
}

#konfiguratorProductAddToCart a {
	line-height: 34px;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	color: #431213;
}

#beltLength {
	margin-top: 115px;
	display: none;
}

#beltForm {
	margin-top: 5px;
	display: none;
}

input#beltFormInputMen,
input#beltFormInputWomen {
	vertical-align: middle;
}

#beltLength label,
#beltForm label {
	font-size: 9px;
	color: #8f8f8f;
}

#beltLength span,
#beltForm span,
#infoPopupMeasure,
#infoPopupForm {
	font-size: 9px;
	color: #8f8f8f;
}

#beltLength input {
	width: 165px;
	font-size: 15px;
	color: #431213;
	text-align: center;
	padding: 3px;
	letter-spacing: 1px;
}

#infoPopupMeasure,
#infoPopupForm {
	text-align: right;
	margin-right: 4px !important;
}

p.beltImageError {
	text-align: center;
	margin: 20px auto !important;
	width: 250px;
	padding: 10px !important;
	border: 2px dotted red;
	color: red;
}

div.clearer {
	clear: both;
}

#kreisCheckoutStatus {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 30px;
	width: 135px;
}

div.checkoutStatus {
	height: 33px;
	width: 33px;
	float: left;
	margin-left: 0px;
}

#checkoutCartIcon {
	background: transparent url('/fileadmin/templates/checkout/images/sprites/checkout_status_cart.png') no-repeat 0 0;
}

#checkoutDataIcon {
	background: transparent url('/fileadmin/templates/checkout/images/sprites/checkout_status_data.png') no-repeat 0 0;
}

#checkoutPaymentIcon {
	background: transparent url('/fileadmin/templates/checkout/images/sprites/checkout_status_payment.png') no-repeat 0 0;
}

#checkoutFinalIcon {
	background: transparent url('/fileadmin/templates/checkout/images/sprites/checkout_status_final.png') no-repeat 0 0;
}

#kreisCheckoutStatus .active {
	background-position: 0 -36px;	
}

#kreisCheckoutStatus .inactive {
	background-position: 0 -72px;
}

#kreisCheckoutStatus .finished {
}

input.weiterButton {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_weiter.png') no-repeat 0 0;
}

input.weiterButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_weiter_hover.png') no-repeat 0 0;
}

input.refreshButton {
	margin-left: 14px;
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_aktualisieren.png') no-repeat 0 0;
	height: 20px;
	width: 59px;
}

input.refreshButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_aktualisieren.png') no-repeat 0 -20px;
}

input.loeschenButton {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_loeschen.png') no-repeat 0 0;
	height: 20px;
	width: 59px;
}

input.loeschenButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_loeschen.png') no-repeat 0 -20px;
}


input.backButton {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_zurueck.png') no-repeat 0 0;
}

input.backButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_zurueck_hover.png') no-repeat 0 0;
}

input.completeButton {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_bestellung.png') no-repeat 0 0;
}

input.completeButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_bestellung_hover.png') no-repeat 0 0;
}

input.cartButton {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_warenkorb.png') no-repeat 0 0;
}

input.cartButton:hover {
	background: transparent url('/fileadmin/templates/konfigurator/images/buttons/kreis_warenkorb_hover.png') no-repeat 0 0;
}