@charset "utf-8";
/**
 * Intro CSS
 *
 * @project		Stuttgarter Hofbräu
 * @author		Boris Bojic <bojic@devshack.biz>
 * @copyright	Copyright (c) 2010, Boris Bojic (DevShack)
 * @version		Thu, 22 Apr 2010 14:04:16 +0200
 *
 */

* {
border:0 none;
margin:0;
padding:0;
outline: 0;
}

body {
background:#E0BC66 url(/design/body/body-back.png) repeat-x;
color:#000;
font-size:100.01%;
font-family:Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
line-height:1;
}

h1 {
font-size:11px;
text-align:center;
text-transform:uppercase;
padding:22px 0 0;
}

h2 {
font-size:11px;
font-weight:400;
text-align:center;
line-height:1.4;
padding:5px 0 15px;
}

#outerbox {
	width: 972px;
	margin:0 auto;
}


#leftcolumn{
	float:left;
	width:210px;
	padding-top: 40px;
}

	#leftcolumn img{
		display: block;
	}

	#facebookbox{
		padding-bottom: 29px;
	}

	#flashbanner{
		height: 300px;
	}


#bottcolumn {
	clear: both;
	padding-left: 210px;
}

#bottcolumn img{
	display: block;
	margin: 0 auto;
}

#rightcolumn {
	float:left;
	width:760px;
	height:510px;
	border:1px solid #eedbb1;
	background: #E0BC66;
}

#superrightcolumn {
float: left;
width: 160px;
height: 240px;

}

#rightcolumn ul{
	position:relative;
	width:760px;
	height:510px;
	background: url(/design/navi/navi-back.jpg) no-repeat;
	list-style-type:none;
	font-size:10px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
	color:red;
}

#rightcolumn li {
	position:absolute;
	top:0;
	left:0;
}

#rightcolumn li a {
display:block;
color:#F26644;
text-decoration:none;
height:35px;
background:url(/design/navi/navi-wabe.png) 0 0 no-repeat;
padding:5px 0 0 40px;
}

#rightcolumn li a:hover {
color:red;
background-position:0 -40px;
}

#rightcolumn li a span {
display:none;
text-transform:none;
padding-top:5px;
}

#rightcolumn li#unternehmen {
top:15px;
left:171px;
width:130px;
}

#rightcolumn li#zeitreise {
top:56px;
left:43px;
width:240px;
}

#rightcolumn li#zeitreise a {
height:50px;
background:url(/design/navi/navi-zeitreise.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#brauerei {
top:56px;
left:339px;
width:220px;
}

#rightcolumn li#brauerei a {
height:50px;
background:url(/design/navi/navi-brauerei.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#gastro {
top:430px;
left:620px;
width:140px;
}

#rightcolumn li#events {
top:27px;
left:576px;
width:170px;
}

#rightcolumn li#events a {
height:50px;
background:url(/design/navi/navi-events.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#hiphop {
top:350px;
left:5px;
width:170px;
}

#rightcolumn li#hiphop a {
height:50px;
background:url(/design/navi/navi-hiphop.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#aktuelles {
top:125px;
left:585px;
width:170px;
}

#rightcolumn li#aktuelles a {
height:50px;
background:url(/design/navi/navi-aktuelles.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}


#rightcolumn li#sortiment {
top:115px;
left:139px;
width:120px;
}

#rightcolumn li#shop {
top:122px;
left:414px;
width:95px;
}

#rightcolumn li#shop a {
height:50px;
background:url(/design/navi/navi-shop.png) 0 0 no-repeat;
padding:5px 0 0 54px;
}

#rightcolumn li#shop a:hover {
background-position:0 -55px;
}

#rightcolumn li#karriere {
top:175px;
left:213px;
width:110px;
}

#rightcolumn li#massive {
top:205px;
left:505px;
width:160px;
}

#rightcolumn li#massive a {
height:50px;
background:url(/design/navi/navi-massive.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#weissbier {
top:234px;
left:13px;
width:240px;
}

#rightcolumn li#weissbier a {
height:50px;
background:url(/design/navi/navi-weissbier.png) 0 0 no-repeat;
padding:8px 0 0 57px;
}

#rightcolumn li#specials {
top:340px;
left:5px;
width:110px;
}

#rightcolumn li#business {
top:290px;
left:600px;
width:110px;
}

#rightcolumn li#impressum {
top:150px;
left:20px;
width:110px;
}

#rightcolumn li#regiment {
top:350px;
left:630px;
width:240px;
}

#rightcolumn li#regiment a {
height:36px;
background:url(/design/navi/navi-regiment.png) 0 0 no-repeat;
padding:8px 0 0 45px;
}

#rightcolumn li#specials {
top:340px;
left:5px;
width:100px;
}

#rightcolumn li#specials a {
height:32px;
background:url(/design/navi/navi-specials.png) 0 0 no-repeat;
padding:6px 0 0 40px;
}


#leftcolum img,#bottcolum img,#rightcolumn li a:hover span {
display:block;
}

#leftcolumn a,#bottcolumn a {
color:#000;
text-decoration:none;
}

#rightcolumn li#zeitreise a:hover,
#rightcolumn li#brauerei a:hover,#rightcolumn li#events a:hover, #rightcolumn li#aktuelles a:hover, #rightcolumn li#massive a:hover,#rightcolumn li#weissbier a:hover {
background-position:0 -58px;
}

#rightcolumn li#regiment a:hover {
background-position:0 -44px;
}

#rightcolumn li#specials a:hover {
background-position:0 -39px;
}


#outerbox:after {
content:".";
visibility:hidden;
height:0;
display:block;
clear:both;
}