/* screen/print styles */

.printonly 
{
	display:none;
}


/* general styles and layout tables */

body {
	height:100%;
	margin:0px;		
	padding:0px;
	color:#5b5b5b;
	font-family:Verdana;
	font-size:12px;
	/*text-align: center;*/	
}

h1 {
	margin:0px;
	padding:9px 0px 5px 0px;
	font-size:20px;
}

h2 {
	margin:0px;
	padding:0px 0px 3px 0px;
	font-size:12px;
	font-weight:bold;
}

p {
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

a, a:link, a:visited, a:active {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

hr {
	border:0px; /* Für Firefox und Opera */
	border-top:solid 1px #bfbfbf;
	border-bottom:solid 1px #ffffff;
}

li {
	line-height:1.5em;
}

table {
	border-collapse:collapse;
	border:0px;
}

td {
	padding:0px;
	vertical-align:top;
}

input
{
	color:#5b5b5b;	
	font-family:Verdana;
	font-size:12px;
}

select 
{
	color:#5b5b5b;	
	font-family:Verdana;
	font-size:12px;
}

textarea
{
	border:solid 1px #bfbfbf;
	width:250px;
	color:#5b5b5b;	
	font-family:Verdana;
	font-size:12px;
}


/* other styles */

a.button, a.button:link, a.button:visited, a.button:active 
{
	padding:0px 4px 0px 16px;
	background:#cabebe url("/App_Themes/Reichmuth/Images/pfeile/pfeil_1.gif") no-repeat;
	background-position:3px 5px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

a.button-back, a.button-back:link, a.button-back:visited, a.button-back:active 
{
	padding:0px 4px 0px 16px;
	background:#cabebe url("/App_Themes/Reichmuth/Images/pfeile/pfeil_1_2.gif") no-repeat;
	background-position:3px 5px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

a.button2, a.button2:link, a.button2:visited, a.button2:active 
{
	padding:0px 4px 0px 16px;
	background:url("/App_Themes/Reichmuth/Images/pfeile/pfeil_3.gif") no-repeat;
	background-position:3px 5px;
	font-weight:bold;
	text-decoration:none;
}


table.form td {
	padding: 1px 0px 1px 0px;
	vertical-align:middle;
}

input.textbox 
{
	border:solid 1px #bfbfbf;
	width:250px;	
}


/* content width styles */

.contentwidth {
	width:830px;
}


/* meta navigation styles */

.metanav {
	color:#acacac;
	font-size:10px;
}

.metanav a, .metanav a:link, .metanav a:visited, .metanav a:active .metanav a:hover {
	color:#7f7f7f;
	text-decoration:none;
}

/* main Box */
.boxAll
{
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

/* footer styles */

.footer {	
	margin-top:40px;
	margin-bottom:48px;
	border-top:solid 1px #7f6262;
	color:#8d7c72;
	font-size:10px;	
}

.footer a, .footer a:link, .footer a:visited, .footer a:active, .footer a:hover {	
	color:#8d7c72;
	text-decoration:none;
}


/* sub navigation styles */

#navcontainer {
	width:180px;
	padding:0px;
	margin:0px;
	font-size:12px;		
	border-top:solid 1px #7f6262;
}

#navcontainer a {
	display:block;
	width:164px;
	padding:4px 8px 5px 8px;
	margin:0px;
	text-decoration:none;
}

#navcontainer a.selected {
	text-decoration:underline;
}

#navcontainer ul {
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
}

#navcontainer li {	
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #7f6262;
	line-height:14px;
}

#navcontainer li.active {
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 1px #7f6262;		
}

#navcontainer li.active a {
	color:#ffffff;
	background-color:#9f8989;
	padding-top:2px;
	padding-bottom:3px;
}
	
#navcontainer li li {
	border-bottom:0px;
}

#navcontainer li li a {
	width:156px;
	padding-left:16px;
}

#navcontainer li li li a {
	width:148px;
	padding-left:24px;
}


/* teaser styles */

div.mainteaser 
{
	width:100%;
	padding:6px 0px 6px 0px;
	border-top:solid 1px #bfbfbf;
	font-size: 11px;
	line-height:1.5em;
}

div.mainteaser .container
{
	border-left:solid 2px #7f7f7f;
	border-right:solid 2px #7f7f7f;
}

div.teaser {
	width:198px;
	padding:6px 0px 6px 0px;
	border-top:solid 1px #bfbfbf;
	font-size: 11px;
	line-height:1.5em;	
}

div.teaser .container {
	
	padding-left:2px;
	padding-right:2px;
	border-left:solid 2px #7f7f7f;
	border-right:solid 2px #7f7f7f;
}

div.teaser th {
	height:48px;
	background-color:#fda813;
	vertical-align:middle;
	text-align:center;
}

div.teaser td {
	border-top:solid 1px #ffffff;
	padding:4px 2px 4px 2px;	
}

div.teaser .overview{
	border-top: solid 1px #d5ccbb;
}

div.teaser .overviewRow{
	border-bottom: solid 1px #d5ccbb;
}

div.teaser .overviewRow:Hover,
div.teaser .overviewRowLast:Hover
{
	cursor:pointer;
}

div.teaser .overviewRowLast{
	border-bottom: solid 1px #d5ccbb;
	background-color: #ffcd78;	
}

div.teaser .overviewRowLeft{
	float:left;
	width:120px;
	padding: 0 0 0 1px;
}

div.teaser .overviewRowRight{
	float:right;
	width: 50px;
	padding: 0 5px 0 0;
	text-align:right;
}

.teaserFlyout{
	
	width: 224px;
	padding: 10px;
	border: solid 1px #9f8989;
	font-size: 11px;
	line-height:1.5em;	
	background-color: #fff;
	z-index:100;
}
.teaserFlyoutImg
{
	float:left;
	width: 40px;
}

#fadeout {	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:80;
	background:url("/App_Themes/Reichmuth/Images/loading_bg.gif");
}


.weinreifeSeparator{
	position: relative; 
	margin-top: 2px; 
	padding:0; 
	width:100%; 
	height: 2px; 
	font-size:1px;
	border-top: solid 1px #bfbfbf;
}
.weinreifeWein{
	position:relative;
	padding: 4px;
	color: #fff;
	background-color: #cabebe;
}
.weinreifeWein a, .weinreifeWein a:visited, .weinreifeWein a:active{
	background-image: url(/App_Themes/Reichmuth/Images/Icons/icon_plus_weinreife.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
	display:block;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}

.weinreifeWeinOpen{
	position:relative;
	padding: 4px;
	color: #fff;
	background-color: #cabebe;
}
.weinreifeWeinOpen a, .weinreifeWeinOpen a:visited, .weinreifeWeinOpen a:active{
	background-image: url(/App_Themes/Reichmuth/Images/Icons/icon_minus_weinreife.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
	display:block;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}

.weinreifeWeinDetail{
	position:relative;
	color: #000;
	margin-top: 2px;
}

.weinreifeWeinDetail th
{
	background-color: #ede7e7;
	padding: 4px;
	font-weight:bold;
	color: #000;
}
.weinreifeWeinDetail td
{
	font-weight:bold;
	color: #000;
	padding: 4px;
	vertical-align:middle;
	border-top: solid 1px #bfbfbf;
}

.weinreifeWeinDetail table .sorte{
	padding-left:20px;
	}

.weinreifeWeinDetail table .jahrgang{
	padding-right:20px;
	}
.weinreifeWeinDetail table .jahrganglast{
	padding-right:2px;
	}
.weinreifeWeinDetail table .sepWhite{
	padding:0;
	margin:0;
	height:1px;
	font-size:1px;
	border-top: solid 1px #fff;
	}

/* here are the kentico styles */

.infoPanel {
	width:100%;	
	background-color:#a9a9a9;	
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	margin-bottom:5px;			
	color:White;
	font-weight:bold;
}

.infoPanel a {
	color:White;
}

.textColumn
{
	background:#d9dadc;	
	padding:5px 5px 5px 5px;
}

/* edit mode controls */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	display: inline-block;
	color: Black;
}

.CMSPageManager
{
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	font-size:12px;
	text-decoration: none;
	font-weight: normal;
}


/* Navigation controls */

/* tree menu */

.CMSTreeMenuTable { width:180px;}
.CMSTreeMenuItem { BACKGROUND: #ff8f2e; padding: 3px; border: 1px solid white; color: black}
.CMSTreeMenuSelectedItem { BACKGROUND: #e87511; padding: 3px; border: 1px solid white; }
.CMSTreeMenuLink { COLOR: black; TEXT-DECORATION: none }
.CMSTreeMenuSelectedLink { COLOR: black; TEXT-DECORATION: none }

/* main menu */

.CMSMenu { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-IMAGE: url(images/menu.gif); background-repeat: repeat-x; }
.CMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: white; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }

.SubmenuCMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; background-image: none; background: #ff8f2e}
.SubmenuCMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.SubmenuCMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: white; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }


/* Content styles */


/* Image Gallery */

.ImageGalleryPager
{
	border: solid 1 black;
	padding: 2;
	margin: 5 0 5 0;
	text-align: center;	
}
.ImageGalleryPager div
{
	display: inline;
}
.ImageGalleryPagerPrevious
{
	width: 20%;
	text-align: left;
}
.ImageGalleryPagerNext
{
	width: 20%;
	text-align: right;
}

.ImageGalleryPager
{
	background-color: #fec698;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	width: 600px;
}

.ImageGalleryPagerPrevious
{
	float: left;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPagerNext
{
	float: right;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPreviewImage
{
	border-width: 0px;
}

.ImageGalleryDetailImage
{
	border-width: 0px;
}

.ImageGalleryParent
{
	padding: 2px 2px 2px 2px;
}

.ImageGalleryItem
{
	padding: 2px 2px 2px 2px;
}

/* Shopping Cart */

.CommerceCartHeader
{
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
}

/* Others */

.FormErrorLabel
{
  color: Red;
}

.formInfoBox
{
	background-color: #FFFFFF;
	position: absolute;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	width: 200px;
	display: none;
	border: solid 1px #cecece;
}
	



/* Testing */
.group { margin-top:2em;margin-bottom:1em;border:1px solid #aaa;padding:0 10px }
.group h2 { color:#337;background:#ddf;border:1px solid #99d;padding:1px 5px 1px 5px }
.group h2 {display:inline-block;margin:-.75em 0 10px 0;position:relative;z-index:5}
.group h2 {display:inline}
.group>h2 {display:table}


/* DatePicker Custom CSS */
.oAchtDatePickerHeaderStyle{
    text-align:center; 
    background-color:#B3B3B3;
    height:18px;
 }
.oAchtDatePickerday{
    text-align:center;
    font-size:11px;
    width:15px;
}

.oAchtDatePickerdim
{
    background-color:#FFFFFF;
    text-align:center;
    font-size:11px;
    color:#B3B3B3;
    width:15px;
}

.oAchtDatePickerdayMn{
    text-align:center;
    font-size:11px; 
    width:15px;
    border-bottom: solid #B3B3B3 1px;
}

.oAchtDatePickerheader{
    text-align:center;
    font-size:12px; 
}

.oAchtDatePickerselectedDayCell{
    border-style:dotted;
    border-width:1px;
    border-color:#B35412;
    background-color:#eaeac1;
    cursor:pointer;
}

.oAchtDatePickernormalDayCell{
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
    background-color:#FFFFFF;
    cursor:pointer;
    width:15px;
    height:15px;
}

/* reichmuth css hack */
table.oAchtDatePickermainTable table 
{
	 border-collapse: separate;
}

.oAchtDatePickermainTable{
    width:160px;height:140px;
    font-family:Arial;
    background-color:#FFFFFF;
    border-collapse: separate;
    border-width:1px;
    border-style:solid;
    border-color:#8A99BA;
    visibility:hidden;
    position:absolute;
}

.oAchtDatePickerweekNumber{
    background-color:#9FBEF4;
}

.oAchtDatePickermOverHighlight{
    background-color:white;
    color:black;
}

.oAchtDatePickermOverHighlightHover{
    background-color:#316AC5;
    color:white;
    cursor:pointer;
}

.oAchtDatePickerdropMenu{
    border-color:#8A99BA;
    z-index:99999;
    border-style:solid;
    border-width:1px;
    font-family:Arial;
    font-size:10px;
    background-color:White;
    visibility:hidden;
    position: absolute;
}