/* 
	Bielefeld-info.de
	------------------------------------------------------------------------------------------
	(c)2010 das Netzbüro | netzbuero.de

	12/02/2010
 */
 
 
 
 
/*	Common
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	body	{ background: #e7e8ec url(../images/pageBackground.jpg) repeat-x; }
	
	img 	{ border: none; }
	.ad		{ font-size: 11px; color: #999; }
	
	
	
/*	Typographie
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	body	{ font-family: "Lucida Sans Unicode", Verdana, sans-serif; font-size: 100%; }
	h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol	{ margin-top: 0; }

	
	

/*	Navigation
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.pageMainNavigation { margin-left: 20px; margin-top: 10px; color: #336699; padding-right: 10px; }
	.pageMainNavigation a { font-size: 18px; color: #336699; text-decoration: none; }
	.pageMainNavigation a:hover { color: #000000; text-decoration: underline; }

	.pageMainNavigation a.active { font-size: 18px; color: #000000; text-decoration: none; }
	.pageMainNavigation a.active:hover { color: #000000; text-decoration: underline; }


/*	Layout
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.pageWrap	{ width: 1005px; background: #ffffff; }
	

/*	Seitenkopf
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.pageHeaderNavigationWrap 	{ float: left; width: 562px; height: 182px; border-right: 1px solid #fff; }
	.pageHeaderAds 				{ width: 562px; background: #e0e0e0; height: 84px; }
	.pageHeaderAdsWrap 			{ margin-left: 20px; padding-top: 10px; }
	
	.pageHeaderBlockWrap 		{ float: left; width: 160px; height: 181px; background: #336699; }
	.pageHeaderLogoWrap 		{ float: left; width: 282px; }
	.pageHeaderClearer			{ clear: both; }
	.pageHeaderClearerText 		{ margin-left: 562px; color: #666666; font-size: 13px; font-weight: bold; }
	.pageHeaderDate				{ font-family: Impact, sans-serif; font-size: 48px; color: #fff; text-align: right; padding-right: 10px; padding-top: 60px; }





/*	Seitenfuß
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.pageFooterWrap	{ background: #336699; padding: 20px 0 20px 20px; }
	.pageFooterWrap p { float: left; margin: 0; padding: 0; color: #fff; font-size: 12px; }
	.pageFooterWrap	a { color: #fff; text-decoration: underline; }
	.pageFooterWrap	a:hover { color: #999; }
	.pageFooterWrap p.mrgRight { margin-right: 60px; }
	
	
	
	

/*	Inhalt Allgemein
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.pCW	{ margin-top: 40px; margin-left: 20px; padding-bottom: 40px; }

	.pCW h1 { font-size: 18px; font-weight: bold; background: url(../images/box.gif) no-repeat 0 5px; padding-left: 20px; /* text-indent: 20px; */ }

	.pCW div, .pCW p, .pCW ul, .pCW td	{ font-size: 13px; }

	.pCW a {  color: #900000; }
	.pCW a:hover { color: #000000; }

	
/*	Linke Spalte
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.lCol	{ width: 600px; }
	.lCol p { line-height: 150%; }
	
	.lColElementList 	{ padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; padding-top: 10px; float: none; width: 600px; }	
	.lColElementLatest 	{ padding-top: 10px; float: none; width: 600px; margin-bottom: 10px; }	
	
	.lColNews h1 { font-size: 13px; margin: 0; background-position: 0 2px; background: none; text-indent: 0; padding: 0; }
	.lColNews h1 a { color: #000; text-decoration: none; }
	.lColNews h1 a:hover { color: #900; }
	.lColNews ul	{ list-style-type: square; list-style-position: outside;  /* margin: 0 0 0 15px;   padding: 0; */ }
	.lColNews li	{ margin-bottom: 5px; }
	
	.lColElementImage { float: left; margin-right: 10px; width: 100px; }
	.lColElementBody  p { margin: 0; }
	
	/* Neue Gestaltung 2 spaltig */
	.news-latest-container .lColNews	{ float: left; width: 280px; margin-right: 20px; }
	.news-latest-container .lColElementLatest { width: 100%; }
	.news-latest-container .lColElementImage { width: 100px; }
	

/*	Rechte Spalte
   	------------------------------------------------------------------------------------------------------------------------------------------- */

	.rCol			{ float: right; width: 270px; margin-right: 13px; border-left: 1px solid #900000; }
	.rColInner 		{ padding-left: 10px; }

	.rCol h2		{ font-size: 16px; font-weight: bold; margin-bottom: 0; }
	.rCol p			{ line-height: 150%; }

	.rColElement 	{ margin-bottom: 30px; clear: both; }	
	.rColElement h2	{ font-size: 14px; font-weight: bold; margin-bottom: 0; }
	.rColElement p	{ line-height: 125%; font-size: 12px; }


/*	News Single 
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.news-single-img			{ float: right; margin-left: 10px; margin-bottom: 10px; width: 250px; }
	.news-single-img img		{ border: 1px solid #555; padding: 3px; }
	.news-single-imgcaption		{ margin: 0; color: #555; padding: 5px; font-size: 12px; }
	


/*	Tabellen
   	------------------------------------------------------------------------------------------------------------------------------------------- */
table.theater						{	width: 100%; border-spacing: 0; border: 0; }
.theater td							{	padding: 5px; vertical-align: top; border-bottom: 2px solid #ffffff; }
.theater .td-1						{	font-weight: bold; }	
.theater .tr-even					{	background: #d3e3f3; }
.theater .tr-odd					{ 	background: #b9d3ec; }
.theater .td-3						{	font-size: 11px; }
.theater .td-3 span					{	display: block; margin: 0; text-transform: uppercase; font-weight: bold; font-size: 13px; }




/*	Homepagewetter
   	------------------------------------------------------------------------------------------------------------------------------------------- */
	.wetter		{	width: 100%; }
	.wetter a	{ 	text-decoration: none; }