/*  
  common stylesheet for hopfweisse.de
*/

body, td, div, p, * 
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
}

body 
{
	background-color: #FEF4D1;
}

.radiobutton 
{
	margin-left: 2px;
	color: #000000;
	border: none;
	height: 14px;
	width:	14px;
}

.radiotext {
	margin-left: 6px;	
	margin-right: 10px;
}

#common {
	position:absolute;
	top: 50%;
	left: 50%; 
	height:700px;
	width:990px;
	margin:-350px 0px 0px -495px;			
}
	
#left, 
#leftbg 
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 241px;
	height: 700px;
}

#left 
{
	z-index: 900;
	text-align: right;
}

#leftbg
{
	z-index: 10;
}

#content, 
#contentbg 
{
	position:absolute; 
	top: 220px; 
	left: 241px;
	width: 749px;
}

#content
{
	z-index: 990;
}

#contentbg
{
	z-index: 20;
}

#text 
{
	position: absolute;
	left: 45px;
	top: 15px;
	width:400px;
	height: 370px;
	overflow: auto;
}

#bezugsquellen #text
{
	overflow: visible;
}

#teaserimg
{
	position: absolute;
	left: 445px;
	top: -125px;
	height:380px;
	width:200px;
}

#rubrik
{
	position:absolute; 
	top: 170px; 
	left: 241px;
	width: 749px;
}

#rubrik h1
{
	display: none;
}

#navi
{
	margin-top: 1px;
}

#navi img
{
	margin: 0px;
}

h1, 
.h1 
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	color: #2C6C0E;
}

h2, 
.h2 
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	color: #000000;
}

a:link, 
a:visited, 
a:active, 
a:hover
{
	color: #2C6C0E; 
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

#bildnachweis {
	position:absolute;
	height: 170px;
	width: 130px;
	margin-left: 250px;
}

/* Style definition for subhome "startseite"  - Menüpunkt 1  */
.fruehling #common 
{
	background-image: url(/images/common/bgs/bg_startseite_fruehling.jpg);
}

.sommer #common 
{
	background-image: url(/images/common/bgs/bg_startseite_sommer.jpg);
}

.herbst #common 
{
	background-image: url(/images/common/bgs/bg_startseite_herbst.jpg);
}

.winter #common 
{
	background-image: url(/images/common/bgs/bg_startseite_winter.jpg);
}

.weihnachten #common 
{
	background-image: url(/images/common/bgs/bg_startseite_weihnachten.jpg);
}

.fruehling #common, 
.sommer #common, 
.herbst #common, 
.winter #common, 
.weihnachten #common
{
	background-repeat: no-repeat;
}

/* Style definition for subhome "brauerei"  - Menüpunkt 2  */
#brauerei #common {
	background-image: url(/images/common/bgs/bg_brauerei.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "tradition"  - Menüpunkt 3  */
#tradition #common {
	background-image: url(/images/common/bgs/bg_tradition.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "sortiment"  - Menüpunkt 4  */
#sortiment #common {
	background-image: url(/images/common/bgs/bg_sortiment.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "bezugsquellen"  - Menüpunkt 5  */
#bezugsquellen #common {
	background-image: url(/images/common/bgs/bg_bezugsquellen.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "aktuelles"  - Menüpunkt 6  */
#aktuelles #common {
	background-image: url(/images/common/bgs/bg_aktuelles.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "kontakt"  - Menüpunkt 7  */
#kontakt #common {
	background-image: url(/images/common/bgs/bg_kontakt.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "impressum"  - Menüpunkt 8  */
#impressum #common {
	background-image: url(/images/common/bgs/bg_impressum.jpg);
	background-repeat: no-repeat;
}

/* Style definition for subhome "hopftaler"  - Aktion Frühjahr 2008  */
#hopftaler #common {
	background-image: url(/images/common/bgs/bg_hopftaler.jpg);
	background-repeat: no-repeat;
}

#partnerbereich #common {
	background-image: url(/images/common/bgs/bg_partnerbereich.jpg);
	background-repeat: no-repeat;
}


/* Form definitions */

.text, 
.customersearch,
.textarea
{
	border: 1px solid #2b6d0b;
	width: 100%;
	margin-bottom: 10px;
}

.customersearch
{
	width: 90%;
}

input.error,
textarea.error
{
	background-color: #ffcdcd;
}

h1.error,
h2.error,
h3.error,
div.error,
span.error
{
	font-weight: bold;
	color: red;
}

/* Style definition for editmode  */
#editmode {
	background-image: url(/images/common/bg_cms_repeaty.jpg);
	background-repeat: no-repeat;
}

#editmode #common{
	background-image: url(/images/common/bg_cms.jpg);
	background-repeat: no-repeat;
	height: 1000px;
}

#editmode #edit{
	width:500px;
	margin:20px 0px 0px 48px;
	overflow: auto;
}

.normal
{
	font-weight: normal;
}

div.infobox
{
	width: 85%;
	margin-top:20px; 
	padding:10px; 
	border: 1px solid #2b6d0b; 
	background-color:#d5e2ce;
}

div.shopresult
{
	float: left;
	width: 170px;
	height: 120px;
	margin-right: 15px;
}

/* Sonderformen */

#talerteaser
{
	position:absolute;
	bottom: 0px;
	z-index: 1000;
}

#talerteaser h1, 
#talerteaser h2
{
	display: none;
}

#bierab16
{
	position:absolute;
	bottom: -80px;
	right: 0px;
	z-index: 1000;
}


#impressumlink
{
	position:absolute;
	bottom: -20px;
	left: 10px;
	z-index: 1000;
}

#impressumlink a
{
	font-size: 10px;
	font-weight: normal;
}