﻿html { 
  width: 100%; 
  min-width:990px;
  height: auto; 
  min-height:1000px;
  padding:0;
  margin:0; 
  background-color: #000000; 
/*
 	background-image:url(../images/contentBackTop.png);
 	background-image:url(../images/klinkerRotAlt.jpg);
*/
  background-position:left top;	
  background-repeat: repeat-x;
  overflow:auto;
  z-index:10;
}

body { 
  position: absolute; 
  display:block;
  left:0;
  top:0;
  width: 100%; 
  height: auto; 
  min-height:1100px;
  padding:0; 
  margin:0;
/*
	background-image:url(../images/contentBackBottom.png);
  background-position:center bottom;	
  background-repeat:no-repeat;
*/
  overflow:visible;
  z-index:12;
}

#container {
  display:block;
  position:relative;
  width: 970px;
  height:auto;
  min-height:900px;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  padding-bottom:90px;
  overflow:hidden;
  visibility:visible;
  z-index:13;
}

#header {
  position:relative;
  width:100%;
  height: 230px;
  overflow:hidden;
  z-index:15;
}

#logoTR {
  position:absolute;
  top: 0;
  left:0;
  width:100%;
  height:193px;
 	background-image:url(../images/ThomasReadLogoWeiss-380x193.png);
 	background-position:center center;
  background-repeat:no-repeat;
  z-index:16;
}

#logoCity {
  position:absolute;
  top: 85px;
  left:120px;
  width:68px;
  height:13px;
	background-image:url(../images/text_Hamburg.png);
  background-position:center center;	
  background-repeat:no-repeat;
  z-index:16;
}

#content {
  display:block;  
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  overflow:hidden;
  visibility:visible;
}
.content_block {
  display: block;
  width:600px;
  height:auto;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  overflow:hidden;
}


.locationBlock img {
  color: #999999;
  width:100%;
  height:auto;
  box-shadow: 3px 3px 3px #222222,
             -3px 3px 3px #222222,
              3px -3px 3px #222222,
             -3px -3px 3px #222222;  
  margin-top:10px;
  margin-bottom:20px;
}

.event_week_block {
  display:block;
  margin:0;
  margin-bottom:30px;
  padding:0;
  text-align:center;
  
}
.event_weekDay {
  display: inline-block;
  width:130px;
  height:435px;
  margin:0;
  margin-left:10px;
  margin-right:10px;
  padding:0;
  padding-left:20px;
  padding-right:20px;
	background-image:url(../images/homeEventShadow.png);
  background-position:center 50px;	
  background-repeat:no-repeat;
}

.eventDates_Block {
  display:block;
  position:absolute;
  left:-180px;
  top:200px;	
}
.eventDates_Block h5 {
  text-align:center;	
}

.facebookTheGallery_block {
  width:580px;
  height:420px;
  overflow:hidden;
}
.facebookTheGallery_picShadow {
  display:block;
  width:530px;
  height:360px;
  margin:0;
  margin-left:auto;
  margin-right:auto;
	background-image:url(../images/homePicsShadow.png);
  background-position:center center;	
  background-repeat:no-repeat;
}
.facebookTheGallery_picLink {
  display:block;
  position:relative;
  width:530px;
  height:360px;
  margin:0;
  padding:0;
}
.facebookTheGallery_pic {
  display:block;
  position:absolute;
  top:7px;
  left:8px;
  width:516px;
  height:344px;
}


.eventDetail_block {
}
.eventFeature_block {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  padding-left:220px;  
}
.eventFlyer_block {
  display:  inline-block;
  position:relative;
  width:190px;
  height:360px;
  top:18px;
  left:35px;
  margin:0;
  padding:0;  
	background-image:url(../images/homeEventShadow.png);
  background-position: left bottom;	
  background-repeat:no-repeat;
  vertical-align:top;
}
.eventFlyer_block img {
  margin:0;
  margin-top:3px;
  margin-left:3px;
  padding:0;
  border:0;
}
.eventText_block {
  position:relative;
  display:inline-block;
  width:350px;
  height:auto;
  margin:0;
  margin-left:20px;
  margin-top:18px;
  padding:0;  
}
.eventText_block p {
}


.eventListLogo_block {
  display:  inline-block;
  position:relative;
  width:152px;
  height:195px;
  top:0;
  margin:0;
  margin-top:-7px;
  margin-left:-7px;
  margin-bottom:30px;
  padding:0;  
  vertical-align:top;
}
.eventListLogo_block img {
  margin:0;
  margin-top:7px;
  margin-left:7px;
  padding:0;
  border:0;
}
.eventListDetails_block {
  position:relative;
  display:inline-block;
  width:350px;
  height:100%;
  margin:0;
  margin-left:50px;
  padding:0;  
}
.eventListMore_block {
}




.fbAlbum_block {
  width:900px;
}

.fbAlbum {
  display:  inline-block;
  position:relative;
  width:220px;
  height:220px;
  overflow:hidden;
}
.fbAlbum_previwShadow {
  display:inline-block;
  width:220px;
  height:160px;
  margin:0;
  margin-bottom:10px;
  padding:0;  
	background-image:url(../images/albumShadow.png);
  background-position: left top;	
  background-repeat:no-repeat;
}
.fbAlbum_previwShadow img {
  display:inline-block;
  width:187px;
  height:135px;
  margin:0;
  margin-top:13px;
  margin-left:18px;
  padding:0;  
  background-position: center center;	
  background-repeat:no-repeat;
}
#fbAlbum_cache {
  position:absolute;
  display:none;
  width:1px;
  height:1px;
  overflow:hidden;
  visibility:hidden;
  margin:0;
  padding:0;
}



#soundControl {
  position:relative;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px;
	color: #DAB66B;
  text-align:center;
  font-size:20px;
  font-weight: normal;
	background-image:url(../images/speaker.png);
  background-position: center center;	
  background-repeat:no-repeat;
}




#footer {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height: 130px;
  overflow:hidden;
  z-index:15;
}




.hiddenText {
  margin:0;
  border:0;
  padding:0;
  font-size: 1px;
  visibility: hidden; 
  display:none;
}

.clearBoth {
  clear:both;
}