html, body{
  height:auto;
  max-height:auto;
  margin:0;
  padding:0; 
  border:0; 
  overflow:auto;
  background-color:#EDE983;
}

/* positionierung div */

div.mainbody {
  background-image: url(images/sy-background.jpg);
  background-repeat: no-repeat;
  /*  flckerfix für mozilla 3.5+ */
  overflow: auto;
  width:100%;
  height:100%;
  position:fixed;
	_position:absolute;
  z-index:1;
  }
  
div.projektlogo{
  background-image: url(images/sy-logo.png);
  position:fixed;
  /*  flckerfix für mozilla 3.5+ */
  overflow: auto;
  top:0px;
  left:20px;
  width:220px;
  height:153px;
  z-index:10;
}

/* ie boxmodel hack */
* html div.projektlogo{
  top:10px;
  left:20px;
}

div.mainmenu{
  position:fixed;
	_position:absolute;
  overflow: hidden;
  top:230px;
  left:60px;
  width:180;
  height:auto;
  z-index:10;
}

div.contentbody{
  position:absolute;
  top:100px;
  left:240px;
  width:600px;
  height:auto;
  max-height:100%;
  z-index:4;
}

div.headlinebox{
  position:relative;
  top:0px;
  left:0px;
  width:600px;
  height:auto;
  z-index:10;
}

div.headlinebordertop{
  z-index:10;  
}

div.headlineboxtext{
  position:relative;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
  z-index:10;  
}

#redsquare{
  
  position: absolute;
  top:0px;
  left:0px;
	_left:-15px;
  width:400px;
	_width:500px;
  height:100%;
	_height:300px;
  z-index:9;
}

div.headlineborderbottom{
  position:relative;
  z-index:10;
}

div.clear {
  clear: both;
}

/** first row **/

div.firstcontentbodyrow{
  position:relative;
  top:-45px;
	_background-color:#73C3C2;
  width:600px;
  height:auto;
  max-height:100%;
  z-index:5;
  margin-bottom:20px;
}

#bluesquare{
  position: absolute;
  top:0px;
  left:0px;
  width:620px;
  height:100%;
  z-index:4;
}

div.firstcontentboxcenter{
  position:relative;
  width:600px;  
}

div.firstcontentboxscreener{
	padding-top:60px;
  padding-left:10px;
  padding-right:20px;
  height:auto%;
  max-height:100%; 
	text-align:center;
  z-index:5; 
}

img.screener{
	position:relative;
	z-index:5;
}

div.firstcontentboxcentertext{
  position:relative;
  padding-top:60px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  height:auto%;
  max-height:100%;  
  z-index:5;   
}

div.firstcontentboxcenterborderbottom{
  position:relative;
  z-index:5;   
}

div.firstcontentboxleft{
  position:relative;
  width:300px;
  float:left;
}

div.firstcontentboxleftbordertop{
  position:relative;
  z-index:5; 
}

div.firstcontentboxlefttext{
  position:relative;
  padding-top:60px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  height:auto%;
  max-height:100%;
  z-index:5;  
}


div.firstcontentboxleftborderbottom{
  position:relative;
  z-index:5;
}

div.firstcontentboxright{
  position:relative;
  width:300px;
  float:right;
}

div.firstcontentboxrightbordertop{
  position:relative;
  z-index:5; 
}

div.firstcontentboxrighttext{
  position:relative;
  padding-top:60px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  height:auto;
  max-height:100%;
  z-index:5;  
}

div.firstcontentboxrightborderbottom{
  position:relative;
  padding-bottom:20px;  
  z-index:5;
}

/** first row ende **/

div.contentbodyrow{
  position:relative;
  width:600px;
  height:auto;
  max-height:100%;
  z-index:5;
}

div.contentboxleft{
  position:relative;
  width:300px;
  float:left;
	z-index:6; 
}


div.contentboxleftbordertop{
  position:relative;
  z-index:7; 
}

div.contentboxleftimage{
  position:relative;
  width:260px;
  text-align:center;
}

div.contentboxlefttext{
  position:relative;
  padding-left:20px;
  padding-right:20px;
  height:auto%;
  max-height:100%;
  z-index:7;  
}

div.contentboxlefttitle{
	position:relative;
	padding-top:20px;
	margin-bottom:20px;
	height:auto%;
	max-height:100%;
	z-index:7; 
}

#redsquaremini{
  position: absolute;
  top:0px;
  left:-20px;
  width:300px;
  height:100%;
  z-index:5;
}

div.contentboxlefttitletext{
	position:relative;
	height:auto%;
	max-height:100%;
	z-index:10; 
}

div.contentboxleftborderbottom{
  position:relative;
  height:20px;
  padding-bottom:20px;  
  z-index:7;  
}

div.contentboxright{
  position:relative;
  width:300px;
  float:right;
	z-index:7;
}

div.contentboxrightbordertop{
  position:relative;
  z-index:7; 
}

div.contentboxrighttext{
  position:relative;
  padding-top:30px;
  padding-left:20px;
  padding-right:20px;
  height:auto;
  max-height:100%;
  z-index:7;  
}

div.contentboxrightimage{
  position:relative;
  width:260px;
  text-align:center;
	z-index:7;
}

div.contentboxrightborderbottom{
  position:relative;
  padding-bottom:20px;  
  z-index:7;
}


div.preisezeitenbordertop{
	position:relative;
  z-index:5;
}

div.preisezeiten{
  position:relative;
  background-image: url(images/sy-bg-blau.png);
  background-repeat:repeat;
  width:590px;
  height:auto;
  max-height:100%;
  z-index:5;  
}

div.preisezeitentext{
	position:relative;
  padding-left:20px;
  padding-right:20px;
	height:auto%;
	max-height:100%;
	z-index:7; 
}

div.preisezeitentitle{
	position:relative;
	left:-20px;
	top:-20px;
	padding-top:20px;
	margin-bottom:20px;
	height:auto%;
	max-height:100%;
	z-index:7; 
}

div.preisezeitentitletext{
	position:relative;
	height:auto%;
	max-height:100%;
	z-index:10; 
}

#redsquarelarge{
  position: absolute;
  top:0px;
  left:0px;
	_left:0px;
  width:600px;
	_width:1000px;
  height:100%;
	_height:160px;
  z-index:5;
}

div.preisezeitenborderbottom{
	position:relative;
  padding-bottom:20px;  
  z-index:5;
}

img.eventthumbnail{

}

div.footer{
  position:relative;
  top:20px;
  width:600px;
  height:auto;
  max-height:100%;
  z-index:5; 
  float:left;
}

div.toolmenu{
  position:fixed;
	_position:absolute;
  overflow: auto;
	_overflow:visible;
	height:auto;
	_height:200px;
	_width:130px;
  top:110px;
  left:860px;
  z-index:10;
}

#crosslink{
  background-image: url(images/sy-umf-crosslink.png);
  
  background-repeat:no-repeat;
  position:fixed;
	_position:absolute;
  top:0px;
	_top:-110px;
  left:800px;
	_left:-55px;
  width:186px;
  height:103px;
	_height:200px;
  z-index:10;  
}

/** tables **/

table.teasertable tr td{
  vertical-align:top;
  font-size:12px;
  color:#ffffff;
}

table.preisezeiten tr td{
	vertical-align:top;
	font-size:12px;
	color:#ffffff;
}

table.preisezeitenheadline{
	margin-left:20px;
}

td.date{
	width:80px;
}

td.title{
	width:425px;
}

td.dateheadline{
	width:80px;
}

td.titleheadline{
	width:360px;
}

/**  form **/

form {
  border:none;
  margin:0;
  padding:0;
	z-index:5;
}

input.freetextsearch{
	border:none;
	position:relative;
	top:-10px;
	left:10px;
	width:140px;
	z-index:5;
}

input.freetextsearchbutton{
	position:relative;
	left:25px;
	z-index:5;
}

img.searchfield{
	position:relative;
	top:-37px;
	z-index:4;
}

/* links */

a:link{
  color: #E96150;
	font-weight: bold;
	text-decoration: none;
}

a:visited{
  color: #E96150;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
  color: #ffffff;
	text-decoration: none;
}

a:active{
  color: #73C3C2;
	font-weight:bold;
	text-decoration: none;
}

a.active{
  color: #FFB80E;
	font-weight:bold;
	text-decoration: none;
}

a.footerlink{
  color: #73C3C2;
	font-weight: normal;
	text-decoration: none;
}

a.footerlink:hover{
  color: #E96150;
	font-weight: normal;
	text-decoration: none;
}

a.footerlink:visited{
  color: #73C3C2;
	font-weight: normal;
	text-decoration: none;
}

a.headline{
  color:#ffffff;
  text-decoration: none;
}

a.headline:hover{
  color: #73C3C2;
	text-decoration: none;
}

a.toolmenu img{
	border:none 0;
}

a.sponsorbig img{
	border:solid 1px;
	color:#000000;
	width:258px;
}

a.sponsorsmall img{
	border:solid 1px;
	color:#000000;
}

a.sponsor{
	padding: 0px;
	margin: 0px 0px;
	}

a.sponsor img{
	border:none;
	}


/* fonts */

div.contentbody{
  font-size:12px;
	font-family:Trebuchet MS;
  color: #ffffff;
	text-align: left;
	z-index:4;
}

div.impressum{
  text-align: left;
}

font .contentboxfont{ /* test */
  display:block; 
}

font.footerfont{
  color:#73C3C2;
  font-size:10px;
}

font.toolmenufont{
	font-family:Trebuchet MS;
  font-weight:bold;
  font-size:12px;
  color: #73C3C2;  
}

font.eventteaser{
  color:#ffffff;
}

font.eventcontent{
  color:#E96150;
}

font.eventdetaildate{
	font-size:14px;
	font-weight:bold;
}

font.infinit{
	font-size:28px;
}

p{
  margin:0;
  padding:0 0 10px 0;
}

h1{
  color:#ffffff;
  margin:0;
  padding:0;
	text-align: left;
}

h1.mainmenuentry{
	font-size: 12px;
	color:#73C3C2;
}

h1.mainmenuactive{
	font-size: 12px;
	color:#E96150;
}

h2{
  color:#ffffff;
  margin:0;
  padding:0 0 15px 0;
	text-align: left;
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14px;
}

h2.subheadline{
  color:#ffffff;
  margin:0;
  padding:0 0 15px 0;
	text-align: left;
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:20px;
}

h3{
  color:#E96150;
  margin:0;
  padding:0;
	text-align: left;
}

hr{
	border:0px;
	border-top: solid 1px #ffffff;
}

ul{
	margin:0;
	padding:0;
	padding-left:20px;
}

/** sifr **/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... */

.sIFR-hasFlash h1.mainmenuentry{
	visibility: hidden;
	letter-spacing: -20px;
	font-size: 48px;
	color:#73C3C2;
}

.sIFR-hasFlash h1.mainmenuactive{
	visibility: hidden;
	letter-spacing: -20px;
	font-size: 48px;
	color:#E96150;
}

.sIFR-hasFlash h1.headlineboxtext{
	visibility: hidden;
	letter-spacing: -24px;
	font-size: 60px;
	color: #ffffff;
}

.sIFR-hasFlash h1.eventtitle{
	visibility: hidden;
	letter-spacing: -14px;
	font-size: 48px;
	color: #ffffff;
}

.sIFR-hasFlash h2.headlineboxtextsmall{
	visibility: hidden;
	letter-spacing: -24px;
	font-size: 28px;
	color: #ffffff;
}