@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-color:#000;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	letter-spacing:0.1em;
	font-weight:300;
	color: #9b7c53;
	text-align: left;
}

a:link, a:visited, a:active {
	color:#9b7c53;
	text-decoration:underline;
}

a:hover {
	color:#dcbf9a;
	text-decoration:underline;
}

strong {
	color:#dcbf9a;
	font-weight:300;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(images/btn_hinterlegt_a.gif) no-repeat scroll top right;
	color:#dcbf9a;
    display: block;
    float: left;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    height: 38px;
    margin-right: 6px;
	margin-left:-5px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(images/btn_hinterlegt_span.gif) no-repeat;
    display: block;
    line-height: 38px;
    padding: 0 0 0 15px;
}
a.button:hover {
    background-position: bottom right;
	color: #721700;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 0x 0 0 15px; /* push text down 1px */
}


#massstab {
	position:absolute; top:52px; left:0; z-index:2;
	width:25px;
	height:511px;
	background-image:url(images/raster.gif); 
	background-repeat:repeat-y;
}

#bilder {
	position:absolute; top:102px; left:70px; z-index:4;
	width:490px;
	height:500px;
}

#logo img {
	width:172px;
	height:78px;
	border:none;
	position:absolute;
	top:40px;
	left:530px;
	z-index:5;
}

#text {
	position:absolute; top:140px; left:585px; z-index:6;
	width:260px;
}

/* Main Navigation */

#navigation { 
	position:absolute; top:31px; left:20px; z-index:1;
	width: 50px;
}

#navigation dl { margin: 0; padding: 0; }


#navigation dt a {
	display: block;
	width: 0px !important;
	width /**/:50px; /* IE 5/Win hack */ 
	padding: 0 0 0 50px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#navigation dt a:hover {
	background-position: -50px 0;
}

#navigation dt#sandwichbar,
#navigation dt#sandwichbar a { height: 142px; background-image: url(images/btn_sandwichbar.gif); }

#navigation dt#barbetrieb,
#navigation dt#barbetrieb a { height: 124px; background-image: url(images/btn_barbetrieb.gif); }

#navigation dt#service,
#navigation dt#service a { height: 98px; background-image: url(images/btn_service.gif); }

#navigation dt#kultur,
#navigation dt#kultur a { height: 88px; background-image: url(images/btn_kultur.gif); }

#navigation dt#kontakt,
#navigation dt#kontakt a { height: 100px; background-image: url(images/btn_kontakt.gif); }

body.sandwichbar dt#sandwichbar,
body.sandwichbar dt#sandwichbar a,
body.sandwichbar dt#sandwichbar a:hover,
body.barbetrieb dt#barbetrieb,
body.barbetrieb dt#barbetrieb a,
body.barbetrieb dt#barbetrieb a:hover,
body.service dt#service,
body.service dt#service a,
body.service dt#service a:hover,
body.kultur dt#kultur,
body.kultur dt#kultur a,
body.kultur dt#kultur a:hover,
body.kontakt dt#kontakt,
body.kontakt dt#kontakt a,
body.kontakt dt#kontakt a:hover {
	background-position: -50px 0;
}