@import url("font/avalon_book_german/stylesheet.css");
@import url("font/avalon_medium_german/stylesheet.css");
@import url("font/avalon_bold_german/stylesheet.css");
@import url("html4.css");
@import url("divbox.css");
@import url("jquery-ui-1.10.3.custom.css");

/* Tags */
html		{ height:100%; background-color:#f5f2ed; }
body		{ height:100%; margin:0px; padding:0px; color:#433f3a; font-family:AvalonBook,Tahoma,Arial,sans-serif; font-size: 0.75em; }
h1, h2, h3	{ font-size:100%; margin:0 0 1.33em 0 }
p			{ margin:0 0 1.33em 0 }
a:link		{ color:#433f3a; }
a:visited	{ color:#433f3a; }
a img		{ border:none; text-decoration:none; }
th 			{ text-align:left; }
textarea,
input,
select		{ font-family:AvalonBook,Tahoma,Arial,sans-serif; font-size:100%; }
form 		{ display:inline; }
iframe		{ border:none }

/* Layout */
div#bgnd			{ position:absolute; height:475px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; top:50%; margin-top:-238px;
								background:transparent url(/assets/Styles/img/bg_cont.jpg) repeat left top scroll; overflow:hidden; z-index:1; }
div#bgnd_shop			{ position:absolute; height:475px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; top:50%; margin-top:-238px;
								background:transparent url(/assets/Styles/img/bg_cont_shop.jpg) repeat left top scroll; overflow:hidden; z-index:1; }
div#container		{ position:absolute; height:475px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:957px; top:50%; left:50%; margin-top:-238px; margin-left:-481px;
									background:transparent url(/assets/Styles/img/bg_cont.jpg) repeat left top scroll; overflow:hidden; z-index:2; }
div#container_shop		{ position:absolute; height:475px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:957px; top:50%; left:50%; margin-top:-238px; margin-left:-481px;
									background:transparent url(/assets/Styles/img/bg_cont_shop.jpg) repeat left top scroll; overflow:hidden; z-index:2; }
div#leftcol			{ position:absolute; top:0; left:0; width:160px; height:630px; border-right:1px solid #fff; background:transparent url(/assets/Styles/img/bg_cont.jpg) repeat left top scroll; }
div#leftcol_shop		{ position:absolute; top:0; left:0; width:160px; height:630px; border-right:1px solid #fff; background:transparent url(/assets/Styles/img/bg_cont_shop.jpg) repeat left top scroll; }
div#middlecol		{ position:absolute; top:0; left:160px; width:460px; height:475px; background-color:#f1eadc; }
div#middlecol_shop, div#middlecol_contact	{ position:absolute; top:0; left:160px; width:466px; height:475px; overflow:auto; }
div#mc_content	{ padding:32px; margin-right:10px; background-color:#f1eadc; border-right:1px solid #fff; min-height:411px }

div#rightcol		{ position:absolute; top:0; right:0; width:310px; height:475px; overflow:auto; }
div#rightcol_shop		{ position:absolute; top:0; right:0; width:310px; height:475px; overflow:auto; }
div#right-overlay   { position:absolute; top:0; right:0; width:310px; height:475px; overflow:auto; background:url("/assets/Styles/img/bg_cont.jpg") repeat scroll left top; display:none; }
div#noscript		{ color:#a00; padding-top:2em; margin-right:74px; font-weight:bold; text-align:center }

div#msg { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); color:#fff; display:none; opacity:0 }
div#msg>div { width:70%; margin:0 auto; font-size:150%; font-weight:bold; text-align:center }

/* Home - Template */

div#container_home { position:absolute; height:475px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; top:50%; left:0; margin:-238px auto 0;
									background:transparent url(/assets/Styles/img/bg_cont.jpg) repeat left top scroll; overflow:hidden; }
div#head_home { height:241px; border-bottom:1px solid #fff; padding-top:98px; }
div#head_home_empty { height:242px; padding-top:98px; }
	img#logo_home { display:block; width:203px; height:216px; margin:0 auto 75px; }
	table#topnav_home { width:490px; margin:0 auto; }
		table#topnav_home a { padding:18px; margin:0; text-align:center; text-decoration:none; font-size:14px; color:#433f3a; }
div#content_home { width:552px; height:136px; margin:0 auto; border-left:1px solid #fff; border-right:1px solid #fff; background-color:#f2eee4; }
	div#content_ihome { height:76px; padding:30px 30px 0; margin:0 0 30px; overflow:hidden; }
.jspScrollable:focus { outline: 0; }

/* gallery view */
div.imagearea		{ position:absolute; top:0; left:0; width:316px; height:475px; z-index:2 }
div.imagearea img { background-size:cover; background:transparent none no-repeat center center; }
div.itemarea		{  }
div.itemarea div.gallery-img { display:none }
div.itemarea table.gallery-desc { margin:25px 0; width:99% }
div.itemarea table.gallery-desc { height:425px }


div#gallerynav		{ position:absolute; top:0; right:0; width:117px; height:475px; }

div#galleryitems	{ width:97px; min-height:475px !important; border-left:1px solid #fff; border-right:1px solid #fff; }

a#scrollup			{ display:block; position:absolute; top:0; left:100px; height:22px; width:38px; padding:6px; }
div#scrollbar			{ background-color: #e2dcce; opacity: 0; position:absolute; top:26px; left:100px; height:423px; width:8px; margin: 0 21px; }
	div#scrollbar img { position: relative; top: 11px }
	
a#scrolldown		{ display:block; position:absolute; bottom:0; left:100px; height:22px; width:38px; padding:6px; }
a#scrollup.disabled, a#scrolldown.disabled { Opacity:0; filter:alpha(Opacity=0); }


div#gallerynav a:focus	{ outline:none }
div#gallerynav a.current { opacity:1 !important; filter:alpha(opacity=100) !important; }
div.gallerylist-entry { width:97px; height:95px; text-align:center; overflow:hidden }
a.gallerylist-link { display:block; }
img.gallerylist-img { width: 97px; height: 95px; display: block }
div#leftcol			{ position:absolute; width:160px; height:475px; z-index:10 }
.gallery-img img	{ position:absolute;left:0;z-index:6; }

div#outer_cart	{ position:absolute; right:0; top:-52px; width:210px; height:52px;
									top:50%; left:50%; margin-top:-294px; margin-left:178px; z-index:3; }
									
div#outer_nav,
div#outer_nav_home	{ position:absolute; top:50%; left:50%; z-index:3; 
											width:300px; height:52px;
											margin-top:250px; margin-left:-322px; }
div#outer_nav_home { margin-left:-230px; }
	div#outer_nav a,
	div#outer_nav_home a { text-decoration:none; }
	div#outer_nav td,
	div#outer_nav_home td 		{ padding:0 10px; }

/* Navigation */
#navigation				{ position:relative }
	#navigation div#krone-logo	{ padding: 88px 28px 15px 0 }
	#navigation div#krone-logo img	{ float: right; width: 55px; height: 57px; }
	#navigation>ul>li>a							{ font-weight:bold }
	#navigation ul							{ list-style:none; margin:0 0; padding:0 30px 0 0; }
		#navigation li							{ list-style:none; margin:0; padding:1px; }
		#navigation li > ul							{ padding:0 0px 0 0; }
		#navigation li > ul > li							{ padding:0; }
			#navigation a								{ font-size:14px; display:block; text-align:right; text-decoration:none; }
				#navigation a.selectedvisible,
				#topnav_home a.selectedvisible,
				#outer_nav a.selectedvisible { color:#969288; /*#c6c7c8;*/ }
#navigation a.navlevel2 { font-size:13px; }
/* Classes */
/* form error classes used by µCMS and shop module */
div.error-formfield	{ color:#c61010; font-family:AvalonBook,Tahoma,Arial,sans-serif; font-weight:bold; display:none; }
input.error-formfield, textarea.error-formfield, select.error-formfield { border:1px inset #000; background-color:#F6D2C7; }
td.error-formfield	{ background-color:#d6d6d6; }
.error-message		{ color:#c61010;font-family:AvalonBook,Tahoma,Arial,sans-serif; font-weight:bold; }
.button, .txtbtn	{ background-color:#faf7f1; border:1px solid #fff; height:21px; font-size:100%; text-align:center; vertical-align:baseline; line-height:21px; color:#433f3a }

/* shop only */
ul.progressbar { margin: 20px 0; padding: 0 }
ul.progressbar li { display: block; text-align: center; float: left; list-style-type: none; }
ul.progressbar li a { display: block; width: 74px; height: 20px; text-align: center; line-height: 20px; vertical-align: middle; text-decoration: none; color:#707173; padding:10px 0;
											background: transparent url(/assets/Styles/img/item_progressbar_inactive.png) no-repeat left top scroll }
ul.progressbar li a[href] { color: #000;
														background: transparent url(/assets/Styles/img/item_progressbar_active.png) no-repeat left top scroll }
ul.progressbar li.pbar_active a { font-weight: bold; 
																	background: transparent url(/assets/Styles/img/item_progressbar_active_current.png) no-repeat left top scroll }

/* Shop: item variant navigation */
/* Slide switch for chnaging shop itme variant navigation/selection */
.switch-button-label { float: left; cursor: pointer; }
.switch-button-label.off { color: inherit }
.switch-button-label.on { color: inherit; }
.switch-button-background {
	float: left;
	position: relative;
	background: #b1aaa3;
	border: 1px solid #aaa;
	margin: 1px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
}

.switch-button-button {
	position: absolute;
	left: -1px;
	top : -1px;
	background: #FAFAFA;
	border: 1px solid #aaa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div#itemvariant-switch { display:none !important; }

div.itemvariant-navigation { margin: 1.33em 0 1.33em 0; }
div.itemvariant-navigation ul { margin:0; padding-left:10px; }
div.itemvariant-navigation > ul { margin:0; padding-left:0 !important; }
div.itemvariant-navigation li { list-style-type:none }
div.itemvariant-navigation li.mod0 { background-color:#E4D9CE }
div.itemvariant-navigation li.mod1 { background-color:#FAF7F2 }
div.itemvariant-navigation li a { display:block; border-bottom:2px solid transparent; border-top:2px solid transparent; text-decoration: none; padding: 1px 3px 0px 3px}
div.itemvariant-navigation li a:hover,
div.itemvariant-navigation li a:active,
div.itemvariant-navigation li a.selectedvisible { border-bottom:2px solid #433f3a; border-top:2px solid #433f3a; }

div.itemvariant-selector { margin: 0.66em 0; clear: both; background-image:none; background-position: left center; background-repeat: no-repeat; background-size: 16px }
div.itemvariant-selector label { display:none; }
div.itemvariant-selector .ui-widget { display: block !important; width: 90% !important; margin-left: 10% !important; }

div.itemvariant-selector.variant-material { background-image:url(img/icon-material_32x32.png); }
div.itemvariant-selector.variant-groesse { background-image:url(img/icon-size_32x32.png); }
div.itemvariant-selector.variant-stein { background-image:url(img/icon-gem_32x32.png); }

/* jqueryUI: rules for selectors (jquery UI selectmenu */
.ui-widget { font-family: inherit !important; font-size: inherit !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #faf7f2 none !important;
	border: none !important;
	color: inherit !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: none !important;
	background: #faf7f2 none !important;
	font-weight: normal !important;
	color: inherit !important;
}
.ui-widget-content {
    background: #faf7f2 none !important;
    border: 1px solid #7d7870 !important;
    color: inherit;
}
.ui-icon-triangle-1-s {
    background: transparent url(img/icon-arrow_16x16.png) !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #faf7f2 none !important;
    border: none  !important;
    color: inherit !important;
    font-weight: normal;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: inherit !important;
    background: #f1e9dc none !important;
}


/* form field formatting */
.txtinput			{ border:1px inset #999; }

/* bot trap -- hide fields with this class */
input.bcheck		{ position:absolute; left:-20000px }

/* defined for fckstyles.xml */
img.image_right		{ float:right; margin:0 0 0.33em 0.99em; }
img.image_left		{ float:left; margin:0 0.99em 0.33em 0; }

.clearfix			{ clear:both; font-size:0; }

/* language navigation */

div#lang_home	{ position:absolute; width:110px; height:15px; top:50%; left:50%; margin:-220px 0 0 -55px; z-index:3; }
	div#lang_home a { color:#afa8bc; display:block; width:50px; height:15px; float:left; margin-left:5px; text-decoration:none }
div#lang { position:absolute; right:36px; bottom:-79px; }
	div#lang a { color:#afa8bc; display:block; width:50px; height:15px; text-decoration:none; font-size:12px }

/*
a.langavail00,
a.langavail01,
a.langavail10		{ display:none }

a.langavail00 img,
a.langavail01 img,
a.langavail10 img		{ display:none }
*/



/* jspContainer */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	z-index: 20000;
	position: absolute;
	top: 0;
	right: 0px;
	width: 10px;
	height: 100%;
	background: #e2dcce;
}

.jspHorizontalBar
{ 
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
/*	background: red; */
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	/* display: none; */
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #e2dcce;
	position: relative;
}

.jspDrag
{
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	cursor: hand;
	cursor: grab;
	cursor: -webkit-grab;
	background: #C9C4B7 none;
	border-left: 1px solid #C9C4B7;
	border-right: 1px solid #C9C4B7;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrowDown
{
	background:transparent url(/assets/Styles/img/icon_scrolldown.gif) no-repeat center center scroll;
}

.jspArrowUp
{
	background:transparent url(/assets/Styles/img/icon_scrollup.gif) no-repeat center center scroll;
}

.jspArrow.jspDisabled
{
	cursor: default;
	opacity:0.3 !important; filter:alpha(opacity=30) !important;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}