/* General Rules */
html, body  { height:100%; }
body        { font-family:tahoma, times new roman; font-size:11px; background:#ffffff; color:#000000; text-align:center; padding:0px; margin:0px; background:url(./img/bg.jpg) top center no-repeat;}
table       { margin:0px; padding:0px; border-collapse:collapse; }
table tr td { margin:0px; padding:0px; vertical-align:top; }
ul          { margin:0px; padding:0px; }
ul li       { margin:0px; padding:0px; list-style-type:none; }
img         { border-style:none; }
h1          { margin:30px 0px 25px 0px; padding:0px; font-size:16px; font-weight:bold; }
h2          { margin:0px 0px 5px 0px;   padding:0px; font-size:16px; }
a           { text-decoration:none; color:#9c9e9f; }
h2 a        { color:black; }
p           { margin:0px; padding:0px; font-family:tahoma; font-size:11px; }



#wrapper{
	width:100%;
	height:100%;
	min-height:700px;
	max-width:1280px;
	max-height:900px;
	margin-left:auto;
	margin-right:auto;
}
#distance{
	width:1px;
	height:50%;
	margin-bottom:-306px; /* half of container's height */
}
#copyright {
	width:1005px;
	margin:0px auto;
	margin-top:-245px;
	text-align:right;
}
#copyright a {
	position:relative;
	display:block;
	z-index:1;
}
* html #copyright a {
	margin-right:-5px;
}
#copyright img {
	position:relative;
	margin-right:-19px;
	padding-left:5px;
}
#layout, #layoutOrder, #flashIntro {
	width:1005px;
	background:url(./img/contentBg.png) top left;
	border:solid #7f7f7f 1px;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;
	z-index:10;
}
#layout, #flashIntro {
	height:615px;
}
#layoutOrder{
	min-height:615px;
}
#top{
	height:92px;
}
#holdSectionImage{
	width:550px;
	float:left;
	background:white;
}
#holdSectionImage img{
	display:block;
}
#holdScroll{
	width:73px;
	height:500px;
	position:absolute;
	left:550px;z-index:100;
}
#holdContent{
	width:382px;
	height:500px;
	position:absolute;
	left:623px;
	overflow:hidden;
}
#content {
	position:relative;
	height:440px;
	overflow:hidden;
	padding-right:30px;
}
#holdGalleryButtons {
	height:11px; 
	padding-left:10px;
}
#galleryButtons{
	position:absolute;
	width:120px;
}
#galleryButtons img, #galleryButtons a {
	margin-left:10px;
}
#galleryButtons a img {
	margin-left:0px;
}
#holdContent p{
	line-height:1.5em;
	padding-right:60px;
}

/* START CSS Navigation */
#navigation {
	width:100%;
	height:157px;
}
#holdMenu {
	width:570px;
	padding-top:30px;
	float:left;
}
#holdSubSubmenu {
	width:275px;
	height:120px;
	float:left;
	padding-top:26px;
	padding-left:20px;
}
#holdCart {
	width:100px;
	height:120px;
	float:left;
	padding-top:31px;
}
ul#menu{
	margin-left:14px;
	clear:both;
	font-family:times new roman;
	font-size:12px; 
	letter-spacing:1px;
	font-weight:bold;
}
ul#menu li {
	float:left;
	padding-left:11px;
}
ul#menu li a{
	color:#bdbebf;
	padding-top:6px;	
}
ul#menu li a:hover, ul#menu li a.active{
	color:black;
	background:url(./img/menuLinkBg.png) top left repeat-x;
}
ul#submenu {
	font-size:10px;
}
ul#submenu li {
	
	display:block;
	padding-top:2px;
}
ul#submenu li a{
	color:#bdbebf;
}
ul#submenu li a:hover, ul#submenu li a.active {
	color:black;	
}


ul.subSubmenu {
	font-size:11px;
	margin-right:15px;
	width:125px;
}
ul.subSubmenu li {
	display:block;
	padding-top:5px;
}
ul.subSubmenu li a{
	color:#bdbebf;
}
ul.subSubmenu li a:hover, ul.subSubmenu li a.active {
	color:black;	
}

#holdSubmenuWeingut, #holdSubmenuAktuelles, #holdSubmenuKontakt, #holdSubmenuShop, #holdSubmenuGuest{
	clear:left;
	padding-top:4px;
	width:80px;
}
#holdSubmenuWeingut{
	margin-left:25px;
}
#holdSubmenuShop{
	margin-left:100px;
}
#holdSubmenuAktuelles{
	margin-left:148px;
}
#holdSubmenuGuest{
	margin-left:238px;
}
#holdSubmenuKontakt{
	margin-left:482px;
}


/* END Navigation*/

.data_list tr td {
	vertical-align:top;
}
.holdItemImageSmall{
	width:100px;
	padding-right:10px;
	padding-bottom:10px;
}
.holdItem{
	padding-bottom:10px;
}
#galleryCategDetails tr td{
	padding-right:10px;
	padding-bottom:10px;
}

.holdItems td{
	padding-bottom:10px;
}
.holdItems div {
	padding-left:10px;
}


input, select { font-size:11px; }


/*  Scroll  */
#container_scroll            { margin-left:auto; margin-right:auto; margin-top:46px; width:11px; }
#scroll_bar                  { height:417px; }
/*  Shop has a restricted height  */
#holdScroll.shop #scroll_bar { height:286px; }
#holdScroll.shop             { height:367px; }
#holdContent.shop            { height:367px; }
#holdContent.shop #content   { height:312px; }


/*    SHOPPING CART    */
.button 			 { background:#ffffff; color:black; border:solid black 1px; }
.button:hover		 { background:#000000; color:white; border:solid #3e3d40 1px; cursor:pointer; }

#contentOrder						 { min-height:367px; width:100%; }
#contentOrder table.data_input,
#contentOrder table.data_confirm 	 { margin-left:40px; text-align:left; }
#contentOrder table.data_confirm td  { width:100px; }
#contentOrder table.data_input h2	 { font-size:16px; }
#contentOrder p						 { margin-left:20px; text-align:left; } 
#contentProduct table.data_input	 { margin-left:20px; text-align:left; width:600px;}
#contentOrder table.cartView		 { margin-left:40px; }
#contentOrder table.cartView .quantity	 { width:50px; }

/*  Cart summary  */
#btnUpdate							 { width:114px; height:21px;  }
#btnOrder							 { }
#cart_hold_summary                   { width:125px; }
#cart_summary                        { padding:5px 10px; border:solid black 1px; font-size:11px; background:url(./img/contentBg.png) top left;; }
#cart_summary h3                     { font-size:14px; font-weight:bold; text-align:center; color:black; margin:13px 0;}
#cart_summary a                      { color:black; }
/*  SHOP ORDER STEPS  */
#orderSteps                          { border-collapse:collapse; width:138px; margin:10px auto 20px auto;}
#orderSteps td						 { padding-bottom:3px; padding-left:3px;}										
#orderSteps td div                   { width:120px;; height:50px !important; margin-bottom:3px; background:white; padding-right:4px; }
#orderSteps .stepIndicator           { vertical-align:middle; padding:0px; margin:0px; text-align:center; }
#orderSteps .stepIndicator img		 { margin-left:1px; display:block; margin:0px auto; }
#orderSteps h2,
#orderSteps .stepExplain             { text-align:right; }
#orderSteps h2                       { padding-top:3px; font-weight:normal; color:black; font-size:12px; font-family:tahoma; }
#orderSteps .stepExplain             { width:80px;height:25px !important; float:right; background:none; font-size:9px; padding:0px; margin:0px; }
#orderSteps .stepCurrent,
#orderSteps .stepActive				 { background:black; color:white; }
#orderSteps .stepCurrent h2,
#orderSteps .stepActive	h2			 { color:white; }
#orderSteps .stepActive a            { color:white; }
#orderSteps .stepActive a:hover		 { text-decoration:underline; }
#orderSteps img 					 { margin-left:2px; margin-top:3px; }



/*  CART VIEW  */

form#cartForm                        { width:97%; }
input.product_active                 { width:50px; font-weight:bold; }
input.product_inactive               { width:50px; color:#777; }
table.cartView                       { width:100%; }
table.cartView th                    { font-weight:bold; padding:2px; }
table.cartView td                    { padding:2px; }
table.cartView .price                { text-align:right; }
table.cartView .cartColQuantity      { width:15%; }
table.cartView .cartColName          { }
table.cartView .cartColPrice         { width:13%; }
table.cartView .cartColVAT           { width:9%; }
table.cartView .cartColTotal         { width:12%; }

/*  SHOP ORDER CART  */
#content table.orderCart 			{ margin-left:0px; width:100%; }
table.orderCart                     { width:600px; margin-bottom:30px; text-align:left; }
table.orderCart th                  { font-weight:bold; padding:5px 0; }
table.orderCart td                  { padding:2px; }
table.orderCart .price              { text-align:right; }
table.orderCart tr.product td       { }
table.orderCart tr.vatGroup td      { font-weight:bold; }
table.orderCart tr.shippingInfo td  { border-top:solid black 1px; }
table.orderCart tr.totalPrice td    { border-top:solid black 2px; font-weight:bold; }

/*  STAGE CLASSES  */
.stage_new       { color:white; background-color:#D40518; }
.stage_progress  { color:white; background-color:#FFC516; }
.stage_questions { color:white; background-color:#15B54D; }
.stage_finished  { color:black; background-color:#FFFFFF; }
.stage_new,
.stage_progress,
.stage_questions,
.stage_finished  { margin-left:auto; margin-right:auto; width:12px; height:12px; border:solid black 1px; font-size: 10px; }  


/*  STANDARD FORM AND ERROR MESSAGES  */
table.data_input > tbody > tr > td {padding:3px; }
table.data_input .fieldRequired    { color:red; }
table.data_input .fieldError       { color:#b00; }
table.data_input .label_key        { text-decoration:underline; }
table.data_input .fieldInfo        { color:#575757; font-weight:normal; } 
table.data_confirm > tbody > tr > td {padding:3px; }
div#messageBoxError                { width:500px; min-height:48px; margin:0pt 0pt 10px;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#C60000; padding:7px 40px 7px 80px;
									 -moz-border-radius:10px; }
div#messageBoxError ul             { padding-left:25px; }
div#messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 5px; }
div#messageBoxError p              { margin:5px 0 5px 0; }
div#messageBoxWarning              { width:500px; min-height:35px; margin:0 0 10px 0;
                                     background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#AA0000; padding:12px 40px 0px 50px;
                                     -moz-border-radius:10px; } 
                                     

/* Search Results*/
#searchResults {margin-top:10px;}
#searchResults ul li {line-height:15px;}
#searchResults ul li a {color:black;font-weight:bold;}
#searchResults .searchTerm {color:red;}
#searchResults .summary{margin-bottom:5px;}    


/*  PAGING  */
.Pages                { text-align: center; margin-bottom: 20px; margin-top: 10px; }
.Pages a              { color:#0063DC; }
.Paginator            { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 10px; }
.Paginator a,
.pageList .this-page  { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited  { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart   { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.Paginator .Prev      { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.Paginator .break     { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next      { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.Paginator .AtEnd     { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.Paginator .this-page { padding: 3px 6px; border-color: #999; font-weight: bold; font-size: 12px; vertical-align: top; background-color: #fff; color: #FF0084; }
.Paginator a:hover    { color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.Pages div.Results    { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }
.Pages div.Results form {display:inline;}



/* Popup */
#bodyPopup{
	background:url(./img/bgPopup.jpg) top left;
}
#layoutPopup{
	width:640px;
	
	margin:0px;
	padding-left:10px;
	text-align:left;
}
#layoutPopup p {
	line-height:15px;
}