html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background: #b38f71 ;
	color: #7a4f3d;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}
div#distance { 
	margin-bottom: -290px;; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 580px;         /* required - desired height */
	width: 983px;          /* required - desired width */
	background: #f6f0eb;
	border: 1px solid #7a4f3d;
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

div#listing{font:bold;}

#nav a 		{margin: 20px;}
#nav 		{position: absolute; right: 70px; top: 70px;}
#linie 		{position: absolute; right: 70px; top: 85px; height: 1px; width: 400px; background-color: #7a4f3d; }

#wein 		{position: absolute; right: 1px; bottom: 1px;}
#logo 		{position: absolute; left: 60px; top: 41px;}
#karte		{position: absolute; left: 60px; top: 260px; width: 391px; height: 24px; z-index:20;}
#bilder 	{border: 0px solid #7a4f3d; position:absolute; bottom: 10px; left: 20px; width: 500px; color: #7a4f3d; }
#bildergross 	{border: 0px solid #7a4f3d; position:absolute; bottom: 10px; left: 20px; width: 900px; color: #7a4f3d; }
#bilder_nav	{border: 0px solid #7a4f3d; position:absolute; bottom: 30px; left: 60px; width: 390px; color: #7a4f3d; }
#impressum 	{border: 0px solid #7a4f3d; position:absolute; bottom: 100px; left: 40px; width: 600px; color: #7a4f3d; }
#veranstaltung {position: absolute; top: 120px; left: 540px; width: 375px; }
#veranstaltung_bild {position: absolute; top: 120px; left: 800px; }
#veranstaltung_bild img { border: 1px solid #7a4f3d; padding: 1px; }
#text 			{position: absolute; top: 150px; left: 40px; width: 375px; }
#reservieren 	{position: absolute; top: 190px; left: 40px; width: 375px; }
#info		 	{position: absolute; top: 392px; left: 20px; width: 520px; }
#biergarten		{position: absolute; top: 250px; right: -50px; }

#reservierung_formular { position: absolute; left: 50px; }
#reservierung_formular label { font-size: 11px; margin: 0px; }
#reservierung_formular input { border: 1px solid #7a4f3d; padding: 3px; color: #7a4f3d; margin-bottom: 5px; background: white; }
.name	{ width: 150px; }
.anzahl	{ width: 50px; }
.mail	{ width: 200px; }
.date	{ width: 30px; text-align: center; }
.time	{ width: 30px; text-align: center; }
.area	{ border: 1px solid #7a4f3d; padding: 3px; color: #7a4f3d; margin-bottom: 5px; width: 400px; font-family: Verdana,Arial,Helvetica,sans-serif;}

.img 		{float: left; postition: absolute; margin: 20px; border: 1px solid #7a4f3d; width: 100px; height: 100px; padding: 1px; }

.margin20 	{margin: 20px;}
.big 		{font-size: 14px; font-weight: bold;}
.fett		{font-weight: bold;}
.underline	{text-decoration: underline;}

a, a:hover, a:visited {color: #7a4f3d; text-decoration: none;}

.pointer	{cursor: pointer; }

div#pic 	{width: 700px; height: 500px; background: transparent; display: none; z-index: 23; position: absolute; top: 50px; left: 150px; text-align: center; }
div#picbg 	{width: 700px; height: 500px; background: #ffffff; display: none; z-index: 23; position: absolute; top: 50px; left: 150px; }
img#picture {margin: 50px; }
div#click 	{width: 100%; height: 100%; position: absolute; z-index: 6; left: 0px; top: 0px; display: none; }

.floatLeft	{float:left;}
.centerText {text-align:center;}

/*-----------------------------------------------------------------------------Al---*/

/*#main 		{margin: 150px 0px; overflow:auto; height:400px; margin-left:10px; margin-right:10px;}*/
#main			{position: relative; left: -5px; top: 125px; height: 420px; overflow: auto; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px;}
#col1 			{float: left; width: 491px; margin-right: 10px;}
#col2			{width: auto; margin-left: 491px;}
#col1_content 	{padding: 0px 10px 0px 20px;}
#col2_content 	{padding: 0px 20px 0px 10px; border-left: 1px #ddd dotted;}


#col1_content, #col2_content {position:relative;}
 
.clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
.clearfix 		{display:block;}

.floatbox 		{overflow:hidden;}

#ie_clearing 	{display: none;}

span 			{width: 80px; border:1 solid black;}
span.space 		{margin-left: 40px;}
span.space2 	{margin-left: 86px;}
span.space3 	{margin-left: 33px;}


 /*------------------------------------------------------------------------------------------------------*/