/*	Stylesheet
	Media: Screen
	Used in Template: global (default-css)
*/

* { margin: 0; padding: 0 }

body { 
	font-family: Arial, Verdana, sans-serif; 
	color: #523206;
	font-size: 85%;
	background-image: url(http://www.hofmann-bier.de/tmpl/imgs/back1.gif);
}

hr.split { display: none }
p { margin: 15px 0 }
img.left { float: left; margin-right: 20px }
img.right { float: right; margin-left: 20px }
a { color: #523206 }
a:hover { color: #eceaba }

input[type=text], input[type=password] { border: 1px solid #ccc; padding: 2px; }

pre { font-size: 110%; }

.np {
	position: relative; 
	top:-165px; 
	width: 175px;
	margin: 0px;
	padding: 10px;
	display: none;
	border-left: 2px solid #523206;
	border-right: 2px solid #523206;
	border-bottom: 2px solid #523206;
	background: url(http://www.hofmann-bier.de/tmpl/imgs/back_box2.jpg);
}
#np2 {
	left:130px;
}
#np3 {
	left:232px;
}
#np4 {
	left:365px;
}
#np5 {
	left:490px;
}

img.links { float: left; margin: 0 20px 20px 0 }
img.rechts { float: right; margin: 0 0 20px 20px }

/*	Structure */
/*.mod_gallery_object { float: left; } */
	
#wrapper { 
	width: 956px; 
	margin: 0 auto; 
}
#wrapper[id] { width: 953px }


/*	Header ------------------------------------------------- */
	
#header {
	
	width: 956px;
	height: 127px;
	padding: 0px;
	background-image: url(http://www.hofmann-bier.de/tmpl/imgs/top_logo.jpg);
	
}

	#header p { margin: 0 }
	#header img { border: 0 }
	#header h1 { display: none }
	#header a { font-weight: bold; }
	#header div#quickcontact {
		width: 250px;
		float: right;
		padding-top: 20px;
		text-align: right;
	}

#navi-top {
	width: 956px;
	height: 26px;
}
#navi-top img, a{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#claim {
	
	width: 956px;
	height: 165px;
	padding: 0px;
	font-size: 90%;
	/*background-image: url(imgs/claim1.jpg);*/
	
}
#subclaim {
	
	width: 956px;
	height: 19px;
	padding: 0px;
	background-image: url(http://www.hofmann-bier.de/tmpl/imgs/claim_sub.jpg);
	
}

#content-wrapper {
	background: url(http://www.hofmann-bier.de/tmpl/imgs/back_kachel.jpg);
	width: 956px;

}

/*	Navi-Bar ------------------------------------------------- */

#main-navi {
	padding: 5px 20px 0px 20px;
	width: 915px;
	height: 22px;
}

	#main-navi ul {
		list-style: none;
	}
	
	#main-navi li {
		float: left;
		margin-right: 30px;
		font-weight: bold;
	}
	
	#main-navi a { 
		text-decoration: none;
	}
	
	#main-navi a:hover { color: #DFA928 }
	#main-navi li.active a { color: #5E9031 }

#sitesearch {
	float: right;
	width: 180px;
	text-align: right;
}

	#sitesearch input.keyword {
		width: 144px;
		height: 14px;
		font-size: 10px;
		padding: 1px;
	}


/*	Sidebar (left)  ------------------------------------------------- */

#sidebar {
	padding: 0px;
	margin-left: 40px;
	width: 280px;
	float: left;
}


/*	Content (right) ------------------------------------------------- */

#content-col {
	/* 	margin-left: 250px; */
	width: 620px;
	float: left;
}


		



/*	Footer ------------------------------------------------- */
	
#footer {
	margin-top: 40px;
	border-top: 1px solid #523206;
	padding: 20px 40px 20px 50px;
	font-size: 85%;

}
	
	#footer a { font-weight: bold; }
	#footer a:hover { color: #eceaba }
	#footer p { margin-top: 0 }
	#footer div.top-link {
		float: right;
		width: 200px;
		text-align: right;
	}
	
		#footer div.top-link a { 
			background: url(/tmpl/imgs/top-link-arrow.jpg) no-repeat 0 1px;
			padding: 0px 0 2px 20px;
		}
	
	#footer li { 
		list-style-type: none; 
		padding-right: 10px;
	}








/*	Sidebar (left)  ------------------------------------------------- */
#infobox {
	width: 255px;
	margin-top: 20px;
	
	border: 2px solid #523206;
	background: url(http://www.hofmann-bier.de/tmpl/imgs/back_box2.jpg);
	
	margin-bottom: 10px;
	
}
#infobox-content {
	padding: 10px;
	font-size: 90%;
}
	#infobox-content h2 {
		
		
		font-size: 130%;
		font-weight: bold;
	}

	#infobox-content h3 {
		padding-top: 5px;
		border-top: 2px dotted #523206;
		font-weight: bold;
		font-size: 100%;
		margin: 10px 0 10px 0;
	}
	

	.biernavi {
		border: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	#infobox-content ul {
		list-style: none;
		padding-left: 10px;
	}

.image {
	border: 2px solid #523206;
		margin-right: 5px;
		margin-bottom: 5px;
		float: left;
}
#teaserelement_2 h3 {
	clear: both;
	border-top: 2px dotted #523206;
	padding-top: 20px;
}
#teaserelement_4 h3 {
	clear: both;
	border-top: 2px dotted #523206;
	padding-top: 20px;
}

#mod_navi_2 {
	font-size: 130%;
	font-weight: bold
}

.navActive3 { font-weight: bold; }
.navActive3 ul li { font-weight: normal; }
.navActive3 ul li.navActive3 { font-weight: bold; }
/*	Content (right) ------------------------------------------------- */





#content {
	padding: 20px 50px 50px 50px;
	padding-right: 0;
}

	#content h2 {
		border-top: 2px solid #523206;
		border-bottom: 2px solid #523206;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: normal;
	}
	#mod-b2b h2 {
		border-top: 0px;
		border-bottom: 0px;
		margin-bottom: 10px;
		font-size: 110%;
		font-weight: bold;
	}
	#content h3 {
		font-weight: bold;
		font-size: 130%;
		font-weight: normal;
		margin: 20px 0 10px 0;
	}

	#content p.summery { font-size: 120%; }

	#content ul { 
		margin: 20px 30px;
		/*list-style-image: url(/tmpl/imgs/li-content.jpg);*/
	}

	#content li {
		margin-bottom: 8px;
	}
	
	#content img {
		border: 2px solid #523206;
		margin-right: 10px;
		margin-bottom: 10px;
	}

#mod_gallery a {
	text-decoration: none;
}

#hiddengallery {
	display: none;
}

.picright {
	float: right;
	margin-left: 10px;
}
.prodtable tr td {
	vertical-align: top;
}