/* ---------------------------------------------------------------
Style Sheet
 __  __           _____ _____ _______      ________            _____ _______ 
|  \/  |   /\    / ____/ ____|_   _\ \    / /  ____|     /\   |  __ \__   __|
| \  / |  /  \  | (___| (___   | |  \ \  / /| |__       /  \  | |__) | | |   
| |\/| | / /\ \  \___ \\___ \  | |   \ \/ / |  __|     / /\ \ |  _  /  | |   
| |  | |/ ____ \ ____) |___) |_| |_   \  /  | |____   / ____ \| | \ \  | |   
|_|  |_/_/    \_\_____/_____/|_____|   \/   |______| /_/    \_\_|  \_\ |_|   
                                                                             
Site:       Festspielhaus Bregenz
Author:     Michael E. Trawetzky - MASSIVE ART www.massiveart.com
Version:    1.0
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
Reset-File */
@import url(reset.css);
/* --------------------------------------------------------------- */

/* @start, General Definition */
body {
  background-color: #000;
  color: #ccc;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-align: center;   
}
p {
  padding-bottom:10px;
  font-size:13px;
  line-height:20px;
}
small {
  font-size: 10px;
}
.float {
  float: left;
}
.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}
.wrapper {  
  margin:0 auto;
  width:940px;
  text-align:left;
  min-height:605px;
}
.mainNavContainer {
  height: 44px;
  position: relative;
  width: 100%;
  
  /* Test */
  border-bottom: 5px solid #FFFFFF; 
}
.headerContainer {
	position: relative;
  height: 400px;
  width: 940px;
  padding: 0;
  margin: 0 auto 10px auto;
  overflow: hidden;
  border-bottom: 1px solid #FFF;
}

.evvcAward {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 30
}

.templateContainer {
  /* padding:20px 0 0 0; */
}
.wrapper .start {
  padding:40px 0 0 0;
}
.footerContainer {
  padding:10px 15px 0 0px;
  margin:10px 0 20px 0;
  height:20px;
}
.footerContainer .left a {
  color: #a1a1a1;
  font-size: 11px;
}

.footerContainer .left a img {
  padding: 0 0 0 20px;
  vertical-align: middle;
}

/* @end, General Definition */

/* @start, Links Definition */
a {
  color: #CCC;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  color: #CCC;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
}
/* @end, Links Definition */

/* @start, Headlines Definition */
h1 {
  font-size:18px;
  line-height:1.5em;
  font-weight:normal;
  padding:0 0 1.5em 0;
}
h2 {
  font-size:14px;
  line-height:1.5em;
  font-weight:normal;
  padding:0 0 10px 0;
}
h3 {
  font-size:13px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 10px 0;
}
.start h3 {
  font-size:13px;
  line-height:20px;
  font-weight:normal;
  padding:0;
}
/* @end, Headlines Definition */

/* @start, List Definition */
.templateContainer ol {
  list-style-type:decimal;
  padding:0 0 10px 0;
  overflow:auto;
  padding-left:25px;
}

.templateContainer ol li {
  padding:0;   
}

.templateContainer ul {
  list-style-type:disc;
  padding:0;
  overflow:auto;
  padding-left:20px;
}

.templateContainer ul li {
  padding:0;   
}
/* @end, List Definition */

/* @start, Header Definition */
.fixedContainer {
  position: fixed;
  background-color: #000;
  z-index: 2000;
  width:940px;
}
.fixedSpacer {
  height: 127px;
  width: 940px;
}
.logoAndSubContainer {
  width:940px;
  height:78px; 
}
.logoContainer {
  float: left;
  padding: 10px 0 0 0;  
}
.logoContainer .item {
  float: left;
  margin: 0 30px 0 0;  
}
.subContainer {
  float: right;
  padding: 20px 2px 0 0;
}
.subContainer .item{
  float: left;
  padding: 3px 0 0 20px;
}
.subContainer .item a{
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  text-decoration: none;  
}
.subContainer .item a:hover{
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  text-decoration: underline;  
}

/* -----------------------
@START Search Container */

#searchBox {
  float: left;
  padding:0 0 0 20px;
  position: relative;
  z-index: 40;
}

#searchBox .field {
  float:left;
  width:186px;
  padding:0 5px 0 0; 
}

#searchBox .field input {
  height:18px;
  width:180px;
  padding:2px 2px 0 2px;
  font-size:12px;
  line-height:16px;
  color:#fff;
  background-color:#000;
  border:1px solid #fff; 
  font-weight:normal;
}

#searchBox .button {
  float:left;
  height:18px;
  width:20px;
  cursor:pointer;
  padding:2px 0 0 0; 
}

#livesearch {
  position:relative; 
  background:#fff; 
  color:#333; 
  z-index:30; 
  width:211px !important; 
  border:1px solid #fff;
  border-top:0;
  top: 22px !important;
  left: 20px !important;
}

#livesearch ul {
  
}

#livesearch li {
  padding:5px 10px 5px 10px; 
}

#search_list li.selected,
#search_list li:hover {
  background:#ccc;
}

#livesearch li a,
#livesearch li a:hover {
  color:#333;
  font-weight:normal;
  font-size:12px;  
  text-decoration:none;
}

#livesearch .detailSearch {
  font-size:12px;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  background-color:#efefef;
  text-align:center;
  color:#333;
  border-top:1px solid #ccc;  
}

#searchIndicator {
  background: transparent url(/website/themes/festspielhausbregenz/images/main/loader_small_black.gif) no-repeat center right;
  position: relative; 
  top: -21px; 
  left: 163px;
  width:20px;
  height:20px;
}

/* ----------------
Search Page */

.searchResultContainer {
  padding:0;
}

.searchResultContainer .header {
  padding:0 0 20px 0;;
}

.searchResultContainer .item {
  padding:0 0 20px 0;
}

.searchResultContainer .item .title {
  font-size:13px;
}

.searchResultContainer .item .title a,
.searchResultContainer .item .title a:hover {
  font-size:13px;
}

.searchResultContainer .item .description {
  padding:0;
}

.searchResultContainer .item .url {
  font-size:11px;
  color:#999;
}

/* -----------------------
@END Search Container   */

.headerContent {
	display: none;
  width: 930px;
  height: 55px;
  background-image: url(/website/themes/festspielhausbregenz/images/main/trans.png);
  border-top: 1px solid #FFF;
  padding: 10px 0 0 10px;  
  position: relative;
  top: -55px;
  z-index: 20;  
  font-size: 21px;
  line-height: 1.5em;
  font-weight: normal;
  color: #FFF;
}
.imageflow ul li .headerContent {
  display: block;
}
.imageflow ul li:hover .headerContent {
  display: none;
}
/* @end, Header Definition */

/* @start, Navigation Definition */
.mainNavContainer ul {
  position: absolute;
  width: 940px;
  top: 0;
  clear: both;
  height: 44px;
}
.mainNavContainer li {
	cursor: pointer;
  float: left;
  margin: 0 2px 0 0;
}

.mainNavContainer li.green .start {
  float: left;
  height: 44px;
  width:8px;
  background:url(/website/themes/festspielhausbregenz/images/navigation/tab_off_green_left.gif) no-repeat 0 0;
  margin: 0;
  padding: 0;
}

.mainNavContainer li.green .middle, 
.mainNavContainer li.green .middle_pointer  {
  float: left;
  height: 33px; /* 44px - padding */  
  padding: 11px 18px 0 18px;
  position: relative;
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_off_green.gif) repeat-x 0 0;  
}

.mainNavContainer li.green .end  {
  float: left;
  height: 44px;
  width: 8px;
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_off_green_right.gif) no-repeat 0 0;
}

.mainNavContainer li .start {
  float: left;
  height: 44px;
  width:8px;
  background:url(/website/themes/festspielhausbregenz/images/navigation/tab_left_off.gif) no-repeat 0 0;
  margin: 0;
  padding: 0;
}

.mainNavContainer li .end  {
  float: left;
  height: 44px;
  width: 8px;
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_right_off.gif) no-repeat 0 0;
}
.mainNavContainer li .end_pointer  {
  float: left;
  height: 44px;
  width: 8px;
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_right_off.gif) no-repeat 0 0;
}
.mainNavContainer li .middle,
.mainNavContainer li .middle_pointer  {
  float: left;
  height: 33px; /* 44px - padding */  
  padding: 11px 18px 0 18px;
  position: relative;
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_middle_off.gif) repeat-x 0 0;  
}
.mainNavContainer li .middle {
  /* padding-right:0; */
}
.mainNavContainer li:first-child .middle,
.mainNavContainer li:first-child:hover .middle {
  padding: 11px 25px 0 24px;
}
.mainNavContainer li .middle ul,
.mainNavContainer li .middle_pointer ul {
  position: absolute;
  left: -23px;
  top: 43px;
  z-index: 50;
  display: none;
  min-width: 130px;
  width: 100%;
  height: auto;  
  padding: 0 0 15px 14px;
}
.mainNavContainer li .middle ul li,
.mainNavContainer li .middle_pointer ul li {
  clear: both;
  margin: 0 0 0 0;
  padding: 0 0 0 0;  
}
.mainNavContainer li .middle ul li div,
.mainNavContainer li .middle_pointer ul li div {
  background-image: url(/website/themes/festspielhausbregenz/images/navigation/navigation_white.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-color: #FFF;
  border: 1px solid #333;
  border-bottom: 0px;
}
.mainNavContainer li .middle ul li div a,
.mainNavContainer li .middle_pointer ul li div a {
  display: block;
	padding: 7px 2px 0px 15px;
	margin: 0 0 0px 8px;
	width: 190px;
	height: 30px;
	background-color: #FFF;
	/*
	background-image: url(/website/themes/festspielhausbregenz/images/navigation/navigation_bg.gif);
	background-position: 0 3px;
	background-repeat: repeat-x;
	*/
}

.mainNavContainer li:hover .start,
.mainNavContainer li.green:hover .start,
.mainNavContainer .selected .start {  
  background:url(/website/themes/festspielhausbregenz/images/navigation/tab_left.gif) no-repeat 0 0;
  float:left;
  height:44px;
  width:8px;
  margin: 0;
  padding: 0;
}
.mainNavContainer li:hover .end,
.mainNavContainer li.green:hover .end,
.mainNavContainer .selected .end {	
  background:url(/website/themes/festspielhausbregenz/images/navigation/tab_right.gif) no-repeat 0 0;
  float:left;
  height:44px;
  width:8px;
}

.mainNavContainer li:hover .end_pointer,
.mainNavContainer .selected .end_pointer {  
  background:url(/website/themes/festspielhausbregenz/images/navigation/tab_right_pointer.gif) no-repeat 0 0;
  float:left;
  height:44px;
  width:20px;
}
.mainNavContainer li:hover .middle a,
.mainNavContainer .selected .middle a {
  color: #000;
}
.mainNavContainer li:hover .middle,
.mainNavContainer .selected .middle,
.mainNavContainer li:hover .middle_pointer,
.mainNavContainer .selected .middle_pointer {	
  background: url(/website/themes/festspielhausbregenz/images/navigation/tab_middle.gif) repeat-x 0 0;
  float: left;
  height: 33px; /* 44px - padding */
  /* width: 140px; */
  padding: 11px 18px 0 18px;
  color: #000;  
}
.mainNavContainer li:hover .middle,
.mainNavContainer .selected .middle {
  /* padding-right:0; */
}
.mainNavContainer li:hover .middle ul,
.mainNavContainer li:hover .middle_pointer ul {
  display: block;
}
.mainNavContainer li .middle a,
.mainNavContainer li .middle_pointer a {
  color:#fff;
  font-weight: normal;
  text-decoration:none;
  font-size:12px;
  text-transform: uppercase;
}
.mainNavContainer li .middle a:hover,
.mainNavContainer li .middle_pointer a:hover {
  color: #000;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
}
.mainNavContainer li.home .middle {
  padding-right: 0;
}
.mainNavContainer li.home .middle a,
.mainNavContainer li.home .middle a:hover {
  color: #ee0000;
}
.mainNavContainer li .middle ul li a,
.mainNavContainer li .middle_pointer ul li a {
  color: #333 !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
  text-transform: none;
}
.mainNavContainer li .middle ul li a:hover,
.mainNavContainer li .middle_pointer ul li a:hover {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
  font-size:12px;
}
.stripline {
  height: 5px;
  width: 940px;
  line-height:5px;
  font-size:0;
  background-color: #FFFFFF;
}
/* @end, Navigation Definition */

/* @start, Infobox Section */
.secondInfoContainer {
  width: 940px;
  background: url(/website/themes/festspielhausbregenz/images/main/secondinfo_background.gif) repeat-y 0 0;
}
.secondInfoContainer .colCenter {
  float: left;
}
.secondInfoContainer .colCenter .item {
  width: 286px; /* 306px; */
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px 5px 10px;
  /* background-color: #1d1d1d; */
}
.secondInfoContainer .colCenter .item h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.infoboxContainer {
  width: 286px; /* 306px; */
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px 5px 10px;  
  background-color: #1d1d1d;
}

.infoboxContainerLast {
  width: 287px; /* 307px; */
  float: left;
  margin: 0;
  padding: 5px 10px 5px 10px;
  background-color: #1d1d1d;
}

.infoboxContainer h1, .infoboxContainerLast h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #FFF;
  margin: 0;
  padding: 0;
}

.infoboxContainer h2, .infoboxContainerLast h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #666;
  margin: 0;
  padding: 0 0 5px 0;
}

.infoboxContainer a, .infoboxContainerLast a {
  font-size: 12px;  
  color: #FFF;
}

.infoboxContainerLast .barrier {
  padding: 10px 0 0 0;
  cursor: pointer;
}

.infoboxContainerLast .barrier h2 {
  font-size: 16px;
  line-height: 20px;
  padding: 5px 10px 0 0;
  width: auto;
  float: left;
  color: #fff;
}

.infoboxContainerLast .barrier img {
  padding: 2px 10px 5px 0;
  float: left;
}

/* @end, Infobox Section */

/* @start, Content Definition */
.breadcrumb {
  padding: 0 0 10px 0;
  font-size: 11px;
  color: #a1a1a1;
  float:left; 
  text-transform: uppercase;
  width:800px;  
}

.breadcrumb a,
.breadcrumb a:hover {
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
  color: #a1a1a1;
  text-transform: uppercase;  
}

.back {
  padding: 0 0 10px 0;
  font-size: 11px;
  color: #a1a1a1;
  float:right;
  text-align:right;
  width:140px;  
}

.back a,
.back a:hover {
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
  color: #a1a1a1;
  text-transform: uppercase;
}

.overviewContainer {
  width: 940px;
  background-color: #333;
  background-image: url(/website/themes/festspielhausbregenz/images/main/content_background.gif);
  background-repeat: repeat-y;
}
.overviewContainer .left {
	float: left;
  width: 610px; /* 630px - padding */  
  padding: 20px 0 20px 20px;;
  margin: 0 10px 0 0;
}
.overviewContainer .right {
  float: left;
  width: 260px; /* 300px - padding */
  padding: 20px;
}
.overviewContainer .list .right {  
  padding: 20px 20px 20px 0;
}
.overviewContainer .left .list,
.overviewContainer .left .item {
  margin: 0 20px 20px 0;
}
.overviewContainer .description {
  /*width: 280px; */ /* 630px - padding */
  margin: 0 0 10px 0;
}
.overviewContainer .col2 {
  /* clear:both; */  
}
.overviewContainer .col2 .item {
  margin: 0 20px 20px 0;
  width: 285px;
  float:left;
}
.overviewContainer .col2 h1 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 0 5px 0;
}
.overviewContainer .col2 p {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  padding: 0;
}
.overviewContainer .col2 a,
.overviewContainer .left a {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: underline;
}
.overviewContainer .col2 a:hover,
.overviewContainer .left a:hover {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
}
.overviewContainer .left .list .itemImg .left {
  width: 80px;
  padding: 0;
  margin: 0 10px 10px 0;
}
.overviewContainer .left .list .item {
  margin: 0 0 5px 0;
}
.overviewContainer .left h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 5px 0;
}
.overviewContainer .left h2 a {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
  margin: 0 0 5px 0;
}
.overviewContainer .left h2 a:hover {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
  margin: 0 0 5px 0;
}
.overviewContainer .left .imgLeft {
  padding: 0 10px 0 0;
}

.templateContainer {
  width: 940px;
  background-color: #333;
  background-image: url(/website/themes/festspielhausbregenz/images/main/content_background.gif);
  background-repeat: repeat-y;
}
.templateContainer .left {
  float: left;
  width: 590px; /* 630px - padding */  
  padding: 20px;
  margin: 0 10px 0 0;
}
/*.templateContainer .left iframe {
  background-color: #333 !important;
}*/
.templateContainer .right {
  float: left;
  width: 260px; /* 300px - padding */
  padding: 20px;
}
.templateContainer .center {
  width: 900px; /* 940px - padding */  
  padding: 20px;
  margin: 0 10px 0 0;
  background-color: #333;
}  
.templateContainer .col2 {
  /* clear:both; */  
}
.templateContainer .col2 .item {
  padding: 0 0 20px 0;
  width: 285px;
  float:left;
}
.templateContainer .col2 h1 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 0 5px 0;
}
.templateContainer .col2 p {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  padding: 0;
}
.templateContainer .col2 a {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.templateContainer .col2 a:hover {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-decoration: none;
}
.templateContainer .description {
  padding: 0 0 20px 0;  
}
.templateContainer .subWrapper .overview .description {
  padding: 0 20px 20px 0;  
}
.templateContainer .imgLeft {
  padding: 0 20px 0 0;
  width: 300px;
}
.templateContainer .subWrapper .overview .imgLeft {
  padding: 0 20px 0 0;
  width: 300px;
}
.templateContainer .subWrapper .overview .imgLeft img,
.templateContainer .imgLeft img {
  padding: 0 0 10px 0;
}
.templateContainer h1 span {
  font-size: 12px;
}
.templateContainer .imgRight {
  padding: 0 0 0 20px;
}
.templateContainer .subWrapper .overview .imgRight {
  padding: 0 20px 0 20px;
}
.templateContainer .block {
  padding: 0 0 20px 0;  
}
.templateContainer .divContentOverview .col2 .item {
  margin: 0 0 10px 0;
  width: 320px;
}
.templateContainer .divContentIntro,
.templateContainer .divContentOverview .item,
.templateContainer .divContentOverview .list, 
.templateContainer .divContentOverview .col2 {
  margin: 0 0 30px 0;
}
.templateContainer .divContentOverview .list .item {
  margin: 0px;
}
.templateContainer .divContentOverview h2,
.templateContainer h2 {    
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  padding: 0 0 5px;
  text-decoration: none;
}
.templateContainer .divContentOverview h3,
.templateContainer h3 {    
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  padding: 0 0 10px 0;
  text-decoration: none;
}
.templateContainer .divContentOverview .list .itemImg {
  margin: 0 0 10px 0;
}
.templateContainer .divContentOverview .list .itemImg .left {
  padding: 0 10px 0 0;
}
.templateContainer .divContentOverview .list .itemImg .right {
  float: left;
}
.templateContainer .description ul li {
  list-style: disc;
  list-style-position: outside;
  margin: 0 0 10px 0;
}
.templateContainer .description table {
	border: 0px solid #999999;
}
.templateContainer .description table td {
  vertical-align: top;
  border-top: 1px solid #666666;
}
.templateContainer .description table tr:first-child td {
  border-top: 0px;
}
.templateContainer .description table td:first-child {
  /* border-left: 0px; */
}

/* ----------------
Content Gallery */
.right h3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 10px 0;
}
.gallery {
  padding: 0 0 20px 0;
}
.gallery .item {
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.gallery #showAll {
  float: left;
  padding-top: 137px;
}

/* ---------------
Contacts */

.person { 
  padding:0 0 20px 0;
}
.person img { 
  float: left;
  margin: 0 10px 0 0;
}
.person .name {
  font-weight: bold;
}
.person .function {
  font-size:12px;
  line-height:20px;
}
.person .detail {
  padding: 0;
}
.person .detail .img {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}
.person .detail .infos {
  font-size:12px;
  line-height:20px;
  float:left;
}

/* ---------------
Contact Form */

.formContainer {
  padding:0 0 30px 0;
  position:relative;
}

#guidedTourSumContainer,
#eventSumContainer {
  padding:0 0 30px 0;
  position:relative;
}

#guidedTourFormLoader,
#guidedTourSumLoader, 
#eventFormLoader,
#eventSumLoader {
  background-color:#333;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
}

.formContainer .subForm {
  padding:10px 0 10px 0;
}

.formContainer .subForm h3 {
  padding:0 0 10px 0;
}

#succesbox {
  color:#fff;
  font-size:16px;
  line-height:20px;  
  margin:10px 0 10px 0;
  font-weight:bold;  
}

#noticebox {
  color:#f70009;
  font-size:14px;
  line-height:20px;  
  margin:0 0 20px 0;
  width:514px;  
}

.formContainer input,
.formContainer select {
  border: 3px solid #000;
  background: #666;
  color:#000;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
}

.formContainer input[type=checkbox] {
  border:none;  
  padding:0;
  background:none;
}

.formContainer textarea {
  border: 3px solid #000;
  background: #666;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color:#000;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
}

.formContainer .itemLeft {
  float:left;
  padding:0 10px 10px 0;
  width:270px;
}

.formContainer .itemRight {
  float:left;
  padding:0 0 10px 0;
  width:270px;
}

.formContainer .itemLeft input,
.formContainer .itemRight input {
  width:250px;
}

.formContainer .itemLeft select,
.formContainer .itemRight select {
  width:260px;
}

.formContainer .item {
  padding:0 0 10px 0;
}

.formContainer .item input {
  width:530px;
}

.formContainer .item textarea {
  width:530px;
  height:90px;
}

.formContainer .itemLeft input.chbx,
.formContainer .itemRight input.chbx,
.formContainer .item input.chbx  {
  width:20px;
}

.formContainer .requiredInfo {
  float:left;
  padding:6px 0 0 20px;
}

.missinginput,
.formContainer input.missinginput,
.formContainer select.missinginput,
.formContainer textarea.missinginput {
  border-color:#f70009;
}

.templateContainer .summary {
  padding:0;
}

.templateContainer .summary .sub {
  padding:0 0 30px 0;
}

.templateContainer .left .button,
.eventSumButtons .buttonLeft,
.eventSumButtons .buttonRight {
  float:left;
  width:154px;
  height:24px;
  background:url(/website/themes/festspielhausbregenz/images/main/button.gif) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #333;
  text-align:center;
  padding:6px 0 0 0;
  cursor:pointer;
}

.templateContainer .left .buttonRight {
  float:right;
}

.thankyou {
  color:#fff;
  font-weight:bold;  
}

#eventThxEmail {
  font-weight:bold;
}

/* press login */
#registrationForm .bttnSend,
.pressLogin #bttnLogin {
  background: url("/website/themes/festspielhausbregenz/images/main/buttonPress.gif") no-repeat scroll 0 0 transparent;
  color: #666;
}

/* ----------------
Content Overview */

.templateContainer .overview .item {
  padding-bottom:20px;  
}

.templateContainer .overview .col2 {
  clear:both;
  width:100%;  
}

.templateContainer .overview .item h2,
.templateContainer .overview .col2 h2 {
  padding:0;  
}

.templateContainer .overview .col2 .item {
  padding-bottom:20px;
  width:415px;
}

.templateContainer .overview .col2 .left {
  float:left;
}

.templateContainer .overview .list {
  padding:0 0 20px 0;  
}

.templateContainer .overview .list .itemImg {
  padding:0 0 10px 0; 
}

.templateContainer .overview .list .itemImg .left {
  float:left;
  width:56px;  
}

.templateContainer .overview .list .itemImg .right {
  float:left;  
}

.templateContainer .overview .list .item {
  padding:0;    
}

.templateContainer .overview .list a {
  font-weight:bold;
  text-decoration:none;
}

.templateContainer .overview .list a:hover {
  text-decoration:underline;
}

.templateContainer .overview .list .item a {
  background:url(/website/themes/festspielhausbregenz/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
  color:#a1a1a1;
  text-decoration:none;   
}

.templateContainer .overview .list .item a:hover {
  text-decoration:underline; 
}

.templateContainer .overview h2 a {
  font-size:14px;
  line-height:1.5em;
  font-weight:bold;
  padding:0 0 10px 0;
  text-decoration:none;
}

.templateContainer .overview h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Content Overview Col3 */

.templateContainer .overview-col3 {

}

.templateContainer .overview-col3 .left {
  float:left;
  width:595px;
}

.templateContainer .overview-col3 .left .description {
  padding: 0 40px 20px 0;
}

.templateContainer .overview-col3 .right {
  float:left;
  width:275px;
  padding:5px 0 20px 0;
}

.templateContainer .overview-col3 .list .itemImg .right {
  width:215px;
  padding:2px 0 0 0;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 20px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:32px;
  padding-right:20px;
}

.documents .item .icon img {
  border:none; 
}

.documents .item .infos {
  float:left;
}

.documents .item .infos span {
  font-size:10px;
}

/* ----------------
Content Contact */

.press .description {
  padding: 0;
}

/* articles */
.press .articles .item {
  padding-bottom: 20px;
}

.press .articles .preview {
  float: left;
  margin-right: 20px;
}

.press .articles .withImage .text {
  float: right;
  width: 490px;
}

/* documents */
.press .documents .item .text {
  float: right;
  width: 538px;
}

/* images */
.press .images .item {
  float: left;
  margin: 0 20px 20px 0;
}

.press .images .rightest {
  margin-right: 0;
}

.press .images .info {
  background: #fff;
  color: #000;
  display: none;
  margin: -30px 0 0;
  max-width: 500px;
  padding: 10px;
  position: absolute;

  filter: alpha(opacity=80);
  opacity: 0.8;
}

.press .images .item:hover .info {
  display: block;
}

/* ----------------
Content Contact */

.contactContainer {
  
}

/* ----------------
Event Infos */

.infoContainer {

}

.infoContainer h3 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 2px 0;
	text-decoration:none;
}

.infoContainer .links h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  padding: 0 0 10px;
  text-decoration: none;
}

.infoContainer .item {
  padding:0 0 20px 0;
}

.templateContainer .item .date {
  font-size:18px;
  padding:0 0 20px 0;
}

.infoContainer .item a.smaller,
.infoContainer .item a.smaller:hover {
  font-size:11px;
}

#eventLocationMap a {
  fonts-size:11px;
}

/* ----------------
Event Search */

.eventSearch {
  padding:4px 0 20px 0;
}

.eventCategories {
  padding:0 0 20px 0;
  display:none;
}

.eventSearch h3,
.eventCategories h3 {
  color:#CCCCCC;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 10px;
	text-decoration:none;
}

.eventSearch .field {
  padding:0 0 10px 0;
}

.eventSearch .field .label {
  float:left;
  width:120px
}

.eventSearch .field .button {
  float:left;
}

.eventSearch .field .input input{
  width:100px;
  border:1px solid #a1a1a1;
  padding:2px 0 2px 0;
  float:left;
}

.eventSearch .button {

}

.eventSearch .button input {
  width:100px;
} 

.eventCategories ul {
  padding:0 0 10px 0;
}

.eventCategories li a,
.eventCategories li a:hover {
  font-weight:normal;
  font-size:13px;
}


/* ----------------
Content Startpage */

#showAllNews {
  
}

#showAllNews a,
#showAllNews a:hover {
  background:transparent url(/website/themes/festspielhausbregenz/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
}

.col2 {
  /* width: 590px;
  float: left; */
}

.col3 {
  width: 590px;
  float: left;
}

.col2 .head,
.col3 .head {
  border-top:1px solid #616161;
  border-bottom: 1px solid #616161;
  padding:0 15px 0 15px;
}

.start .list {
  padding:20px 15px 0 15px;
}

.start .list li {
  line-height:20px;
}

.start .list li a {
  background:url(/website/themes/festspielhausbregenz/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
  color:#a1a1a1;
  text-decoration:none;
}

.start .list li a:hover {
  text-decoration:underline;
}
	
.start .list .itemImg {
  padding:0 0 20px 0;
}

.start .list .itemImg img.left {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.start .list .itemImg img.right {
  float:left;
  width:250px;
}

.start .list .itemImg .top {
  padding:0 0 5px 0;
  width:290px;
  height:150px;
  overflow:hidden;
}

.start .list .itemImg .top img {
  /*border:5px solid #000;*/
}
	
.start .list .itemImg .text {
  padding:5px 0 0 0;
}

.start .list .item {
  padding:0 0 20px 0;
}

.start .list .itemImg .text a,
.start .list .item .text a {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:none;  
}

.start .list .itemImg .text a:hover,
.start .list .item .text a:hover {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:underline;  
}

/* ----------------
Calendarview */

.infoboxContainerLast a {
  color: #CCC;
  font-size: 13px;
}

.infoboxContainerLast #embeddedCalendar {
  margin: 5px 0 7px;
}

.showAllEvents {
  text-align: center;
}


div.calendar {
  border: 1px solid #333 !important;
  color: #000;
  font-size: smaller;
  overflow: hidden;
}

div.calendar.popup {
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table {
  background-color: #eee;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: #000;
  color: #CCC;
}

div.calendar td,
div.calendar th {
  background-color: #000;
  text-align: center;
  border: 1px solid #000;
}

div.calendar td.title {
  font-weight: bold;
}

div.calendar th {
  background: #1D1D1D;
  font-weight: bold;
  color: #CCC;
}

div.calendar tr.days td {
  width: 3em;
  color: #CCC;
  text-align: center;
  cursor: pointer;
}

div.calendar .weekend {
  background-color: #333;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover {
  background-color: #FFF;
  color: #000;
  cursor: pointer;
  }

div.calendar tr.days td:active,
div.calendar td.button:active {
  background-color: #FFF;
}

div.calendar tr.days td.selected {
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today {
  font-weight: bold;
  color: #F70009;
}

div.calendar tr.days td.otherDay {
  background-color: #000;
  color: #333;
}

/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

/* ----------------
Footer */

.footerContainer .left {
  float: left;  
  color: #a1a1a1;
}

.footerContainer .right {
  float:right;
  font-size:10px;
  color:#a1a1a1;
}

.footerContainer ul {
  list-style:none;
  margin-top: -10px;
}

.footerContainer li {
  display:inline;
  padding-left: 2.5em;
}

.footerContainer li a {
  font-size:10px;
  text-decoration:none;
  color:#a1a1a1;
  font-weight:normal;
}

.footerContainer li a:hover {
  font-size:10px;
  text-decoration:underline;
  color:#a1a1a1;
  font-weight:normal;
}

/* ------------------------------------------------------------------------------------------------
Event Calendar Overview 
------------------------------------------------------------------------------------------------ */

/* --- HEADER --- */
.eventCalHeader {
  border-bottom:1px solid #A1A1A1;
  padding:0 0 10px 0;
  margin: 0 20px 20px 0;  
}

.eventCalHeader .headerLeft {
  width:140px;
  float:left;
}

.eventCalHeader .headerCenter {
  width:310px;
  float:left;
  text-align:center;
  font-size:16px;
}

.eventCalHeader .headerCenterBig {
  width:590px;
  text-align:center;
  font-size:16px;
}

.eventCalHeader .headerRight {
  width:140px;
  float:right;
  text-align:right;
}

#divEventCalContainer {
	overflow:hidden; 
	position:relative; 
	z-index:20;
}

.pointerIcon {
  width:30px;
  height:20px;
  float:left;
}

.pointerIcon img {
  cursor:pointer;
}

.pointerText {
  width:110px;
  height:20px;
  float:left;
}

/* --- FOOTER --- */
.eventCalFooter {
  border-top:1px solid #A1A1A1;
  padding:10px 0 20px 0;
  margin: 20px 20px 0 0;  
}

.eventCalFooter .footerLeft {
  width:140px;
  float:left;
}

.eventCalFooter .footerRight {
  width:140px;
  float:right;
  text-align:right;
}

.pointerText a.smaller,
.pointerText a.smaller:hover {
  font-size:11px;
}

.listEmpty {
  padding:10px 0 20px 0;
  font-size:12px;
  font-style:italic;
  color:#999;
  text-align:center;
}

.pastHeadline {
  color:#ccc;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 10px;
	text-decoration:none;
} 
}

/* --- LIST --- */
.divEventCalList {

}

.calItem {
  border-bottom:1px dashed #a1a1a1;
  padding:0 0 20px 0;
  margin:0 0 20px 0;
}

.calItem .left {
  float:left;
  width:140px;
  padding:0;
  margin:0;
}

.calItem .center {
  float:left;
  width:450px;
  padding:0;
}

.calItem .dateBoxMiddle {
  width:140px;
  padding:0;
}

.calItem .dateBoxMiddle .date {
  font-size:16px;
}

.calItem .dateBoxMiddle .time {
  font-size:11px; 
}

.calItem .text {
  width:310px;
  float:left;
}

.calItem .img {
  width:90px;
  float:right;
  text-align:right;
}

.calItem .shortInfo {
  padding:0 0 5px 0;
}

/* ------------------------------------------------------------------------------------------------
Event Calendar Overview END 
------------------------------------------------------------------------------------------------ */

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

.dark {
  color:#6c6c6c;
}

/* ----------------
Paddings */

.pTop10 {
  padding-top:10px;
}

.pTop20 {
  padding-top:20px;
}

.pBottom10 {
  padding-bottom:10px;
}

.pBottom20 {
  padding-bottom:20px;
}

.pLeft10 {
  padding-left:10px;
}

.pLeft20 {
  padding-left:20px;
}

.pRight10 {
  padding-right:10px;
}

.pRight20 {
  padding-right:20px;
}

.pRight40 {
  padding-right:40px;
}

/* ----------------
Margins */

.mTop10 {
  margin-top:10px;
}

.mTop20 {
  margin-top:20px;
}

.mBottom10 {
  margin-bottom:10px;
}

.mBottom20 {
  margin-bottom:20px;
}

.mLeft10 {
  margin-left:10px;
}

.mLeft20 {
  margin-left:20px;
}

.mRight10 {
  margin-right:10px;
}

.mRight20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}

/* ----------------
Loader */

.formContainer .busy,
.eventSumButtons .busy {
  background:none;
  font-size:0;
  height:32px;
}

.busy,
.formContainer .busy,
.eventSumButtons .busy {  
  background-image: url(/website/themes/festspielhausbregenz/images/main/loader_big.gif);
  background-repeat: no-repeat;
  background-position: center center;
}