@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background-repeat: repeat-x;
	background-image: url(../bilder/permanent/bgBody.jpg);
	background-position: 845px 0px;
}
ul , li , form{
	margin: 0px;
	padding: 0px;
}

#container {
	background-image: url(../bilder/permanent/bgContainer.jpg);
	background-repeat: no-repeat;
	min-height: 100%;
}

#nav {
	width:235px;
	height: auto;
	float: left;
	background-image: url(../bilder/permanent/bgNav.jpg);
	background-repeat: no-repeat;
}
#winGameTeaser {
	height: 80px;
	margin-top: 30px;
	background-image: url(../bilder/permanent/wingameTeaser.gif);
	padding-top: 155px;
	background-repeat: none;
	padding-left: 15px;
	font-family: Arial;
	font-size: 13px;
}


#nav li a {
	display: block;
	text-indent: -9999px;
	outline:none;
}
a ,  a:hover,a:active ,a:focus  {
	outline: none;
}

#nav li a:hover {
	background-image: url(none);
}
#contentDisplay {
	width: 710px;
	margin-left: 30px;
	float: left;
	display: block;
}



#footer {
	width: 100%;
	height: 35px;
	background-image: url(../bilder/permanent/bgFooter.png);
	background-repeat: repeat-x;
	margin-top: -35px;
	display: none;
}
#middle {
	padding-bottom: 35px;
}


.navSelected {
	background-image: none;
}

.navProgramm {
	background-image: url(../bilder/permanent/navProgrammHover.jpg);
	height: 52px;
}
.navKontakt {
	background-image: url(../bilder/permanent/navKontaktHover.jpg);
	height: 30px;
}
.navLogbuch {
	background-image: url(../bilder/permanent/navLogbuchHover.jpg);
	height: 43px;
}
.navFundgrube {
	background-image: url(../bilder/permanent/navFundgrubeHover.jpg);
	height: 44px;
}
.navGalerie {
	background-image: url(../bilder/permanent/navGalerieHover.jpg);
	height: 55px;
}
.navImpressum {
	background-image: url(../bilder/permanent/navImpressumHover.jpg);
	height: 32px;
}
#header {
	width: 100%;
	height: 145px;
	left: 0px;
	top: 0px;
}

.outerBox {
	background-image: url(../bilder/permanent/bgWhite75.png);
	border: 1px solid #CCC;
	position: relative;
	margin-bottom: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 9px;
}
.outerBox p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 16px;
}

.outer1ColumnSize {
	width: 690px;
}
.outer2ColumnSize {
	width: 325px;
	padding-top: 0px;
}
.outerLeft {
	margin-right: 20px;
}
.outer2ColumnSize h1 {
	background-image: url(../bilder/permanent/bgTitle.png);
	background-repeat: repeat-x;
	margin-right: -10px;
	margin-left: -10px;
	display: block;
	height: 35px;
	margin-bottom: 10px;
}
.outer1ColumnSize h1 {
	right: -1px;
	display: block;
	position: absolute;
	top: -36px;
	height: 35px;
	background-image: url(../bilder/permanent/bgTitle.png);
	width: 345px;
}
.boxTitle {
	text-indent: -9999px;
	display: block;
}
.bT_360 {
	background-image: url(../bilder/permanent/bT_360.gif);
}
.bT_bald {
	background-image: url(../bilder/permanent/bT_bald.gif);
}
.bT_impressionen {
	background-image: url(../bilder/permanent/bT_impressionen.gif);
}

.bT_location {
	background-image: url(../bilder/permanent/bT_location.gif);
}
.bT_anschrift {
	background-image: url(../bilder/permanent/bT_anschrift.gif);
}
.bT_anfrage {
	background-image: url(../bilder/permanent/bT_anfrage.gif);
}
.bT_programm {
	background-image: url(../bilder/permanent/bT_programm.gif);
}

.bT_galerie {
	background-image: url(../bilder/permanent/bT_galerie.gif);
}
.bT_termin {
	background-image: url(../bilder/permanent/bT_termin.gif);
}
.bT_impressum {
	background-image: url(../bilder/permanent/bT_impressum.gif);
}
.bT_logbuch {
	background-image: url(../bilder/permanent/bT_logbuch.gif);
}
.bT_fundgrube {
	background-image: url(../bilder/permanent/bT_fundgrube.gif);
}





.redLink {
	color: #C00;
	text-decoration: none;
	background-image: url(../bilder/permanent/redLink_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 9px;
}
.redLink:hover {
	background-position: 3px 5px;
	color: #F00;
	text-decoration: underline;
}
.textSmall {
	font-size: 10px;
}
.innerBox {
	border: 1px solid #CCC;
	padding: 1px;
	background-color: #FFF;
}
.inner1ColumnSize {
	width: 686px;
	margin-bottom: 5px;
	background-image: url(../bilder/permanent/bgProgrammListBox.jpg);
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
#programmList img {
	float: left;
}
.tdProgrammList {
	width: 384px;
	padding: 4px;
	background-image: none;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-left: 8px;
}

.innerGreyProgramm {
	padding: 2px;
	width: 76px;
	margin-right: 1px;
	color: #FFF;
	background-color: #555555;
	text-align: center;
	height: 100%;
	font-size: 25px;
	vertical-align: middle;
}
.weekdaySmall {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	display: block;
}
.inner2ColumnSize {
	width: 336px;
	margin-bottom: 9px;
	float: left;
	position: relative;
	height: 225px;
}

.innerBox:hover {
	border-color: #000;
	cursor: pointer;
}
.innerBox:hover .galerieBoxOverImg {
	background-image: none;
	background-color: white;
}
.innerHighlight {
	color: #C00;
	border-color: #C00;
	position: relative;
}
.required {
	color: #F00;
}

.programmMerken {
	position: absolute;
	height: 26px;
	width: 91px;
	left: -5px;
	top: -3px;
	background-image: url(../bilder/permanent/programmMerken.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.deck {
	height: 80px;
	width: 14px;
	background-color: #CCC;
	float: left;
	margin-left: 1px;
	background-repeat: no-repeat;
	background-position: center center;
}
.salon {
	background-image: url(../bilder/permanent/programmSalon.gif);
}
.alle {
	background-image: url(../bilder/permanent/programmAlle.gif);
}
.discothek {
	background-image: url(../bilder/permanent/programmDiscothek.gif);
}

.innerHighlight .innerGreyProgramm {
	background-color: #C00;
}

.innerBox:hover .innerGreyProgramm {
	background-color: #000;
}
.programmLive {
	background-image: url(../bilder/permanent/programmLive.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 45px;
}
.innerHighlight:hover .innerGreyProgramm  {
	background-color: #F00;
}
.innerHighlight:hover {
	border-color: #F00;
}

.inner1ColumnSize:hover {
	background-image: url(../bilder/permanent/bgProgrammListBoxHover.jpg);;

}
.terminGreyBox {
	background-color: #555555;
	height: 185px;
	width: 240px;
	color: #FFF;
	text-align: center;
	float: left;
	position: relative;
	font-size: 60px;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 10px;
}
.terminSpecial {
	color: #C00;
	font-size: 10px;
	width: 165px;
	position: absolute;
	height: 59px;
	background-image: url(../bilder/permanent/bgTerminSpecial.jpg);
	bottom: 0px;
	left: 15px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	padding-bottom: 5px;
	font-weight: normal;
}
.terminBigYoutube {
	position: absolute;
	right: 0px;
	height: 46px;
	width: 46px;
}
.terminBigURL {
	position: absolute;
	right: 55px;
	height: 46px;
	width: 46px;
}
.terminDeckBig {
	position: absolute;
	height: 68px;
	width: 12px;
	left: 18px;
	top: 50%;
	margin-top: -34px;
}
.cleaner {
	clear: left;
}
#terminShowBigContainer {
	clear: left;
	background-image: url(../bilder/permanent/terminDeck.gif);
	background-repeat: repeat-y;
	padding-left: 60px;
	position: relative;
}




.weekdaySmallTermin {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	display: block;
	letter-spacing: 0.4em;
}
#youtubeBig, #youtubeSmall {
	display: none;


}
#terminShowSmallContainer {
	margin-top: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	position: relative;
	background-image: url(../bilder/permanent/terminDeck.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 0px 20px;
}
#terminShowSmallContent {
	float: left;
	margin-left: 10px;
	width: 440px;
}
.terminDeckSmall {
	position: absolute;
	height: 68px;
	width: 12px;
	left: 18px;
	top: 55px;
}
.galerieBoxOverImg  {
	background-image: url(../bilder/permanent/bgWhite75.png);
	position: absolute;
	width: 318px;
	left: 5px;
	height: auto;
	bottom: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#galerie {
	position: absolute;
	height: 90%;
	width: 90%;
	z-index: 9999;
	top: 0px;
	left: 0px;
	margin: auto;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #000;
	line-height: 30px;
	display: inline;
}


#terminShowBigContainer h3 {
	font-size: 40px;
	margin-top: 20px;
}
#terminShowSmallContainer h3 {
	margin-top: 20px;
}
#impressumContainer h3 {
	margin-top: 20px;
}
#logbuchContainer h3 {


}

label  {
	display: block;
	height: 20px;
	margin-bottom: 8px;
	float: left;
	clear: left;
	width: 80px;
	padding-top: 5px;
}
input[type=text] , select{
	height: 25px;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666;
	margin-bottom: 8px;
	background-image: url(../bilder/permanent/bgInput.jpg);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	font-weight: normal;
	vertical-align: bottom;
}
textarea {
	font-size: 14px;
	color: #666;
	width: 320px;
	font-family: arial;
	background-image: url(../bilder/permanent/bgInput.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
input#submit  , input#update{
	margin-top: 10px;
	background-image: url(../bilder/permanent/btnSmall.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 76px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	outline: none;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	float: right;
}
.logbuchPanelGrey {
	background-color: #555;
	width: 80px;
	color: #FFF;
	height: 55px;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
}
.logbuchPanelGreyBigFont {
	font-size: 18px;
	font-weight: bold;
}

.logbuchTitle {
	float: right;
	width: 588px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 55px;
}

.logbuchReplyContainer {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-right: 10px;
}
.fontLightGrey {
	color: #666;
	font-weight: bold;
}
#logbuchContainer p   , #fundgrubeContainer p{
	margin-top: 0px;
	margin-bottom: 7px;
}
#programmList p {
	margin-top: 2px;
	margin-bottom: 3px;
}
.logbuchBtnNew , .fundgrubeBtnNew{
	background-image: url(../bilder/permanent/btnSmall.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
	width: 76px;
	color: #FFF;
	outline: none;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	top: -30px;
	position: absolute;
	right: 10px;
}
.logbuchBtnReply {
	background-image: url(../bilder/permanent/btnSmall.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
	width: 76px;
	color: #FFF;
	outline: none;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	position: absolute;
	bottom: 2px;
	left: 3px;
}
.fundgrubeTitle {
	float: right;
	width: 578px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 55px;
}
#spryradio {
	display: block;
	padding-left: 80px;
}
.spryRadioLabel  {
	float: left !important;
	width: auto;
	clear: none;
	margin-right: 20px;
	margin-bottom: 0px;
}
#messagebox {
	height: 100px;
	width: 250px;
	margin-top: -50px;
	margin-left: -125px;
	left: 50%;
	top: 50%;
	position: absolute;
	background-image: url(../bilder/permanent/bgWhite90.png);
	border: 2px solid #999;
	padding: 15px;
	z-index: 100;
}
#messagebox h1 {
	font-size: 18px;
}
.navTable {
	font-weight: bold;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.navTable td {
	font-size: 16px;
	width: 50px;
	text-align: center;
}
.navTableStatus {
	font-size: 12px !important;
	color: #999 !important;
	width: 180px !important;
}
.navTable a {
	color: #FFF;
	text-decoration: none;
	padding: 2px;
	background-color: #C00;
	line-height: 12px;

}
.navTable a:hover {
	color: #FFF;
	text-decoration: none;
	padding: 1px;
	background-color: #F00;
}
#terminShowBigContainer a, #terminShowSmallContainer a {
	color: #C00;
	text-decoration: underline;
}
#terminShowBigContainer a:hover, #terminShowSmallContainer a:hover {
	color: #F00;
	text-decoration: underline;
}
#terminShowSmallContainer ul, #terminShowBigContainer ul {
	padding: 0px;
	margin-top: 15px;
	margin-right: 200px;
	margin-bottom: 15px;
	margin-left: 30px;
}
#terminShowSmallContainer li, #terminShowBigContainer li {
	margin-top: 8px;
	margin-bottom: 8px;
}


.hideTooltip {
	display: none;
}
#programSlide ,#programSlide:focus ,#programSlide:active {
	outline: none;
}
#teaserHeader {
	height: 120px;
	width: 350px;
	position: absolute;
	left: 265px;
	top: 8px;
}