body { line-height: 135%; padding: 45px 10px 0px 10px; margin:0; font: 13px Arial, Helvetica, sans-serif; } /* wg. iPad, da mit padding+margin mehr als 1024px, am Rand wird dann abgeschnitten */


/* -- */


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

p { margin-top: 10px; margin-bottom: 0px; }


/* -- */

.shadowed
{
	box-shadow: 0 0 5px 1px rgba(0,0,0,.25);
	-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.25); 
	-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.25);
	
	/* Sorry, IE could use this to emulate box-shadow but the layout totally gets destroyed and I won't fix this shit
	
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
    
    */
}

.content_header { background: url('../core_images/header.jpg') 0 0 repeat-x; height: 30px; margin-bottom: -30px; }

.block { padding: 20px; margin: 0px; text-align: justify; color: #444; line-height: 135%; }

.container { position: relative; width: 965px; margin: 10px auto 10px auto; }

input { vertical-align: baseline; *vertical-align: middle; line-height: normal; *overflow: visible; }

/* -- */


.main_title { background: #000 url('../core_images/main_title.png') 0 0 repeat-x; height: 50px; padding: 0px; margin: 0px; }
.main_title .logo { position: absolute; top: -40px; left: -20px; background: url('../core_images/logo.png'); width: 367px; height: 97px; }
.main_title .logo a { width: 367px; height: 97px; display:block; }
.main_title .menu { padding: 0; float:right; height: 50px; }


/* -- */

#main_menu { padding:0; margin:0; list-style:none; font-size:110%; font-weight:bold; }
#main_menu li { display:block; float:left; line-height:50px; background:url("../core_images/menu_divider.png") center right no-repeat; padding:0 17px 0 15px; text-decoration:none; cursor:pointer; }
#main_menu li:last-child { background: url('../core_images/arrow_right.png') center right no-repeat; padding-right:25px; margin-right:10px; }  /* #main_menu li.last */


/* -- */


.click_me  		  							{ position:absolute; right:10px; bottom:10px; }
.click_me .icon								{ background: url('../core_images/arrow_right_white.png') right 0 no-repeat; width:20px; height:20px; }

#teaser 									{ width:100%; height:90px; margin:12px 0 0 0; }
.teaser_entry 								{ width:308px; height:90px; background:#c30; float:left; overflow:hidden; cursor:pointer; }
.teaser_entry      .click_me .text 			{ background:#fff; text-align:center; width:auto; height:auto; font-weight:bold; color:#000; float:left; padding:3px 8px 3px 8px; font-size:8pt; line-height:14px; }
.teaser_entry.over .click_me .text      	{ background:#000; color:#fff; }
.teaser_entry.over .click_me.grey .text     { background:#333; color:#fff; }
.teaser_entry      .click_me .icon 			{ display:none; float:left; }
.teaser_entry.over .click_me .icon		 	{ display:block; }

.teaser_entry      .text { color:#000; }
.teaser_entry.over .text {  }

.main_footer { position: relative; /*background:#cc3300;*/ left: 0; top:15px; color: #111; clear:both; height:30px; line-height:30px; padding:5px 10px 5px 10px; }
.main_footer a { font-weight: bold; color: #666; }
.main_footer a:hover { font-weight: bold; color: #000; }


/* -- */
 
 
#search_form { position:relative; font-weight:bold; background:#efc20b; width:100%; margin:15px 0 15px 0; overflow:hidden; height:50px; }
#search_form .form { float:left; height:50px; width:100%; background: #efc20b url('../core_images/main_search_form.png') no-repeat; }
#search_form #input_search { outline:none; background:none; border: 0; padding: 0px 5px 0px 8px; margin: 15px 0 0 15px; line-height:22px; height:20px; color: #039; float:left; width: 400px; font-size:12px; font-weight:normal; }
#search_form #input_search:focus { color:#039; }
#search_form #input_submit { font-weight:bold; background:none; border: 0; padding: 0; margin:0 0 0 15px; font-size:100%; float:left; width: 55px; text-align:center; height:50px; line-height:50px; cursor: pointer; }
#search_form .details { padding:0 10px 0 0; margin:0 0 0 15px;  font-size:12px; font-weight: bold; float:left; width:auto; height:50px; line-height:55px; cursor: pointer; white-space:nowrap; }
#search_form .details .arrow { background: url('../core_images/arrow_up_down.png') 0 -10px no-repeat; margin:21px 5px 0 6px; width:20px; height:10px; float:left; position:relative; }
#search_form #hidden_details { width:100%; font-weight:normal; position:relative; clear:both; height:auto; }


/* -- */


#frame_right	{ float: right; margin:0; padding:0; }

.movie_block 		{ width:320px; height:180px; background:#000; }
.commercial_block 	{ width:320px; background:#eee; margin-top:15px; }


/* -- */


#frame_left 	{ float: left; margin:0; padding:0; background: #fff; position:relative; width:629px; height:auto; overflow:hidden; }

#pages 	  		{ width:629px; list-style:none; margin:0; padding:0; overflow:hidden; position:relative; height:auto; top:0px; left:0; padding-bottom:15px; }
#pages li 		{ width:589px; position:absolute; top:0; left:0; height:auto; display:none; margin:0 20px 0 20px; }
#pages li .headline { width:100%; text-align:left; color:#999; font-size:100%; font-weight:normal; padding:10px 0 10px 0; }


#tabs 			{ list-style:none; width:100%; height:39px; margin:0px; padding:0px; background:#000; }
#tabs li 		{ width:auto; padding:0 17px 0 15px; line-height:42px; height:39px; color:#999; font-weight:bold; float:left; cursor:pointer; font-size:110%; background: url("../core_images/menu_divider.png") no-repeat left center; }
#tabs li.first 	{ background-image:none; } 
#tabs li.active { color:#efc20b; }
#tabs_arrow 			{ background: url('../core_images/arrow_down.png') no-repeat; width:20px; margin-left:5px; height:10px; position:relative; top:-4px; left:-200px; }
#tabs_counter			{ background:#000; height:3px; width:100%; position:relative; top:-1px;}
#tabs_counter .slider	{ background:#000; height:3px; width:0%; position:relative; width:100%; }


.column_white_left { width: 280px; float: left; margin:0 0 0 -8px; }
.column_white_right { width: 280px; float: right; margin:0 -8px 0 0; }


.column_entry                          { width: 280px; height: 120px; position: relative; color: #c30; margin: 5px 0 5px 0; padding: 0; cursor: pointer; }
.column_entry span                     { padding: 0; margin: 0; }
.column_entry      a.entry_background  { position: absolute; display: block; width: 280px; height: 120px; }
.column_entry.over a.entry_background  { background: url('../core_images/entry_background.png') 0 0 repeat-x; }

.column_entry      .click_me 			{ bottom:5px; position:absolute; left:145px; }
.column_entry      .click_me .text      { background:#eee; color:#000; text-align:center; width:auto; height:auto; font-weight:bold; float:left; padding:3px 8px 3px 8px; font-size:8pt; line-height:14px; }
.column_entry.over .click_me .text      { background:#000; color:#fff; }
.column_entry      .click_me .icon 		{ display:none; float:left; }
.column_entry.over .click_me .icon		{ display:block; }


.entry_break { clear: both; width: 270px; padding: 0; margin: 0 10px 0 10px; background: url('../core_images/entry_break.png') 0 0 no-repeat; height: 5px; }

.entry_title   { position: absolute; top: 5px; left: 8px; font-weight: bold; color: #333; font-size: 110%; }
.entry_address { position: absolute; top: 36px; left: 140px; font-weight: normal; color: #333; text-align: left; }
.entry_phone   { position: absolute; bottom: 11px; left: 140px; font-weight: normal; color: #333; text-align: left; }

.entry_image { position: absolute; top: 27px; left: 5px; width: 130px; height: 90px; background: url('../core_images/entry_frame.png') 0 0 no-repeat; }
.entry_image img { margin: 5px 0 0 5px; border: 0; }
.entry_image div { margin: 5px 0 0 5px; border: 0; width: 120px; height: 80px; position: relative; }
.entry_image div a { width: 120px; height: 80px; display: block; position: absolute; top: 0; left: 0; }
.entry_image .play a { background: url('../core_images/image_hint_play.png') 50% 50% no-repeat; }


/* ################################################## */

/* --- Preise --- */
    
.packages { width: 895px; padding: 0; margin: 0; list-style:none; color: #000; }

.p_break { width: 895px; background: url("../core_images/entry_break.png") 0 0 repeat-x; height: 5px; padding: 0; margin: 0; clear: both; }

.p_header { padding: 0; margin: 0; width: 895px; }
.p_header .left { float: left; width: 500px; text-align: left; line-height: 30px; height: 30px; }
.p_header span { float: left; width: 120px; text-align: center; line-height: 30px; height: 30px; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; vertical-align:text-bottom; }

.p_feature { padding: 0; margin: 0; width: 895px; }
.p_feature .left { float: left; width: 500px; text-align: left; line-height: 30px; height: 30px; }
.p_feature span { float: left; width: 120px; text-align: center; line-height: 30px; height: 30px; }

.p_pricing { padding: 0; margin: 0; width: 895px; }
.p_pricing .left { float: left; width: 500px; text-align: left; line-height: 40px; height: 40px; background: none; font: 13px Arial, Helvetica, sans-serif; }
.p_pricing span { float: left; width: 120px; text-align: center; line-height: 40px; height: 40px; padding: 20px 0 0 0; background: url("../core_images/pricing.png") 0 0 no-repeat; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }
    
/* --- XMAS --- */
/* 
body { padding-top:50px !important; }
.main_title .logo { left:-32px !important; top:-50px !important; width:380px !important; height:120px !important; z-index:10000; background: url('/core_images/logo_xmas.png') no-repeat 0 0 !important; }
.main_title .logo a { width:100%  !important; height:100%  !important; }
*/

/* ------------------------------------------------ */
/* FLUID LAYOUT RE-STYLINGS                         */
/* ------------------------------------------------ */

/* ------------------------ */
/* GLOBAL Overrides         */
/* ------------------------ */

#pages 								{ width:100%; padding-bottom:14px; }
#pages li 							{ width:100%; margin:0; }
#pages li .headline 				{ padding:10px 16px; }

.column_white_left					{ width:50%; margin:0; padding:0; }
.column_white_right 				{ width:50%; margin:0; padding:0; }

.entry_break 						{ width:auto; margin:0 15px 0 15px; background: url('../core_images/entry_break.png') repeat-x 0 0; }

.column_entry 						{ width:auto; margin:0 8px; padding:5px 5px 5px 5px; }
.column_entry .click_me 			{ bottom:10px; }
.column_entry a.entry_background  	{ position:static; display: block; width: 100%; height: 120px; }

#search_form .form { background:none; }
#search_form #input_search { background: #efc20b url('../core_images/main_search_form.png') no-repeat; }
#search_form #input_search { width:60%; padding:15px 5px 10px 23px; margin:0; }
#search_form #input_submit { background: #efc20b url('../core_images/main_search_form.png') no-repeat right 0; text-align:right; width:80px; margin:0; padding-right:15px; }
#search_form .details { padding:0; margin:0; }

	#ort { margin:0 0 0 13px; width:auto; max-width:35%; }
	#cat { margin:0 13px 0 0; width:auto; max-width:35%; }

/* ------------------------ */
/* PRICING PAGE Overrides   */
/* ------------------------ */

.p_pricing span 									{ background: url('../core_images/pricing_100.png') 0 0 no-repeat; }
.p_pricing 											{ margin-bottom:80px; }
.p_break											{ width:100%; }
.p_header, .p_feature, .p_pricing 					{ width:100%; clear:both; }
.p_header .left, .p_feature .left, .p_pricing .left { width:auto; }
.p_header span, .p_feature span, .p_pricing span 	{ width:100px; float:right; }


/* ------------------------ */
/* SIZE-DEPENDENT Overrides */
/* ------------------------ */

/* DESKTOP SIZE RE-STYLINGS */
@media only screen and (min-width: 970px)               /* 1000px *//*+++*/
{
}

/* Below DESKTOP SIZE RE-STYLINGS */
@media only screen and (max-width: 970px)               /* 1000px *//*+++*/
{
	body > form > .container 	{ width:100%; }
	#frame_left 		{ width:100%; }
	#frame_right 		{ display:none; }
	#teaser 			{ display:none; }
	.hide_below_desktop { display:none; }
}

/* TABLET SIZE RE-STYLINGS */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
}

/* Below TABLET SIZE RE-STYLINGS */
@media only screen and (max-width: 767px)
{
	#main_menu { display:none; }
	
	#search_form #hidden_details div strong { display:block; padding:10px 15px 0 15px; }

	.column_white_left, .column_white_right { float:none; width:100%; margin:0; padding:0; }
}

/* SMARTPHONE SIZE RE-STYLINGS */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
}

@media only screen and (max-width: 580px)
{
	#search_description { display:none; }
}

/* SMALL SIZE RE-STYLINGS */
@media only screen and (max-width: 439px)
{
	body > form > .container 	{ width:365px; }
	#frame_left 		{ width:365px; }
}