body {

	background:url(images/background.jpg) fixed;

}



#container{

	margin:auto;

	text-align:center;

	width:912px;

	background:white;

	padding-bottom:10px;

}



#banner{

	float:left;

	background:url(images/banner.jpg) no-repeat white;

	margin:5px 0 0 6px !important;

	margin:5px 0 0 3px;

	width:900px;

	height:263px;

}



#menu{

	float:left;

	background:url(images/menuback.jpg) repeat-x;

	width:100%;

	height:33px;

	margin:0px 0 0 0px !important;

	margin:0px 0 0 px;

}



#menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#menu a {

	display: block;

	color:white;

	font-family:georgia, sans;

	font-size:16px;

}



#menu li {

	float: left;

	margin:6px 0;

	padding:0 10px 0 10px;

	border-right:1px solid #fff;

}



#content {

	width:900px;

	height:auto;

	float:left;

	background:#fff;

	margin:0px 0 30px 10px !important;

	margin:0px 0 30px 5px;

}



.inner{

	width:500px;

	float:left;

	margin:5px;

	text-align:center;

	font-family:georgia, sans;

	font-size:14px;

}

.inner-col{

	text-align:left;

	width:180px !important;

	width:178px;

	float:left;

	margin:5px,

	font-family:georgia, sans;

	font-size:14px;

}

.inner-cor{

	width:300px;

	float:left;

	margin:5px;

	text-align:center;

	font-family:georgia, sans;

	font-size:14px;

	background:white;

}





.inner-cor ul{

list-style:none;

padding:0;

margin:0;

font-family:georgia;

font-size:11px;

color:black;

text-align:left;

}



.inner-cor li{

list-style:none;

padding:0;

margin:0;

line-height:20px;

text-align:left;

}



.inner-cor p{

background:white;

}



textarea {

font-family:georgia;

font-size:10px;

width:300px;

background:white;

border:1px solid #ccc;

height:150px;

overflow:auto;

}



input {

font-family:georgia;

font-size:10px;

width:300px;

background:#d20203;

text-align:left;

color:white;

border:0;

border-bottom:1px solid #910000;

display:block;

text-transform:uppercase;

cursor:pointer;

text-indent:10px;

}



.inner-right{

	width:370px;

	float:right;

	margin:10px 0 10px 0;

	text-align:center;

}







.inner-ab{

	width:700px !important;

	width:650px;

	float:left;

	margin:5px;

	text-align:center;

	font-family:georgia, sans;

	font-size:14px;

}



.inner-ab img{

	margin:5px;

	border:1px solid #999;

}





.inner-right a, .inner-right img{

	border:0;

	margin:5px 0 5px 0;

}



.inner-right-ab{

	width:166px;

	float:right;

	margin:10px;

	text-align:center;

	background:#eee;

	border:1px solid #ccc;

	color:black;

	font-size:12px;

	font-weight:normal;

}



.inner-right-br{

	width:350px;

	float:right;

	margin:10px !important;

	margin:5px !important;

	text-align:center;

	background:#eee;

	border:1px solid #ccc;

	color:black;

	font-size:12px;

	font-weight:normal;

	text-align:justify;

	padding:2px;

}



.inner-right-br img{

	border:0;

	margin:5px;

}



.inner-right-ab-nor{

	width:166px;

	float:right;

	margin:0px 10px 10px 10px;

}



.inner-right-ab img.lo{

	float:left;

	margin:5px;

	border:1px solid #999;

}



.inner-right-ab-nor a, .inner-right-ab-nor img{

	border:0;

	margin:5px 0 5px 0!important;

	margin:0px 0 4px 0;

}



h3{



	font:500 30px/60px georgia;

	color:#000;



	border-bottom:1px solid #cdc5df;

	border-top:1px solid #cdc5df;

}



.inner a, .inner-ab a{

	color:#d20203;

	text-decoration:none;

	font-weight:bold;

}



.inner a:hover, .inner-ab a:hover{

	color:#d20203;

	text-decoration:underline;

}



/* choose a suitable font and center the #container div in Internet Explorer */

body {text-align:center; 

font-family: georgia; 

font-size:12px;

}



/* The containing box for the gallery. */

#containergal {

position:relative; 

width:900px; height:300px; 

margin:20px auto 0 auto; 

border:0; 

background:#fff url(../images/back.jpg) 75px 10px no-repeat;

}



/* Removing the list bullets and indentation - add size - and position */

#containergal ul {

width:198px; 

height:300px; 

padding:0;  

margin:5px; 

list-style-type:none; 

float:right;

}



#containergal li {

float:left;

}



/* Remove the images and text from sight */

#containergal a.gallery span {

position:absolute; 

width:1px; 

height:1px; 

top:5px; 

left:5px; 

overflow:hidden; 

background:#fff;

}



ul li.contact_list {

	list-style: none;

	margin: 0;

	padding: 0;

	margin-bottom: 5px;

}



ul.contact {

	padding-left: 2px;

}



/* Adding the thumbnail images */

#containergal a.gallery, #containergal a.gallery:visited {

display:block; 

color:#000; 

text-decoration:none; 

border:1px solid #999; 

margin:1px 2px 1px 2px; 

text-align:left; 

cursor:default;

}



#containergal a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #666; margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#containergal a.slidea {background:url(images/beers/export.jpg) 50% 70% no-repeat; height:93px; width:60px;}

#containergal a.slideb {background:url(images/beers/lager.jpg) 50% 70% no-repeat; height:93px; width:60px;}

#containergal a.slidec {background:url(images/beers/pilsner.jpg) 50% 70% no-repeat; height:93px; width:60px;}

#containergal a.slided {background:url(images/beers/weissbier.jpg) 50% 70% no-repeat; height:93px; width:60px;}

#containergal a.slidee {background:url(images/beers/kellerbier.jpg) 50% 70% no-repeat; height:93px; width:60px;}

#containergal a.slidef {background:url(images/beers/zoigl.jpg) 50% 70% no-repeat; height:93px; width:60px;}

* html #container a.slidef {width:60px; w\idth:60px;}

#containergal a.slideg {background:url(images/beers/schwarze-weisse.jpg) 50% 70% no-repeat; height:60px; width:93px;}

#containergal a.slideh {background:url(images/beers/leichte-weisse.jpg) 50% 70% no-repeat; height:60px; width:93px;}



/* styling the hovers */

#containergal a.gallery:hover {border:1px solid #999;}

#containergal a.gallery:hover span {position:absolute; width:500px; height:300px; top:10px; left:30px; color:#000; background:#fff;}

#containergal a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}



	
