#dropmenudiv{

position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Georgia, Geneva, Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-image:url(../img/verlauf_anylink.jpg);
}

#dropmenudiv a{

width: 100%;
display: block;
text-indent: 8px;
border-bottom: 0px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color:#895645;

}

#dropmenudiv a:hover{ /*hover background color*/
/*background-color: #ffffff;*/
color:#ffffff;

}
/* ----- Globale Elemente ----- */
body {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	background-image:url(../img/bg_verlauf.jpg);
	background-repeat:repeat-x;
	background-color:#cec8c1;
	
}
td {
	vertical-align: top;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.form {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f796d;
}
.footnote {
	/*font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #7f796d;
}
.zitat {
	/*font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;*/
	color: #a56853;
}
.buttonleft {
	/*font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;*/
	float: left;
}
.buttonright {
	/*font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;*/
	float: right;
}
.trenner {
	height: 10px;
	vertical-align:middle;
	}
#container {
	position:relative;
	width:780px;
	}

/* ----- Header ----- */

#toparea {
	height:120px;
	background-image:url(../img/verlauf_logoarea.jpg);
}
#metanavi{
	padding-top: 7px;
	padding-right: 60px;
	vertical-align:top;
	text-align:right;
}
#logoarea{
	padding-top: 11px;
	vertical-align:top;
	text-align:left;
}
#kirschbier12 {
	float: left;
}
#kirschbier24 {
	float: right;
}
/* ----- Mainnavigation ----- */
#mainnavi{
	height:55px;
	text-align:left;
	background-image:url(../img/verlauf_navi.jpg);
	}
.navizeile {
	height:22px;
	vertical-align:middle;
	padding-left:28px;
	}
/* ----- Content ----- */
#contentarea {
	height:483px;
	background-color:#cec8c1;
	}
#content721 {
	width:721px;
	}
#content500 {
	width:500px;
	float:left;
	}
#content210 {
	width:210px;
	float:right;
	}
	
/*----- BOX ----- */	
.box500kurz {
	background-image:url(../img/box_500_kurz.jpg);
	background-repeat:repeat-x;
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.box500mittel {
	background-image:url(../img/box_500_mittel.jpg);
	background-repeat:repeat-x;
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.box500lang {
	background-image:url(../img/box_500_lang.jpg);
	background-repeat:repeat-x;
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.box700lang {
	background-image:url(../img/box_700_lang.jpg);
	background-repeat:repeat-x;
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.box210mittel {
	background-image:url(../img/box_210_mittel.jpg);
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}
.box210logo {
	background-image:url(../img/box_210_logo.jpg);
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}		
.box210klein {
	background-image:url(../img/box_210_mittel.jpg);
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 21px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
	height:184px;
}
.box_shop {
	font-size: 12px;
	line-height:18px;
	color: #7f796d;
}	
#seite {
	width: 780px;
	margin: auto;
	margin-top: 30px;
	
}
* html #seite {
    width: 796px;
	margin: auto;
	margin-top: 30px;
}
.clearing {
  height: 0;
  clear: both;
  text-align:left;
}
/* ----- Hyperlinks ----- */

a.hauptnavi:link, a.hauptnavi:hover, a.hauptnavi:visited {
	font-size: 12px;
	font-weight: bold;
	color: #895645;
	text-decoration: none;
	padding-left:21px;
	}

a.hauptnavi:hover {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-left:21px;
	}

a.meta:link, a.meta:hover, a.meta:visited {
	font-size: 11px;
	font-weight: normal;
	color: #433c34;
	text-decoration: none;
	}

a.meta:hover {
	font-size: 11px;
	font-weight: normal;
	color: #ffebd6;
	text-decoration: none;
	}

a.imtext:link, a.imtext:hover, a.imtext:visited {
	font-size: 12px;
	font-weight: normal;
	color: #895645;
	text-decoration: underline;
	}

a.imtext:hover {
	font-size: 12px;
	font-weight: normal;
	color: #895645;
	text-decoration: none;
	background-color:#e2c4b9;
	}
/* ----- Formular Elements ----- */	
	
input, textarea, select {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color:#a69d92;
	background-color: #e4e1de;
	font-size: 12px;
	color: #7f796d;
	padding-left: 5px;

}	

/* ----- headlines ----- */	

.headline {
	font-size: 12px;
	color: #7f796d;
	font-weight: bold;
	margin-bottom: 25px;
	
}
.aktiv {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-left:21px;
	}
.metaaktiv {
	font-size: 11px;
	font-weight: normal;
	color: #ffebd6;
	text-decoration: none;
	}
hr {
	width:450px;
	text-align:left;
	height:1px;
	border:1px dotted #7f796d;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	
	}