body 
{
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#eeeeee;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:84%;
		font-family:Geneva, Arial, Helvetica, sans-serif;
}

h1
{
		font-size:28px;
		color:#0f1372;
}

h2
{
		font-size:17px;
		color:#404041;
}

a 
{
		color:#404041;
}

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

h1, h2, h3 
{
		margin:.1em 0 .1em 0;
		padding:0;
}

p 
{
		margin:.4em 0 .8em 0;
		padding:0;
		text-align:justify;
}

img 
{
		margin:11px 0 7.5px;
}

.header-image
{
		height: 8em;
		background: url(../images/munich-times-header.jpg) no-repeat center #ffffff;
}

/* Header styles */
#header 
{
		clear:both;
		float:left;
		width:100%;
		background: #ffffff;
}

#header 
{
		border-bottom:1px solid #B2B2B2;
}

#header p,
#header h1,
#header h2 
{
		padding:.4em 15px 0 15px;
		margin:0;
}

#header ul 
{
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0px 0;
		padding:0;
}

#header ul li 
{
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
}
	
#header ul li a 
{
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#DFDFDF ;
		color:#404041;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.5em;
		font-weight:bold;
}
	
#header ul li a:hover 
{
		background:#FFFFFF;
		color:#000000;
}

#header ul li a.active,
#header ul li a.active:hover 
{
		color:#fff;
		background:#0F1372;
		font-weight:bold;
}

#header ul li a span 
{
		display:block;
}

/*  LHS Menu */
#col2 ul 
{
		width:90%;
		list-style: none;
		margin:20px 0 0 10px;
		padding:0;
}

#col2 ul li 
{
		display:inline;
		/* list-style:none;*/
		margin:0;
		padding:0;
		/*background-image: url(../images/list-arrow.gif);*/
}
	
#col2 ul li a 
{
		display:block;
		margin:0 -8px 0 19px;
		padding:3px 5px;
		text-align:left;
		background:#EEEEEE;
		color:#404041;
		font-weight:bold;
		text-decoration:none;
		position:relative;
		/*left:15px;*/
		line-height:1.3em;
		/*background-image: url(../images/list-arrow.gif);*/
		background-repeat: no-repeat;
		background-position: 0 50%;
		width:140px;
		border-bottom:1px solid #FFFFFF;
		border-top:1px solid #FFFFFF;
}
	
#col2 ul li a:hover 
{
		background:#FFFFFF;
		color:#000000;
}

#col2 ul li a.active,
#col2 ul li a.active:hover 
{
		color:#fff;
		background:#404041;
		font-weight:bold;
}

#col2 ul li a span 
{
		display:block;
}
/* END of LHS Menu */

/* 'widths' sub menu */
#layoutdims 
{
		clear:both;
		background:#eeeeee;
		border-top:1px solid #B2B2B2;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
}
	
/* column container */
.colmask 
{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:950px;
		/*width:100%;*/			/* width of whole page */
		/* overflow:hidden; */		/* This chops off any overhanging divs */
}

.test 
{
		margin:0 auto;
		position:relative;
		width:1085px;
}

/* common column settings */
.colright,
.colmid,
.colleft 
{
		/*float:left;*/
		float:left;
		width:100%;			/* width of page */
		position:relative;
}

.col1,
.col2,
.col3 
{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		/* overflow:hidden; */
}

/* 3 Column settings */
.threecol
{
		background:#eee;		/* right column background colour */
}

.threecol .colmid 
{
		right:20%;			/* width of the right column */
		background:#fff;	/* center column background colour */
		border-right:1px none #B2B2B2;
		background: url(../images/right-column-bkgd.gif) no-repeat right #ffffff;
		width:1085px;
		/*
		-moz-opacity: 0.50;
		opacity: .50;
		filter: alpha(opacity=50);
		*/
}


.threecol .colleft 
{
		right:65%;			/* width of the middle column */
		background:#EEEEEE;	/* left column background colour */
		border-right:1px solid #B2B2B2;
}

.threecol .col1 
{
		/* width:56%;	*/		/* width of center column content (column width minus padding on either side) */
		/* width:58%;	*/		/* width of center column content (column width minus padding on either side) */
		/* left:102%;	*/		/* 100% plus left padding of center column */
		left:100.1%;
		/* width:59.9%; */
		width:704px;
}

.threecol .col2 
{
		width:180px;			/* Width of left column content (column width minus padding on either side) */
		/*left:22.8%;*/		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		left:17.8%;
}

.threecol .col3 
{
		/* width:16%;			/* Width of right column content (column width minus padding on either side) */
		width: 150px;
		/*left:85.6%;*/			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		left:84.2%;
}

/* Footer styles */
#footer 
{
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
}

#footer p 
{
		padding:10px;
		margin:0;
		text-align: center;
}


/**************** LHS module section *****************************/

.module-left
{
		border:1px solid #B2B2B2;
		margin:2em 0 0 2em;
		padding:.4em .4em .4em .4em;
		/*background: url(../images/quote_bkgd.gif) no-repeat center #ffffff;*/
		background:no-repeat center #ffffff; 
}

.quote-title
{
		/*background:#404081 none repeat scroll 0 0;*/
		background:url(../images/quote_bkgd.gif) no-repeat center;
		border:1px none #090B9F;
		color:#FFFFFF;
		font-size:18px;
		margin-bottom:.6em;
		padding:0.1em;
		text-align:center;
}

.quote-text
{
		border:1px #404041;
		background: #;
}

.quote-author
{
		border:1px #404041;
		margin-top:0.4em;
		font-style: italic;
		background: #;
		text-align:right;
}

.weather
{
		border:1px #000;
		margin:.2em -0.4em 0 1em;
		padding:.4em .4em .4em .4em;
		background: #EEEEEE;
		float: right;
}

/**************** End of LHS module section *****************************/

/**************** headline section *****************************/

.major-headline
{
		border:2px #000;
		padding:.4em;
		margin:0em 1em 1em 0.6em;
		text-align:justify;
}

.major-headline-full 
{
		margin:0.4em 0.8em 0 0.5em;
		text-align:justify;
}

.major-headline-cinema
{
		border:2px none #000000;
		font-size:30px;
		margin:1em 0 0 0;
		padding:0.4em 0.4em 0;
		text-align:center;
}

.major-headline-weather
{
		border:2px none #000000;
		font-size:30px;
		margin:1em 0 0 0;
		padding:0.4em 0.4em 0;
		text-align:center;
}

.major-headline-restaurant
{
		border:2px none #000000;
		font-size:30px;
		margin:.4em 0 0;
		padding:0.4em 0.4em 0.4em;
		text-align:center;
}

.major-headline-cinema-small
{
		font-size: 14px;
		text-align: center;
}

.major-headline a
{
		text-decoration:none;
		color:#0033FF;
}

.major-headline-p
{
		text-align:justify;
}

.major-headline h1
{
		text-align:center;
		color:#404041;
		clear:right;
}

.minor-headlines
{
		border:0px solid #000;
		margin:0 0 0 0;
		float: left;
}

.minor-headline-p
{
		text-align:center;
}

.minor-headlines-all-columns
{
		border:0 solid #000000;
		margin:0 0.1em 0 0.6em;
		overflow:hidden;
		padding:0 0.2em;
		position:relative;
		/* width:47.4%; */
}

.minor-headlines-all-columns h2
{
		font-size:14px;
}

.minor-headlines-columns
{
		border:0 solid #000000;
		margin:0.4em 0.1em 0 0.4em;
		overflow:hidden;
		padding:0.4em 0.2em;
		position:relative;
		/* width:47.4%; */
}

.minor-headlines-columns-restaurants
{
		border:0 solid #000000;
		margin:1em 0.1em 0 0.4em;
		overflow:hidden;
		padding:0 0.2em;
		position:relative;
		/* width:47.4%; */
}

.minor-headlines-columns-left
{
		float:left;
		padding-left:0.4em;
		width:48.7%;
}

.minor-headlines-columns-right
{
		float:right;
		padding-right:0.8em;
		width:48.7%;
		clear: right;
}

.minor-headlines-columns-restaurants a
{
		text-decoration:none;
		color:#0033FF;
}
.minor-headlines-columns a
{
		text-decoration:none;
		color:#0033FF;
}

.time_stamp
{
		font-size:12px;
		color:#999999;
		padding-top:6px;
}

.alias-print
{
		font-size:12px;
		color:#999999;
		padding-top:6px;
		float:right;
		clear:none;
		text-align:right;
		margin-top:-20px;
}

.review-image img
{
	margin: 17px 0px 5px 5px;
}


/************ end of headline section **************************/

/************ RHS panel with components **************************/

.regular-features
{
		font-size: 18px;
		margin: 1em 0 0 0;
}

.munich-whats-on
{
		border:1px #000;
		margin:2em 0 0;
		height:120px;
		width:150px;
}

.munich-whats-on img
{
		margin: 0px;
		text-decoration: none;
}

.munich-restaurant-reviews
{
		border:1px #000;
		margin:2em 0 0;
		height:120px;
		width:150px;
}

.munich-restaurant-reviews img
{
		margin: 0px;
		text-decoration: none;
}


.fun-and-trivia
{
		border:1px #000;
		margin:2em 0 0;
		height:120px;
		width:150px;
}

.fun-and-trivia img
{
		margin: 0px;
		text-decoration: none;
}

.munich-cinema-listings
{
		border:1px #000;
		margin:2em 0 0;
		height:120px;
		width:150px;
}

.munich-cinema-listings img
{
		margin: 0px;
		text-decoration: none;
}

#cinema_timetable_table
{
		margin: 0px;
		text-decoration: none;
		background-color:#F4F4F4;
}

#cinema_timetable
{
		margin: 0px;
		text-decoration: none;
}

.cinema_timetable_day
{
		margin-right:10px;
		text-decoration: none;
		float: left;
		width: 200px;
}

.cinema_timetable_entry
{
		margin-top: 10px;
		text-decoration: none;
		background-color:#FFEFAF;
}

.major-headline-cinema-filter
{
		margin: 40px 40px 20px;
}

.cinema-go
{
		text-align:center;
		width:100px;
		margin:20px auto 0;
}

/************ End of RHS panel with components **************************/

#ct_wrapper {    
    width:852px;
    height:502px;
    margin:10px auto 0;
    /*background-image:url(../images/eyes.gif);*/
 }
#ct_container {
    width:690px;
    height:500px;
    border:1px solid #D4D0C8;
    overflow:auto;
	margin:5px;
 }
#ct_content {
    width:3000px;
    height:900px;
    filter:alpha(opacity=80);
    -moz-opacity: 1; 
    -khtml-opacity: 1;  
    opacity:1;
    background-color:#f4f4f4;
    color:#000000
 }
#ct_content p {
    margin:0;
    padding:10px;
 }
 
.ct_day {
 	margin:0;
    padding:10px;
	text-align:center;
	background: #404081;
	color: #ffffff;
 }
 
.search-bar
{
	float: right;
	padding-right:15px;
}

.search-bar-text
{
	float:left;
	padding-right:2px;
	padding-top:2px;
}

.next-page
{
	float:right;
	margin-right:0;
	margin-top:-11px;
}

.next-page-bottom
{
	float:right;
	margin-right:0;
	margin-bottom:-23px;
}

.previous-page
{
	float:left;
	margin-right:0;
	margin-top:-11px;
}

.previous-page-bottom
{
	float:left;
	margin-right:0;
	margin-bottom:-25px;
}

.news-archives
{
	margin:1em;
	text-align:center;
	clear:both;
	padding-top:1em;
}

.dilbert
{
	margin:0.1em;
	text-align:center;
	clear:both;
	padding-top:1em;
}

.back-button
{
	margin:1em;
	text-align:center;
	clear:both;
	margin:2em;
}

.other-headlines
{
	font-size:16px;
	margin:1em 2em 1em 1em;
	font-style:italic;
}

.lifestyle-header
{
	text-align:center;
	margin-top:0px;	
}


/*****************************************************************/

#header-alternate ul 
{
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:0 0 0 0;
		padding:0;
}

#header-alternate ul li 
{
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
}
	
#header-alternate ul li a 
{
		display:block;
		float:left;
		margin:-2px 0 0 1px;
		padding:1px 10px;
		text-align:center;
		background:#404041 ;
		color:#ffffff;
		text-decoration:none;
		position:relative;
		left:1px;
		line-height:1.3em;
		font-weight:bold;
}
	
#header-alternate ul li a:hover 
{
		background:#FFFFFF;
		color:#000000;
}

#header-alternate ul li a.active,
#header-alternate ul li a.active:hover 
{
		color:#fff;
		background:#404041;
		font-weight:bold;
}

#header-alternate ul li a span 
{
		display:block;
}

/*****************************************************************/

.in-pictures-link
{
		float:left;
		margin:1em;
}

.album-summary-top
{
		background-color:#000000;
		border-bottom:1px solid #FFFFFF;
		color:#FFFFFF;
		font-size:20px;
		padding:0.4em;
}

.album-summary-bottom
{
		background-color:#FFFFFF;
		border:2px solid #404041;
		color:#000000;
		padding:0.4em;
}

.photo-link-block
{
		background-color:#000000;
		color:#0033FF;
		display:block;
		text-align:center;
		text-decoration:none;
		width:300px;
}

.ad_pos_fix_left
{
		padding-top:0.1em;
		padding-left:1em;
		float:left;
		margin-right:540px;
}

.ad_pos_fix_right
{
		padding-top:0.1em;
		padding-right:1em;
		float:right;
}

#box 
{
		background-color:#FFFFFF;
		border-color:#A5A5A5 gray gray;
		border-style:solid;
		border-width:1px;
		cursor:default;
		display:none;
		font-size:12px;
		padding:6px 4px;
		text-align:left;
		width:150px;
}

#more_inner
{
		background-color:#FFFFFF;
}

.alias
{
		text-align:right;
		margin:1px 2px 3px 4px;
}

.multi-link-box
{
		display:block;
		height:100px;
		width:680px;
		margin: 10px;
		/*border-top:1px solid #404041;
		border-bottom:1px solid #404041;*/
		/*opacity:0.3;*/
		font-size:12px;
}

.in-pictures-mlb
{
		display:block;
		height:40px;
		width:159px;
		margin:5px 2px 5px 2px;
		float:left;
		/*border:1px solid;*/
}

.weather-mlb
{
		display:block;
		height:40px;
		width:159px;
		margin:5px 2px 5px 2px;
		float:left;
		/*border:1px solid;*/
}

.reviews-mlb
{
		display:block;
		height:40px;
		width:159px;
		margin: 5px 2px 5px 2px;
		float:left;
		/*border:1px solid;*/
}

.opinions-mlb
{
		display:block;
		height:40px;
		width:159px;
		margin: 5px 2px 5px 2px;
		float:left;
		/*border:1px solid;*/
}

.links-mlb
{
		display:block;
		height:89px;
		width:330px;
		margin: 0px 0 5px 5px;
		float:right;
		/*border:1px solid;*/
}

.left-block-mlb
{
		float:left;
		position:relative;
		width:336px;
		clear:none;
}

.right-block-mlb
{
		float:right;
		position:relative;
		width:340px;
		background-color:#E0E5EF;
		height:100px;
		border:1px solid #BFBFBF;
}

.in-pictures-summary-mlb
{
		clear:none;
		float:right;
		height:44px;
		line-height:100%;
		overflow:hidden;
		position:relative;
		width:95px;
		vertical-align:middle;
		margin-top:-2px;
}

.minor-headlines-mlb
{
		margin-left: 15px;
}

.hr_mlb
{
		opacity:0.3;
}

.multi-link
{
		margin-bottom:12px;
}

.twitter
{
		margin-top:30px;
}

.top_banner
{
		height:42px;
		background-color:#0f1372;
		width: 100%;
}

.top_banner_centre
{
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:600px;
}

.top_banner_items
{
		margin:0px 20px 0px 20px;
		float:left;
}

.top_banner_text
{
		text-decoration:none;
		margin:12px 3px 0px 6px;
		font-size:10px;
		float:right;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
}

.top_banner_text a
{
		text-decoration:none;
		color:#ffffff;
}

.blog_link_placement
{
		text-decoration:none;
		margin:12px 3px 0px 6px;
		border:0px none #000000;
		text-align:center;	
		display:block;
		margin-left:auto;
		margin-right:auto;
}

.blog_image
{
		float:left;
		width: 100px;	
}