/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: ----------------------            *
 * Type: screen                               *
 **********************************************/

@import url(default.css);

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background: #e2e2e3 url(../img/layout/bg_site.jpg) no-repeat top;
}

#containerSite {
	width: 975px;
	margin: 0 auto 0 auto;
}

.clearer { clear: both; }

/* Header -------------------------------------------------------------- */
#containerHeaderWrap {
	width: 640px;
	height: 516px;
	margin-left: 335px;
	position: relative;
}
	#containerHeader {}
	
	#langNav {
		position: absolute;
		top: 87px;
		right: 10px;
		width: 70px;
		height: 40px;
	}
		#langNav a.btnDE {
			display: block;
			width: 31px;
			height: 33px;
			float: left;
			background: url(../img/layout/flag_de.png) no-repeat top left;
			text-indent: -999em;
			text-decoration: none;
			margin-right: 1px;
		}
		#langNav a.btnEN {
			display: block;
			width: 29px;
			height: 33px;
			float: left;
			background: url(../img/layout/flag_en.png) no-repeat top left;
			text-indent: -999em;
			text-decoration: none;
		}
	
	#containerFlashImg {
		position: absolute;
		top: 159px;
		left: 15px;
		width: 610px;
		height: 325px;
	}
	
	#containerHeadBottom {
		position: absolute;
		bottom: -66px;
		right: -5px;
		width: 58px;
		height: 88px;
		background: url(../img/layout/bg_leaves_headerBottomRight.png) no-repeat top left;
	}
/* Header END ---------------------------------------------------------- */


/* CONTENT ------------------------------------------------------------- */
#containerContent {
	width: 640px;
	margin-left: 335px;
}

body.subpage #contentTop {
	height: 7px;
	background: url(../img/layout/bg_contentTop.jpg) no-repeat top left;
}
body.subpage #contentBottom {
	height: 7px;
	background: url(../img/layout/bg_contentBottom.jpg) no-repeat top left;
}

body.subpage #content {
	min-height: 900px;
	padding: 12px 14px;
	background: url(../img/layout/bg_contentBody.jpg) repeat-y top left;
}
/* CONTENT END --------------------------------------------------------- */


/* CONTENT ELEMENTS -----------------------------------------------------*/
	#content p {
		margin: 15px 0 20px 0;
	}
	h1 {
		font-family: Impact;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 27px;
		color: #353e46;
		margin-bottom: 20px;
		padding-left: 34px;
		background: url(../img/layout/bullet_h1.png) no-repeat top left;
	}
	
	h2 {
		font-size: 14px;
		font-weight: bold;
		color: #353e46;
		margin-bottom: 15px;
	}
	
	a { color: #353e46; }
	a:hover { text-decoration: none; }
	
	h3 {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	
	
	
	div.partnerBox {
		width: 175px;
		height: 150px;
		margin: 10px 50px 10px 0;
		float: left;
		text-align: center;
	}
	div.partnerBox p {
		margin: 10px 0 0 0;
	}
	
	div.contImgRight {
		float: right;
		margin: 0 0 10px 20px;
		width: 240px;
	}
	
	div.contImgLeft {
		float: left;
		margin: 0 20px 10px 0;
		width: 240px;
	}
	div.contImgLeft div,
	div.contImgRight div {
		-webkit-box-shadow: 2px 2px 2px #666;
		-moz-box-shadow: 2px 2px 2px #666;
		box-shadow: 2px 2px 2px #666;
		margin-bottom: 10px;
	}
	
	#content .imgFour {
		height: 130px;
		padding: 15px 0 30px 0;
		overflow: hidden;
	}
		#content .imgFour div {
			width: 145px;
			height: 109px;
			overflow: hidden;
			float: left;
			margin: 0 10px 0 0;
			-webkit-box-shadow: 2px 2px 2px #666;
			-moz-box-shadow: 2px 2px 2px #666;
			box-shadow: 2px 2px 2px #666;
		}
		#content .imgFour img { width: 145px; height: 109px; }
			#content .imgFour div.img_0 { margin-right: 10px; }
			#content .imgFour div.img_1 { margin-right: 10px; }
			#content .imgFour div.img_2 { margin-right: 10px; }
			#content .imgFour div.last { margin-right: 0px; }
	
	#content .bigImg {
		width: 610px;
		overflow: hidden;
		margin-bottom: 20px;
		-webkit-box-shadow: 2px 2px 2px #666;
		-moz-box-shadow: 2px 2px 2px #666;
		box-shadow: 2px 2px 2px #666;
	}
	#content .bigImg  img {
		width: 610px;
		height: 250px;
	}
	
	#content .trennlinie {
		clear: both;
		height: 1px;
		overflow: hidden;
		border-top: 1px solid #dee4f3;
		margin: 20px 0 9px 0;
	}
	
	#content ul {
		margin: 10px 0 15px;
	}
	#content ul li {
		list-style-image: url(../img/layout/winter/bulllet_arrow_red.gif);
		margin-left: 30px;
	}
	
	#content th.first,
	#content td.first {
		text-align: left;
	}
	
	#content table.contenttable {
		border-collapse: collapse;
		width: 100%;
		font-size: 12px;
		margin: 15px 0 15px 0;
	}
	#content table.contenttable thead,
	#content table.contenttable thead th {
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
	}
	#content table.contenttable thead th {
		background: #22491e;
	}
	#content table.contenttable th,
	#content table.contenttable td {
		text-align: center;
		padding: 6px 10px;
		border: 1px solid #b6b7b8;
	}
	#content table.contenttable th:first-child,
	#content table.contenttable td:first-child,
	#content table.contenttable th.first,
	#content table.contenttable td.first{
		text-align: left;
	}
	#content table.contenttable tbody td {
		background: #6b8537;
		color: #fff;
	}
	#content table .cellSubheader th,
	#content table .cellSubheader td {
		font-weight: bold;
		background-color: #afc97b;
		background-image: none;
	}
	#content table.contenttable p {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	
	
	
	
	

	.contentSlideBox {
		margin: 0 0 10px 0;
	}
		.contentSlideBoxHl {
			line-height: 21px;
			color: #ffffff;
			font-weight: bold;
			cursor: pointer;
		}
			.contentSlideBoxHl div {
				padding: 0 39px 0 18px;
				background: #353e46;
			}
			.contentSlideBoxHl div.open {}
		.contentSlideBoxSlide {
			border: 1px solid #353e46;
			border-top: none;
			background: #e9ecf5;
			display: none;
		}
		.contentSlideBoxSlideInner {
			padding: 15px 39px 15px 18px;
		}
		.contentSlideBoxSlideInnerGoogleMap { padding: 0px; }
		.contentSlideGoogleMapWrapper {
			padding: 0px;
			width: 100%;
			height: 450px;
		}
		.newsInfoLabel { font-weight: bold; }
		
	.pageBrowser {
		font-size: 11px;
		color: #4d515d;
		position: relative;
		height: 20px;
		padding-bottom: 12px;
		margin-top: 10px;
	}
		.pageBrowser .labelEntries {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 35%;
		}
		.pageBrowser .labelPages {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 75%;
			text-align: right;
		}
		.pageBrowser .labelPages a { color: #c2141f; }
		.pageBrowser .labelPages a:hover { text-decoration: none; }
		.pageBrowser .labelPages a.active {
			color: #4d515d;
			text-decoration: none;
		}
		.pageBrowser .labelPages a.next,
		.pageBrowser .labelPages a.back {
			color: #4d515d;
			text-decoration: none;
		}
	
	#newsSlider { margin-bottom: 20px; }
	
	.newsList {
		font-size: 11px;
		color: #4d515d;
	}
	.newsList h4 {
		line-height: 21px;
		background: #3352a1;
		color: #ffffff;
		padding: 0 18px;
		font-weight: bold;
		font-size: 12px;
	}
	
	.newsListEntry,
	.newsListEntryAlt {
		height: 72px;
		overflow: hidden;
		position: relative;
		padding: 12px 0;
		background: #6b8537;
		margin-bottom: 3px;
		color: #fff;
	}
	.newsListEntryAlt { background: #6b8537; }
	.newsListEntry:hover { background-color: #a3bc6f; }
	
		.newsListEntry .newsListEntryImg,
		.newsListEntryAlt .newsListEntryImg,
		.newsListEntry img,
		.newsListEntryAlt img {
			position: absolute;
			top: 12px;
			left: 11px;
			width: 115px;
			height: 66px;
			padding: 5px;
			overflow: hidden;
		}
	
		.newsListEntry .newsListEntryText,
		.newsListEntryAlt .newsListEntryText {
			position: absolute;
			top: 0px;
			left: 115px;
			padding: 12px 0 0 20px;
			line-height: 14px;
			width: 65%;
			overflow: hidden;
		}
		.newsListEntry .newsListEntryText p,
		.newsListEntryAlt .newsListEntryText p {
			padding: 0 0 0 12px;
			margin: 0;
		}
		.newsListEntry .newsListEntryText h6,
		.newsListEntryAlt .newsListEntryText h6 {
			padding: 0 0 0 12px;
			margin: 0 0 10px 0;
			font-weight: bold;
		}
		.newsListEntry .newsListEntryText h5,
		.newsListEntryAlt .newsListEntryText h5 {
			background: url(../img/layout/winter/bulllet_arrow_red.gif) no-repeat left;
			padding: 0 0 0 12px;
		}
		.newsListEntry .newsListEntryText h5,
		.newsListEntryAlt .newsListEntryText h5,
		.newsListEntry .newsListEntryText h5 a,
		.newsListEntryAlt .newsListEntryText h5 a {
			margin: 0;
			font-weight: bold;
			color: #000;
			text-decoration: none;
		}
		.newsListEntry .newsListEntryText h5 a:hover,
		.newsListEntryAlt .newsListEntryText h5 a:hover {
			text-decoration: underline;
		}
		
		
		
		.addressList .addressListEntry {
			height: 160px;
			overflow: hidden;
			position: relative;
			background: #e1e5f1;
			color: #4963a6;
			margin-bottom: 10px;
			border: none;
		}
			.addressList .addressListEntry .addressListAddressImg {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 197px;
				height: 160px;
				overflow: hidden;
			}
			.addressList .addressListEntry .addressListEntryText {
				position: absolute;top: 18px;
				left: 220px;
				width: 280px;
			}
			.addressList .addressListEntry .addressListEntryText h5,
			.addressList .addressListEntry .addressListEntryText h5,
			.addressList .addressListEntry .addressListEntryText h5 a,
			.addressList .addressListEntry .addressListEntryText h5 a {
				margin: 0;
				font-weight: bold;
				color: #3352a1;
				text-decoration: none;
			}
			.addressList .addressListEntry .addressListEntryText h5 a:hover,
			.addressList .addressListEntry .addressListEntryText h5 a:hover {
				text-decoration: underline;
			}
			.addressListAddressMore {
				position: absolute;
				bottom: 16px;
				right: 18px;
				width: 100px;
				height: 20px;
			}
			.addressListAddressMore a {
				display: block;
				height: 19px;
				line-height: 19px;
				text-align: center;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				background: url(../img/layout/winter/btn_addressMore.gif) top left;
			}
		
		#newsSearch {
			background:  url(../img/layout/winter/bg_contentSearchBox.jpg) top left;
			margin-bottom: 10px;
			padding: 15px 20px;
			width: 685px;
			overflow: hidden;
		}
		#newsSearch table {
			width: 100%;			
		}
		#newsSearch table label {
			font-weight: bold;
			color: #c6d1ee;
		}
		#newsSearch table td.first,
		#newsSearch table td.third {
			width: 92px;
		}
		#newsSearch table td.second {
			width: 172px;
			padding-right: 33px;
		}
		#newsSearch table td.fourth {
			width: 172px;
			padding-right: 28px;
		}
		
		#newsSearch .textField {
			font-size: 11px;
			color: #000;
			border: 1px solid #fff;
			height: 16px;
			line-height: 16px;
			width: 170px;
			padding: 0px;
			margin: 0px;
		}
		
		#newsSearch .selectField {
			font-size: 11px;
			color: #000;
			border: 1px solid #fff;
			height: 18px;
			line-height: 16px;
			width: 171px;
			padding: 0px;
			margin: 0px;
		}
		
		#newsSearch .btnSearchRed {
			display: block;
			font-weight: bold;
			text-align: center;
			line-height: 19px;
			height: 19px;
			width: 100px;
			overflow: hidden;
			background: url(../img/layout/winter/btn_search_red.gif) no-repeat top left;
			color: #fff;
			text-decoration: none;
		}
		#newsSearch .dateWrapper {
			background: #fff url(../img/layout/winter/icon_dateField.gif) no-repeat top right;
			height: 18px;
			overflow: hidden;
			padding-right: 20px;
			width: 152px;
		}
		#newsSearch .dateWrapper input {
			font-size: 11px;
			color: #000;
			padding: 0px;
			margin: 0px;
			line-height: 16px;
			height: 16px;
			overflow: hidden;
			border: 1px solid #fff;
			width: 152px;
		}
		
		.pageBrowser {
			margin-top: 30px;
			height: 23px;
			border-bottom: 1px solid #edeff2;
			position: relative;
		}
			.pageBrowser .pageBrowserEntries {
				width: 30%;
				position: absolute;
				top: 5px;
				left: 0px;
				font-weight: bold;
				color: #c2141f;
			}
			.pageBrowser .pageBrowserBrowseLinks {
				width: 65%;
				position: absolute;
				top: 5px;
				right: 0px;
				text-align: right;
			}
		
		h2.newsDate {
			display: block;
			background: #3352a1 url(../img/layout/winter/news/bullet_topNewsEntryHl.gif) no-repeat 16px 8px;
			line-height: 27px;
			height: 27px;
			padding-left: 32px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
		}
		
		#newsImgSliderList {
			display: block;
			with: 610px;
			height: 250px;
			overflow: hidden;
			margin: 15px 0 10px 0;
			padding: 0;
		}
			#newsImgSliderList li {
				display: block;
				with: 610px;
				height: 250px;
				float: left;
				margin: 0px !important;
				padding: 0px !important;
			}
		
		.newsDetailHead {
			background: #e9ecf5;
			margin-bottom: 5px;
		}
			/*.newsDetailHead .newsDetailHeadImg {
				width: 362px;
				height: 244px;
				overflow: hidden;
				float: left;
				position: relative;
			}
				.newsDetailHead .newsDetailHeadImg ul {
					width: 8000px;
					margin: 0px !important;
					padding: 0px !important;
					cursor: pointer;
				}
				.newsDetailHead .newsDetailHeadImg li {
					display: block;
					width: 362px;
					height: 244px;
					overflow: hidden;
					float: left;
					padding: 0px !important;
					margin: 0px !important;
				}
				.newsDetailHead .newsDetailHeadImg .btnPrev {
					position: absolute;
					top: 50%;
					left: 0px;
					width: 16px;
					height: 48px;
					margin-top: -24px;
					cursor: pointer;
				}
				.newsDetailHead .newsDetailHeadImg .btnNext {
					position: absolute;
					top: 50%;
					right: 0px;
					width: 16px;
					height: 48px;
					margin-top: -24px;
					cursor: pointer;
				}*/
			
			
			.newsDetailHead dl {
				position: relative;
			}
			.newsDetailHead dl dt {
				display: block;
				width: 70px;
				position: absolute;
				font-weight: bold;
				top: 0px;
				left: 0px;
			}
			* html .newsDetailHead dl dt {
				left: -70px;
			}
			.newsDetailHead dl dd {
				display: block;
				margin-left: 70px;
			}
			.newsDetailHead dl dd img { display: none; }
			
			.newsDetailHead dl dd p {
				margin: 0 !important;
				padding: 0 !important;
			}
			
			.newsDetailHead dl dd a {
				color: #c2141f;
				display: block;
				background: url(../img/layout/winter/bullet_link_arrowRight.gif) no-repeat left;
				padding-left: 18px;
			}
				.newsDetailHead dl dd a:hover { text-decoration: none; }
			
			.newsDetailHeadInfo {
				padding: 20px;
				overflow: auto;
				margin-left: 363px;
			}
			
			.newsDetailBackLink a {
				display: block;
				padding-left: 18px;
				background: url(../img/layout/winter/icon_arrow_left.gif) no-repeat left;
				margin-bottom: 20px;
			}
			
			.newsImageAllGallery {
				margin-top: 50px;
				background-color: #EDEFF2;
				padding: 20px 10px 20px 20px;
			}
			.newsImageAllGallery img {
				display: block;
				border: 4px solid #fff;
				float: left;
				margin: 0 5px 5px 0;
			}
	
	
/* CONTENT ELEMENTS END ------------------------------------------------ */


/* NUGGETS ------------------------------------------------------------- */
.nuggetBox {
	width: 162px;
	height: 290px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

	.nuggetBox .nuggetContent { display: none; }
	
	/*.nuggetBox.big { width: 310px; }*/
	.nuggetBox.big .nuggetContent { display: block; }
	.nuggetBox.big .nuggetBoxInner { background-image: url(../img/layout/bg_nugget_big.png); }

	.nuggetBox .nuggetBoxInner {
		height: 239px;
		background: url(../img/layout/bg_nugget_small.png) no-repeat top left;
		overflow: hidden;
		padding: 14px;
		font-size: 12px;
		color: #12191f;
	}
	.nuggetImg {
		height: 120px;
		margin-bottom: 10px;
	}
	.nuggetHeadline a {
		font-family: Impact;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 27px;
		color: #000;
		margin-bottom: 10px;
		padding: 2px 0px 2px 34px;
		background: url(../img/layout/bullet_h1.png) no-repeat top left;
		text-decoration: none;
	}
	.nuggetContent {
		height: 64px;
		overflow: hidden;
	}
	.nuggetLinkMore {
		position: absolute;
		bottom: 0px;
		right: 4px;
		width: 81px;
		height: 26px;
	}
		.nuggetLinkMore a {
			display: block;
			width: 81px;
			height: 24px;
			padding-top: 2px;
			overflow: hidden;
			text-align: center;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			background: url(../img/layout/bg_nugget_more.png) no-repeat top left;
		}
/* NUGGETS END --------------------------------------------------------- */


/* TEASER --------------------------------------------------------------- */
.teaserBoxBig {
	width: 310px;
	height: 290px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

	.teaserBoxBig .teaserBoxBigInner {
		height: 239px;
		background: url(../img/layout/bg_nugget_big.png) no-repeat top left;
		overflow: hidden;
		padding: 14px;
		font-size: 12px;
		color: #12191f;
	}
	.teaserBoxBigImg {
		height: 120px;
		margin-bottom: 10px;
	}
	.teaserBoxBigHeadline {
		font-family: Impact;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 27px;
		color: #000;
		margin-bottom: 10px;
		padding: 2px 0px 2px 34px;
		background: url(../img/layout/bullet_h1.png) no-repeat top left;
		text-decoration: none;
	}
	.teaserBoxBigContent {
		height: 64px;
		overflow: hidden;
	}
	.teaserBoxBigLinkMore {
		position: absolute;
		bottom: 0px;
		right: 4px;
		width: 81px;
		height: 26px;
	}
		.teaserBoxBigLinkMore a {
			display: block;
			width: 81px;
			height: 24px;
			padding-top: 2px;
			overflow: hidden;
			text-align: center;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			background: url(../img/layout/bg_nugget_more.png) no-repeat top left;
		}
/* TEASER END --------------------------------------------------------- */




/* WETTER -------------------------------------------------------------- */
#weahterShortBox {
	width: 310px;
	height: 290px;
	position: relative;
	float: left;
	margin: 0px 15px 0 0;
	padding: 0px;
	overflow: hidden;
}
	.weatherShortBoxInner {
		height: 239px;
		background: url(../img/layout/bg_nugget_big.png) no-repeat top left;
		overflow: hidden;
		padding: 14px;
		font-size: 12px;
		color: #12191f;
	}
	.weatherIconsBox {
		width: 285px;
		height: 120px;
		position: relative;
		overflow: hidden;
		background: url(../img/layout/bg_weatherFrontpage.jpg) no-repeat top left;
		color: #fff;
	}
		.containerShortWeatherDay {
			width: 60px;
			height: 110px;
			padding-top: 10px;
			text-align: center;
			position: absolute;
			top: 0px;
		}
			#firstDay { left: 20px; }
			#secondDay { left: 113px; }
			#thirdDay { left: 200px; }
			
			.shortWeatherDayShort,
			.shortWeatherTemp { font-weight: bold; }
			.shortWeatherDate { margin-bottom: 5px; }
			.shortWeatherSymbol { margin-bottom: 10px; }
	.weatherShortHeadline {
		font-family: Impact;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 27px;
		color: #000;
		margin-bottom: 10px;
		padding: 2px 0px 2px 34px;
		background: url(../img/layout/bullet_h1.png) no-repeat top left;
		text-decoration: none;
	}
	.weatherShortContent {
		height: 64px;
		overflow: hidden;
	}
	.weatherShortLinkMore {
		position: absolute;
		bottom: 0px;
		right: 4px;
		width: 81px;
		height: 26px;
	}
		.weatherShortLinkMore a {
			display: block;
			width: 81px;
			height: 24px;
			padding-top: 2px;
			overflow: hidden;
			text-align: center;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			background: url(../img/layout/bg_nugget_more.png) no-repeat top left;
		}
/* WETTER END ---------------------------------------------------------- */




/* YOUTUBE ------------------------------------------------------------- */
.youtubeVideoPlayerBox .desc,
.youtubeVideoPlayerBox .socialSharing,
.youtubeVideoPlayerBox .channelLink { display: none; }
	/*.youtubeVideoPlayerBox {
		width: 725px;
		height: 385px;
		overflow: hidden;
		background-color: #253d8a;
		position: relative;
		margin-bottom: 35px;
	}
		.youtubeVideoPlayerBox .player {
			width: 509px;
			height: 385px;
		}
		
		.youtubeVideoPlayerBox .desc {
			position: absolute;
			width: 216px;
			top: 0px;
			right: 0px;
			color: #9dade1;
		}
			.youtubeVideoPlayerBox .desc .desc_videoInfo {
				background-color: #415699;
				padding: 10px;
				color: #e1e5f1;
			}
				.youtubeVideoPlayerBox .desc .desc_videoInfo .videoImg {
					width: 75px;
					height: 75px;
					padding: 4px;
					background-color: #fff;
					border: 1px solid #d8d9dc;
					float: left;
					margin-right: 10px;
				}
				.youtubeVideoPlayerBox .desc .desc_videoInfo .videoTitle { font-weight: bold; }
			.youtubeVideoPlayerBox .desc .desc_txt { padding: 10px; }
				.youtubeVideoPlayerBox .desc .desc_txt h4 { font-weight: bold; margin-bottom: 5px; }
		.youtubeVideoPlayerBox .channelLink {
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: 216px;
			height: 33px;
			background: #415699;
		}
			.youtubeVideoPlayerBox .channelLink a {
				display: block;
				text-decoration: none;
				width: 216px;
				height: 33px;
				text-indent: -999em;
				background: url(../img/layout/winter/btn_youtube_channel.jpg) no-repeat bottom left;
			}
		.youtubeVideoPlayerBox .socialSharing {
			position: absolute;
			bottom: 33px;
			right: 0px;
			width: 196px;
			padding: 10px;
		}
		.youtubeVideoPlayerBox .socialSharing a {
			display: block;
			margin-bottom: 3px;
			line-height: 16px;
			color: #e1e5f1;
			padding-left: 25px;
			background-position: left;
			background-repeat: no-repeat;
			text-decoration: none;
		}
		.youtubeVideoPlayerBox .socialSharing a.facebook { background-image: url(../img/layout/winter/icon_facebook.gif); }
		.youtubeVideoPlayerBox .socialSharing a.twitter { background-image: url(../img/layout/winter/icon_twitter.gif); }
		.youtubeVideoPlayerBox .socialSharing a.myspace { background-image: url(../img/layout/winter/icon_myspace.gif); }*/
			
		#videoListContainer {}
		#videoListContainer .videoListEntry {
			width: 278px;
			height: 76px;
			padding: 10px;
			color: #fff;
			margin-right: 10px;
			margin-bottom: 10px;
			float: left;
			background-color: #6b8537;
			overflow: hidden;
			position: relative;
		}
			/*#videoListContainer .videoListEntry:hover {
				background: #253d8a url(../img/layout/winter/btn_youtube_play.jpg) no-repeat bottom right;
			}*/
			#videoListContainer .videoListEntry .videoImg {
				width: 100px;
				height: 75px;
				overflow: hidden;
				float: left;
				margin-right: 10px;
				padding: 1px;
				background-color: #fff;
				border: 1px solid #999;
			}
			#videoListContainer .videoListEntry .videoHeadline {
				font-weight: bold;
				color: #000;
				margin-bottom: 10px;
			}
			#videoListContainer .last { margin-right: 0px; }
	
/* YOUTUBE END --------------------------------------------------------- */

/* GALLERY ------------------------------------------------------------- */
.cn_gallery-albumlist .cn_gallery-album,
.cn_gallery-thumbs .cn_gallery-thumb {
	width: 180px;
	height: 189px;
	padding: 9px;
	background: url(../img/layout/bg_gallery.png) no-repeat top left;
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
}
	.cn_gallery-albumlist .cn_gallery-album .desc { display: none; }
	.cn_gallery-albumlist .cn_gallery-album .cn_gallery-thumb {
		margin-bottom: 10px;
	}
	
	.cn_gallery-back {
		display: block;
		margin-bottom: 20px;
	}
	
/* GALLERY END --------------------------------------------------------- */

/* SIDEBAR ------------------------------------------------------------- */
#containerSidebar {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -487px;
	width: 310px;
	padding-top: 60px;
}

	#sidebar {
		padding: 0 13px 300px 13px;
		width: 284px;
		background: url(../img/layout/bg_sidebar.png) no-repeat bottom left;
		position: relative;
		margin-bottom: 30px;
	}


	#containerMainNav {
		min-height: 280px;
		margin-bottom: 33px;
		margin-left: -3px;
	}
	
	ul#mainNavList li a {
		display: block;
		height: 33px;
		text-indent: -999em;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: top left;
		margin-bottom: 2px;
		width: 280px;
	}
		ul#mainNavList li a:hover { background-position: bottom left; }
		ul#mainNavList li.activeSub a,
		ul#mainNavList li.activeSub a:hover {
			background-position: bottom left;
			height: 31px;
			margin-bottom: 0px;
		}
		ul#mainNavList li.active a,
		ul#mainNavList li.active a:hover {
			background-position: bottom left;
			height: 31px;
		}
		
		ul#mainNavList li ul#subNav {
			width: 280px;
			background: url(../img/layout/bg_subNav.jpg) no-repeat top left;
			margin-bottom: 2px;
		}
			ul#mainNavList li ul#subNav li a {
				display: block;
				height: 31px;
				text-indent: -999em;
				color: #000;
				text-decoration: none;
				font-size: 11px;
				background-repeat: no-repeat;
				background-position: top left;
			}
			ul#mainNavList li ul#subNav li.active a,
			ul#mainNavList li ul#subNav li a:hover {
				background-position: bottom left;
			}
		
		ul#mainNavList li ul#subNav li ul#subSubNav {
			width: 280px;
			padding: 10px 0;
			background: #000;
			color: #fff;
		}
			ul#mainNavList li ul#subNav li ul#subSubNav li a {
				width: 230px;
				color: #7c7d7e;
				text-indent: 0;
				text-decoration: none;
				font-weight: bold;
				height: 18px;
				line-height: 18px;
				text-transform: uppercase;
				padding: 0 0 0 50px;
			}
				ul#mainNavList li ul#subNav li ul#subSubNav li a:hover,
				ul#mainNavList li ul#subNav li ul#subSubNav li a.active { color: #fff; }


	a#btnBikeMap {
		display: block;
		height: 100px;
		text-indent: -999em;
		text-decoration: none;
		background: url(../img/layout/btn_bikeMap.jpg) no-repeat top left;
	}
	
	a#logoBikeCircus {
		display: block;
		position: absolute;
		left: 13px;
		bottom: 205px;
		width: 112px;
		height: 83px;
		text-indent: -999em;
		text-decoration: none;
		background: url(../img/layout/logo_bikecircus.png) no-repeat top left;
	}


	ul#sidebarQuickNav {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 66px;
	}
		ul#sidebarQuickNav li a {
			display: block;
			position: absolute;
			bottom: 7px;
			left: 41px;
			width: 48px;
			height: 66px;
			text-indent: -999em;
			text-decoration: none;
			background: url(../img/layout/btn_quickNav.png) no-repeat -5px 0px;
		}
			ul#sidebarQuickNav li a.quickNavFav { background-position: -5px 0px; }
			ul#sidebarQuickNav li a.quickNavFav:hover { background-position: -5px -63px; }
			
			ul#sidebarQuickNav li a.quickNavContact { left: 101px; background-position: -65px 0px; }
			ul#sidebarQuickNav li a.quickNavContact:hover { background-position: -65px -63px; }
			
			ul#sidebarQuickNav li a.quickNavBlog { left: 160px; background-position: -125px 0px; }
			ul#sidebarQuickNav li a.quickNavBlog:hover { background-position: -125px -63px; }
			
			ul#sidebarQuickNav li a.quickNavChannel { left: 221px; background-position: -185px 0px; }
			ul#sidebarQuickNav li a.quickNavChannel:hover { background-position: -185px -63px; }


	.sidebarPostItBox {
		width: 194px;
		height: 252px;
		padding: 10px 33px 0 33px;
		background: url(../img/layout/bg_postit.png) no-repeat top left;
		margin: 0 0 15px 14px;
	}

	#latestBlogArticles {
		width: 189px;
		height: 252px;
		padding: 10px 33px 0 38px;
	}
		#latestBlogArticles h4 {
			height: 40px;
			text-indent: -999em;
			background: url(../img/layout/hl_sidebar_lastBlogEntries_de.png) no-repeat top left;
			margin-bottom: 15px;
		}
		#latestBlogArticles ul li { border-bottom: 1px dotted #383523; }
		#latestBlogArticles ul li a {
			display: block;
			line-height: 25px;
			font-size: 11px;
			color: #000;
			padding-left: 15px;
			text-decoration: none;
			background: url(../img/layout/bullet_sidebarBlog.gif) no-repeat left;
		}
		#latestBlogArticles ul li a:hover { text-decoration: underline; }

	#big5Box a {
		display: block;
		width: 194px;
		height: 252px;
		overflow: hidden;
		text-indent: -999em;
		text-decoration: none;
		background: url(../img/layout/sidebar_big5_logo.png) no-repeat center;
	}


/* SIDEBAR END --------------------------------------------------------- */



/* FOOTER --------------------------------------------------------------- */
#containerFooter {
	width: 625px;
	height: 96px;
	margin: 0 auto 0 auto;
	padding: 116px 0 123px 335px;
	background: url(../img/layout/bg_footer.jpg) no-repeat top left;
	color: #fff;
	position: relative;
	font-size: 11px;
	line-height: 14px;
}
	#containerFooter a {
		color: #fff;
		text-decoration: none
	}
		#containerFooter a:hover { text-decoration: underline; }

	div#footerFirstCol {
		position: absolute;
		top: 127px;
		left: 308px;
		width: 166px;
		height: 85px;
		padding: 0 22px;
	}
	div#footerSecondCol {
		position: absolute;
		top: 127px;
		left: 519px;
		width: 190px;
		height: 85px;
		padding: 0 22px;
	}
	div#footerThirdCol {
		position: absolute;
		top: 127px;
		right: 36px;
		width: 126px;
		height: 85px;
		padding: 0 22px;
	}


	a#footerLogo {
		display: block;
		position: absolute;
		top: 124px;
		left: 134px;
		width: 108px;
		height: 81px;
		text-indent: -999em;
		text-decoration: none;
		background: url(../img/layout/logo_footer.png) no-repeat top left;
	}
	
	a#copyright {
		display: block;
		position: absolute;
		bottom: 81px;
		left: 329px;
		width: 109px;
		height: 8px;
		text-indent: -999em;
		text-decoration: none;
		background: url(../img/layout/copyright.gif) no-repeat top left;
	}


	#containerFooter ul.footerNav li a {
		display: block;
		line-height: 14px;
		text-decoration: none;
		color: #fff;
		padding-left: 10px;
		background: url(../img/layout/bullet_footerLinks.gif) no-repeat left;
	}
		#containerFooter ul.footerNav li a:hover { text-decoration: underline; }

/* FOOTER END ------------------------------------------------------------*/