@charset "utf-8";

/*-----------------------------------*/
/*---------- Global Styles ----------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

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

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

abbr,
acronym {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content:'';
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.hidden {
	display: none;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

.noBorder {
	border: none !important;
}

.noBackground {
	background: none !important;
}

.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

html,
body {
	height: auto;
}

html {
	background: url(../images/layout/bg-html.jpg) repeat center top;
	overflow-y: scroll;
}

body {
	background: url(../images/layout/bg-body.jpg) no-repeat center top;
	font: 12px/normal Arial, Helvetica, sans-serif;
}

/*-----------------------------------*/
/*---------- LayoutStyles ----------*/
/*-----------------------------------*/

/*---------- HeaderGlobal ----------*/
#headerGlobal {
	background: url(../images/layout/bg-headerGlobal.png) repeat-x center top;
	width: 100%;
	height: 586px;
}

/*---------- Header ----------*/
#header {
	background: url(../images/layout/bg-header.jpg) no-repeat 0 0;
	color: #8c8c8c;
	width: 970px;
	height: 586px;
	position: relative;
	margin: 0 auto;
}

/*---------- Branding ----------*/
h1#branding {
	position: absolute;
	left: -4px;
	top: 354px;
}

/*---------- Claim ----------*/
blockquote#claim {
	position: absolute;
	left: 680px;
	top: 192px;
}

/*---------- Nav ----------*/
ul#nav {
	background: #ffffff;
	width: 950px;
	height: 50px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	top: 78px;
}

ul#nav li {
	float: left;
	margin: 0 10px;
	position: relative;
}

ul#nav li a {
	background: url(../images/layout/bg-nav.png) repeat-x 0 0;
	color: #8c8c8c;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	height: 32px;
	padding: 18px 0 0 0;
}

ul#nav li a:hover,
ul#nav li.active a {
	background-position: 0 -50px;
	color: #000000;
}

/*---------- NavDropDown ----------*/
ul#nav li ul {
	background: #ffffff;
	display: none;
	min-width: 100%;
	height: auto;
	padding: 0 10px;
	position: absolute;
	left: -10px;
	top: 50px;
}

ul#nav li:hover a {
	background-position: 0 -50px;
	color: #000000;
}

ul#nav li:hover ul {
	display: block;
}

ul#nav li ul li {
	display: list-item;
	float: none;
	margin: 0;
}

ul#nav li:hover ul li a,
ul#nav li.active ul li a,
ul#nav li ul li a {
	background: none;
	color: #8c8c8c;
	height: 22px;
	padding: 8px 0 0 0;
}

ul#nav li ul li a:hover,
ul#nav li ul li.active a {
	color: #000000;
}

ul#nav li:hover ul li ul,
ul#nav li ul li ul {
	display: none;
	padding: 0 10px 0 20px;
	position: absolute;
	left: 100%;
	top: 0;
}

ul#nav li ul li:hover a {
	color: #000000;
}

ul#nav li ul li:hover ul {
	display: block;
}

ul#nav li ul li:hover ul li a,
ul#nav li ul li ul li a {
	color: #8c8c8c;
}

ul#nav li ul li ul li a:hover,
ul#nav li ul li ul li.active a {
	color: #000000;
}

/*---------- ButtonReservierung ----------*/
ul#nav li.btnReservierung {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

ul#nav li.btnReservierung a {
	background: url(../images/layout/bg-btnReservierung.png) repeat-x 0 0 !important;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 205px;
	height: 50px;
	padding: 0;
}

/*---------- NavActiceStates ----------*/
body#jobs ul#nav li a.das-sind-wir,
body#agb ul#nav li a.das-sind-wir,
body#bowling-preise ul#nav li a.bowling,
body#bowling-shop ul#nav li a.bowling,
body#bowling-abc ul#nav li a.bowling,
body#kegeln-preise ul#nav li a.kegeln,
body#speisekarte ul#nav li a.essen-und-trinken,
body#biergarten ul#nav li a.essen-und-trinken,
body#catering ul#nav li a.essen-und-trinken,
body#bowlino-mobil ul#nav li a.essen-und-trinken,
body#liga-1 ul#nav li a.firmenliga,
body#liga-1-tabelle ul#nav li a.firmenliga,
body#liga-1-spielplan ul#nav li a.firmenliga,
body#liga-1-teams ul#nav li a.firmenliga,
body#liga-2 ul#nav li a.firmenliga,
body#liga-2-tabelle ul#nav li a.firmenliga,
body#liga-2-spielplan ul#nav li a.firmenliga,
body#liga-2-teams ul#nav li a.firmenliga,
body#liga-1-tabelle ul#nav li ul li a.liga-1,
body#liga-1-spielplan ul#nav li ul li a.liga-1,
body#liga-1-teams ul#nav li ul li a.liga-1 {
	background-position: 0 -50px;
	color: #000000;
}

body#liga-2-tabelle ul#nav li ul li a.liga-2,
body#liga-2-spielplan ul#nav li ul li a.liga-2,
body#liga-2-teams ul#nav li ul li a.liga-2 {
	color: #000000;
}

/*---------- NavAdd ----------*/
ul#navAdd {
	position: absolute;
	left: 0;
	top: 0;
}

ul#navAdd li {
	float: left;
	margin: 0 20px 0 0;
}

ul#navAdd li a {
	color: #8c8c8c;
	text-decoration: none;
	display: block;
	height: 25px;
	padding: 10px 0 0 0;
}

ul#navAdd li a:hover,
ul#navAdd li.active a {
	color: #fd7f00;
}

/*---------- NavMobile ----------*/
ul#navMobile {
	display: none;
}

/*---------- NewsletterContainer ----------*/
form#newsletterQuick {
	line-height: normal;
	width: 340px;
	height: 25px;
	padding: 10px 0 0 0;
	position: absolute;
	left: 340px;
	top: 0;
}

form#newsletterQuick label,
form#newsletterQuick input {
	background: none;
	border: none;
	font: 1em/normal Arial, Helvetica, sans-serif;
	color: #8c8c8c;
	display: block;
	float: left;
}

form#newsletterQuick label {
	font-weight: bold;
}

form#newsletterQuick input.text {
	background: #ffffff;
	font-style: italic;
	width: 124px;
	padding: 0 4px;
}

form#newsletterQuick input.submit {
	background: url(../images/layout/bg-newsletterQuick-submit.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	width: 74px;
	height: 17px;
	margin: -2px 0 0 0;
	cursor: pointer;
}

/*---------- Phone ----------*/
p#phone {
	background: url(../images/layout/icon-phone.png) no-repeat right 9px;
	height: 25px;
	padding: 10px 30px 0 0;
	position: absolute;
	right: 0;
	top: 0;
}

/*---------- Slider ----------*/
#sliderContainer {
	width: 290px;
	height: 225px;
	position: absolute;
	left: 680px;
	top: 317px;
}

#sliderContainer ul#slider {
	width: 290px;
	height: 225px;
	position: relative;
	overflow: hidden;
}

#sliderContainer ul#slider li {
	float: left;
	width: 290px;
	height: 225px;
}

#sliderContainer ul#sliderControls li a {
	background: url(../images/layout/bg-sliderControls.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 31px;
	height: 41px;
	position: absolute;
	top: 87px;
	z-index: 10;
}

#sliderContainer ul#sliderControls li a#prevSlide {
	background-position: 0 0;
	left: 0;
}

#sliderContainer ul#sliderControls li a#nextSlide {
	background-position: -31px 0;
	right: 0;
}

/*---------- Newsticker ----------*/
#newstickerContainer {
	color: #ffffff;
	width: 290px;
	position: absolute;
	left: 0;
	top: 186px;
}

#newstickerContainer h3 {
	font-size: 20px;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}

#newstickerContainer p {
	display: inline;
}

#newstickerContainer a {
	color: #fd7f00;
	text-decoration: none;
}

#newstickerContainer a:hover {
	text-decoration: underline;
}

/*---------- ContentContainer ----------*/
#contentGlobal {
	width: 100%;
}

/*---------- Content ----------*/
#content {
	background: url(../images/layout/bg-content.jpg) no-repeat 0 0;
	line-height: 19px;
	color: #e3b2ba;
	width: 970px;
	min-height: 150px;
	margin: 0 auto;
	padding: 25px 0 100px;
	position: relative;
}

body#index #content {
	min-height: 513px;
}

#content h2 {
	font-size: 60px;
	line-height: normal;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#content h2.main {
	margin: 0;
	position: absolute;
	left: 0;
	top: -58px;
}

#content h3 {
	font-size: 28px;
	line-height: normal;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#content p,
#content ul {
	margin: 0 0 19px 0;
}

#content ul li {
	list-style: inside square;
}

#content a {
	color: #e3b2ba;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

#content .column,
#content .columnMiddle,
#content .columnMini,
#content .columnLarge {
	float: left;
	margin: 0 50px 0 0;
}

#content .column {
	width: 290px;
}

#content .columnMini {
	width: 273px
}

#content .columnMiddle {
	width: 435px;
}

#content .columnLarge {
	width: 630px;
}

#content .learn-more {
	clear: both;
	width: 143px;
	height: 16px;
	margin: 35px 0 0 0;
}

#content .learn-more a {
	background: url(../images/layout/bg-learn-more.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 143px;
	height: 16px;
	position: relative;
	z-index: 1;
}

#content .to-the-top {
	clear: both;
	width: 290px;
	height: 20px;
	margin: -10px 0 20px 0;
}

#content .to-the-top a {
	background: url(../images/layout/bg-to-the-top.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 290px;
	height: 20px;
}

/*---------- Index ----------*/
#content p.for-kids {
	padding: 90px 0 0 0;
}

#content img.firmenliga {
	margin: 16px 0 0 0;
}

#content h2.essen-trinken {
	margin: 0 0 42px 0;
}

#content h2.essen-trinken span {
	position: relative;
	top: -16px;
}

/*---------- Accordion ----------*/
#content #accordion h3 {
	cursor: pointer;
}

#content #accordion .ui-icon {
	display: none;
}

/*---------- CMS ----------*/
#content img.imageCMS {
	float: left;
	margin: 0 0 20px 0;
}

#content a.download {
	background: #fd7f00;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: right;
	margin: 0 0 20px 0;
	padding: 5px;
}

#content dl {
	width: 290px;
	overflow: hidden;
	margin: 0 0 19px 0;
}

#content dl dt,
#content dl dd {
	float: left;
}

#content dl.price dt {
	width: 160px;
	padding: 0 30px 0 0;
}

#content dl.price dd {
	text-align: right;
	width: 80px;
	padding: 0 20px 0 0;
}

#content table.tableLiga {
	width: 970px;
}

#content table.tableLiga tr th {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	vertical-align: top;
}

#content table.tableLiga tr th,
#content table.tableLiga tr td {
	padding: 5px;
}

/*---------- FooterGlobal ----------*/
#footerGlobal {
	background: #ffffff;
	width: 100%;
	height: 478px;
}

/*---------- Footer ----------*/
#footer {
	line-height: 19px;
	color: #8c8c8c;
	width: 970px;
	height: 402px;
	margin: 0 auto;
	padding: 72px 0 0 0;
	position: relative;
}

#footer h3 {
	font-size: 60px;
	line-height: normal;
	color: #a70014;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#footer h4 {
	font-size: 28px;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#footer p {
	margin: 0 0 19px 0;
}

#footer a {
	color: #8c8c8c;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer dl {
	width: 290px;
	overflow: hidden;
	margin: 0 0 19px 0;
}

#footer dl dt,
#footer dl dd {
	float: left;
}

#footer dl.price dt {
	width: 160px;
	padding: 0 30px 0 0;
}

#footer dl.price dd {
	text-align: right;
	width: 80px;
	padding: 0 20px 0 0;
}

#footer dl.contacts dt {
	width: 60px;
	padding: 0 15px 0 0;
}

#footer dl.contacts dd {
	width: 200px;
	padding: 0 15px 0 0;
}

#footer .column,
#footer .columnLarge {
	float: left;
	margin: 0 50px 0 0;
}

#footer .column {
	width: 290px;
}

#footer .columnLarge {
	width: 630px;
}

/*---------- ToTheTop ----------*/
#to-the-top {
	width: 152px;
	height: 131px;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -76px;
}

#to-the-top a {
	background: url(../images/layout/bg-to-the-top.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 152px;
	height: 131px;
}

/*---------- MobileLink ----------*/
#mobile-link {
	background: url(../images/mobile/bg-btn.png) repeat-x center bottom #ffffff;
	border-top: 1px solid #cccccc;
	display: none;
}

#mobile-link .btn-mobile {
	background: url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 32px/normal Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 60px 20px;
}

/*---------------------------------*/
/*---------- Form Styles ----------*/
/*---------------------------------*/
form#Kontaktformular {
	margin: 0 0 20px 0;
}

form#Kontaktformular fieldset {
	border: none;
}

form#Kontaktformular legend {
	display: none;
}

form#Kontaktformular label,
form#Kontaktformular input,
form#Kontaktformular select,
form#Kontaktformular textarea {
	font: 1em/normal Arial, Helvetica, sans-serif;
	color: #e3b2ba;
	display: block;
	float: left;
	width: 284px;
	padding: 4px 2px;
}

form#Kontaktformular input,
form#Kontaktformular select,
form#Kontaktformular textarea {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #8c8c8c;
	margin: 0 0 10px 0;
}

form#Kontaktformular select {
	width: auto;
	margin: 0 10px 20px 0;
	padding: 0;
}

form#Kontaktformular textarea {
	height: 150px;
	overflow: hidden;
	resize: none;
}

form#Kontaktformular label {
	width: auto;
	margin: 0 0 1px 0;
	padding: 2px 15px 2px 0;
}

form#Kontaktformular p {
	margin: 0 0 10px 0;
}

form#Kontaktformular label#label-anrede,
form#Kontaktformular label#label-rueckruf,
form#Kontaktformular label.radio {
	margin: 0 0 10px 0;
}

form#Kontaktformular input.radio {
	background: transparent;
	border: none;
	width: auto;
	height: auto;
	margin: 1px 5px 0;
}

*+html form#Kontaktformular input.radio {
	margin: -3px 0 0;
}

form#Kontaktformular label.radio {
	width: auto;
}

form#Kontaktformular input.checkbox {
	background: transparent;
	border: none;
	width: auto;
	height: auto;
}

form#Kontaktformular fieldset.fieldsetSubmit {
	padding: 0;
}

form#Kontaktformular input#submit {
	background: #fd7f00;
	border: none;
	font-size: 1.2em;
	color: #ffffff;
	display: block;
	padding: 5px;
	width: 290px;
	cursor: pointer;
}

form#Kontaktformular label.required {
	background: url(../images/layout/icon-required.png) center right no-repeat;
}

form#Kontaktformular br {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

form#Kontaktformular fieldset.hidden,
form#Kontaktformular input[type=hidden] {
	display: none;
	border: 0;
	padding: 0;
}

/*------------------------------------*/
/*---------- FormValidation ----------*/
/*------------------------------------*/
.formError {
	padding: 0 0 13px 0;
	display: block;
	position: absolute;
	top: 300px;
	right: 300px;
	margin: 0 0 0 -164px;
	z-index: 10;
	cursor: pointer;
}

.formError .formErrorContent {
	background: #fd7f00;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #ffffff;
	width: 180px;
	padding: 5px 10px;
}

.formError .formErrorArrow {
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 20px;
	z-index: 20;
}

.formError .formErrorArrow div {
	background: #fd7f00;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display:block;
	height: 1px;
	margin: 0 auto;
}

.formError .formErrorArrow .line10 {
	width: 15px;
}

.formError .formErrorArrow .line9 {
	width: 13px;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	background:none;
	width:3px;
}

.formError .formErrorArrow .line1 {
	background:none;
	width:1px;
}

/*---------------------------------------*/
/*---------- Newsletter Styles ----------*/
/*---------------------------------------*/
form.newsletter {
	margin: 0 0 20px 0;
}

form.newsletter legend {
	display: none;
}

form.newsletter label,
form.newsletter input {
	font: 1em/normal Arial, Helvetica, sans-serif;
	color: #e3b2ba;
	display: block;
	float: left;
	width: 289px;
	padding: 4px 2px;
}

form.newsletter input {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #8c8c8c;
	margin: 0 0 10px 0;
}

form.newsletter label {
	width: auto;
	margin: 0 0 1px 0;
	padding: 2px 15px 2px 0;
}

form.newsletter input.radio {
	background: transparent;
	border: none;
	width: auto;
	height: auto;
	margin: 1px 0 0 0;
}

*+html form.newsletter input.radio {
	margin: -3px 0 0 0;
}

form.newsletter label.radio {
	width: 80px;
}

form.newsletter label.radio-small {
	width: 80px;
}

form.newsletter input.radio {
	width: auto;
	height: auto;
	margin: 2px 5px 0 0;
}

form.newsletter fieldset.fieldsetSubmit {
	padding: 0 0 0 170px;
}

form.newsletter input.submit {
	background: #fd7f00;
	border: none;
	font-size: 1.2em;
	color: #ffffff;
	display: block;
	padding: 5px;
	width: 12em;
	cursor: pointer;
}

form.newsletter label.required {
	background: url(../images/layout/icon-required.png) center right no-repeat;
}

#newsletter-info {
	background: #a00000;
	color: #ffffff;
	padding: 20px;
}

#newsletter-info p {
	margin: 0;
}

form.newsletter br {
	clear: left;
}

form.newsletter fieldset.hidden,
form.newsletter input[type=hidden] {
	display: none;
	border: 0;
	padding: 0;
}