@charset "UTF-8";
/**
 * Basic Structure CSS Template.
 *
 * @copyright       Copyright 2009, Infinity Labs
 * @link            http://www.infinitylabs.de
 */

@media screen, projection {
	/** Basic Layout */
	body { background: url(../images/bg.jpg) fixed top left; }

	#page_margins { padding: 2em 0; }
	#page_outer {  }
	#page { }
	#page_inner {  }

	#header_content { width: 888px; height: 213px; background: /* url(../images/header_top.png) */ no-repeat top left; }
	#header_content { }
	#header_right { position: absolute; top: 18px; right: 20px; }
	#header_reserve { font-size: 120%; color: #fff; text-align: right; }
	#header_tele { color: #fff; font-size: 170%; line-height: 26px;
		font-weight: bold; text-align: right;
		position: absolute; top: 21px; white-space: nowrap; right: -5px; }
	#reservieren-flash { position: absolute; top: 12px; right: -20px; }
	#reservieren-note { position: absolute; top: 64px; right: 14px; color: #fff; }

	#nav {  }
	
	#before {  }
	
	#main_outer { background: url(../images/page-bg.png) repeat-y top left; }
	#main_inner { background: url(../images/header_bottom.png) no-repeat top left; }

	#after {  }
	
	#footer { padding-top: 20px; padding-right: 10px; text-align: right; font-size: 75%; background: url(../images/footer.png) no-repeat top left; }
	#footer_content {  }

	/*------------------------------------------------------------------------------------------------------*/

	/** Content Area */

	#col1 {  }
	#col1_content { padding-top: 32px; }

	#col1 .xfacebook { margin-left: 3px; }

	#col2 {  }
	#col2_content {  }

	#col3 {  }
	#col3_content { padding-left: 15px; padding-right: 25px; padding-top: 5px; }

	/*------------------------------------------------------------------------------------------------------*/

	/** Additional Layout Elements */
	

	/** Startseite */
	#col3 .ce_imageslider { margin-bottom: 5px; }
	
	/* News */
	div.teaserbox,
	div.news_start { position: relative; border: 1px solid #d4d4d4; margin-bottom: 13px; }
	div.teaserbox div.image_container img,
	div.news_start div.image_container img { display: block; }
	div.teaserbox div.image_container,
	div.news_start div.image_container { float: left; border-style: solid;
		border-color: #d4d4d4; border-width: 0 1px 1px 0; padding-top: 25px; margin-bottom: -1px; padding-right: 0px !important; }
	div.teaserbox div.image_container img { display: block; }
	div.teaserbox div.content,
	div.news_start div.teaser { margin: 0; line-height: 20px; padding: 6px 10px 0 207px; }
	div.teaserbox div.image_mask,
	div.news_start div.image_mask { background: url(../images/box-top.png) no-repeat top left; 
		height: 38px; width: 197px; position: absolute; 
		color: #6155a2; font-weight: bold; text-transform: lowercase; 
		font-size: 130%; padding-left: 7px; padding-top: 3px; }
	div.teaserbox h2,
	div.news_start h2 { font-size: 120%; color: #000; }
	div.teaserbox h2 a:focus, div.teaserbox h2 a,
		div.teaserbox h2 a:active,
	div.news_start h2 a:focus, div.news_start h2 a, 
		div.news_start h2 a:active { color: #6155a2; text-decoration: underline; }
	div.teaserbox h2 a:hover, div.teaserbox p.more a,
	div.news_start h2 a:hover, div.news_start p.more a { color: #6155a2; }
	div.teaserbox div.caption,
	div.news_start div.caption { color: #6155a2; font-weight: bold; 
		font-size: 170%; text-align: right; padding-right: 7px;
		line-height: 40px; }
	div.teaserbox p.more,
	div.news_start p.more { position: absolute; margin: 0; bottom: 2px; right: 5px; }
	
	/* News - Startseite */
	body.home .mod_newslist { overflow: hidden; margin-bottom: 5px; }
	body.home .layout_latest { float: left; width: 50%; font-size: 80%; }
	body.home .first .block { margin-right: 3px; }
	body.home .last .block { margin-left: 3px; }
	body.home .layout_latest .block { border: 2px solid #9e9e9e; position: relative; }
	body.home .green .block { border-color: #b0ca33; background-color: #cce943; }
	body.home .yellow .block { border-color: #ffec01; background-color: #fff26b; }
	body.home .pink .block { border-color: #d70067; background-color: #fc66a3; }
	body.home .layout_latest .image_container { float: left; margin-right: 1em; }
	body.home .layout_latest img { display: block; }
	body.home .layout_latest h2 { font-size: 100%; font-weight: bold; }
	body.home .layout_latest .teaser { padding: 6px; }
	body.home .layout_latest .more { font-size: 150%; }
	body.home .layout_latest .more a { text-decoration: none !important; }

	/** Oeffnungszeiten */
	#opening { background: url(../images/uhr.png) no-repeat top left; }
	#opening h1 { height: 49px; }
	
	/** Event planen */
	#planning { background: url(../images/veranstaltung.png) no-repeat top left; }
	#planning h1 { height: 40px; }

	/** Eventbox links */
	.event-entry { margin-bottom: 10px; border: 1px solid #adadad; }
	#eventbox h1 { text-align: left; }
	#eventbox .header { width: 46px; height: 16px; float: left; color: #fff; font-weight: bold; background: #6056a2; }
	#eventbox .event { line-height: 90%; padding-top: 2px; text-indent: 5px; }
	#eventbox h2 { display: inline; font-size: 100%; }
	#eventbox h2 a { color: #000; font-weight: bold; text-transform: lowercase; }
	#eventbox span { float: left; }
	#eventbox .day { font-size: 135%; line-height: 95%; }
	#eventbox .month { padding-bottom: 1px; text-transform: uppercase; }
	#eventbox .month, #eventbox .year { line-height: 90%; font-weight: normal; font-size: 60%; }
	
	/** Newsletter */
	#newsletter { margin-bottom: 10px; }
	#newsletter h1 { text-align: left; }

	.leftbox { margin-top: 10px; margin-left: 30px; padding-right: 10px; }
	.leftbox h1 { color: #6155a2; font-weight: bold; text-transform: lowercase; font-size: 120%; text-align: right; }
	.leftbox h1 a { color: #6155a2; text-decoration: none; }
	.leftbox table.opening-time { color: #000; border: 1px solid #aaaaaa; width: 100%; margin-top: 10px; }
	.leftbox table.opening-time td { border: 1px solid #aaaaaa; border-collapse: collapse; line-height: 18px; text-indent: 5px; }
	.leftbox table.opening-time td.day { background: url(../images/table-opening-bg.jpg) repeat-y top left; width: 55px; color: #fff; }
	.leftbox table.opening-time td { padding: 0; }
	.leftbox p.extra { color: #7a7a7a; padding-left: 10px; }
	.leftbox .text { background: #e6e6e6; padding: 0; padding-top: 2px; text-indent: 2px; height: 17px; margin: 0; color: #000; width: 146px; border: 1px solid #7d7d7d; line-height: 15px; }
	.leftbox .submit { background: #6056a2; color: #fff; height: 19px; font-weight: bold; height: 21px; line-height: 21px; border: 1px solid #4a4668; margin-left: -1px;  width: 46px;
		vertical-align: bottom; }

	#col1 .mod_flash, #col1 .ce_flash { margin-left: 3px; margin-top: 10px; text-align: center; }

	/* Spacer */
	#col1 .spacer { background: url(../images/trenner.png) no-repeat bottom center; height: 4px; margin-left: 3px; }

	/* Navigation */
	#col1 ul, #col1 ul li { list-style-type: none; padding: 0; margin: 0; }
	#col1 ul.level_1 { padding-left: 3px; }
	#col1 ul li { text-indent: 25px; padding-bottom: 4px; background: url(../images/trenner.png) no-repeat bottom center; 
		font-size: 120%; color: #000; text-transform: lowercase; font-weight: bold; }
	#col1 ul li a { line-height: 31px; height: 31px; color: #000; text-decoration: none; display:block; }
	#col1 ul li a:focus, #col1 ul li a:hover { background: url(../images/navi-aktiv.jpg) repeat-y top left; color: #fff; }
	#col1 ul li a:hover, #col1 ul li a.submenu, #col1 ul li a.trail { background: url(../images/navi-aktiv.png) repeat-y top left;  color: #fff; }
	#col1 ul li span { line-height: 31px; height: 31px; display: block; background: url(../images/navi-aktiv.png) repeat-y top left; color: #fff; }
	#col1 ul.level_2, #col1 ul.level_2 li { padding: 0; margin: 0; }
	#col1 ul.level_2 li.even a { background: #f2f2f2; }
	#col1 ul.level_2 { padding-bottom: 15px; }
	#col1 ul.level_2 li { font-size: 90%; font-weight: normal; text-indent: 50px; background: none; margin-bottom: -4px; }
	#col1 ul.level_2 li a, #col1 ul.level_2 li span { height: 22px; line-height: 22px; margin-bottom: 4px; }
	#col1 ul.level_2 li a:hover, #col1 ul.level_2 li.trail a.trail, #col1 ul.level_2 li span { background: transparent url(../images/unternavi-aktiv.png) no-repeat top left; margin-left: -10px;
		height: 26px; margin-bottom: 0; }
	#col1 ul.level_2 li.even { background: #f2f2f2; }
	

	/** Topnavigation */
	#header #topnav { top: 180px; left: auto; right: 40px; }
	#topnav ul, #topnav ul li { list-style-type: none; padding: 0; margin: 0; }
	#topnav ul li { display: inline; white-space: nowrap; }
	#topnav ul li a { color: #a0a0a0; }
	#topnav ul li a.active { color: #fff; }

	/** Subnavigation */
	#contentnav ul, #contentnav ul li { margin: 0; padding: 0; list-style-type: none; }
	#contentnav ul li { height: 31px; line-height: 31px; margin-bottom: 1px; }
	#contentnav ul li a, #contentnav ul li span.link { text-decoration: none; display: block; background: url(../images/subnavi.png) repeat-y top left; height: 31px; line-height: 31px; text-indent: 42px; color: #1d1d1d; }
	#contentnav ul li a:hover, #contentnav ul li a:focus, #contentnav ul li span.link { background: url(../images/subnavi-aktiv.png) repeat-y top left; color: #fff; }
	#contentnav span.inner { display: block; background-position: 10px center; background-repeat: no-repeat; }
	#contentnav li.allgemein span.inner { background-position: 12px center; background-image: url(../images/icons/allgemein.png); }
	#contentnav li.spieltabelle span.inner,
	#contentnav li.schnittliste span.inner,
	#contentnav li.spielplan span.inner { background-image: url(../images/icons/tabelle.png); }
	#contentnav li.aktuelles span.inner { background-position: 5px center; background-image: url(../images/icons/aktuelles.png); }
	#contentnav li.ball-pin span.inner { background-position: 11px center; background-image: url(../images/icons/ball-pin.png); }
	#contentnav li.ball span.inner { background-position: 12px center; background-image: url(../images/icons/ball.png); }
	#contentnav li.die-bahn span.inner { background-position: 6px center; background-image: url(../images/icons/die-bahn.png); }
	#contentnav li.die-technik span.inner { background-position: 12px center; background-image: url(../images/icons/die-technik.png); }
	#contentnav li.preis span.inner { background-position: 7px center; background-image: url(../images/icons/preis.png); }
	#contentnav li.regeln span.inner { background-position: 6px center; background-image: url(../images/icons/regeln.png); }
	#contentnav li.schuhe span.inner { background-position: 4px center; background-image: url(../images/icons/schuhe.png); }
	
	/** Seitenname */
	div.ce_image .image_container .caption { position: absolute; right: 40px; top: 228px;
		font-size: 200%; text-transform: lowercase; color: #fff; }

	/* Subspaltenset */
	div.ce_colsetStart { margin-top: 10px; }

	/* Newsliste */
	div.mod_newslist { /* margin-top: 10px; */ }

	/* Newsleser */
	div.mod_newsreader { margin-top: 10px; }

	/* Eventleser */
	div.mod_eventreader { margin-top: 10px; }

	/* Newsarchiv */
	div.mod_newsarchive { margin-top: 10px; }

	/* Termine */
	div.mod_upcoming_events { margin-top: 10px; }

	/* Newsarchivmenue */
	div.mod_newsmenu a { text-indent: 30px; }

	/* Toggler */
	div.toggler { background-color: #e5e0ff; font-size: 110%; padding: 10px; cursor: pointer; }
	div.accordion { padding-left: 10px; padding-right: 10px; }
	div.ce_accordion { border: 1px solid #e5e0ff; margin-bottom: 1px; }

	/* Sitemap */
	div.mod_sitemap a { color: #6155A2; }

	/* Kontakt */
	#kontakt .subcr { border-left: 1px solid #efefef; }
	form input.text, form input.captcha, form select { width: 97%; color: #939192; margin-bottom: 10px; border: 1px solid #808080; }
	form input.captcha { width: 2em; }
	form .textarea { width: 97%; color: #939192; font-family: Verdana; margin-bottom: 10px; border: 1px solid #808080; }
	form .submit { background: url(../images/kontakt-submit.jpg) repeat-x top left; color: #fff;
		height: 26px; line-height: 26px; border: 1px solid #cac8de; width: 98%; 
		text-transform: uppercase; }
	form h6 { margin-bottom: 10px; }
	form input.error { border-color: #f08080; }
	form.wmtipp-step { position: relative; width: 260px; height: 161px; padding: 24px 14px 0 14px;
		background: url(../images/wmtipp-formbox.png) no-repeat left top; }
	form.wmtipp-step span.wmtipp-step-index { position: absolute; right: 13px; top: 0; width: 54px; height: 54px; line-height: 54px;
		color: #fff; font-size: 280%; text-align: center; }
	
	/* Reservieren */
	#reservieren { overflow: hidden; }
	#reservieren .widget { clear: left; overflow: hidden; margin-bottom: .5em; }
	#reservieren label { float: left; width: 30%; }
	#reservieren label.error { color: #f00; }
	#reservieren p.error { display: none; }
	#reservieren input.text, #reservieren textarea { color: #939192; border: 1px solid #808080; float: left; width: 50%; }
	#reservieren input.error, #reservieren textarea.error { border-color: #f00; }
	#reservieren .submit_container { padding-left: 30%; margin: 1.5em 0 3em 0; }

	.mod_moostack { text-align: center; overflow: hidden; }
	.mod_moostack .mooSnav { position: relative; }
	.mod_moostack .stack { cursor: pointer; }

	/* Interner Bereich */
	div.mod_login { margin-left: 170px;  margin-top: 80px; }

	/* Flashbox */
	#flashad { position: absolute; right: -244px; top: 203px; }
	
	/* Facebook Button */
	#facebook-button { position: absolute; left: -97px; top: 86px;
		width: 100px; height: 200px; line-height: 200px; text-align: right; z-index: 100; }
	#facebook-button img { width: 26px; vertical-align: middle; }

	.pagination { text-align: center; }
	.pagination p { display: none; }
	.pagination ul, .pagination ul li { list-style: none; }
	.pagination li { display: inline; }

	/* Fehlerseiten */
	body.errorpage #main { height: 220px; background: url(../images/errorpage.png) no-repeat top left; }
	body.errorpage #main_outer, body.errorpage #main_inner { background: none; }
	body.errorpage #col3_content { padding-left: 254px; padding-top: 65px;  font-size: 88%; color: #fff; }
	body.errorpage #col3 { height: 220px; }
	body.errorpage div.errorlink { padding-top: 7px; font-size: 120%; }
	body.errorpage div.errorlink a { color: #fff; }

	/* Sitemap */
	#sitemap ul, #sitemap ul li { list-style-type: none; padding: 0; margin: 0; }
	#sitemap ul.level_1 li { margin-bottom: 2px; }
	#sitemap ul.level_1 li a { display: block; background-color: #6156a4; padding-left: 10px; color: #fff; line-height: 24px; height: 24px; }
	#sitemap ul.level_2 li.first { margin-top: 2px; }
	#sitemap ul.level_2 li { margin-bottom: 2px; }
	#sitemap ul.level_2 li a { background: #d9d7ea url(../images/level_2.png) no-repeat top left; color: #412f49; padding-left: 60px; }
	#sitemap ul.level_3 li a { background: #edecf5 url(../images/level_3.png) no-repeat top left; color: #412f49; padding-left: 105px; }
	
	/* Aktionen */
	body.home #aktionen,
	body.termine #aktionen { border: 1px solid #9e9e9e; margin-bottom: 5px; }
	body.home #aktionen .previous, #aktionen .next,
	body.termine #aktionen .previous, body.termine #aktionen .next { position: absolute; top: 18px; cursor: pointer; }
	body.home #aktionen .previous,
	body.termine #aktionen .previous{ left: 0; }
	body.home #aktionen .next,
	body.termine #aktionen .next { right: 0; }
	body.home #aktionen .ce_text,
	body.termine #aktionen .ce_text { padding: 7px 8px; background: transparent none repeat-x center center; border-right: 1px solid #9e9e9e; }
	body.home #aktionen .ce_text .image_container a, body.home #aktionen .ce_text .image_container img,
	body.termine #aktionen .ce_text .image_container a, body.termine #aktionen .ce_text .image_container img { display: block; }
	body.home #aktionen .ce_text .image_container,
	body.termine #aktionen .ce_text .image_container { border-width: 1px 1px 0; border-style: solid; border-color: #6a60a6; }
	body.home #aktionen .ce_text .image_container .caption,
	body.termine #aktionen .ce_text .image_container .caption { background: #000; color: #fff; text-transform: uppercase; padding: 6px; text-align: right; }
	body.home #aktionen .even,
	body.termine #aktionen .even { background-image: url(../tl_files/Template/Aktionen/aktionen_bg_even.png); }
	body.home #aktionen .odd,
	body.termine #aktionen .odd { background-image: url(../tl_files/Template/Aktionen/aktionen_bg_odd.png); }
	
	/* Page Title */
	body.home #col3 h1.title, body.home #col3 h2.title, body.home #col3 h3.title, body.home #col3 h4.title, body.home #col3 h5.title, body.home #col3 h6.title {
		height: 28px; line-height: 28px; margin-bottom: 5px;
		color: #fff; text-indent: 10px; text-transform: uppercase;
		font-size: 140%; font-weight: bold; font-family: Helvetica, sand-serif;
		background: #6a60a6 url(../images/title_bg.png) repeat-x center center; }
	body.home #col3 h1.page-title, body.home #col3 h2.page-title, body.home #col3 h3.page-title, body.home #col3 h4.page-title, body.home #col3 h5.page-title, body.home #col3 h6.page-title {
		padding-top: 32px;
		background: transparent url(../images/page_title_bg.png) no-repeat center center; }

	/* Ticker */
	#ticker { position: absolute; top: 4px; left: 3px; width: 240px; height: 27px; margin: 0; visibility: hidden; color: #ddd;
		background: url(../images/ticker.png) no-repeat left center; }
	#ticker .content { position: absolute; top: 0; left: 26px; width: 214px; height: 27px; overflow: hidden; }
	#ticker .item { position: absolute; white-space: nowrap; height: 26px; line-height: 26px; }
	#ticker .item p { height: 26px; line-height: 26px; }

	/* Öffnungszeiten */
	#oeffnungszeiten { position: absolute; right: 160px; top: -19px; }
}