@charset "iso-8859-1";

body {
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	background:url(../img/layout/bg_main.gif) top left repeat-x #ffffff;
}

a {outline:none; color:#732813; font-style:italic; text-decoration:none;}

#mainWrapper {
	width:725px;
	margin:0 auto;
}

#logoBeerlao {
	width:126px;
	height:107px;
	background:url(../img/layout/logo_beerlao.jpg) top left no-repeat;
}
#logoBeerlao a {display:block; width:100%; height:100%;}

#mainBorderStart {
	width:725px;
	height:19px;
	background:url(../img/layout/border_main_start.jpg) top left no-repeat;
}


/* content */

#contentWrapper {
	width:725px;
	background:url(../img/layout/bg_content_pattern.gif) top left repeat-y;
}

#content {
	width:645px;
	padding:30px 40px;
	background:url(../img/layout/bg_content_bottom.gif) bottom left no-repeat;
}

#contentEnd {
	width:725px;
	height:15px;
	background:url(../img/layout/bg_content_end.png) top left no-repeat;
}



#iAm18 {
	width:207px;
	height:53px;
	margin:10px 0 0 60px;
	
}

#iAm18 a {display:block; width:100%; height:100%;background:url(../img/content/bin18.png) top left no-repeat;}
#iAm18 a:hover {display:block; width:100%; height:100%;background:url(../img/content/bin18_x.png) top left no-repeat;}

#iAm18Franz {
	width:164px;
	height:53px;
	margin:80px 0 0 140px;
	
}

#iAm18Franz a {display:block; width:100%; height:100%;background:url(../img/content/bin18Franz.png) top left no-repeat;}
#iAm18Franz a:hover {display:block; width:100%; height:100%;background:url(../img/content/bin18Franz_x.png) top left no-repeat;}


#sprWahl {
	position:absolute;
	width:140px;
	height:26px;
	margin-left:580px;
	margin-top:79px;
}

#sprWahl #deutsch {
	display:block;
	width:66px;
	height:26px;
	background:url(../img/layout/sprWahl-deutsch.gif) top left no-repeat;
	float:left;
	
}

#sprWahl #deutsch:hover, #sprWahl #deutsch.active {background:url(../img/layout/sprWahl-deutsch_x.gif) top left no-repeat;}

#sprWahl #franz {
	display:block;
	width:74px;
	height:26px;
	background:url(../img/layout/sprWahl-franz.gif) top left no-repeat;
	float:left;	
}

#sprWahl #franz:hover, #sprWahl #franz.active {background:url(../img/layout/sprWahl-franz_x.gif) top left no-repeat;}


/* navigation */

#navigation {
	width:725px;
	height:50px;
	background:url(../img/layout/bg_navigation.jpg)
}

#navigation ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#navigation ul li {
	float:left;
}

#navigation ul li a {
	display:block;
}

#navigation ul li a.beerlao {
	width:130px;
	height:31px;
	background:url(../img/layout/navi/beerlao.gif) top left no-repeat;
}
#navigation ul li a.beerlao:hover, #navigation ul li a.beerlao.Active {
	background:url(../img/layout/navi/beerlao_x.gif) top left no-repeat;
}

#navigation ul li a.DEausschank {
	width:164px;
	height:31px;
	background:url(../img/layout/navi/ausschank.gif) top left no-repeat;
}
#navigation ul li a.DEausschank:hover, #navigation ul li a.DEausschank.Active {
	background:url(../img/layout/navi/ausschank_x.gif) top left no-repeat;
}

#navigation ul li a.FRausschank {
	width:164px;
	height:35px;
	background:url(../img/layout/navi/ausschank-fr.gif) top left no-repeat;
}
#navigation ul li a.FRausschank:hover, #navigation ul li a.FRausschank.Active {
	background:url(../img/layout/navi/ausschank-fr_x.gif) top left no-repeat;
}

#navigation ul li a.DEverkauf {
	width:131px;
	height:31px;
	background:url(../img/layout/navi/verkauf.gif) top left no-repeat;
}
#navigation ul li a.DEverkauf:hover, #navigation ul li a.DEverkauf.Active {
	background:url(../img/layout/navi/verkauf_x.gif) top left no-repeat;
}

#navigation ul li a.FRverkauf {
	width:131px;
	height:31px;
	background:url(../img/layout/navi/verkauf-fr.gif) top left no-repeat;
}
#navigation ul li a.FRverkauf:hover, #navigation ul li a.FRverkauf.Active {
	background:url(../img/layout/navi/verkauf-fr_x.gif) top left no-repeat;
}


#navigation ul li a.DEbestellung {
	width:160px;
	height:31px;
	background:url(../img/layout/navi/bestellung.gif) top left no-repeat;
}
#navigation ul li a.DEbestellung:hover, #navigation ul li a.DEbestellung.Active {
	background:url(../img/layout/navi/bestellung_x.gif) top left no-repeat;
}

#navigation ul li a.FRbestellung {
	width:160px;
	height:31px;
	background:url(../img/layout/navi/bestellung-fr.gif) top left no-repeat;
}
#navigation ul li a.FRbestellung:hover, #navigation ul li a.FRbestellung.Active {
	background:url(../img/layout/navi/bestellung-fr_x.gif) top left no-repeat;
}


#navigation ul li a.DEkontakt {
	width:140px;
	height:31px;
	background:url(../img/layout/navi/kontakt.gif) top left no-repeat;
}
#navigation ul li a.DEkontakt:hover, #navigation ul li a.DEkontakt.Active {
	background:url(../img/layout/navi/kontakt_x.gif) top left no-repeat;
}

#navigation ul li a.FRkontakt {
	width:140px;
	height:31px;
	background:url(../img/layout/navi/kontakt-fr.gif) top left no-repeat;
}
#navigation ul li a.FRkontakt:hover, #navigation ul li a.FRkontakt.Active {
	background:url(../img/layout/navi/kontakt-fr_x.gif) top left no-repeat;
}
/* misc */
.clear {clear:both;height:0;}