* {
	margin:0;
	outline:none;
	padding:0;
}
body {
	background:#C3C3C3 url('../img/body.png') repeat-x;
	font:12px Arial, Helvetica, sans-serif;
}

/* General styles */
a {
	cursor:pointer;
	text-decoration:none;
}
a img {
	border:none;
}
h1 {
	font-size:24px;
	font-weight:bold;
	height:40px;
	padding:30px 10px 0;
	text-align:right;
}
ul {
	list-style:none;
}
input,
select,
textarea {
	font:12px Arial, Helvetica, sans-serif;
}
select {
	height:20px;
}
.form-text {
	height:18px;
}
img {
	display:block;
}
h1 img {
	display:inline;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}

/* Grid styles */
#wrapper {
	margin:10px auto;
	position:relative;
	width:978px; /* 970px content width + 3px and 5px shadow at the sides */
}

/* Service links */
#service {
	color:#FFF;
	font-size:11px;
	padding:0 5px 7px;
	text-align:right;
}
#service a {
	color:#FFF;
	margin:0 5px;
}
#service a:hover {
	text-decoration:underline;
}

/* Header */
#header .shadowbox-content {
	background:#FFB300;
	color:#FFF;
}
#logo {
	left:10px;
	position:absolute;
	top:18px;
}
#header-shadow {
	background:url('../img/gradient_visual.png') no-repeat;
	height:6px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:70px;
	width:970px;
}

/* Shadow Box */
.shadowbox {
}
.shadowbox-top {
	background:url('../img/shadowbox_top_left.png') no-repeat;
	height:2px;
	overflow:hidden;
	padding-left:28px;
}
.shadowbox-top-right {
	background:url('../img/shadowbox_top_right.png') right 0 no-repeat;
	height:2px;
	overflow:hidden;
}
.shadowbox-middle {
	background:url('../img/shadowbox_middle_left.png') 0 bottom no-repeat;
	padding-left:3px;
}
.shadowbox-middle-right {
	background:url('../img/shadowbox_middle_right.png') right 0 no-repeat;
	padding-right:5px;
}
.shadowbox-bottom {
	background:url('../img/shadowbox_bottom_left.png') no-repeat;
	height:6px;
	overflow:hidden;
	padding-left:28px;
}
.shadowbox-bottom-right {
	background:url('../img/shadowbox_bottom_right.png') right 0 no-repeat;
	height:6px;
	overflow:hidden;
}
.shadowbox-content {
	position:relative;
	zoom:1; /* always get "hasLayout" in IE */
}

/* Buttons */
.button {
	background:url('../img/button_left.png') no-repeat;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
	padding-left:13px;
}
.button:hover {
	background-image:url('../img/button_left_over.png');
}
.button span {
	background:url('../img/button_right.png') right 0 no-repeat;
	display:inline-block;
	padding-right:15px;
}
.button:hover span {
	background-image:url('../img/button_right_over.png');
}
.button span span {
	background:url('../img/arrow_button.gif') 0 11px no-repeat;
	height:25px;
	padding:7px 0 0 9px;
}
.button:hover span span {
	background:url('../img/arrow_button.gif') 0 11px no-repeat;
}

/* Selector box */
#selector-box {
	height:25px;
	left:27px;
	position:absolute;
	top:98px;
	width:608px;
}
#header #selector-box .shadowbox-content {
	background:transparent;
	color:#000;
}
.selector-box-bottom {
	background:url('../img/selector_box_bottom.png') no-repeat;
	height:2px;
	overflow:hidden;
}
.selector-box-top {
	background:url('../img/selector_box_top.png') no-repeat;
	padding:10px 0 0;
	height:60px;
}
.expanded .selector-box-top {
	height:140px;
}
#selector-box label {
	display:block;
	float:left;
	padding:0 12px 6px;
	width:276px;
}
#selector-box label span {
	display:block;
	padding-bottom:4px;
}
#selector-box select {
	width:276px;
}
#selector-box select#month {
	width:124px;
}
#selector-box .buttons {
	padding:2px 7px 0 0;
	text-align:right;
}
#selector-box .button {
	bottom:16px;
	position:absolute;
	right:7px;
}

/* Current selection box */
#current-selection-box {
	left:7px;
	position:absolute;
	top:98px;
	width:385px;
}
#header #current-selection-box .shadowbox-content {
	background:transparent url('../img/current_selection_box.png') no-repeat;
	color:#000;
	height:50px;
	padding:9px 100px 11px 12px;
}
#current-selection-box .button {
	bottom:7px;
	position:absolute;
	right:7px;
}
#current-selection-box h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
}
#current-selection-box p {
}

/* Month box */
#month-box {
	left:394px;
	position:absolute;
	top:98px;
	width:179px;
}
#header #month-box .shadowbox-content {
	background:transparent url('../img/month_box.png') no-repeat;
	color:#000;
	height:52px;
	padding:18px 12px 0;
}
#month-box label {
	display:block;
}
#month-box label span {
	display:block;
	padding-bottom:4px;
}
#month-box select {
	width:124px;
}

/* Content */
#content {
	color:#000;
	margin-top:-58px;
	padding:31px 10px 0;
	position:relative;
}
.home #content {
	color:#333;
	margin-top:-113px;
	padding-left:30px;
	padding-top:0;
}

/* Top Movie box */
#top-movie {
	float:left;
	width:608px;
}
#top-movie .shadowbox-content {
	background:#FFF;
}
#top-movie img {
	float:left;
	width:445px;
}
#top-movie .description {
	float:left;
	padding:7px 20px 40px;
	width:115px;
}
#top-movie h2 {
	font-size:11px;
	font-weight:normal;
	margin-bottom:6px;
}
#top-movie h3 {
	font-size:15px;
	font-weight:normal;
	margin-bottom:6px;
}
#top-movie h4 {
	font-size:12px;
	font-weight:bold;
}
#top-movie p {
	font-size:12px;
	margin-bottom:16px;
}
#top-movie .copy {
	bottom:20px;
	font-size:11px;
	position:absolute;
}

/* Maintenance box */
#maintenance {
	width:920px;
}
#maintenance .shadowbox-content {
	background:#FFF;
	padding:10px 20px 5px;
}
#maintenance h2 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}

/* Lufthansa Radio box */
#lh-radio {
	float:left;
	margin-left:12px;
	width:298px;
}
#lh-radio .shadowbox-content {
	background:url('../img/gradient_vertical_320.png') repeat-x;
	height:312px;
	overflow:hidden;
	padding:4px 8px;
}
#lh-radio h2 {
	color:#5C5C5C;
	font-size:22px;
	font-weight:normal;
	margin-bottom:14px;
}
#lh-radio h3 {
	font-size:15px;
	font-weight:normal;
	margin-bottom:16px;
}
#lh-radio h4 {
	font-size:12px;
	font-weight:bold;
}
#lh-radio p {
	font-size:12px;
	margin-bottom:16px;
}
#lh-radio .wishlist {
	background:url('../img/arrow_link.gif') 0 4px no-repeat;
	bottom:20px;
	color:#006;
	font-weight:bold;
	padding-left:9px;
	position:absolute;
}
#lh-radio .wishlist:hover {
	background-image:url('../img/arrow_link_over.gif');
	color:#666;
}

/* Tabs */
#tabs {
	left:10px;
	position:absolute;
	top:0;
}
#tabs .shadowbox-top {
	background:none;
	padding-left:2px;;
	padding-right:5px;
}
#tabs .shadowbox-top-right {
	background:url('../img/shadowbox_top_right.png') 0 0 no-repeat;
}
#tabs .shadowbox-bottom {
	display:none;
}
#tabs a {
	background:url('../img/tab.gif') repeat-x;
	color:#006;
	display:block;
	float:left;
	height:23px;
	padding:7px 10px 0;
	margin-left:1px;
}
#tabs a:hover {
	background-image:url('../img/tab_over.gif');
}
#tabs a.first {
	margin-left:0;
}
#tabs a.active {
	background:#FFF;
	color:#000;
	height:24px;
}

/* Tabcontent */
#tab-content {
	width:958px;
}
#tab-content .shadowbox-content {
	background:#FFF;
}
#tab-content .in-mediaworld {
	padding:28px 15px 47px 5px;
}
#tab-content .in-category {
	background:#FFF url('../img/gradient_vertical_62.png') repeat-x;
	padding:72px 0 10px;
}

/* Category boxes */
.category-box {
	float:left;
	margin-left:12px;
	margin-bottom:12px;
	width:453px;
}
#tab-content .category-box .shadowbox-content {
	padding:0;
	height:128px;
	display:block; /* because it's a href this time */
}
#tab-content #watchenjoy-box .shadowbox-content {
	background:url('../img/watch_enjoy.jpg') no-repeat;
}
#tab-content #listenrelax-box .shadowbox-content {
	background:url('../img/listen_relax.jpg') no-repeat;
}
#tab-content #kidsfun-box .shadowbox-content {
	background:url('../img/kids_fun.jpg') no-repeat;
}
#tab-content #flylufthansa-box .shadowbox-content {
	background:url('../img/fly_lufthansa.jpg') no-repeat;
}
#tab-content #studyplay-box .shadowbox-content {
	background:url('../img/study_play.jpg') no-repeat;
}
.category-box p {
	color:#006;
	font-size:11px;
	left:10px;
	position:absolute;
	top:37px;
	width:195px;
}

/* Category selectors */
.in-category label {
	position:absolute;
	top:12px;
}
.in-category select {
	margin-top:3px;
	width:217px;
}
.in-category #category {
	left:21px;
}
.in-category #genre {
	left:259px;
}

/* Offer Boxes */
.offer-box {
	background:#EBEBEB;
	color:#000;
	display:block;
	float:left;
	height:132px;
	margin-left:21px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	width:289px;
}
.offer-box a {
	background:url('../img/transparent.gif');
	display:block;
	height:132px;
	left:0;
	position:absolute;
	top:0;
	width:289px;
}
.offer-box .sub-category {
	background:url('../img/offer_box_header.gif') repeat-x;
	font-size:12px;
	font-weight:bold;
	height:19px;
	margin-bottom:10px;
	overflow:hidden;
	padding:2px 5px 0;
}
.offer-box .image {
	float:left;
	font-size:10px;
	padding-left:10px;
	width:100px;
}
.offer-box .image img {
	margin-bottom:4px;
}
.offer-box .description {
	float:left;
	font-size:11px;
	padding:0 0 0 10px;
	width:159px;
}
.offer-box .description a {
	background:none;
	display:inline;
	height:auto;
	left:120px;
	top: auto;
	bottom:14px;
	width:auto;
	color: #006;
	font-size:12px;
	padding: 5px 0;
}
.offer-box .genre {
	color:#006;
	margin-bottom:2px;
}
.offer-box.over .genre {
	color:#666;
}
.offer-box h3 {
	color:#006;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}
.offer-box.over h3 {
	color:#666;
}

/* Footer links */
#footer {
	color:#FFF;
	font-size:11px;
	padding:5px 27px;
}
#footer a {
	color:#FFF;
	margin:0 5px;
}
#footer a:hover {
	text-decoration:underline;
}

/* Modal window overlay */
#overlay {
	background:url('../img/overlay.png');
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:98;
}

/* Wish form */
#wish-form {
	display:none;
	left:98px;
	position:absolute;
	top:4px;
	width:774px;
	z-index:100;
}
.home #wish-form {
	left:217px;
	width:536px;
}
.close {
	text-align:right;
}
.close a {
	background:#FFF url('../img/close.gif') 5px 8px no-repeat;
	color:#006;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px 5px 1px 15px;
}
.close a:hover {
	background-image:url('../img/close_over.gif');
	color:#666;
}
body.layer {
	background:#EBEBEB;
}
#wish-form-wrapper {
	background:#EBEBEB;
	border:2px solid #FFF;
	/* height:541px; */
	margin:0 auto;
	padding-bottom:60px;
	position:relative;
	width:532px;
}
#wish-form-wrapper label {
	display:block;
	float:left;
	padding:0 12px 6px;
	width:240px;
}
#wish-form-wrapper label.wide {
	width:505px;
}
#wish-form-wrapper label span {
	display:block;
	padding-bottom:4px;
}
#wish-form-wrapper select {
	width:507px;
}
#wish-form-wrapper .form-text {
	width:240px;
}
#wish-form-wrapper textarea {
	height:60px;
	width:504px;
}
#wish-form-wrapper .buttons {
	background:#FFF;
	bottom:0;
	min-height:40px;
	right:0;
	padding:3px 7px 3px 0;
	position:absolute;
	text-align:right;
	width:525px;
}
#wish-form-wrapper h2 {
	font-size:18px;
	font-weight:normal;
	padding:9px 12px 10px;
}
#wish-form-wrapper h3 {
	font-size:12px;
	font-weight:bold;
	padding:0 12px 13px;
}
#wish-form-wrapper h4 {
	font-size:12px;
	font-weight:bold;
	padding:27px 12px 11px;
}
#wish-form-wrapper p {
	padding:0 12px 10px;
}
#wish-form-wrapper .remark {
	font-size:11px;
	padding:5px 12px;
}

/* Offer detail */
#offer-detail {
	display:none;
	left:98px;
	position:absolute;
	top:240px;
	width:774px;
	z-index:99;
}
#offer-detail h2 {
	background:url('../img/offer_box_header.gif') repeat-x;
	font-size:12px;
	font-weight:bold;
	height:19px;
	overflow:hidden;
	padding:2px 10px 0;
}
#offer-detail .detail-content {
	background:#EBEBEB;
	padding:10px;
	width:754px; /* needs layout */
}
#offer-detail .image {
	float:left;
	font-size:10px;
	width:185px;
}
#offer-detail .image img {
	margin-bottom:4px;
}
#offer-detail .image a {
	color:#006;
}
#offer-detail .description {
	float:left;
	font-size:11px;
	padding:0 15px;
	position:relative;
	width:322px;
}
#offer-detail.reduced .description {
	width:360px;
}
#offer-detail .genre {
	color:#000066;
	display:block;
	margin-bottom:2px;
}
#offer-detail h3 {
	color:#006;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}
#offer-detail.reduced h3 {
	margin-bottom:2px;
}
#offer-detail h4 {
	color:#006;
	font-size:12px;
	font-weight:normal;
	margin-bottom:12px;
}
#offer-detail .data {
	float:left;
	font-size:11px;
	padding-top:37px;
	width:217px;
}
#offer-detail .data .border {
	border-left:1px solid #CCC;
	padding-left:10px;
}
#offer-detail .data table td,
#offer-detail .data table th{
	text-align:left;
	vertical-align:top;
}
#offer-detail .data table td {
	padding:0 0 5px 5px;
}
#offer-detail .languages {
	padding-top:10px;
}
#offer-detail .languages strong {
	padding-right:10px;
	vertical-align:middle;
}
#offer-detail .languages img {
	display:inline;
	margin-right:2px;
	vertical-align:middle;
}
#offer-detail a.playlist,
#offer-detail .wishlist {
	background:url('../img/arrow_link.gif') 0 4px no-repeat;
	color:#006;
	display:inline-block; 
	margin-top:5px;
	padding-left:9px;
}
#offer-detail a.playlist:hover,
#offer-detail .wishlist:hover {
	background-image:url('../img/arrow_link_over.gif');
	color:#666;
}
#offer-detail .wishlist {
	font-weight:bold;
}

/* Hitlist */
.hitlist, .hitlist-video {
	background:#D2D2D2 url('../img/gradient_vertical_850.png') repeat-x;
	color:#000;
	float:right;
	height:842px;
	margin-right:20px;
	margin-bottom:10px;
	overflow:hidden;
	padding-left:10px;
	width:279px;
}
.hitlist-video {
	background-image:url('../img/gradient_vertical_416.png');
	height:416px;
}
.hitlist-short {
	height:274px;
}
.hitlist h2, .hitlist-video h2 {
	color:#5C5C5C;
	font-size:18px;
	font-weight:normal;
	padding:3px 0 24px;
}
.hitlist h3, .hitlist-video h3 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:9px;
}
.hitlist ul, .hitlist-video ul {
	padding-bottom:21px;
}
.hitlist li, .hitlist-video li {
	padding-bottom:4px;
}
.hitlist a, .hitlist-video a {
	background:url('../img/arrow_link.gif') 0 4px no-repeat;
	color:#006;
	display:inline-block;
	padding-left:9px;
}
.hitlist a:hover, .hitlist-video a:hover {
	background-image:url('../img/arrow_link_over.gif');
	color:#666;
}

/* Message div */
#error {
	padding:10px 20px;
}
#loading {
	display:none;
	position:absolute;
	left:450px;
	top:0;
	width:32px;
}


#banner {
	margin: 20px 0 0 33px;	
}
