/*
opacity: .2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
*/

html { height: 100%; }
body {
	min-height: 101%;
	background:#DDDDDD;
	font-family:verdana,sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
}

table {	border-collapse: collapse;}

a {color: #FF6633;text-decoration:none;}
/*a:visited {color:#DB7093;}*/
a:hover {color: #FF6633;text-decoration:underline;}
/*a:active { color:#000000;}*/

h3 {
	font-size:14px;
}

.clearleft { clear:left;}
.clearright { clear:right;}
.clearboth { clear:both; }

#container{
	margin:0 auto;
	width:900px;
	background:transparent url(../img/raeblus_hintergrund.gif) no-repeat 112px -72px;
	border-top: 1px solid transparent;
}
#container h1{
	margin: 34px 0 0 60px;
	color:#91361C;
	font-size:68px;
}
#container h1 span {
	font-weight: normal;
}
#contentbox {
	padding:24px;
	background-color:#FFF;
	-moz-border-radius: 0px 14px 0px 0px;
	-webkit-border-radius: 0px 14px 0px 0px;
	border-radius: 0px 14px 0px 0px;
	/* behavior: url(../js/border-radius.htc); */
	min-height:480px;
	/* height:expression(this.scrollHeight > 380 ? "auto":"600px"); */
}

#mainnavi{
	list-style-type:none;
	width:100%;
	position:relative;
	height:27px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:8px 0 0 0;
}

#mainnavi li{
	display:block;
	float:left;
	margin:0 4px 0 0 ;
	height:27px;

}

#mainnavi li.left{
	margin:0;
}

#mainnavi li a{
	display:block;
	float:left;
	line-height:27px;
	text-decoration:none;
	padding:0 17px 0 18px;
	height:27px;
	color:#FFEDE2;
	background-color:#91361C;
	-moz-border-radius: 0px 11px 0px 0px;
	-webkit-border-radius: 0px 11px 0px 0px;
	border-radius: 0px 11px 0px 0px;
	behavior: url(../js/border-radius.htc);
}

#mainnavi li a:hover, #mainnavi li a.current{
	/*background:transparent url(../img/tabs-orange.gif) right top;*/
	background-color:#FF6633;
	color:#fff;
}


#metacontent {
	float:right;
	width:240px;
}
#metacontent p {margin:2px 0;}

#maincontent {
	float:left;
	width:600px;
}

#footer {
	background:#91361C;
	font-size:10px;
	color:#fff;
	padding:8px 0;
	text-align:center;
}
div.box {
	font-size:11px;
	line-height:15px;
	padding:4px;
	margin: 0 0 12px 0;
	background-color:#FFEDE2;
	-moz-border-radius: 0px 11px 0px 0px;
	-webkit-border-radius: 0px 11px 0px 0px;
	border-radius: 0px 11px 0px 0px;
	behavior: url(../js/border-radius.htc);
}
div.box .box_content {
	display:none;
}
div.box p { margin: 12px 0 0 0;}
div.box h3 {
	margin:0;
	color:#F63;
	padding: 4px 0 8px 16px;
	background-repeat:no-repeat;
	background-image:url(../img/arrow_orange.gif);
	background-position: 0 6px;
}
div.box h3:hover {
	text-decoration:underline;
	cursor: pointer;
}
div.open h3 {
	color:#888;
	background-repeat:no-repeat;
	background-image:url(../img/arrow_grey.gif);
	margin: 0 0 4px 0;
}
div.box h4 {
	margin:0 0 0 0;
}

div.open .box_content {
	display:block;
}

div.error { color: red;}

.auszeichnungen {
	list-style: none;
	margin:0;
	padding:0;
}
.auszeichnungen li:nth-child(odd) {
	font-weight:bold;
}
.auszeichnungen li:nth-child(even) {
	margin-bottom:6px;
}

#maincontent #start h1 {color:#000;font-size:18px;margin:0 0 18px 0;}
#start div {margin: 0 24px 18px 0;}
#start img { display:block; margin: 0 0 12px 0;}

#corona {
	padding: 12px;
	background-color: #FFEDE2;
}

#archiv div.box {
	background-color:#FFF;
}
#archiv div.open {
	background:0;
}
#archiv div.box_content {
	width:580px;
}
#archiv div.lead, #archiv div.starttext { margin: 4px 24px 12px 0;}

#kategorieweine h2,#kategorieweine h3,#kategorieweine h4,#kategorieweine h5 {
	margin:0;padding:0;font-weight:normal;
}
#kategorieweine h2 {clear:left; margin:12px 0 4px 0;}
#kategorieweine h3 {font-size:12px;margin: 4px 0;font-weight:bold;}
#kategorieweine .bottle h3 {margin: 4px 0 4px 32px;}
#kategorieweine h4 {font-size:14px;padding:2px;background:#FFEDE2;letter-spacing: 1px;}

#kategorieweine div.wein, #kategorieweine div.sprit, #kategorieweine div.bestellposten  {
	float:left;
	width:176px;
	margin:0 4px 12px 0;
	padding:0 4px 0 0;
}
#kategorieweine div.sprit { width:150px;}
#kategorieweine div.solo { width:450px;}

#kategorieweine p {margin:4px 0;font-size:0.9em;font-style: italic;}
#kategorieweine p.details {margin:0 0 12px 0;}
#kategorieweine p.facts {margin:0 0 12px 32px;}

#kategorieweine input {
	float:left;
	width:22px;
	vertical-align:bottom;
	background:#FFF;
	padding:2px;
	border: 1px solid rgb(168, 168, 168);
}

#kategorieweine input.button {width:auto;margin-right: 6px;}
#kategorieweine label {float:left;margin:0 4px;font-size:0.9em;line-height:2em;font-style: italic;}

#kategorieweine a.image {
	width:20px;
	float:left;
	margin: 0 12px 0 0;
	border:0;;
}

#kategorieweine .hiddenbottle {
	display:none;
}
#kategorieweine img {
	border:none;
}

#bestellt { padding: 0 24px 0 0;}
#bestellt table { font-size:0.8em;width:360px;margin:0 auto;}
#bestellt tr.total {font-weight:bold;border-top:1px solid #ccc;margin:4px 0;}

#bestellt input,#bestellt textarea { 
	background:#FFF; padding:2px; 
	border: 1px solid rgb(168, 168, 168);
}

#kategorieweine input:hover, #kategorieweine input:focus,
#bestellt input:hover ,#bestellt textarea:hover,
#bestellt input:focus ,#bestellt textarea:focus  {
	background-color:#FFEDE2;
}
#bestellt p { font-size:0.8em;font-style: italic;}

#bestellt .input {
	display: flex;
	margin-bottom:6px;
}
#bestellt label {width:120px;margin:0 0 8px 0;}
#bestellt textarea { width:172px !important;}
#bestellt input.service {width:auto; display:inline;}
#bestellt .formerror { color: red; margin-left:6px;}


#geschichte {
	line-height:19px;
	padding: 0 24px 0 0;
}
#geschichte div {
	position:relative;
	height:224px;
}
#geschichte div img {
	display:block;
	position:absolute;
	bottom:0;
}
#geschichte div h3 {
	margin:0;
	position:absolute;
	bottom:0;
	left:324px;
}
#geschichte a, #geschichte img {
	border:0;text-decoration:none;
}

#galerien ul {padding:0;margin:0;}
#galerien li {padding:0;margin:0 8px 0 0;display:inline;list-style-type: none;}
#galerien div.thumbnail { width:auto;float:left;margin: 0 8px 12px 0;height:116px;}
#galerien div.thumbnail a { display:block;background:#ddd;border:0;text-align:center;padding:4px;}
#galerien div.thumbnail a:hover {background:#F63;}
#galerien div.thumbnail img {border:0;}

#downloads { margin: 0 24px 0 0;}
#downloads table { width:100%;}
#downloads thead { font-weight:bold;}
#downloads td { padding: 6px 4px 6px 0;}
#downloads col.ID {width:55%;}
#downloads col.kommentar {width:30%;}
#downloads col.erfasst {width:15%;}
#downloads .ze { background:#FFEDE2;}

/* neu 28.4.20 */
.spezial {
	font-style: italic;
}

div.open .box_content {
	margin-bottom:12px;
}

.xremark {
	display:none;
}