article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio: not([controls]) {
	display: none
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizelegibility
}

html, button, input, select, textarea {
	font-family: 'GFS Didot', serif;
	color: #222
}

body {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: auto;
}

html, body {
	height: 100%
}

::-moz-selection {
	background: #222;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #222;
	color: #fff;
	text-shadow: none
}

a {
	color: #000;
	text-decoration: underline;
	border: 0
}
a:visited {
	color: #000
}
a:hover {
	color: #000;
	text-decoration: none
}
a:focus {
	outline: thin dotted
}

p a {
	margin: -.5em;
	padding: .5em;
	position: relative
}

nav a {
	margin: -.5em;
	padding: .5em;
	position: relative
}

a:hover, a:active {
	outline: 0
}

p {
	margin-top: 0;
	margin-bottom: 1.5em
}

h1 {
	margin-bottom: .9em;
	font: 2em/1em 'GFS Didot', sans-serif;
	letter-spacing: +0.05em
}

h2 {
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .9em;
	font-family: 'GFS Didot', sans-serif;
}

.subline {
	font-family: 'Muli', sans-serif;
	letter-spacing: +0.05em;
	text-transform: uppercase;
}

h3 {
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .9em;
	font-family: 'GFS Didot', sans-serif;
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

.center {
	text-align: center
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold
}

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before, q:after {
	content: "";
	content: none
}

small, aside {
	font-size: .63636em
}

.small {
	font-size: .63636em
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px
}

dd {
	margin: 0 0 0 40px
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

label {
	cursor: pointer
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align:middle
}

button, input {
	line-height: normal
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible
}

button[disabled], input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

input:invalid, textarea:invalid {
	background-color: #f0dddd
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	vertical-align: top
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: black;
	padding: .2em 0
}

nav {
	height: 80px;
	width: 100%;
	position: relative;
	bottom: 90px;
	color: #fff;
	padding: 0;
	font: normal 0.75em 'GFS Didot', sans-serif;
	margin: 0 auto;
	padding: 0;
	background: /*url(../images/elements/black_paper.png) repeat*/ #000;
	opacity: 0.6;
}

nav.stick {
	position: fixed;
	top: 0;
	z-index: 10000;
	opacity: 1;
	background: url(../images/elements/logo.png) no-repeat #000 center right;
	background-size: 10%;
}

nav ul {
	margin: 0;
	list-style-type: none;
	text-align: center;
	padding: 1.25em 0 0;
}

nav ul li {
	display: inline
}

nav li {
	padding: 0;
	margin: 0 1em
}

nav a {
	color: #fff;
	text-decoration: none;
	letter-spacing: +0.06em;
}
nav a:visited {
	color: #fff
}
nav a:hover {
	color: #636363
}

section {
	height: 100%;
	min-height: 100%
}

html > body section {
	height: auto
}

#logo {
	position: absolute;
	background: url(../images/elements/logo_black.png) no-repeat;
	background-size: 100%;
	width: 20%;
	min-width: 300px;
	height: 20%;
	top: 8%;
	right: 1%;
}

#discover {
	position: absolute;
	background: url(../images/elements/discover.png) no-repeat;
	background-size: 100%;
	width: 30%;
	min-width: 300px;
	height: 30%;
	left: 10%;
	top: 30%;
}

#designer .slot-1-2-3-4 {
	padding-top: 25%
}

#desinger p {
	max-width: 25em;
	margin-right: auto;
	margin-left: auto
}

#photographer .slot-8-9 {
	padding-top: 25%
}

#projects .slot-6-7 {
	padding-top: 25%
}

#projects p {
	margin-right: auto;
	margin-left: auto
}

#new {
	background-color: #56575a;
	color: #fff
}

#new .slot-6-7-8-9 {
	padding-top: 110px;
}

#hire p {
	margin-right: auto;
	margin-left: auto
}

#hire a {
	color: #fff1ce;
	text-decoration: none;
	font: .875em 'GFS Didot', sans-serif
}

#hire a:visited {
	color: #fff1ce
}

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

#hire .slot-6-7 {
	padding-top: 20%
}

.border {
	padding: 0;
	margin: 50% 3em 3em;
	border: 5px solid #fff
}

#contact{
/*	background-color: #56575a;*/
	color: #fff;
	width: 100%;
	height: 100%;
}

#contact .slot-6-7-8-9 {
	padding-top: 105px
}

#contact p {
	margin-right: auto;
	margin-left: auto
}

#news {
	display: none
}

#news .slot-1-2-3-4 {
	padding-top: 15%
}

#news p {
	max-width: 25em;
	margin-right: auto;
	margin-left: auto
}

.news-link a {
	color: #fff;
	font: normal .75em 'GFS Didot', sans-serif;
	text-decoration: none;
	letter-spacing: +0.06em
}

.news-link a:visited {
	color: #fff
}

.news-link a:hover {
	color: #fff;
	text-decoration: underline
}
*/
.white-link a {
	color: #fff
}

.white-link a:visited {
	color: #fff
}

.white-link a:hover {
	color: #fff
}

.ie-header-bg {
	background: url(../images/backgrounds/header_bw.jpg) no-repeat center center;
}

.ie-kueche-bg {
	background: url(../images/backgrounds/kueche.jpg) no-repeat center center;
}

.ie-oeffnungszeiten-bg {
	background: url(../images/backgrounds/oeffnungszeiten.jpg) no-repeat center center;
}

.ie-reservation-bg {
	background: url(../images/backgrounds/reservation.jpg) no-repeat center center;
}

.ie-essen-bg {
	background: url(../images/backgrounds/essen.jpg) no-repeat center center;
}

.ie-anfahrt-bg {
	background: url(../images/backgrounds/anfahrt.png) no-repeat center center;
}

.ie-geschichte-bg {
	background: url(../images/backgrounds/geschichte.jpg) no-repeat;
}

.ie-yellow {
	background: url(../images/elements/gelb.png) repeat;
}

.ie-white {
	background: url(../images/elements/weiss.png) repeat;
}

@media screen and (min-width:720px) {
	.show {
		display: none!important;
		visibility: hidden;
	}

	#header .slot-0-1-2-3-4-5 {
		padding-top: 65px;
	}

	.tinynav {
		display: none!important;
		visibility: hidden;
	}
}

@media screen and (max-width:719px) {
	.yellow {
		background: url(../images/elements/gelb.png) repeat;
	}
	
	.white {
		background: url(../images/elements/weiss.png) repeat;
	}
	
	.hide {
		display: none!important;
		visibility: hidden;
	}
	
	.show {
		visibility: visible;
		display: block;
	}
	
	#header .slot-0-1-2-3-4-5 {
		padding-top: 65px;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.tinynav {
		visibility: visible;
		display: block;
		width: 40%;
		margin: 0 auto;
		top: 1em;
		position: relative;
	}
	
	.ie-oeffnungszeiten-bg {
		background: url(../images/elements/weiss.png) repeat center center;
	}
	
	.ie-reservation-bg {
		background: url(../images/elements/gelb.png) repeat center center;
	}
	
	.ie-anfahrt-bg {
		background: url(../images/elements/weiss.png) repeat center center;
	}
}

.FitMyVideo-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.FitMyVideo-container iframe, .vFitMyVideo-container object, .vFitMyVideo-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0
}

.ir br {
	display: none
}

.hidden {
	display: none!important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

/* centering content */
.outer-center {
    float: right;
    right: 50%;
    position: relative;
	width: 100%;
	height: 100%;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
	width: 100%;
	height: 100%;
}
.clear {
    clear: both;
}
#surprise {
	background: url(../images/elements/surprise.png) no-repeat;
	background-size: 100%;
	width: 26%;
	height: 60%;
	margin: 8% auto 0 auto;
}
#contact_info {
	text-align: center;
	margin: 0 auto;
	font-size: .7em;
	color: #000;
}

#contact_info a {
	text-decoration: none;
}

.email-wrap {
	width: 50%;
	margin: 0 auto;
}

@media print {
	* {
		background: transparent!important;
		color: black!important;
		box-shadow: none!important;
		text-shadow: none!important;
		filter: none!important;
		-ms-filter: none!important
	}
	
	a, a:visited {
		text-decoration: underline
	}
	
	a[href]:after {
		content: " (" attr(href) ")"
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	
	thead {
		display: table-header-group
	}
	
	tr, img {
		page-break-inside: avoid
	}
	
	img {
		max-width: 100%!important
	}
	
	@page {
		margin: .5cm
	}
	
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	
	h2, h3 {
		page-break-after: avoid
	}
}