*{
	padding: 0;
	margin: 0;
	list-style: none;
}

html, body{
	width: 100%;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{
	overflow: hidden;
}

body{	
	background: white url(../images/bg-body.jpg) repeat-x 0 350px;
	/*background-attachment: fixed;*/
}
/*
#backgroundContainer, #flashBackground{
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
	
	position: fixed;
	position: absolute;
}*/

#cloudsBackground{
	position: relative;
	
	background: transparent url(../images/bg-clouds.jpg) repeat-x top center;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#cityBackground{
	background: transparent url(../images/bg-landscape.png) repeat-x bottom center;
}

#flashBackground{
	width: 100%;
		
	min-height: 100%;
	height: auto !important;
	height: 100%;

	
	position: absolute;
	_display: none;
}

#siteContainer{
	width: 960px;
	
	margin: 0 auto;
	
	padding-top: 20px;

	position: relative;
	
	padding-bottom: 250px;
}

#headContainer{
	width: 408px;
	
	float: left;
}

#language {
	width: 48px;
	
	float: left;
	
	padding-left: 32px;
}

	#language li{
		float: left;
	}
		#language li a{
			width: 24px;
			height: 15px;
			
			display: block;
			
			background-image: url(../images/bg-language.gif);
			
			text-indent: -9999em;
		}
			#language li a.german{
				background-position: 0 0;
			}
			#language li a.english{
				background-position: -24px 0;
			}
				#language li a.german:hover{
					background-position: 0 -15px;
				}
				#language li a.english:hover{
					background-position: -24px -15px;
				}
	
	#supNavigation{
		padding-left: 28px;
		
		float: left;
		
		width: 300px;
	}			
		#supNavigation li{
			float: left;
		}
		
		#supNavigation li a{			
			font-size: 11px;
			font-weight: bold;
						
			margin-right: 13px;
			
			text-decoration: none;
			
			color: #10599a;
			
			width: auto;
		}
		#supNavigation li a:hover{
			color: #ec880d;
		}
		
#branding{
	width: 408px;
	height: 315px;
}
	#branding a{
		text-indent: -9999em;
	
		display: block;
	
		width: 100%;
		height: 100%;
		
		overflow: visible !important;
		
		background: url(../images/bg-h1-branding.png) center no-repeat;
	}
		*html #branding a{
			background: url(../images/ie6-bg-h1-branding.png) center no-repeat;
		}
	
#flashSlideshowContainer{
	width: 494px;
	height: 301px;
	
	padding: 25px 29px 24px 28px;
	
	float: left;
	
	background: transparent url(../images/bg-flashSlideshow.png) 15px 8px no-repeat;
}

	#flashSlideshow{
		width: 100%;
		height: 100%;
		
		background: transparent url(../flash/slideshow/01.jpg) 0 0 no-repeat;
	}
	*html #flashSlideshowContainer{
		background: url(../images/ie6-bg-flashSlideshow.png) 15px 8px no-repeat;
	}
		
#mainNavigation-DE, #mainNavigation-EN{
	float: none;
	clear: both;
	
	margin: 0 auto;
	
	padding-left: 51px;
	
	width: 891px;
	height: 27px;
	
	background: url(../images/bg-ul-mainNavigation.jpg) no-repeat bottom;
}
	#mainNavigation-DE li, #mainNavigation-EN li{
		float: left;
	}
	
		#mainNavigation-DE li a, #mainNavigation-EN li a{
			display: block;
			
			position: relative;
			
			height: 12px;
			_height: 12px; /* IE6 */
			_line-height: 0px; /* IE6 */
			
			text-indent: -9999px;
			
			_overflow: visible; /* IE6 */
		}
		
		#mainNavigation-DE li a{
			background-image: url(../images/de-bg-ul-mainNavigation-li.gif);
		}
		#mainNavigation-EN li a{
			background-image: url(../images/en-bg-ul-mainNavigation-li.gif);
		}
		
		#mainNavigation-DE li ul, #mainNavigation-EN li ul{
			_width: 250px; /* IE6 */
			
			display: none;
			
			position: absolute;
			
			padding-top: 18px;
			_padding-top: 30px; /* IE6 */
		}
				
			#mainNavigation-DE li:hover ul, #mainNavigation-EN li:hover ul{
				display: block;
			}
			#mainNavigation-EN li:hover ul{
				left: 70px;
			}
			
				*html #mainNavigation-DE li a:hover ul{
					display: block;
					
					top: 0;
					left: 0;
				}
				*html #mainNavigation-EN li a:hover ul{
					display: block;
					
					top: 0;
					left: 0;
				}
			
			#mainNavigation-DE li ul li, #mainNavigation-EN li ul li{
				float: none;
			}			
			
				#mainNavigation-DE li ul li a, #mainNavigation-EN li ul li a{
					font-weight: bold;
					color: #2a6ba5;
					
					text-decoration: none;
					
					text-indent: 0;
					background: none;
					display: block;
					
					height: auto;
					line-height: 160%;
					
					padding-bottom: 4px;
				}
					#mainNavigation-DE li ul li a:hover, #mainNavigation-EN li ul li a:hover{
						color: #ec880d;
					}
					
				*html #mainNavigation-DE li a:hover ul li a, *html #mainNavigation-EN li a:hover ul li a{
					font-weight: bold;
					color: #2a6ba5;
					
					text-decoration: none;
					
					text-indent: 0;
					background: none;
					display: block;
					
					padding-bottom: 4px;
				}
					*html #mainNavigation-DE li a:hover ul li a:hover, *html #mainNavigation-EN li a:hover ul li a:hover{
						color: #ec880d;
					}
		
		*html .ieLte6hide{
			display: none !important;
		}

		#mainNavigation-DE #ballonfahren{
			width: 143px;
			
			background-position: 0 0;
		}
		#mainNavigation-DE #unsereBallone{
			width: 171px;
			
			background-position: -143px 0;}
		#mainNavigation-DE #leistungen{
			width: 130px;
			
			background-position: -314px 0;}
		#mainNavigation-DE #preise{
			width: 83px;
			
			background-position: -444px 0;}
		#mainNavigation-DE #newsUndSpecials{
			width: 171px;
			
			background-position: -527px 0;}
		#mainNavigation-DE #bildergalerie{
			width: 134px;
			
			background-position: -698px 0;}
			
			#mainNavigation-DE #ballonfahren:hover{
				background-position: 0 -12px;
			}
			#mainNavigation-DE #unsereBallone:hover{
				background-position: -143px -12px;
			}
			#mainNavigation-DE #leistungen:hover{
				background-position: -314px -12px;
			}
			#mainNavigation-DE #preise:hover{
				background-position: -444px -12px;
			}
			#mainNavigation-DE #newsUndSpecials:hover{
				background-position: -527px -12px;
			}
			#mainNavigation-DE #bildergalerie:hover{
				background-position: -698px -12px;
			}
		
		
		#mainNavigation-EN #ballonfahren{
			width: 138px;
			
			background-position: 0 0;
		}
		#mainNavigation-EN #unsereBallone{
			width: 165px;
			
			background-position: -138px 0;}
		#mainNavigation-EN #leistungen{
			width: 97px;
			
			background-position: -303px 0;}
		#mainNavigation-EN #preise{
			width: 90px;
			
			background-position: -400px 0;}
		#mainNavigation-EN #newsUndSpecials{
			width: 176px;
			
			background-position: -490px 0;}
		#mainNavigation-EN #bildergalerie{
			width: 167px;
			
			background-position: -665px 0;}
			
			#mainNavigation-EN #ballonfahren:hover{
				background-position: 0 -12px;
			}
			#mainNavigation-EN #unsereBallone:hover{
				background-position: -138px -12px;
			}
			#mainNavigation-EN #leistungen:hover{
				background-position: -303px -12px;
			}
			#mainNavigation-EN #preise:hover{
				background-position: -400px -12px;
			}
			#mainNavigation-EN #newsUndSpecials:hover{
				background-position: -490px -12px;
			}
			#mainNavigation-EN #bildergalerie:hover{
				background-position: -665px -12px;
			}
			
#content{
	width: 750px;
	
	float: left;
		
	margin-left: 20px;
	
	color: #515151;
	
	line-height: 160%;
	
	margin-top: 55px;
}
	
	.column1, .column2, .column3, .column4, .column5, .columnHalfSize{
		margin-right: 30px;
		_margin-right: 19px; /* IE6 */
		
		float: left;
	}
	
	.column1, .column1 h2{
		width: 120px;
	}
	.column2, .column2 h2{
		width: 270px
	}
		.images{
			padding-top: 49px;
		}
	.columnHalfSize, .columnHalfSize h2{
		width: 345px;
	}
	.columnBallons, .link{
		float: left;
		
		margin-right: 7px;
		_margin-right: 6px; /* IE6 */
		
		width: 100px;
	}
	
	.link{
		height: 100px;
	}
				
		.link img{
			width: 72px;
		}
		
		.ballonGalerie{
			width: 72px;
			height: 100px;
			
			margin: 0px 12px 12px 0;
		}
		.columnBallons h3{
			line-height: 12px;
		}
	.column3, .column3 h2{
		width: 420px;
	}
	.column4, .column4 h2{
		width: 580px;
	}
	.column5, .column5 h2{
		width: 710px;
	}
	
	h2, h3, h4, h5, h6{
		color: #2a6ba5;
		margin: 2em 0 1em 0;
		
		width: auto;
	}
		h2{
			text-transform: uppercase;
			font-size: 18px; /* IE6 */
		}
		.firstHeadline{
			margin-top: 0;
		}
	
	#content p{
		margin: 1em 0;
	}
	#content img, iframe{
		border: 4px white solid;
	}
	#content h2 img{
		border: none;
	}
	
	#content img.floatLeft{
		margin: 0 10px 10px 0;
	}
	#content a{
		color: #2a6ba5;
		font-weight: bold;
		text-decoration: none;
	}
	#content a:hover{
		text-decoration: underline
	}
	
.vcard{
	width: 183px;
	float: left;
	line-height: 160%;
	margin-top: 55px;

	color: #515151;
	
	_width: 170px; /* IE6 */
}
	
	.vcard p{
		padding-top: 18px;
	}
	
	.vcard a{
		color: #515151;
	}
		.vcard a:hover{
			color: #515151;
			text-decoration: none;
		}

	.vcard span.headline{
		font-weight: bold;
		
		color: #2a6ba5;
	}

.clear{
	float: none;
	clear: both;
}

.invisible{
	display: none;
	visibility: invisible;
}

.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

.time{
	display: block;
	margin: 5px 0 5px 5px;
	padding: 3px;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #588AB9;
	background: transparent url(../images/li-clock.gif) no-repeat 5px 6px;
}

strong{
	color: #2A6BA5;
}

.clock{
	padding-left: 20px;
	background: url(../images/li-clock.gif) 0 3px no-repeat;
}
.tshirt{
	padding-left: 20px;
	background: url(../images/li-tshirt.gif) 0 3px no-repeat;
}

.ballonName{
	display: block;
	padding-right:20px;
	
	color: #666666;

	font-size: 10px;
	font-style: italic;
	
	text-align: right;
}

.questions li, .big{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

.error{
	color: #dd321b;
}

.checked li{
	padding-left: 18px;
	
	background: transparent url(../images/li-checked.gif) no-repeat 0 3px;
}

.prize{
	width: 100%;
}
.prize tr{
	width: 100%;
}
.prize tr th{
	text-align: left;
	
	font-style:italic;

	background: white;
	
	padding: 5px;
}
.prize tr td{
	background: white;
	
	padding: 5px;
}

.noStyle{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

a.vCardDownload{
	width: 204px;
	height: 24px;
	display: block;
	
	background: url(../images/vcf.gif) left top;
	
	text-indent: -9999em;
}
	a.vCardDownload:hover{
		background-position: bottom left;
	}