/*
STYLE - AUFBAU:

Grundeinstellungen
Divs
 |-Inhalt Gesamt
    |-Teaserleiste
	|-Spalte Nav
		 |-Navigation
	|-Spalte Inhalt
	 	 |-Inhalt
	|-Spalte Tools
		 |-Tools
*/


/* Grundeinstellungen */

body, div, ol, span, td, form, img, input, legend, fieldset, .textStandard {
	margin: 0; padding: 0; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	text-align:left; text-decoration: none; 
	letter-spacing: 0pt;
}

body { 
	text-align: center;
	background: #ffffff url(../images/hintergund_seite.gif) repeat-y center 0px;
}

/* Divīs */

div#InhaltGesamt {
	width: 900px;
	height: 100%;
	margin: 0px auto 0px auto;
	display: table;
}
	
div#Teaserleiste {
	width: 100%;
	height: 111px;
	background-color: #98B89A;
	background-image: url(../images/hg-teaser.jpg);
	background-repeat: no-repeat;
}
	
div#SpalteNav {
	width: 180px;
	height: 500px;
	display: block;
	float: left; 
	border-top: 1px solid #FFFFFF;
} 
div#SpalteNav table{
width: 140px;
float:left;
clear:right;
margin:0px;
padding:0px;
overflow:hidden;
} 
div#Navigation {
	background-color: #E78F5B;
	display: block;
}
		a.navlink, a.navlinkON {
			padding: 7px 0px 7px 17px;
			display: block;
			width: 163px;
			/*height: 23px;*/
			border-bottom: 1px solid #ffffff;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			color: #76230D;
			text-decoration: none;
			font-weight: bold;
			background-image: url(../images/hg-nav.gif);
			background-repeat: repeat-y;		
} 
		a.navlink:hover {
			background-color: #F5D1B2;
		}
		a.navlinkON {
			background-color: #F5D1B2;
			background-image: url(../images/hg-navon.gif);
			background-repeat: repeat-y;		
		}	
		div#Suche {
			padding: 17px;
			display: block; }
			
	div#SpalteInhalt {
		width: 546px;
		text-align: left;
		float: left;
		display: block; }
		div#Seiteninhalt {
			padding: 20px;
			display: block; 
			line-height: 18px;
		}
a#aBtnDrucken {
	color: #6B6C63;
	font-size: 10px;
	text-decoration: none;
	margin: -10px -20px 0px 0px;
	padding: 0px 0px 0px 16px;
	float: right;
	background-image: url(../images/btn-drucken.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
h1, h2, caption {
		color: #B14225;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		display: block;
}
h1, h2 {
		display: table;
		width: 100%;
}
h1 {
	font-size: 18px;
}
h2, caption {
	font-size: 14px;
	margin-bottom: -4px;
	font-weight: bold;
}
a{
	color: #B14225;
}

hr {
	border-bottom: 2px solid #C2D270;
	height: 2px;
}

		
/*-------  STARTSEITE  -------*/ 
div.divStartAuswahl {
	width: 520px;
	height: 90px;
	display: table;
}
div.divStartAuswahl a{
	width: 168px;
	height: 60px;
	float: left;
	padding: 8px 0px 0px 66px;
	margin: 0px 0px 0px 6px;
	color: #000000;
	text-decoration: none;
}
div.divStartAuswahl a h2{
	margin-bottom: 7px;
}
div.divStartAuswahl a.start-unterkunft {
	background-image: url(../images/hg-start-unterkunft.jpg);
	background-repeat: no-repeat;
}
div.divStartAuswahl a.start-betriebe {
	background-image: url(../images/hg-start-betriebe.jpg);
	background-repeat: no-repeat;
}
div.divStartAuswahl a.start-ausgsteckt {
	background-image: url(../images/hg-start-ausgsteckt.jpg);
	background-repeat: no-repeat;
}
div.divStartAuswahl a.start-anreise {
	background-image: url(../images/hg-start-anreise.jpg);
	background-repeat: no-repeat;
}
p#pStartBilder {
	width: 520px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}
p#pStartBilder img{
	margin: 0px 3px 0px 3px;
}
/*-------  HEURIGENANZEIGER  -------*/ 
#formdatum {
	margin-bottom: 10px;
}

#formdatum #datumneu {
	border: 1px solid #EAEDCC;
	background: #EAEDCC;
	height: 17px;
}

#formdatum #divDatumInputs {
	border: 1px solid #D1DE8F;
	background: #EAEDCC;
	height: 18px;
	width: 100px;
	display: inline;
	margin: 0px 2px 0px 2px;
	/*float: inherit;*/
}
		div#divAnzeiger {
			width: 475px;
			display: table;
			background-image:url(../images/hg-heurigenanzeiger.jpg);
			background-repeat: no-repeat;
			background-position: 0px 0px;	
			padding: 0px 0px 0px 14px;
			margin-left: 20px;		
		}
		img#anzeigertitel {
			margin: 19px 0px 9px 20px;
			display: block;
		}
		div.divAnzeigerTafel {
			text-align: center;
			font-size: 10px;
			line-height: 12px;
			width: 140px;
			height: 74px;
			display: table;
			border-top: 1px solid #000000;
			border-right: 1px solid #90DABF;
			border-bottom: 1px solid #90DABF;
			border-left: 1px solid #000000;
			float: left;
			margin: 8px 9px 0px 0px;
			vertical-align: middle;
			overflow: hidden;
		}
		div.divAnzeigerTafel a{
			color:#000000;
			text-decoration: none;
			width: 140px;
			height: 74px;
			display: table;
		}
		.hgRandom1 {
			background-color:#FFFEDA;
		}
		.hgRandom2 {
			background-color:#F1F7DD;
		}
		.hgRandom3 {
			background-color:#FFF2DA;
		}
		div#divAnzeigerFuss {
			width: 295px;
			height: 140px;
			/*display: table;*/
			background-image:url(../images/hg-heurigenanzeiger2.jpg);
			background-repeat: no-repeat;
			background-position: 0px 0px;			
			padding: 50px 90px 0px 90px;
			margin-left: 20px;		
		}
		
		
/*-------  HEURIGENKALENDER  -------*/ 
div.divKalenderMonat{
	width: 520px;
	margin: 0px -20px 10px 0px;
	display: table;
	clear: none;
}
div.divKalenderMonat h2{
	margin-bottom: 7px;
}
p.pKalenderBox{
	height: 40px;
	margin: 0px 6px 0px 0px;
	display: block;
}
p.pKalenderBox/* MC IE hack */ { float: left; 	width: 250px;}
p.pKalenderBox a{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}
p.pKalenderBox a strong{
	color: #B14225;
	font-size: 12px;
}
p.pKalenderBox a:hover{
	text-decoration: underline;
}
/*-------  WEINBAUBETRIEBE  -------*/ 
p.pOverviewBox{
	width: 250px;
	height: 60px;
	float: left;
	margin: 0px 0px 0px 6px;
}
p.pOverviewBox a{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	line-height: 12px;
}
p.pOverviewBox a strong {
	color: #B14225;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 14px;
}

p.pOverviewBox a:hover{
	text-decoration: underline;
}
		
/*-------  FOTOGALERIE  -------*/ 
#tableGalerieThumbs {
margin: 0px -20px 0px -6px;
}
#tableGalerieThumbs td {
height: 80px;
width: 90px;
vertical-align: middle;
}
#tableGalerieThumbs td, div#divGalerieBild{
border: 1px solid #D5D9AE;
background-color: #FFFFFF;
text-align: center;
}
#tableGalerieThumbs td a{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
display: block;
text-align: center;
}
#tableGalerieThumbs td a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
#tableGalerieThumbs td a img{
border: none;
}
td#tdGalerieNext, td#tdGaleriePrev{
width: 20px;
background: none;
border: none;
}
td#tdGalerieNext {
padding-left: 10px;
border-right: 1px solid #D5D9AE;
}
td#tdGaleriePrev {
padding-right: 10px;
border-left: 1px solid #D5D9AE;
}
td#tdGalerieNext a, td#tdGaleriePrev a{
width: 20px;
height: 170px;
display: block;
background-color: #EAF2C0;
}
div#divGalerieBild {
	width: 510px;
	margin: 0px -20px 0px 0px;
	padding: 6px;
}

/*-------  MEMBERDETAIL  -------*/ 
#divMemberTop {
	width: 510px;
	display: table;
	margin: 10px 0px 0px 0px;
	float:none;
	text-align: center;
	/*border: 1px solid #ff0000;*/
}
#divMemberTop img{
	margin: 8px 0px 0px 0px;
}
 #divAllgemein {
 	width: 510px;
	display: table;
	margin: 10px 0px 0px 0px;
	float:none;
 	text-align: left;
 }

a.linkSortiment {
	background-image: url(../images/hg-link-bottom.gif);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 14px;
	background-position: 0px 2px;
	margin: 0px 0px 10px 0px;
}

table#tableMemberTermine{
	width: 230px;
	margin: 0px;
	float: right;
	clear: left;
	display: block;
}

table#tableMemberTermine td{
	border-bottom: 1px solid #C2D270;
	text-align: center;
	padding:2px;
}
table#tableMemberTermine td a{
	cursor: help;
}
table#tableMemberTermine th{
	background-color: #E3EDB1;
	color: #323232;
	border-bottom: 1px solid #FFFFFF;
	border-right: 4px solid #F6F8E4;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
}


div.divMemberText {
	width: 510px;
	display: table;
	margin: 0px;
	float:none;
	line-height: 18px;
	/* text-align: left;
	border: 1px solid #ff0000;*/
}

.divMemberText div.bildContainer {
	/*display: table-cell;*/
}
.divMemberText div.bildText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #323232;
	display: table;
}

div#divSortiment {
	width: 510px;
	display: table;
	background-image: url(../images/hg-sortiment.gif);
	background-repeat: repeat-y;
	padding: 4px;
}
div#divSortimentRot {
	width: 240px;
	display: block;
	float: right;
}
div#divSortimentWeiss {
	width: 240px;
	display: block;
	float: left;
}
div#divSortimentSpez {
	width: 510px;
	display: table;
	padding: 4px;
	background-color: #E5EBE6;
}		



/*-------  TOOLS  -------*/ 
	div#SpalteTools {
		width: 150px;
		float: right;
		display: block; 
		border-top: 1px solid #FFFFFF;
		}
		div#Tools {
			background-color: #C2D270;
			display: block; }
		a.toolslink {
		padding: 7px 0px 7px 20px;
		display: block;
		width: 130px;
		border-bottom: 1px solid #ffffff;
		font-size: 10px;
		font-weight: bold;
		color: #4B580B;
		text-decoration: none;
		background-image: url(../images/hg-tools.gif);
		background-repeat: no-repeat;			
		} 
		div#Aktuell a, div#Werbung a{ 
			padding: 10px 12px 10px 12px;
			display: block; 
			width: 126px;  
			font-size: 10px;
			color: #1C1C1C;
			text-decoration: none;
			border-bottom: 1px solid #ffffff;
		}
		div#Aktuell a{
			background-color: #D7E494;
		}
		div#Werbung a{
			background-color: #E3EDB1;
		}
		a.toolslink:hover, div#Aktuell a:hover, div#Werbung a:hover {
			background-color: #E9F1C1;
		}
		div#Aktuell a strong, div#Werbung a strong{
			color: #4B580B;
		}
			
/*-------  TOOLS  -------*/ 
div#divFooter {
	width: 900px;
	height: 30px;
	margin: 0px auto 0px auto;
	text-align: left;
	display: table;
}

div#divFooter a{
	padding: 3px 26px 0px 0px;
	display: block;
	width: 154px;
	height: 17px;
	border: none;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #76230D;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../images/hg-2top.gif);
	background-repeat: repeat-y;
}
div#divFooter a:hover{
	background-color: #ECAA83;
}