@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

/* --------------------------------------
--------------- 0. Basics ------------------
---------------------------------------*/



body {
	background:url(../images/bg-body.jpg) 0 0 repeat;}

.clear {
	clear:both;
}

.invisible {display:none !important;}

#hundert-header {
	width:100%;
	position:relative;
	height:107px;
	background:url(../images/bg-header-center.jpg) 0 0 repeat-x;
	}

#hundert-content {
	width:100%;
}

#contentcontainer {
	width:960px;
	margin:0 auto;
	background:url(../images/bg-content-kachel.png) 0 0 repeat-y;
	padding-top:22px;
	position:relative;
	padding-bottom:194px;}


#hundert-footer {
	width:100%;
	background:url(../images/bg-footer-center.jpg) 0 0 repeat-x;
}

/* --------------------------------------
--------------- 1. Header ------------------
---------------------------------------*/
#flash_hundert {height:382px; width: 100%; position:absolute; z-index:100;}
#flash-header {top:-400px; width:960px; height: 382px; margin: 0 auto;  z-index:100;}

#login-impressum { margin:0 auto; z-index: 300;width:104px; right: 10px;}
#imp {height:382px; width:960px; margin:0 auto;}
#imp_hundert {width:100%; height:382px; position:absolute; z-index:300;}

#logo_flash {width:180px; height:454px; margin: 0 auto; z-index:100; right:600px;}
#logo_hundert {height:454px; width:100%; z-index:80; position: absolute;}

#header {
	width:960px;
	margin:0 0 0 -480px;
	height:148px;
	position:absolute;
	left:50%;
	z-index:3;
	background:url(../images/bg-header.png) 0 0 no-repeat;
}


h1 {
	background:url(../images/logo-scottys-american-billiards.png) 0 -10px no-repeat;
	width:180px;
	height:234px;
	z-index:3;
	position:absolute;
	top:160px;
	left:0;
}

h1 a {
	display:block;
	text-indent:-9999em;
	width:180px;
	height:234px;
	text-decoration:none;
	overflow:hidden;
}

#schaedel {
	background:url(../images/bg-schaedel.png) 0 0 no-repeat;
	width:143px;
	height:149px;
	position:absolute;
	top:148px;
	right:20px;
	z-index:5;
	}

#login-impressum {
	float:right;
	width:104px;
}

#login-impressum ul {
	list-style-type:none;
}

#login-impressum li {
	float:left;
}

#login-impressum a {
	display:block;
	text-indent:-9999em;
	height:20px;
	overflow:hidden;
}

#login-impressum a.log {
	width:36px;
	background:url(../images/bt-subnavi.gif) 0 0 no-repeat;
}

#login-impressum a.imp {
	width:66px;
	background:url(../images/bt-subnavi.gif) -36px 0 no-repeat;
}

#login-impressum a.log:hover , #login-impressum a.log:active  {
	background:url(../images/bt-subnavi.gif) -1px -19px no-repeat;
}

#login-impressum a.imp:hover , #login-impressum a.imp:active {
	background:url(../images/bt-subnavi.gif) -37px -19px no-repeat;
}

/* --------------------------------------
--------------- 2. Navi ------------------
---------------------------------------*/

#navi {
	width:170px;
	float:left;
	padding-top:30px;
}

#navi ul {
	list-style-type:none;
}

#navi li {
}

#navi a {
	text-indent:-9999em;
	display:block;
	background:url(../images/bt-navi.gif) no-repeat;
	overflow:hidden;
	height:24px;
}

#navi ul ul a {
	height:18px;
}

#navi a.home { background-position: 0 0 ;}
#navi a.home:hover , #navi a.home:active , body.index #navi a.home {background-position: -170px 0 ; }

#navi a.wir-ueber-uns {background-position: 0 -48px;	}
#navi a.wir-ueber-uns:hover , #navi a.wir-ueber-uns:active , body.wirueberuns #navi a.wir-ueber-uns {background-position: -170px -48px; }

#navi a.auszeichnungen { background-position: -340px -48px;}
#navi a.auszeichnungen:hover , #navi a.auszeichnungen:active { background-position: -510px -48px; }

#navi a.preise {background-position: 0 -72px;}
#navi a.preise:hover , #navi a.preise:active , body.preise #navi a.preise {background-position: -170px -72px; }

#navi a.fotos {background-position: 0 -96px;}
#navi a.fotos:hover , #navi a.fotos:active , body.fotos #navi a.fotos {background-position: -170px -96px; }

#navi a.billiard-schule {background-position: 0 -120px;}
#navi a.billiard-schule:hover , #navi a.billiard-schule:active , body.billiard-schule #navi a.billiard-schule {background-position: -170px -120px; }

#navi a.scotty-cup {background-position: 0 -144px;}
#navi a.scotty-cup:hover , #navi a.scotty-cup:active , body.scotty-cup #navi a.scotty-cup {background-position: -170px -144px; }

#navi a.system {background-position: -340px -144px;}
#navi a.system:hover , #navi a.system:active { background-position: -510px -144px; }

#navi a.punkte {background-position: -340px -161px;}
#navi a.punkte:hover , #navi a.punkte:active { background-position: -510px -161px; }

#navi a.rangliste {background-position: -340px -180px;}
#navi a.rangliste:hover , #navi a.ranng:active { background-position: -510px -180px; }

#navi a.start-preisgeld {background-position: -340px -198px;}
#navi a.start-preisgeld:hover , #navi a.start-preisgeld:active { background-position: -510px -198px; }

#navi a.archiv {background-position: -340px -216px;}
#navi a.archiv:hover , #navi a.archiv:active { background-position: -510px -216px; }

#navi a.turniere {background-position: -340px -234px;}
#navi a.turniere:hover , #navi a.turniere:active { background-position: -510px -234px; }

#navi a.spielpartner {background-position: 0 -168px;}
#navi a.spielpartner:hover , #navi a.spielpartner:active , body.spielpartner #navi a.spielpartner {background-position: -170px -168px; }

#navi a.jobs {background-position: 0 -192px;}
#navi a.jobs:hover , #navi a.jobs:active , body.jobs #navi a.jobs {background-position: -170px -192px; }

#navi a.partner {background-position: 0 -219px;}
#navi a.partner:hover , #navi a.partner:active , body.partner #navi a.partner {background-position: -170px -219px; }

#navi a.kontakt {background-position: 0 -264px;	}
#navi a.kontakt:hover , #navi a.kontakt:active , body.kontakt #navi a.kontakt {background-position: -170px -264px; }

#navi a.anfahrt {background-position: 0 -288px;	}
#navi a.anfahrt:hover , #navi a.anfahrt:active , body.anfahrt #navi a.anfahrt {background-position: -170px -288px; }

#navi a.oeffnungszeiten {background-position: 0 -312px;	}
#navi a.oeffnungszeiten:hover , #navi a.oeffnungszeiten:active , body.oeffnungszeiten #navi a.oeffnungszeiten {background-position: -170px -312px; }

#navi a.feedback {background-position: 0 -336px;	}
#navi a.feedback:hover , #navi a.feedback:active , body.feedback #navi a.feedback {background-position: -170px -336px; }

/* --------------------------------------
--------------- 3. Content ------------------
---------------------------------------*/

h2 {
	height:40px;background:url(../images/ueberschrift.png) no-repeat; text-indent:-9999em;}

body.index h2 {	background-position:0 0; }
body.wir-ueber-uns h2 {	background-position:0 -40px; }
body.auszeichnungen h2 {	background-position:0 -80px; }
body.preise h2 {	background-position:0 -120px; }
body.fotos h2 {	background-position:0 -160px; }
body.billiard-schule h2 {	background-position:0 -200px; }
body.scotty-cup h2 {	background-position:0 -240px; }
body.system h2 {	background-position:0 -280px; }
body.punkte h2 {	background-position:0 -320px; }
body.rangliste h2 {	background-position:0 -360px; }
body.start-preisgeld h2 {	background-position:0 -400px; }
body.turniere h2 {	background-position:0 -440px; }
body.spielpartner h2 {	background-position:0 -480px; }
body.jobs h2 {	background-position:0 -520px; }
body.partner h2 {	background-position:0 -560px; }
body.kontakt h2 {	background-position:0 -600px; }
body.anfahrt h2 {	background-position:0 -640px; }
body.impressum h2 {	background-position:0 -680px; }
body.login h2 {	background-position:0 -720px; }
body.newsletter h2 , body.newsletter_success h2 {	background-position:0 -760px; }
body.danke h2 {	background-position:0 -800px; }
body.error404 h2 {	background-position:0 -840px; }
body.kalender h2 {	background-position:0 -880px; }
body.details h2 {	background-position:0 -920px; }
body.oeffnungszeiten h2 {	background-position:0 -960px; }
body.feedback h2 {	background-position:0 -1000px; }

#slideshow {
	margin-left:170px;
	margin-top:40px;
	}
	
div#ft-title-slideshowHolder {
	display:none;
	}
	
#content-main {
	width:726px;
	padding-top:30px;
	padding-left:20px;
	background:url(../images/content-kachel.png) 0 0 repeat-y;
	float:left;
	padding-bottom:70px;
	color:#fff;
}

#content-container {
	width:460px;
	float:left;
	position:relative;}

#content-left {
/*	width:280px;*/
	float:left;}

#content-left p {
	line-height:21px;}

#content-left p strong {
	line-height:24px;}

#content-left p.abstand {
	margin-top:20px;}

#content-left a:link , #content-left a:visited {
	text-decoration:underline;}

#content-left a:hover , #content-left a:active {
	text-decoration:underline;
	color:#8cdae7;}

#content-left-large {
	width:400px;
	float:left;}
	
#content-left-large p {
	line-height:21px;
	padding-top:10px;}

h5 {
	font-size:16px;
	font-weight:bold;
	color:#8cdae7;
	line-height:24px;
	padding-top:20px;
	}

/*#content-left-large p strong {
	font-size:16px;
	font-weight:bold;
	color:#8cdae7;
	line-height:24px;
	}*/
	
#content-left-large ul {
	padding-top:20px;
	list-style-type:none;
	}
	
#content-left-large li {
	line-height:21px;
	font-size:14px;
}

#content-left-large li strong {
	font-weight:bold;
	color:#8cdae7;
}

#content-left li {
	margin-left:15px;
	line-height:20px;}

#content-left-large p.abstand {
	margin-top:20px;}

#content-left-large a:link , #content-left-large a:visited {
	text-decoration:underline;}

#content-left-large a:hover , #content-left-large a:active {
	text-decoration:underline;
	color:#8cdae7;}	
	
#content-left-large a , #content-left a {
	color:#fff;
}

#content-left dl {
	width:400px;
	margin-top:15px;
}

#content-left dt {
	width:100px;
	float:left;
	font-size:14px;
	color:#fff;
	padding-top:5px;}


#content-left dd {
	font-size:14px;
	color:#fff;
	padding-top:5px;}
	
	
body.start-preisgeld #content-left dl {
	width:400px;
	margin-top:15px;
	padding-bottom:15px;
}

body.start-preisgeld #content-left dt {
	width:50px;
	float:left;
	font-size:14px;
	color:#fff;
	padding-top:5px;}


body.start-preisgeld #content-left dd {
	float:left;
	font-size:14px;
	color:#fff;
	padding-top:5px;
	width:115px;
	padding-bottom:7px;}


iframe {
	padding-top:20px;
}

#content-right {
	width:160px;/*
	float:left;
	padding-left:20px;*/
	position:relative;
	top:0;
	right:0;}

#content-right p {
	line-height:21px;}

#content-right p strong {
	font-weight:bold;
	padding-top:43px;
	padding-bottom:5px;}


#content-right p.small {
	font-size:12px;
	padding-top:5px;}

#news {
	float:right;
	position:relative;
	margin-top:-115px;
/*	margin-right:-50px;
*/	color:#fff;
	}

#news-oben {
	background:url(../images/news-oben.png) 0 0 no-repeat;
	width:246px;
	height:24px;}

#news-content {
	background:url(../images/news-kachel.jpg) 0 0 repeat-y;
	width:182px;
	padding-left:35px;
	padding-right:25px;	}
	
h3 {
	background:url(../images/aktuelles.png) 0 0 no-repeat;
	text-indent:-9999em;
	width:184px;
	height:44px;}
	
body.kontakt h3, body.anfahrt h3, body.impressum h3, body.newsletter h3, body.newsletter_success h3, body.danke h3 {
	background:url(../images/adresse.png) 0 0 no-repeat;
	text-indent:-9999em;
	width:184px;
	height:44px;}	
	
#content-left-large h4 {
	font-weight:bold;
	font-size:18px;
	color:#8cdae7;
	width:300px;
	margin-top:35px;
}

	
#news ul {
	list-style-type:none;
	padding-top:15px;
}

#news li {
	line-height:18px;
}

#news p.strong {
	font-size:18px;
	font-weight:bold;
	}

#news li a:link , #news li a:visited {
	text-decoration:underline;
	font-size:12px;
	color:#fff;}

#news li a:hover , #news li a:active {
	text-decoration:underline;
	color:#222;
	color:#fff;}

#news a {
		color:#fff;
}

#news-boden {
	background:url(../images/news-boden.jpg) 0 0 no-repeat;
	width:246px;
	height:24px;}


div#queue {
	background:url(../images/bg-queue.png) 0 0 no-repeat;
	width:40px;
	height:49px;
	position:absolute;
	bottom:194px;
	right:130px;}

/*h6 {
	width:300px;
}*/

/* =content-spielpartner ----------------------------------------------- */

div.content-spielpartner {
	width:660px;
	float:none;
	clear:both;}
	
div.content-spielpartner h4 {
	font-size:18px;
	font-weight:bold;
	padding: 15px 0 5px 0;}
	
	div.content-spielpartner table {
		border-collapse:collapse;
		border:1px solid #ccc;
		color:#444;
		background:#FFF;
		margin:0 0 15px 0;}
		
	div.content-spielpartner table td, div.content-spielpartner table th {
		border-left:1px solid #888;
		border-bottom:1px solid #666;
		padding: 3px 5px;
		text-align:left;}
		
	div.content-spielpartner table td.col_6, div.content-spielpartner table td.col_last, div.content-spielpartner table th.col_last { display:none;}
	
	div.content-spielpartner table th a:link, div.content-spielpartner table th a:visited {
		text-decoration:none;
		color:#35828F;
		font-weight:bold;
		font-size: 14px;}
	div.content-spielpartner table th a:hover, div.content-spielpartner table th a:active {
		color:#BDBF00;}
		
	div.content-spielpartner form {
		width:322px;
		font-size:14px;
		line-height:18px;
		color:#fff;}
		
		div.content-spielpartner label {
			float:left;
			width: 100px;
			padding: 0 20px 0 0;
			margin: 0 0 10px 0;}
		
		div.content-spielpartner input, div.content-spielpartner select {
			outline:none;
			border:1px solid #ccc;
			width:200px;
			color:#444;
			float:left;
			margin: 0 0 10px 0;}
			
		div.content-spielpartner input:focus, div.content-spielpartner select:focus {
			border:1px solid #000;}
			
		div.content-spielpartner input.error, div.content-spielpartner select.error {
			margin: 0 0 10px 120px;}
		
		div.content-spielpartner select {
			overflow:auto;
			max-height:98px;}

		div.content-spielpartner div.radio_container input {
			width:10px;}
		
		div.content-spielpartner div.radio_container label {
			width:60px;
			padding: 0 10px;}
		
		div.content-spielpartner div.submit_container {
			padding: 30px 0 0 120px;
			width:600px;
			height:30px;}
		
		div.content-spielpartner div.submit_container input, div.content-spielpartner input.submit {
			width:100px;
			cursor:pointer;
			background:#3D91F0;
			color:#fff;
			padding: 5px;
			font-weight:bold;}
			
		div.explanation p, span.captcha_text {
			padding: 0 0 20px 120px;
			font-size:11px;}
			
		span.captcha_text {
			font-size:13px;}
			
			div.content-spielpartner a:link, div.content-spielpartner a:visited {
				color:#AFD5FF;}
			
			div.content-spielpartner a:hover, div.content-spielpartner a:active {
				color:#3D91F0;}
				
			div.content-spielpartner  p.error {
				outline:none;
				border:3px solid #f00;
				width:190px;
				color:#000;
				float:right;
				padding: 3px;
				margin: 10px 0 5px 0;
				font-size:12px;
				background:#FFFFCC;}
			
			div.content-spielpartner img {border:0;}
			
	div.content-spielpartner .ce_text p {
		padding: 0 0 15px 0;}
			
	div.content-spielpartner br {
		clear:both;
		float:none;}
		
	div.list_search form, div.list_per_page form {
		width: 600px;}
		
	div.list_search select, div.list_per_page select {
		width: 120px;
		margin: 0 20px 15px 0;
		float:left;}
	div.list_search input, div.list_per_page input {
		margin: 0 20px 15px 0;}
	div.list_per_page input {
		font-size:11px;
		width:160px !important;}
		
div.pagination {
	float:none;
	clear:both;}
	
body.index  div.pagination {display:none;}
	
	
	#content div.pagination p {
		font-size:11px;
		color:#fff;
		padding: 16px 5px;
		float:right;}
		
	#content div.pagination ul {
		list-style:none;
		float:right;
		font-size:11px;
		color:#fff;
		padding: 15px 0;}
		
		#content div.pagination li {
			float:left;
			padding:0 0 0 6px;}
			
			#content div.pagination li a:link, #content div.pagination li a:visited, #content div.pagination li span.current{
				overflow:hidden;
				border:0;
				display:block;
				padding:1px 5px;
				background:#3D91F0 ;
				color:#fff;
				font-size:11px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-moz-box-shadow: 0 1px 2px #444;
				-webkit-box-shadow: 0 1px 2px #444;
				text-shadow: 0 -1px 1px #222;}
			#content div.pagination li a:hover, #content div.pagination li a:active{
				background:#007BFF;}
			#content div.pagination li span.current {
				background:#0054AF;}
/* --------------------------------------
--------------- 4. Footer ------------------
---------------------------------------*/

#footer {
	width:960px;
	height:224px;
	margin:0 auto;
	position:relative;}

#footer-zwei {
	background:url(../images/bg-footer.png) 0 0 no-repeat;
	position:absolute;
	top:-194px;
	left:0;
	width:960px;}

#logo {
	background:url(../images/bg-footer-logo.jpg) 0 0 no-repeat;
	margin-left:240px;
	margin-top:270px;
	margin-right:60px;
	float:left;
	width:190px;
	height:148px;}

#adress {
	background:url(../images/bg-footer-adresse.gif) 0 0 no-repeat;
	width:172px;
	height:78px;
	float:left;
	margin-top:320px;
	margin-right:10px;}

#adress ul {
	text-indent:-9999em;
	list-style-type:none;}


#newsletter-abbonieren {
	float:left;	
	margin-top:336px;}

.newsletterfooter {
	background:url(../images/newsletter-abonnieren.gif) 0 0 no-repeat;
	width:114px;
	height:35px;
	float:left;
	margin-right:5px;}
	
/* --------------------------------------
--------------- 5. CMS ------------------
---------------------------------------*/	

.back { display:none;}
	
	
.mod_newslist {	
	background:url(../images/news-kachel.jpg) 0 0 repeat-y;
	width:182px;
	padding-left:35px;
	padding-right:25px;	
}

p.more {
	margin-top:10px;
	padding-bottom:15px;
	border-bottom:1px dashed #fff;}
	
p.teaser {
	font-size:14px;
	line-height:18px;
	padding-top:5px;
}

.info {
	margin-top:15px;}
	
/*.ce_text {
	width:400px;
}*/

.image_container img {
	border:1px solid #888;
	padding:3px;
	background:#fff;}

.mod_newsreader {
	width:400px;
}

.mod_login  {
	width:450px;
}

.mod_lostPassword {
	width:450px;
}

table {
	margin-top:25px;
}

td {
	width:120px;
	vertical-align:top;
}

#content-left-large label.mandatory {
	float:left;
	display:inline-table;
	padding:0;
	margin-right:5px;
}

#content-left-large span.mandatory {
	float:left;
	padding-top:20px;
}

/* ------------------------------------------------------- */
/* --------------------- =Kalender ----------------------- */
/* ------------------------------------------------------- */
.mod_calendar {
	width:630px;
}

table.calendar {
	border-collapse:sperate;
	border:1px solid #888;
	background:#fff;
	margin-bottom: 20px;}
	
table.calendar * {
	color:#444;}
	
table.calendar thead th {padding: 5px 0; border:0;}
table.calendar thead th.label {
	font-weight:bold;
	color:#D00018;
	border:1px solid #ccc;
	border-width: 0 1px;
	border-left:1px solid #fff;}

table.calendar tbody tr {border-bottom: 1px solid #ccc;}

table.calendar tbody div.header {
	font-size:15px;
	font-weight:bold;
	color:#666;
	padding: 3px 0;}

th.label {
	font-weight:normal;
	color:#8CDAE7;
	padding:10px 0 7px 0;}

td.days {
	text-align:center;
	padding:10px 5px;
	border:1px solid #ccc;
	border-left:1px solid #fff;
	border-top:1px solid #f4f4f4;
	background:#dfdfdf;
}

td.active {
	background:#f4f4f4;
}

table.calendar td.today div.header {
	background:#90AA11;
	color:#fff;
}

td.empty {
	border: 1px solid #fff;
	background:#fff;}
	
body.fotos td.empty {
	border:none;
	background:none;
}

body.auszeichnungen td.empty {
	border:0;
	background:none;}
	
div.event, div.event a {
	font-size:11px;
	line-height:21px;
	border:none;
	text-decoration:none;}
div.event {margin-bottom:5px;}
	
div.cal_1 {border-left: 5px solid #90F;}
div.cal_4 {border-left: 5px solid #390;}
div.cal_7 {border-left: 5px solid #4f2a92;}
div.cal_8 {border-left: 5px solid #ff9cf2;}
div.cal_13 {border-left: 5px solid #c00000;}
div.cal_14 {border-left: 5px solid #e9c501;}
div.cal_15 {border-left: 5px solid #07ae90;}
div.cal_16 {border-left: 5px solid #f0b57c;}
div.cal_17 {border-left: 5px solid #636d12;}
div.cal_18 {border-left: 5px solid #b891ff;}
div.cal_19 {border-left: 5px solid #d10d8a;}
div.cal_20 {border-left: 5px solid #999;}
div.cal_21 {border-left: 5px solid #0f5a94;}
div.cal_22 {border-left: 5px solid #FF7200;}
div.cal_23 {border-left: 5px solid #43a6d9;}

/* ------------------------------------------------------- */
/* --------------------- =Details ------------------------ */
/* ------------------------------------------------------- */

body.kalender-details a:link, body.kalender-details a:visited {
	color:#9FDFFF;
	font-size:18px;
	text-decoration: underline;}
body.kalender-details a:hover, body.kalender-details a:active {
	color:#43A6D9;}
	
body.kalender-details div.event {
	margin:10px 0;
	border-width: 16px;
	padding:0 0 0 10px;}
	
body.kalender-details  h4 {
	font-size:24px;}

/* ------------------------------------------------------- */
/* --------------------- =Kommentar ---------------------- */
/* ------------------------------------------------------- */

body.kalender-details a:link, body.kalender-details a:visited {
	color:#9FDFFF;
	font-size:18px;
	text-decoration: underline;}
body.kalender-details a:hover, body.kalender-details a:active {
	color:#43A6D9;}
	
body.kalender-details div.event {
	margin:10px 0;
	border-width: 16px;
	padding:0 0 0 10px;}
	
body.kalender-details  h4 {
	font-size:24px;}