/* Useful colors:
	Highlighted text: #fd7217;
	normal text: #FFF;
*/

*{
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

body{
	color: white;
	font-size: 12px;
	
	behavior: url("js/ie6hover.htc")
}

ul{
	list-style: none;
}

body{
	background: #0f161f url(../images/layout/body.jpg) repeat-y center;
}

a:hover {
	color:#FC6400;
}

	div#container{
		width: 970px;
		margin: 0 auto;
	}
	
		div#container div#head-container{
			margin-top:6px;
			width: 100%;
			height:9px;
	
			background: #101721;
		}
		
		div#container h1{
			float: right;
			
			width: 250px;
			height: 94px;
		}



/* Online Marketing Solutions AG */

div#container h1.oms{
			
			font-size: 12px;
			float: none;
width: 600px;
margin-bottom: -50px;
		}




		div#container h1#contentHeadingH1{
			float: none;
			font-size: 14px;
			width: auto;
			height: auto;
		}
			div#container h1 a{
				display: block;
				
				text-indent: -9999px;
			
				width: 250px;
				height: 94px;
			}
		
		div#container ul#supnavigation{
			clear: both;
			float: right;
	
			margin-right: 35px;
		}
		*html div#container ul#supnavigation{	
			margin-right: 18px;
		}
			div#container ul#supnavigation li{
				width: auto;
				float: left;
				
				font-size: 12px;
				color: #fd7217;
			}
				div#container ul#supnavigation li a{
					text-decoration: none;
					color: #fd7217;
				}
					div#container ul#supnavigation li a:hover{
						text-decoration: underline;
						color:#FC6400;
					}
	a#mainevent{
		display: block;
		padding: 13px 37px;
		
		width: 896px;
		height: 246px;
				
		background: transparent url(../images/layout/a-mainevent.jpg) center center no-repeat;
	}
		
	ul#mainnavigation{
		list-style: none;
		
		position: relative;
		
		width: 930px;
		height: 80px;
		
		margin: 0 auto;
		
		background: transparent url(../images/layout/ul-navigation.jpg) center top no-repeat;
	}
	ul#mainnavigation li{
		position: absolute;
		
		display: block;
		
		height: 51px;
		
		z-index: 1;
	}
	
	ul#mainnavigation li:hover{
		background-image: url(../images/layout/ul-navigation.jpg);
	}
	
	ul#mainnavigation li a{
		text-align: center;
		
		display: block;
		
		width: 100%;
		height: 30px;
		margin-top: 21px;
		
		text-indent: -9999px;
	}
		
		ul#mainnavigation li#concerts{
			width: 161px;
						
			left: 0;
		}
			
		ul#mainnavigation li#sports{
			width: 129px;
			
			left: 161px;
		}
		ul#mainnavigation li#culture{
			width: 135px;
			
			left: 290px;
		}
		ul#mainnavigation li#musical{
			width: 226px;

			left: 425px;
		}
		ul#mainnavigation li#comedy{
			width: 150px;

			left: 651px;
		}
		ul#mainnavigation li#more{
			width: 129px;

			left: 801px;
		}
		
			ul#mainnavigation li#concerts:hover{
				background-position: 0 -80px;
			}
			ul#mainnavigation li#sports:hover{
				background-position: -161px -80px;
			}
			ul#mainnavigation li#culture:hover{
				background-position: -290px -80px;
			}
			ul#mainnavigation li#musical:hover{
				background-position: -425px -80px;
			}
			ul#mainnavigation li#comedy:hover{
				background-position: -651px -80px;
			}
			ul#mainnavigation li#more:hover{
				background-position: -801px -80px;
			}
		
			ul#mainnavigation li ul{				
				height: 20px;
				
				position: absolute;
					
				top: 50px;
				
				padding-top: 3px;
				
				background: none;
				
				z-index: 2;
				
				overflow: hidden;
			}
	
				ul#mainnavigation li:hover ul{
					display: block;
				}
				ul#mainnavigation li ul li{
					position: static;
					
					float: left;
					
					font-size: 12px;
					color: #CCCCCC;
				}
				
					ul#mainnavigation li ul li a{
						color: #CCCCCC;
						text-decoration: none;
						text-align: center;
		
						display: inline;
						
						width: auto;
						height: auto;
						margin-top: 0;
						
						text-indent: 0;
					}
						ul#mainnavigation li ul li a:hover{
							text-decoration: underline;
							color:#FC6400;
						}
					
					ul#mainnavigation li#concerts:hover ul{
						left: 45px;
						width: 830px; /* have to be matched to the width */
					}
					ul#mainnavigation li#sports:hover ul{
						left: 42px;
						width: 500px; /* have to be matched to the width */
					}
					ul#mainnavigation li#culture:hover ul{
						left: 49px;
						width: 500px; /* have to be matched to the width */
					}
					ul#mainnavigation li#musical:hover ul{
						left: 31px;
						width: 500px; /* have to be matched to the width */
					}
					ul#mainnavigation li#comedy:hover ul{
						left: -195px;
						width: 300px; /* have to be matched to the width */
					}
					ul#mainnavigation li#more:hover ul{
						left: -345px;
						width: 500px; /* have to be matched to the width */
					}
					ul#mainnavigation li ul li:hover{	
						background: none;
					}
				ul#mainnavigation li ul{
					display: none;
				}

	div#sidebar1{
		width: 171px;
		
		float: left;
	}

		div#sidebar1 div#search-container{
			padding: 40px 9px 0 9px;
	
			width: 120px;
			height: 200px;
			
			margin: 18px 0 0 33px;
			
			float: left;
			
			font-size: 11px;
			color: white;
			
			background: transparent url(../images/layout/div-search-container.jpg) no-repeat;
		}
		*html div#sidebar1 div#search-container{
			margin: 18px 0 0 17px;
		}

			div#sidebar1 div#search-container label.lens{
				background: url(../images/layout/lens.gif) left center no-repeat;
				text-indent: -9999px;
				
				display: block;
				
				width: 23px;
				height: 16px;
				
				float: left;			
			}
			/*
			div#sidebar1 div#search-container input[type=text]{
				width: 95px;
				height: 14px;
				font-size: 11px;
				color: #717171;
				
				background: #333;
				
				border: 1px solid #717171;
				float: left;
			}
			*/
			div#sidebar1 div#search-container input.ie6text{
				width: 95px;
				height: 14px;
				font-size: 11px;
				color: #717171;
				
				background: #333;
				
				border: 1px solid #717171;
				float: left;
			}
			
			div#sidebar1 div#search-container input.margin{
				margin-left: 23px;
				margin-top: 10px;
			}
			
			/*
			div#sidebar1 div#search-container input[type=text].margin{
				margin-left: 23px;
				margin-top: 10px;
			}
			div#sidebar1 div#search-container input[type=submit]{
				background: transparent;
				border: none;
				
				cursor: pointer;
				
				color: white;
				font-size: 11px; 
				float: right;	
			}
			*/
			div#sidebar1 div#search-container input.ie6button{
				background: transparent;
				border: none;
				
				cursor: pointer;
				
				color: white;
				font-size: 11px; 
				float: right;	
			}
			
			div#sidebar1 div#search-container p{
				font-size: 12px;
				
				margin-top: 15px;
	
				padding-left: 23px;
			}
			div#sidebar1 div#search-container ul{
				padding-left: 23px;
				
				margin-bottom: 15px;
			}
				div#sidebar1 div#search-container ul li{
					padding-left: 9px;
					
					background: url(../images/layout/arrow.gif) left center no-repeat;
				}
		
				
		div#shopping-container{			
			background: url(../images/layout/div-shopping-container.jpg);
				
			width: 138px;
			
			margin: 0 0 0 33px;
			
			float: left;
		}
		*html div#shopping-container{
			margin: 0 0 0 17px;
		}
			div#shopping-container ul{
				width: 120px;
				
				padding: 60px 9px 0 9px;
			
				background: url(../images/layout/div-shopping-container-ul.jpg) top center no-repeat;
				
				font-size: 11px;
			}
			
			div#shopping-container ul li span.prize{
				display: block;
				width: 100%;
				
				font-size: 11px;
				
				text-align: right;
			}
			
			div#shopping-container p{
				width: 120px;
				padding: 15px 9px 0 9px;
				
				height: 20px;
				
				background: url(../images/layout/div-shopping-container-p.jpg) center no-repeat;
				
				font-weight: bold;
				
				text-align: right;
			}
			
			div#shopping-container a#cashdesk{
				display: block;
			
				width: 120px;
				padding: 0 9px;
				
				height: 40px;
				
				background: url(../images/layout/div-shopping-container-a.jpg) top center no-repeat;
				
				text-indent: -9999px;
			}
				div#shopping-container a#cashdesk:hover{
					background-position: bottom center;
				}
	
	div#content{
		width: 628px;
		
		padding-left: 10px;
		
		float: left;
	}
	*html div#content{
		padding-left: 0px;
	}
		div#content div.bigEvent{		
			width: 283px;
			height: 342px;
			
			float: left;
		}
		div#content div.bigEventRight{
			background: url(../images/layout/div-bigevent-right.jpg) center top no-repeat;
			
			padding: 23px 10px 24px 14px;
		}
		div#content div.bigEventLeft{
			background: url(../images/layout/div-bigevent-left.jpg) center top no-repeat;
			
			padding: 23px 14px 24px 11px;
		}
		
			div#content div.bigEvent h2.eventName{
				margin: 0 0 0 10px;

				font-size: 24px;
				height: 24px;
			}
			div#content div.bigEvent h3{
				margin: 0 0 0 10px;
			
				color: #fd7217;
				
				font-size: 14px;
			}
			
			div#content div.bigEvent img{
				margin: 0 0 0 10px;
			}
			
			div#content div.bigEvent p.limitedText{
				margin: 5px 10px 13px 10px;
				
				height: 85px;
				overflow: hidden;
			}
			*html div#content div.bigEvent p.limitedText{
				margin-bottom: 8px;
			}
				
				div#content div.bigEvent p span.information{
					width: 120px;
					
					line-height: 15px;
					
					float: left;
					
					padding-top: 5px;
				}
				div#content div.bigEvent a.buyTicket{
					display: block;
					
					width: 153px;
					height: 40px;
					
					margin-left: 10px;
					
					float: left;
					
					text-indent: -9999px;
					
					background: url(../images/layout/a-buyTicket.jpg) left top no-repeat;
				}
					div#content div.bigEvent a.buyTicket:hover{
						background-position: left bottom;
					}
				
				div#content div.bigEvent p span.calendar{
					display: block;
					
					width: 23px;
					height: 15px;
					
					margin-left: 10px;
					
					text-indent: -9999px;
					
					float: left;
					
					background: url(../images/layout/span-calendar.jpg) left center no-repeat;
				}
				div#content div.bigEvent p span.lens{
					display: block;
									
					width: 23px;
					height: 15px;
					
					margin-left: 10px;
				
					text-indent: -9999px;					

					float: left;
					
					background: url(../images/layout/lens.gif) left center no-repeat;
				}
					
		div#content div.event{		
			width: 283px;
			height: 170px;
			
			float: left;
		}
		div#content div.eventRight{
			background: url(../images/layout/div-event-right.jpg) center top no-repeat;
			
			padding: 18px 10px 24px 14px;
		}
		div#content div.eventLeft{
			background: url(../images/layout/div-event-left.jpg) center top no-repeat;
			
			padding: 18px 14px 24px 11px;
		}
		
			div#content div.event h2.eventName{
				margin: 0 0 0 10px;

				font-size: 18px;
			}
			div#content div.event h3{
				margin: 0 0 0 10px;
			
				color: #fd7217;
				
				font-size: 14px;
			}
			
			div#content div.event img{
				margin: 0 10px 0 10px;
				
				float: right;
			}
			
			div#content div.event p.limitedText{
				margin: 5px 10px 6px 10px;
				
				height: 85px;
				overflow: hidden;
			}
				
				div#content div.event p span.information{
					width: 120px;
					
					line-height: 15px;
					
					float: left;
					
					padding-top: 5px;
				}
				div#content div.event a.buyTicket{
					display: block;
					
					width: 153px;
					height: 40px;
					
					margin-left: 10px;
					
					float: left;
					
					text-indent: -9999px;
					
					background: url(../images/layout/a-buyTicket.jpg) left top no-repeat;
				}
					div#content div.event a.buyTicket:hover{
						background-position: left bottom;
					}
					
				
				div#content div.event p span.calendar{
					display: block;
					
					width: 23px;
					height: 15px;
					
					margin-left: 10px;
					
					text-indent: -9999px;
					
					float: left;
					
					background: url(../images/layout/span-calendar.jpg) left center no-repeat;
				}
				div#content div.event p span.lens{
					display: block;
									
					width: 23px;
					height: 15px;
					
					margin-left: 10px;
				
					text-indent: -9999px;					

					float: left;
					
					background: url(../images/layout/lens.gif) left center no-repeat;
				}		

	div#sidebar2{
		float: left;
		width: 138px;
	}
		div#sidebar2 div#topTen{
			width: 130px;
			
			margin-top: 18px;
		
			background: url(../images/layout/div-sidebar2-div.jpg);
		}
			
			div#sidebar2 div#topTen div#ol-container{
				background: url(../images/layout/div-topten-ol-container.jpg) top center no-repeat;
			}
			div#sidebar2 div#topTen	div#ol-container ol{				
				padding: 40px 9px 0 3px;
				
				font-size: 11px;
				
				margin-left: 30px;
			}
			
		
		div.bottom{
			background: url(../images/layout/div-topten-div-bottom.jpg) bottom center no-repeat;
			
			width: 100%;
			height: 2px;
			
			margin-top: 10px;
		}
		*html div.bottom{		
			background-position: bottom;
		}
		
	div#sidebar2 div#service{
		width: 130px;
		
		background: url(../images/layout/div-sidebar2-div.jpg);
	}
	
	div#sidebar2 div#service ul{
		background: url(../images/layout/div-service-ul.jpg) no-repeat;
		
		padding: 57px 0 0 9px;
	}
	
		div#sidebar2 div#service ul li{
			padding-left: 8px;
			
			background: url(../images/layout/arrow.gif) center left no-repeat;
		}
	
		div.bottom{
			background: url(../images/layout/div-topten-div-bottom.jpg) center center no-repeat;
			
			width: 100%;
			height: 2px;
			
			margin-bottom: 18px;
		}

.invisible{
	display: none;
}

a{
	color: white;
	
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
		color:#FC6400;
	}

.clearFloat{
	float: none;
	clear: both;
	
	height: 1px;
}
div.clearFloat{
	height: 1px;
}

#breadcrumb {
	width:99%;
	margin-bottom:12px;
	font-size:11px;
}

#breadcrumb a {
	color:#FFF;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#FC6400;
	text-decoration:underline;
}