/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
/* line 15, ../sass/layout.sass */
#page {
	width: 960px;
	margin: 0 auto;
}

#main {
	width: 960px;
	margin: 0 auto;
	background: #F7F4F1;
}

#logo img {
	margin: 38px 0 28px 78px;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 20, ../sass/layout.sass */
#content {
	float: left;
	width: 100%;
	margin-right: -100%;
	padding: 0;
}

/* line 26, ../sass/layout.sass */
.sidebar {
	float: left;
}

/* line 29, ../sass/layout.sass */
#sidebar-second {
	float: right;
}

/* line 32, ../sass/layout.sass */
#footer {
	float: none;
	clear: both;
}

/* Layout Helpers */
/* line 37, ../sass/layout.sass */
#header, #footer, .mission, .breadcrumb, .node {
	clear: both;
}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 55, ../sass/layout.sass */
.two-sidebars .center, .sidebar-first .center {
	margin-left: 362px;
}

/* line 59, ../sass/layout.sass */
#sidebar-first {
	width: 272px;
	padding:49px;
	margin-top: -42px;
}

/* line 65, ../sass/layout.sass */
.two-sidebars .center, .sidebar-second .center {
	margin-right: 200px;
}

/* line 69, ../sass/layout.sass */
#sidebar-second {
	width: 200px;
}

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 76, ../sass/layout.sass */
.inner {
	padding: 0;
}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 84, ../sass/layout.sass */
#navigation {
	float: left;
	margin-left: 0;
	margin-right: -100%;
	padding: 0;
	width: 100%;
	height: 50px;
}

#block-system-main-menu ul li {
	display: inline-block;
	padding: 15px;
}

/* line 94, ../sass/layout.sass */
.with-navigation #content, .with-navigation .sidebar {
	margin-top: 40px;
}

#block-block-1, #block-block-13 {
	margin: -121px -14px 0 591px;
}

#block-block-2 ul li, #block-block-8 ul li, #block-block-9 ul li, #block-block-10 ul li, #block-block-11 ul li, #block-block-12 ul li, #block-block-14 ul li {
	list-style-type: none;
	display: inline-block;
}

#block-block-2 ul, #block-block-8 ul, #block-block-9 ul, #block-block-10 ul, #block-block-11 ul, #block-block-12 ul, #block-block-14 ul {
	padding-left: 57px;
}

#block-block-2, #block-block-8, #block-block-9, #block-block-10, #block-block-11, #block-block-12, #block-block-14 {
	margin: -73px 0 25px;
	width: 800px;
	float: left;
}

#block-block-6 {
	margin: 0 auto;
	width: 994px;
}

#block-block-15 {
	margin: 0 auto;
	padding-left: 100px;
	width: 960px;
	color: #988676;
	font-size: 12px;
}

#block-block-16, #block-block-17, #block-block-18, #block-block-19, #block-block-20, #block-block-29 {
	margin: -20px auto;
	text-align: right;
	width: 960px;
	color: #988676;
}

#block-block-16 a, #block-block-17 a, #block-block-18 a, #block-block-19 a, #block-block-20 a, #block-block-29 a {
	color: #988676;
	font-size: 12px;
}

#block-block-16 a:hover, #block-block-17 a:hover, #block-block-18 a:hover, #block-block-19 a:hover, #block-block-20 a:hover, #block-block-29 a:hover {
	color: #F59E30;
	font-size: 12px;
}

.footer-active {
	color: #F59E30 !important;
}

.nav1 {
	background: url("/sites/default/files/navi_home.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 33px;
}

.nav1:hover {
	background: url("/sites/default/files/navi_home.png") no-repeat scroll 0 -16px transparent;
}

.nav1-active {
	background: url("/sites/default/files/navi_home.png") no-repeat scroll 0 -16px transparent;
	height: 15px;
	float:left;
	width: 33px;
}

.nav2 {
	background: url("/sites/default/files/navi_speiseplan.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 64px;
}

.nav2:hover {
	background: url("/sites/default/files/navi_speiseplan.png") no-repeat scroll 0 -15px transparent;
}

.nav2-active {
	background: url("/sites/default/files/navi_speiseplan.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 64px;
}

.nav3 {
	background: url("/sites/default/files/navi_catering.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 49px;
}

.nav3:hover {
	background: url("/sites/default/files/navi_catering.png") no-repeat scroll 0 -15px transparent;
}

.nav3-active {
	background: url("/sites/default/files/navi_catering.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 49px;
}

.nav4 {
	background: url("/sites/default/files/navi_business.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 87px;
}

.nav4:hover {
	background: url("/sites/default/files/navi_business.png") no-repeat scroll 0 -15px transparent;
}

.nav4-active {
	background: url("/sites/default/files/navi_business.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 87px;
}

.nav5 {
	background: url("/sites/default/files/navi_fruehstueck.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 56px;
}

.nav5:hover {
	background: url("/sites/default/files/navi_fruehstueck.png") no-repeat scroll 0 -15px transparent;
}

.nav5-active {
	background: url("/sites/default/files/navi_fruehstueck.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 56px;
}

.nav6 {
	background: url("/sites/default/files/navi_kalender.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 53px;
}

.nav6:hover {
	background: url("/sites/default/files/navi_kalender.png") no-repeat scroll 0 -15px transparent;
}

.nav6-active {
	background: url("/sites/default/files/navi_kalender.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 53px;
}

.nav7 {
	background: url("/sites/default/files/navi_referenzen.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	float:left;
	width: 65px;
}

.nav7:hover {
	background: url("/sites/default/files/navi_referenzen.png") no-repeat scroll 0 -15px transparent;
}

.nav7-active {
	background: url("/sites/default/files/navi_referenzen.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	float:left;
	width: 65px;
}

.nav8 {
	background: url("/sites/default/files/navi_kontakt.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	width: 57px;
	margin: -73px 0 0 265px;
	position: relative;
	float: left;
}

.nav8:hover {
	background: url("/sites/default/files/navi_kontakt.png") no-repeat scroll 0 -15px transparent;
}

.nav8-active {
	background: url("/sites/default/files/navi_kontakt.png") no-repeat scroll 0 -15px transparent;
	height: 15px;
	width: 57px;
	margin: -73px 0 0 265px;
	position: relative;
	float: left;
}

.trenner {
	background: url("/sites/default/files/trenner.png") no-repeat scroll 0 0 transparent;
	margin: 0 14px;
}

.facebook {
	float: left;
	height: 29px;
	margin: -163px 0 158px 240px;
	position: relative;
	width: 33px;
}

.facebook img {
	-webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

.facebook img.top:hover {
	opacity: 0;
}

.twitter {
	float: left;
	height: 29px;
	margin: -187px 0 178px 315px;
	position: relative;
	width: 33px;
}

.twitter img {
	-webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

.twitter img.top:hover {
	opacity: 0;
}

.insta {
	float: left;
	height: 29px;
	margin: -207px 0 178px 278px;
	position: relative;
	width: 33px;
}

.insta img {
	-webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

.insta img.top:hover {
	opacity: 0;
}

.telefon {
	margin: -200px 0 143px 35px;
}

.header-bild {
	margin-top: 38px;
}

.header-bild-1 {
	float:left;
}

.header-bild-2 {
	float: left;
	margin: -51px -180px 0;
	position: relative;
	z-index: 1;
}

.header-bild-3 {
}

.button-header {
	float: left;
	height: 30px;
	margin: 290px -13px 0;
	position: relative;
	width: 30px;
	z-index: 2;
}

.button-header img {
	-webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

.button-header img.top:hover {
	opacity:0;
}

.button-header-bg {
	float: left;
	margin: 262px -299px 0;
	position: relative;
	z-index: 2;
}

.bild-1 {
	float: left;
	margin: 28px -376px 0 0;
	padding-left: 26px;
	position: relative;
}

.bild-2 {
	float: left;
	margin: 25px -482px 0 0;
	padding-left: 26px;
	position: relative;
}

.bild-3 {
	float: left;
	margin: 28px -376px 0 0;
	padding-left: 26px;
	position: relative;
}

.content-oben {
	background: url("/sites/default/files/content_top.png") repeat-x scroll 0 0 transparent;
	height: 130px;
	margin-top: -120px;
}

.node {
	padding-right: 55px;
}

.galerie-button {
	float: left;
	height: 30px;
	margin: -60px 0 30px 30px;
	position: relative;
	width: 30px;
}

.galerie-button img {
	-webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

.galerie-button img.top:hover {
	opacity:0;
}

.footer-bg {
	background: url("/sites/default/files/footer_bg.png") repeat-x scroll 0 0 transparent;
	height: 170px;
	margin-bottom: -170px;
}

.form-actions {
	background-color: transparent;
	border-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	float: right;
}

#webform-client-form-7 {
	font-family: 'Asap';
	color: #513C28;
}

#webform-client-form-7 .form-submit {
	border: 0 none;
	font-family: 'Asap';
	background: transparent;
	color: #513C28;
	curser: pointer;
}

#webform-client-form-7 .form-submit:hover {
	color: #CAA355;
}

#edit-submitted-nachricht {
	font-family: 'Asap';
	max-width: 543px;
	min-width: 543px;
	max-height: 150px;
	min-height: 150px;
}

.form-text, .form-select {
	font-family: 'Asap';
}

#edit-submitted-anrede {
	padding: 4px 4px 4px 3px;
}