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

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #878787;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}
#outer {
	width: 1100px;	
	margin: auto;
	background: url("../gfx/main-bg.jpg");
}
#header {
	display: block;
	margin: 0 50px;
}

/** NAV **/
#nav {
	display: block;
	padding: 7px 0px 0px 20px;
	margin: 0px 50px;
	background: url("../gfx/nav-bg.jpg");
	height: 38px;
}
.nav {
	display: block;
	overflow: hidden;
	list-style: none;
}
.nav li {
	float: left;	
	overflow: hidden;
}
.nav span {
	display: none;	
}
.nav .bullet {
	display: block;
	float: left;
	width: 10px;
	height: 30px;
	background: url("../gfx/nav.png") -93px 0px;
	margin: 2px 3px;
}
.nav li a {
	height: 30px;
	display: block;
	float: left;
	background: url("../gfx/nav.png");
}
.nav a.start {
	width: 90px;	
}
.nav a.start:hover, .nav a.start.active {
	background-position: 0 -30px;	
}
.nav a.raeume {
	width: 122px;
	background-position: -105px 0px;
}
.nav a.raeume:hover, .nav a.raeume.active {
	background-position: -105px -30px;	
}
.nav a.zeiten {
	width: 127px;
	background-position: -240px 0px;
}
.nav a.zeiten:hover, .nav a.zeiten.active {
	background-position: -240px -30px;	
}
.nav a.karte {
	width: 107px;
	background-position: -380px 0px;
}
.nav a.karte:hover, .nav a.karte.active {
	background-position: -380px -30px;	
}
.nav a.anfahrt {
	width: 61px;
	background-position: -500px 0px;
}
.nav a.anfahrt:hover, .nav a.anfahrt.active {
	background-position: -500px -30px;	
}
.nav a.kontakt {
	width: 68px;
	background-position: -575px 0px;
}
.nav a.kontakt:hover, .nav a.kontakt.active {
	background-position: -575px -30px;	
}
.nav a.jobs {
	width: 50px;
	background-position: -658px 0px;
}
.nav a.jobs:hover, .nav a.jobs.active {
	background-position: -658px -30px;	
}
.nav a.impressum {
	width: 90px;
	background-position: -723px 0px;
}
.nav a.impressum:hover, .nav a.impressum.active {
	background-position: -723px -30px;	
}

/** CONTENT **/
#content {
	background: url("../gfx/content-bg.jpg");
	padding: 20px 35px 50px 35px;
	width: 930px;
	margin: 0 50px;
	overflow: hidden;
	min-height: 300px;
}
#content p {
	line-height: 160%;	
	margin-bottom: 15px;
	max-width: 600px;
}
#content .right-col, #content .left-col {
	width: 450px;
	float: left;
}
#content .left-col {
	margin-right: 30px;	
	clear: both;
}
#content .img-border, #content .carousel {
	border: 1px solid #4f1c00;	
	position: relative;
}
#content .img-border img, #content .carousel img {
	border: 4px solid #efdbc0;	
}
#content .carousel {
	width: 448px;
	height: 298px;
	overflow: hidden;
}					
#content .carousel .inner {
	width: 5000px;
	overflow: hidden;
}
#content .carousel .inner img {
	float: left;
}
#content .carousel .prev, #content .carousel .next {
	display: block;
	width: 30px;
	height: 80px;
	background-image: url("../gfx/arrows.png");
	position: absolute;
	z-index: 10;
	top: 110px;
	cursor: pointer;
}
#content .carousel .prev {
	left: 10px;	
}
#content .carousel .next {
	background-position: 30px 0;	
	right: 10px;
}
.clearfix {
	overflow: hidden;
}
.small {
	font-size: 11px;	
}

#content a {
	color: #813900;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;	
}

.biglink {
	font-size: 150%;
	line-height: 130%;
}
.t-center {
	text-align: center;	
}

table.zeiten {
	font-size: 14px;
	margin-bottom: 15px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #4f1c00;
	background: #fff;
	width: 100%;
}
table.zeiten th {
	font-weight: bold;
	width: 50%;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}
table.zeiten td {
	padding-left: 10px;
	vertical-align: top;
}


/** HEADLNES **/
h1 {
	background: url("../gfx/headlines.png");
	height: 40px;
	width: 210px;
	margin-bottom: 10px;
	color: #501c00;
}
h1 span {
	display: none;	
}
h1.raeume {
	background-position: 0 -40px;	
}
h1.zeiten {
	background-position: 0 -80px;	
}
h1.speisekarte {
	background-position: 0 -120px;	
}
h1.anfahrt {
	background-position: 0 -160px;	
}
h1.kontakt {
	background-position: 0 -200px;	
}
h1.impressum {
	background-position: 0 -240px;	
}

h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #501c00;
}

/** GALERIE **/
.galerie {
	overflow: hidden;
	margin-bottom: 15px;
}
.galerie img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #4f1c00;	
}

/** FOOTER **/
#footer {
	height: 95px;
	background: url("../gfx/footer.jpg");
	position: relative;
}
#gastello-logo {
	display: block;
	margin: auto;
	padding-top: 4px;
}
#footer .nav {
	position: absolute;
	right: 70px;
	top: 7px;
}
#footer #copyright {
	position: absolute;
	top: 14px;
	left: 70px;
	color: #fff;
}
#footer #sitelinks {
	position: absolute;
	top: 60px;
	left: 70px;
	color: #fff;
	font-size: 12px;
}
#footer #sitelinks a {
	color: #fff;	
	text-decoration: none;
	font-weight: bold;
}
#footer #sitelinks a:hover {	
	text-decoration: underline;
}

/* FORMS */

form {
	width: 450px;
	overflow: hidden;
}

input, textarea, select {
	background: #faedd9;
	width: 315px;
	height: 20px;
	border: 1px solid #4f1c00;
	padding: 2px 2px 2px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
input:focus, textarea:focus, select:focus {
	background: #fff;	
}
select {
	height: auto;
}
textarea {
	height: 100px;
	font-size: inherit;
}
input.button {
	background-color: #d5a877;
	color: #000;
	width: auto;
	padding: 0px 10px 2px;
	height: 25px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
}
input.button:hover {
	background: #aa8760;
	color: #faedd9;
}
input.file {
	height: auto;
}
form dl {
	width: 450px;
	overflow: hidden;
}
form dd, form dt {
	float: left;
	padding: 0px 5px 10px 0px;
}
form dt {
	width: 120px;
	text-align: left;
}
form dd {
	width:  300px;
}
.info-box {
	font-weight: bold;
	background: #BEEBBE;
	color: #040;
	padding: 5px 10px;
	border: 1px solid #4f1c00;
}
.info-box.error {
	color: #B30000;
	background: #FDD;
}
.captcha {
	margin-bottom: 5px;	
}