﻿body {
	font-family: Verdana;
	background-color: #f3f3f3;
}
* {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	line-height: 80px;
}

img {
	border: none;
}
p {
	margin-top: 10px;
	color: #666666;
}
a {
	text-decoration: none;
	color: #223977;
}
input[type=submit], input[type=button] {
	cursor: pointer;
}
input[type=checkbox] {
	margin-right: 10px;
}
strong {
	font-weight: bold !important; 
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Head Area */
#head {
	position: relative;
	background-image: url('images/top-bg.gif');
	background-repeat: repeat-x;
	height: 82px;	
}
	#header {
		position: relative;
		width: 972px;
		margin: 0px auto;
	}
		ul#lang{
			list-style: none;
		}
			ul#lang li {
				display: inline;
				float: left;	
			}			
			li#inactive-lang-de a:link, li#inactive-lang-de a:visited {
				display: block;
				background-image: url('images/de-inaktiv-btn.png');
				width: 49px;
				height: 38px;
				margin-right: 5px;
			}
			li#active-lang-de a:link, li#active-lang-de a:visited, li#inactive-lang-de a:hover {
				display: block;
				background-image: url('images/de-aktiv-btn.png');
				width: 49px;
				height: 38px;
				text-align: center;
				margin-right: 5px;
			}
			li#inactive-lang-en a:link, li#inactive-lang-en a:visited {
				display: block;
				background-image: url('images/en-inaktiv-btn.png');
				width: 49px;
				height: 38px;
				margin-right: 5px;
			}
			li#active-lang-en a:link, li#active-lang-en a:visited, li#inactive-lang-en a:hover {
				display: block;
				background-image: url('images/en-aktiv-btn.png');
				width: 49px;
				height: 38px;
				margin-right: 5px;
			}
			li#copyright a:link, li#copyright a:visited, li#copyright a:hover {
				width: 864px;
				margin-left: 775px;
				color: #7186b6;
				font-size: 10px;
				padding-top: 10px;
			}
			
		ul#main-navi{
			position: relative;
			list-style: none;
			top: 23px;			
			margin-left: 300px;
		}
			ul#main-navi li {
				display: inline;
				float: left;
				margin-right: 5px;
			}
			ul#main-navi li a {
				display: block;
				color: #ffffff;
				font-size: 12px;
				width: 85px;
				text-align: center;
				padding-top: 3px
			}
			li#active-li a, ul#main-navi li a:hover  {
				display: block;
				background-image: url('images/main-navi-aktiv.png');
				width: 85px;
				height: 16px;
				text-align: center;
			}
			li#slogan {
				width: 402px;
				text-align: right;
				margin-right: 0px !important;
			}

/* Main Area*/
#main {
	position: relative;
	margin: 0px auto;
	background: url('images/top-2-bg.gif') repeat-x;	
}
#head-effect {
	width: 972px;
	margin: 0px auto; 
}	
	ul#logo-area {
		list-style: none;
	}
		ul#logo-area li {
			display: inline;
			float: left;
		}
		#logo {
			position: relative;
			margin-top: -26px;
		}
		#add-this {
			position: relative;
			margin-top: 10px;
			margin-left: 300px;
			width: 411px;
			text-align: right;			
		}
/* Content Area*/
	#content {
		position: relative;
	}
		#left {
			float: left;
			width: 257px;
		}
			#teaser {
				position: relative;
				margin-bottom: 20px;
			}
			ul#ads {
				list-style: none;
			}
				ul#ads li {
					width: 290px;
					padding-left: 15px;
					margin-bottom: 20px;
				}
				li#quest{
					padding-left: 15px;
					margin-bottom: 20px;
				}
				li.ads {
					padding-left: 30px;
					margin-bottom: 20px;
				}

		#right {
			float: left;
			margin-left: 23px;
			width: 692px;
		}
			#choose-de, #choose-en {
				position: relative;
				margin-left: 54px;
				margin-top: -27px;
			}
			#selected-trip-1, #selected-trip-2, #selected-trip-3 {
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			.selected-trip-1-de {
				background-image: url('images/de/tab-ankunft-abflug.png');
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			.selected-trip-1-en {
				background-image: url('images/en/tab-ankunft-abflug.png') !important;
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			.selected-trip-2-de {
				background-image: url('images/de/tab-ankunft.png');
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			.selected-trip-2-en {
				background-image: url('images/en/tab-ankunft.png') !important;
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}

			.selected-trip-3-de {
				background-image: url('images/de/tab-abflug.png');
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			.selected-trip-3-en {
				background-image: url('images/en/tab-abflug.png') !important;
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}

				li.big-input-date {
					margin: 49px 4px 0px 3px !important;
				}
					li.big-input-date input {
						width: 71px;
						padding: 15px 7px 0px 7px;
						border: none;
						background: none;
					}
				li.small-input-date {
					margin: 49px 103px 0px 0px !important;
				}
					li.small-input-date input {
						width: 35px;
						padding: 0px 2px 0px 7px;
						border-top: none;
						border-bottom: none;
						border-left: none;
						background: none;
					}
				#outward-return-submit img {
					margin-left: 92px;
					margin-top: -15px;
				}
				#outward-submit img {
					margin-left: 349px;
					margin-top: -15px;
				}
				#return-submit img {
					margin-left: 349px;
					margin-top: -15px;
				}

			div#your-trip-1, div#your-trip-2, div#your-trip-3 {
				background-image: url('images/tab-inactive.png');
				height: 90px;
				margin-top: 24px;
				padding: 20px 0px 0px 20px;
				font-size: 12px;
			}
			div#your-trip-1:hover, div#your-trip-2:hover, div#your-trip-3:hover {
				background-image: url('images/tab-hover.png') !important;
				height: 90px !important;
			}
				ul.trip-info {
					list-style: none;
				}
					ul.trip-info li {
						display: inline;
						float: left;
					}
					li.trip-info-left img, li.trip-info-right img, li.trip-info-middle img {
						height: 45px;
					}
						li.trip-info-left, li.trip-info-right {
							width: 166px;
							height: 45px;
							margin-right: 10px;
						}
						li.trip-info-middle {
							width: 142px;
							height: 45px;
							margin-right: 10px;
							text-align: center;
							vertical-align: bottom;
						}
						li.trip-info-arrow {
							width: 33px;
							padding-top: 10px;
							height: 45px;
							margin-right: 10px;
						}				 
					.arrow {
						padding-top: 10px;	
					}
					.hotel {
						padding-top: 4px;	
					}
				.discount {
					position: relative;
					left: 450px;
					top: -38px;
				}
			#main-content {
				position: relative;
				padding: 20px 20px;
				font-size: 14px;
				line-height: 20px;
				margin-bottom: 20px;
			}
				#main-title {
					margin-top: 60px;	
				}
			ul#crosslinks {
				list-style: none;
				margin: 20px;
			}
				ul#crosslinks a {
							text-decoration: underline !important;	
						}
				li#cross-left {
					margin-right: 10px;
				}
				ul#crosslinks li {
					display: block;
					float: left;
					width: 320px;
					font-size: 14px;
					line-height: 20px;
				}	
					ul#price {
						list-style: none;
					}							
						ul#price li {
							display: block;
							line-height: 20px;
							color: #666666;
							font-size: 14px;
						}		
							ul#price li ul {
								list-style: none;	
							}				
								ul#price li ul li {
									display: inline;
									float: left;
									width: 80px;	
								}	
#pseudo-footer {
	position: relative;
	background-color: #e9e9e9;
	border-top: 1px solid #b1b1b1; 
	top: 10px;
	
}
	#footer {
		position: relative;
		width: 972px;
		margin: 0px auto;
		color: #9b9b9b;
		font-size: 12px;
	}
		ul.foot-navi {
			list-style: none;
			float: left;
			margin-right: 150px;
			margin-top: 50px;	
			margin-bottom: 50px;
		}
			ul.foot-navi li {
				display: block;
				line-height: 30px;
	
			}
			ul.foot-navi li a {
				color: #666666;
				margin-left: 35px;
			}
			.foot-navi-title img {
				margin-right: 20px;	
			}
			.foot-navi-title {
				display: block;
				line-height: 18px;
				vertical-align: middle;
				margin-bottom: 35px;
			}
/* Subsites */
		#left-50 {
			float: left;
			width: 486px;
			margin-bottom: 20px;
			text-align: right;
		}
			#left-50 img {
				margin-bottom: 20px;	
				margin-right: 20px;
				margin-top: 25px;
			}
				.step-5-img {
					margin-top: 87px;	
				}
			#map {
				margin-top: 10px;
			}
			#steps {
				margin-top: 20px;
				margin-left: 180px;
			}
			.block {
				color: #666666;
				font-size: 14px;
				margin-bottom: 10px;
			}
				.left-50, .right-50 {
					float: left;
					width: 486px;
					margin-bottom: 20px;
				}
				.left-50 p {
					margin-bottom: 25px;	
				}
				.right-50 p {
					margin-bottom: 25px;	
				}
				.right-50 #price-shield {
					margin-top: 15px;	
					margin-left: 318px;
				}
					.green {
						color: #47b200;
						font-weight: bold;
					}
			ul.check-trip {
				list-style: none;
			}
				ul.check-trip li {
					display: block;
				}
				#plane-choosen {
					background-image: url('images/plane-choosen.png');
					width: 342px;
					padding-left: 70px; 
					height: 43px;
					padding-top: 25px;
					font-weight: bold;
				}
				#village-choosen {
					background-image: url('images/village-choosen.png');
					width: 342px;
					padding-left: 70px; 
					height: 43px;
					padding-top: 25px;
					font-weight: bold;
				}
				.desc {
					margin-left: 70px;
					margin-top: 25px;
				}
					ul.check-trip li ul {
						list-style: none;
						margin-left: 70px;
						margin-top: 10px;
					}
						ul.check-trip li ul li {
							display: inline-block;
							float: left;
							margin-right: 10px;
						}
				#payment {
					position: relative;
					top: -25px;
					list-style: none;
					margin-left: 486px;
				}
					#payment li {
						color: #666666;
						font-size: 14px;
						display: inline-block;
						float: left;
						margin-right: 25px;	
						line-height: 50px;
						vertical-align: bottom;			
					}
					#payment li img {
						position: relative;	
						top: 10px;

					}

		#right-50 {
			float: left;
			width: 486px;
			color: #666666;
			padding-top: 80px;
			font-size: 14px;
		}
			#right-50-title {
				margin-top: 15px;
				list-style: none;
			}
				#right-50-title li {
					float: left;
					display: inline-block;	
				}
				li#right-50-title-text {
					width: 285px;
					clear: both;
				}
				li#right-50-title-buttons {
					width: 191px;
					padding-right: 10px;
					text-align: right;
				}
					li#right-50-title-buttons span {		
						margin-left: 15px;
					}
					li#right-50-title-buttons form {	
						display: inline-block;	
						width: 78px;
					}
				#right-50-title span, .right-50-title span {
					line-height: 36px;
					vertical-align: middle;
					display: inline-block;
				}
				.right-50 #right-50-title {
					padding-top: 80px;	
				}
			.right-50-title img {
				margin: 0px 25px 0px 15px;
				vertical-align: middle;
				line-height: 36px;
			}
			#right-50 hr, .right-50 hr {
				border-top: 1px solid #bcbcbc;
				border-bottom: none !important;
				border-left: none !important;
				border-right: none !important;	
				margin: 25px 0px;
			}
			.right-50 form {
				/*width: 78px;*/
				display: inline-block;
				margin-left: 5px;
			}
			/*#right-50 form {
				position: relative;
				left: 15px;
			}*/
			.grey-btn, #btn-search {
				background: none;
				background-image: url('images/grey-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #666666;
			}
			.grey-btn:hover {
				background: none;
				background-image: url('images/grey-hover-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #ffffff;
			}
			.blue-btn {
				background: none;
				background-image: url('images/blue-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #ffffff;
			}
			.blue-btn:hover {
				background: none;
				background-image: url('images/grey-hover-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #ffffff;
			}
			.green-btn {
				background: none;
				background-image: url('images/green-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #ffffff;
			}
			.green-btn:hover {
				background: none;
				background-image: url('images/green-hover-btn.png') !important;
				width: 78px;
				height: 36px;
				text-align: center;
				border: none;
				color: #ffffff;
			}

			div#search {
				width: 486px;	
			}
			#search input, #search span {
				display: inline-block;
			}
			.search {
				background: none;
				background-image: url('images/search-field.png') !important;
				width: 216px;
				height: 18px;
				padding: 10px;
				border: none;
				margin-left: 20px;
				margin-right: 10px;
				font-size: 14px;
				color: #666666;
				margin-top: -20px;
			}
			div#airports {
				margin-top: 50px;
	
			}
			#airports div {
				background-image: url('images/inactive-flight-tab.png');
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;	
				margin-bottom: 10px;
				cursor: pointer;
			}
			#airports div:hover {
				background-image: url('images/inactive-flight-hover-tab.png') !important;
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px;
				cursor: pointer;
			}
			.choose-airport-active {
				background-image: url('images/active-flight-tab.png') !important;
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px;
				cursor: pointer;
			}
			#villages div {
				background-image: url('images/inactive-village-tab.png');
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;	
				margin-bottom: 10px;
				cursor: pointer;
			}
			#villages div:hover {
				background-image: url('images/inactive-village-hover-tab.png') !important;
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px;
				cursor: pointer;
			}

			.choose-village-active {
				background-image: url('images/active-village-tab.png') !important;
				width: 409px;
				height: 43px;
				padding: 25px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px;
				cursor: pointer;
			}
			
			div#shuttles-outward div, div#shuttles-return div {
				background-image: url('images/inactive-shuttle-tab.png');
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;	
				margin-bottom: 10px
			}
				
			div#shuttles-outward div:hover, div#shuttles-return div:hover {
				background-image: url('images/inactive-shuttle-hover-tab.png') !important;
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px
			}	
			.choose-shuttle-active {
				background-image: url('images/active-shuttle-tab.png') !important;
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px
			}			
				div#shuttles-outward div ul li ul li div, div#shuttles-outward div ul li ul li div:hover,div#shuttles-return div ul li ul li div, div#shuttles-return div ul li ul li div:hover {
					background: none !important;
					background-image: none !important;	
					width: 0px !important;
					margin: 0px !important;
					padding: 0px !important;
				}
				div#shuttles-outward p, div#shuttles-return p {
					position: relative;
					clear: both;
					font-size: 10px;
					top: -20px;
					left: 10px;
				}
				div#shuttles-outward h3, div#shuttles-return h3 {
					font-size: 14px;
					font-weight: normal;
					margin: 10px 0px;
					line-height: 22px !important;
				}
			div#shuttle-indv-outward, div#shuttle-indv-return {
				background-image: url('images/inactive-search-tab.png') !important;
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;	
				margin-bottom: 10px

			}
			div#shuttles-outward div#shuttle-indv-outward:hover, div#shuttles-return div#shuttle-indv-return:hover {
				background-image: url('images/inactive-indivi-hover-tab.png') !important;
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px
			}
			div#shuttle-indv-outward.choose-shuttle-active, div#shuttle-indv-return.choose-shuttle-active {
				background-image: url('images/active-indivi-tab.png') !important;
				width: 409px;
				height: 48px;
				padding: 20px 0px 0px 65px;
				font-weight: bold;
				margin-bottom: 10px
			}	

				ul.choose-shuttle {
					list-style: none;
				}
					ul.choose-shuttle li {
						float: left;
						display: inline;
						width: 160px;
						margin-right: 5px;
						font-size: 11px;
						font-weight: normal;
					}
						ul.choose-shuttle li ul {
							list-style: none;
						}
							ul.choose-shuttle li ul li {
								display: block;
								margin-bottom: 5px;
							}
							ul.choose-shuttle li ul li div input {
								padding: 5px 5px 0px 5px !important;
								margin: 0px !important;
								width: 65px;
							}
							li#outward-time, li#return-time {
								padding-top: 18px;
							}
							li#outward-time div input, li#return-time div input {
								padding: 5px 5px 0px 5px !important;
								margin: 0px !important;
								width: 45px;
							}
							li#outward-time div img, li#return-time div img {
								height:	24px;
							}
						li.spec-indivi ul {
							float: left !important;
							width: 80px !important;
						}
							li.spec-indivi ul li input {
								padding-left: 5px;
								width: 43px;
								padding-top: 10px;
								height: 21px;
								margin-top: -3px;
							}
			.price-shield-de {
				position: absolute;
				background-image: url('images/de/price-shield.png') !important;
				background-repeat: no-repeat;
				width: 128px;
				height: 60px;
				margin: 15px 0px 0px 319px;
				color: #d12227;
				font-size: 24px;
				padding: 35px 0px 0px 35px;
			}
			.price-shield-en {
				position: absolute;
				background-image: url('images/en/price-shield.png') !important;
				background-repeat: no-repeat;
				width: 128px;
				height: 60px;
				margin: 15px 0px 0px 319px;
				color: #d12227;
				font-size: 24px;
				padding: 35px 0px 0px 35px;
			}

			*+html #price-shield {
				margin: 20px 0px 0px 240px;;
			}

			ul.order-form {
				list-style: none;
				margin: 30px 0px 0px 0px;
			}
				ul.order-form li {
					display: display;
				}
					ul.order-form li ul {
						list-style: none;
						margin-bottom: 10px;
					}
						ul.order-form li ul li {
							display: inline;
							float: left;
							font-size: 11px;
							vertical-align: middle;	
							line-height: 38px;
						}
						.left-info {
							width: 155px;	
						}
						ul.order-form li ul li input[type=text]{
							background: none;
							background-image: url('images/input-big-field.png');
							border: none;
							width: 290px;
							height: 28px; 
							padding: 10px 10px 0px 10px;	
						}
						li.error input[type=text] {
							background: none;
							background-image: url('images/input-big-field-error.png') !important;
							border: none;
							width: 290px;
							height: 28px; 
							padding: 10px 10px 0px 10px;	
						}
						select.small-field {
							background: none;
							background: url('images/input-small-field.png') !important;
							border: none !important;
							width: 68px !important;
							height: 38px; 
							padding: 10px 5px 5px 10px;
						}
						select.medium-field {
							background: none;
							background: url('images/input-medium-field.png') !important;
							border: none !important;
							width: 88px !important;
							height: 38px; 
							padding: 10px 5px 5px 10px;
						}

			.back-agree {
	
			}
			ul#payment {
	
			}
				ul#payment li {
	
				}

						
		