html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}
.container_16 .grid_4 {
	width: 220px
}
.container_16 .grid_8 {
	width: 460px
}
.container_16 .grid_12 {
	width: 700px
}
.container_16 .grid_16 {
	width: 940px
}
.alpha {
	margin-left: 0
}
.omega {
	margin-right: 0
}
.container_16 .grid_1 {
	width: 40px
}
.container_16 .grid_2 {
	width: 100px
}
.container_16 .grid_3 {
	width: 160px
}
.container_16 .grid_5 {
	width: 280px
}
.container_16 .grid_6 {
	width: 340px
}
.container_16 .grid_7 {
	width: 400px
}
.container_16 .grid_9 {
	width: 520px
}
.container_16 .grid_10 {
	width: 580px
}
.container_16 .grid_11 {
	width: 640px
}
.container_16 .grid_13 {
	width: 760px
}
.container_16 .grid_14 {
	width: 820px
}
.container_16 .grid_15 {
	width: 880px
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: 0;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
@font-face {
	font-family: 'RobotoRegular';
	src: url('Roboto-Regular-webfont.eot');
	src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'RobotoBold';
	src: url('Roboto-Bold-webfont.eot');
	src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold-webfont.woff') format('woff'), url('Roboto-Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Veneer';
	src: url('2204A6_5_0.eot');
	src: url('2204A6_5_0.eot?#iefix') format('embedded-opentype'), url('2204A6_5_0.woff') format('woff'), url('2204A6_5_0.ttf') format('truetype')
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block
}
body {
	-webkit-font-smoothing: antialiased;
	font: normal 15px 'RobotoRegular', Arial, sans-serif;
	color: #222;
	background-color: #666;
	margin: 0;
	padding: 0;
	background: #666 url(../img/bg.gif) top center repeat-x
}
a:link, a:visited {
	color: #000
}
h1 {
	font-size: 3em;
	font-weight: normal;
	font-family: 'Veneer', Arial, sans-serif;
	padding: .5em 0;
	line-height: 1em
}
p {
	line-height: 2em;
	color: #000;
	padding: .5em 0
}
p b {
	font-weight: 600
}
.small {
	font-size: 11px
}
img, a img, a:hover img, a:focus img {
	border: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic
}
img.left, img.right {
	padding: .4em 0 0 0
}
img.left {
	float: left;
	margin: 0 .8em 0 0
}
img.right {
	float: right;
	margin: 0 0 0 .8em
}
div#content {
	background: #fff;
	-webkit-box-shadow: #666 0 0 15px;
	-moz-box-shadow: #666 0 0 15px;
	box-shadow: #666 0 0 15px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-khtml-border-radius: 25px;
	padding: 0 0 2em 0
}
div#info, div#unterwegs, div#kontakt, div#impressum {
	padding: 0 20px
}
div#unterwegs div.sticker {
	float: right;
	margin-top: -35px;
	background: url(../img/sprite.png) 0 0 no-repeat;
	width: 217px;
	height: 100px
}
div#logo {
	margin-top: 20px;
	float: left;
	background: url(../img/logo.png) 0 0 no-repeat;
	width: 100%;
	height: 195px
}
div#logo a {
	display: block;
	width: 722px;
	height: 184px
}
div#logo a h1 {
	text-indent: -3000em
}
footer p {
	margin-top: 10px;
	font-size: 11px;
	color: #ccc;
	text-align: center
}

footer p a:link, footer p a:visited {
	color: #fff !important;
}
ul#menu {
	overflow: hidden;
	margin: 0 0 20px 20px
}
ul#menu li {
	float: left
}
ul#menu li a {
	border: 1px solid #999;
	font-size: 1.2em;
	float: left;
	margin: 0 10px 0 0;
	padding: .3em .7em;
	color: #fff;
	background: #444;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-decoration: none
}
ul#menu li a:hover, ul#menu li a.current {
	border-color: #fff;
	color: #fff;
	background: #f60;
	-moz-transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	-moz-transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}
dl {
	margin-top: 20px
}
dd {
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 2em;
	font-size: 1.2em
}
dt, dd i {
	padding-right: .3em;
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	font-family: 'Veneer', Arial, sans-serif;
	background: #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-align: right
}
dd i {
	font-size: 1.2em;
	padding: .3em;
	background: #c00;
	font-style: normal
}
@media screen and (max-width:600px), screen and (max-device-width:480px) {
html {
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none
}
}
@media screen and (max-width:360px), screen and (max-width:480px), screen and (max-width:520px), screen and (max-width:768px) {
div#logo {
	background-size: 98%;
	height: 100px
}
div#logo a {
	width: auto;
	height: 100px
}
.container_16 {
	margin: 0 auto;
	float: none;
	width: auto
}
.container_16 .grid_16, .container_16 .grid_12, .container_16 .grid_3 {
	width: 98%
}
section {
	padding: 0 .5em
}
h1 {
	word-wrap: break-word
}
#ontour div.sticker {
	background: 0
}
}