body {
  margin:20px 0px 20px 20px;
  padding:0;
	min-height: 101%;
  background-color: #fff;
}

#container {
  width:995px;
  margin:0px auto;
  padding:0px;
}

#mobileRedirect {
  width:965px;
  padding:0px;
  margin: 0px 15px 20px 15px;
}


/* Header */

#header {
  width:965px;
  height:164px;
  padding:0px;
  margin: 0px 15px 20px 15px;
}


#logo {
  float:left;
  width:265px;
  height:164px;
  margin:0;
  padding:0;
  background: url(logo_bsk.gif) 0 0 no-repeat;
}

#logo a {
  display:block;
  width:265px;
  height:164px;
  overflow:hidden;
  text-indent:-99999px;
}

#logo-slideshow {
  float:left;
  width:265px;
  height:164px;
  margin:0;
  padding:0;
}

#preview, #teaser {
  float:left;
  width:265px;
  height:164px;
  margin-left:15px;
  background-color:#ddd;
}

#teaserWorkaround {
  float:left;
  width:405px;
  height:164px;
  margin-left:15px;
}

#preview {
  position:relative;
  background-color:#fff;
}


#calendar {
  float:left;
  width:125px;
  height:164px;
  margin-left:15px;
}


/* Banner */
#banner {
	position: relative;
  display:block;
  width:965px;
  height:164px;
  padding:0px;
  margin: 0px 15px 20px 15px;
}

/*
#makeMeScrollable
{
	width:935px;
	height: 164px;
	position: relative;
  display:block;
}

*/

#banner div.scrollWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#banner div.scrollableArea * {
	position: relative;
	display: block;
  overflow:hidden;
	float: left;
	margin: 0px;
}


#banner div.scrollableArea img {
	position: relative;
	float: left;
  height:164px;
}


/* Main content */
#main {
  width:995px;
  padding:0px;
  margin: 0px 0px 20px 0px;
}

/* Navigation */

.navigation {
  float:left;
  width:125px;
  background-color:#fff;
}

#nav1 {
  width:265px;
}


.navigation ul {
}

.navigation ul li {
  padding:3px 0px;
}

.navigation ul li a {
  display:block;
}

.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active {
  /* background-color:#7a7b7c; */
  color:#0033CC;
}

.navigation ul li a.active {
  /* background-color:transparent; */
  color:#0033CC;
}

.hiddenNavigationLeft {
  float:left;
  width:10px;
  margin:2px 5px 0px 0px;
  background-color:#fff;
}


.hiddenNavigationRight {
  float:left;
  width:10px;
  margin:2px 0px 0px 5px;
  background-color:#fff;
}

/* Navigation Level 2 */

.navigation_2 {
  display:block;
  padding:3px 0px;
  border-bottom:2px solid #000;
}

.navigation_2 li {
  padding:3px 0px;
}

.navigation_2 li a {
  display:block;
}


/* Horizontal Navigation */

.horizNavigation {
  border-bottom:2px solid #000;
}


.horizNavigation ul li {
  display:inline;
  padding-right:6px;
  font-size:12px;
  font-weight:bold;
  line-height:22px;
}



/* Content */
.content {
  float:left;
  width:405px;
  color:#000;
  background-color:#fff;
}



.contentBox a:link, .contentBox a:visited, .contentBox a:active, .contentBox a:focus {
	color:#0033CC;
  text-decoration:none;
}

.contentBox a:hover	{
  color:#888;
	text-decoration:none;
}

.contentBox > ul, .contentBox > ol	{
  padding: 0 0 0 20px;
}

.contentBox > ul li {
  list-style-type: square;
  list-style-position: outside;
}

.contentBox > ol li {
  list-style-type: decimal;
  list-style-position: outside;
}

.contentBox hr {
  height: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #000;
}


/* Spielplan / Programm / Ensemble */
.spielplan, .programm, .ensemble {
  float:left;
  width:405px;
  padding:7px 0px;
  margin:0px;
  border-bottom:1px solid #000;
  line-height:20px;
  background-color:#fff;
}

.spielplan_day {
  float:left;
  width:405px;
  padding:7px 0;
  margin-bottom:7px;
  font-weight:bold;
  border-bottom:2px solid #000;
}


.spielplan_date {
  float:left;
  /*width:50px;*/
  width:65px;
  padding-right:15px;
  font-weight:bold;
}

.spielplan_content {
  float:left;
  position:relative;
  /*width:340px;*/
  width:325px;
}

.spielplanInfo {
  font-size:12px;
}

.ical {
  position:absolute;
  bottom:0;
  /*left:-63px;*/
  left:-78px;
  padding:0;
  margin:0;
}

.ort {
  font-size:12px;
  font-weight:bold;
}

.ticket {
  float:right;
  font-size:12px;
  font-weight:bold;
}

.merkmal {
  padding:1px 3px;
  color:#fff;
  background-color:#000;
}


/* Programm */

.zusatz p {
  margin:0px;
}

#termine > ul	{

}

#termine ul li {
  clear:both;
  border-top:1px solid #000;
  padding:4px 0px;
  margin-bottom:4px;
}

#besetzung td {
  vertical-align:top;
  padding-right:6px;
}

#preise, .preise {
  border-collapse: collapse;
  width:405px !important;
}


#preise th, .preise th {
  font-weight:bold;
}

#preise .pg_1, .preise .pg_1 {
  text-align:center;
  background-color:#fbf39e;
}

#preise .pg_2, .preise .pg_2 {
  text-align:center;
  background-color:#efa6c3;
}

#preise .pg_3, .preise .pg_3 {
  text-align:center;
  background-color:#97d4ee;
}

#preise .pg_4, .preise .pg_4 {
  text-align:center;
  background-color:#b9d28f;
}

#preise .pg_5, .preise .pg_5 {
  text-align:center;
  background-color:#e99f87;
}


#preise td, .preise td {
  padding:6px 12px 6px 0px;
  border-top:1px solid #000;
  vertical-align:top;
  text-align:right;
}


/* Preview */

.preview_day {
  float:left;
  width:265px;
  padding:0px 0px 3px 0;
  margin-bottom:3px;
  font-weight:bold;
  border-bottom:5px solid #000;
}

.preview_box {
  float:left;
  overflow:hidden;
  width:265px;
  height:140px;
}

.preview_date {
  clear:both;
  float:left;
  width:30px;
  padding-right:15px;
  font-weight:bold;
}

.preview_content {
  float:left;
  width:220px;
  padding-bottom:3px;
  margin-bottom:3px;
  border-bottom:1px solid #000;
}

.preview_arrows {
  position:absolute;
  right:0px;
  float:right;
  cursor:pointer;
}


.halfColumn {
  float:left;
  width:185px;
  padding:7px 0;
  border-bottom:1px solid #000;
  line-height:18px;
  background-color:#fff;
}

/* Presse */
.divider {
  padding-top:10px;
  border-top: 1px solid #000;
}


/* Gästebuch */


.guestbookForm label  {
  float:left;
  width:80px;
  padding-top:0.5em;
}

.guestbookForm input, .guestbookForm textarea, .guestbookForm select {
  float:left;
  width:300px;
  padding:3px;
  margin:5px 0;
  border:1px solid #666;
}

.guestbookForm textarea {
  height:100px;
}

.guestbookForm input[type=submit]  {
  float:left;
  width:auto;
  padding:3px;
  margin:5px 0;
  background-color:#000;
  color:#fff;
  border:1px solid #666;
}


/* Händel-Quiz */


.haendelForm label  {
  float:left;
  width:80px;
  padding-top:0.5em;
}

.haendelForm input {
  float:left;
  width:300px;
  padding:3px;
  margin:5px 0;
  border:1px solid #666;
}


.haendelForm input[type=submit]  {
  float:left;
  width:auto;
  padding:3px;
  margin:5px 0;
  background-color:#000;
  color:#fff;
  border:1px solid #666;
}



/* Special Classes */

.paddingRight {
  padding-right:15px;
}

#googleMap {
  float:left;
  width:403px;
  height:500px;
  padding:7px 0px;
  margin:0px;
  line-height:20px;
  border:1px solid #000;
  background-color:#fff;
}

#directions {
  float:left;
  width:405px;
  padding:7px 0px;
  margin:0px;
  line-height:20px;
  background-color:#fff;
}

.errorMessage {
  color:#CC0000;
}

ul.listIndent li {
  margin-left:20px;
  list-style-type:square;
}

/* Google CSE */
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0em !important;
    width: 100%  !important;
    font-size:14px !important;
}


.gs-title, .gs-title b {
  font-size:14px !important;
  color:#0033CC  !important;
	text-decoration:none !important;
}
