/*	===========================================
	 Reset Elements (Browser Compatibility)
	===========================================
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,menu {margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset,img {border:0;}
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6 {font-size:100%;}
	q:before,q:after {content:'';}

/* 
	===========================================
	 Html Elements
	===========================================
*/

	body {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:10px;
		padding:0;
		
		text-align:center;
		background:#1676b3 url(../images/bg-body-summer2.jpg) fixed no-repeat 50% 0;
		/*background:#1676b3 url(../images/bg-body-winter.jpg) fixed no-repeat 50% 0;*/
		}
	h1, h2, h3 {
		font-family:Tahoma,Arial,Helvetica,sans-serif;
		}
	h1 {
		font-weight:normal;
		font-size:2.2em;
		padding: 0 0 0.2em 0;
		}
		h1 span {
			color:#006;
			}
	h2 {
		color:#003d7c;
		font-size:1.4em;
		padding: 0.5em 0 0.2em 0;
		}
	h3 {
		color:#c00;
		font-size:1.1em;
		padding: 0.5em 0 0.2em 0;
		}
	h4 {
		color:#006;
		}
	hr {
		height:1px;
		color:#fff;
		background-color:#fff;
		border:0;
		border-bottom:1px dotted #000;
		}
	img {
		border:0;
		}
	table {
		font-size:8.5pt;
		border-top:1px solid #999;
		width:100%;
		}
	td, th {
		font-size:8.5pt;
		padding:0.4em 0.3em;
		border-bottom:1px solid #999;
		}
	th {
		text-align:left;
		font-weight:bold;
		border-bottom:2px solid #aaa;
		}
	a:link img, a:visited img, a:active img, a:hover img {
		border:0;
		}
	a:link, a:visited, a:active {
		color:#a00;
		text-decoration:none;
		}
	a:hover {
		color:#003d7c;
		text-decoration:underline;
		}
	p {
		line-height:1.4em;
		padding:0.5em 0 1em 0;
		}
		p b,
		p strong,
		li strong {
			color:#003d7c;
			}
	sup {
		font-size:0.4em;
		line-height:0.6em;
		}
	strong {
		font-weight:bold;
		}
	
	input, select, textarea {
		border:1px solid #bbb;
		color:#444;
		font-size:inherit;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		margin:0.1em 0 0.1em 0;
		background-color:#eee;
		}
	input {
		padding:0.2em;
		}
	label {
		padding:0 0.5em 0 0;
		display:block;
		clear:left;
		float:left;
		width:315px;
		line-height:2em;
		border-bottom:1px dotted #999;
		}
	q {
		}
	small {
		font-size:0.8em;
		}

/* 
	===========================================
	 Container
	===========================================
*/

	#wrapper {
		position:absolute;
		z-index:10;
		top:60px;
		left:50%;
		width:960px;
		padding:20px 0 20px 20px;
		margin-left:-490px;
		margin-bottom:40px;
		text-align:left;
		font-size:1.2em;
		border:1px solid #a7a7a7;
		background-color:#fff;
		
		}
		#header {
			width:940px;
			margin:0 0 14px 0;
			text-align:center;
			/*background:url(/images/tannenbaum.jpg) no-repeat top left;*/
			}
			#logo {
				}
		#menu {
			width:940px;
			color:#fff;
			background-color:#ee332a;
			height:2.2em;
			margin:14px 0 0 0;
			}
			#menu a:link,
			#menu a:active,
			#menu a:visited {
				color:#fff;
				}			
		#box-slideshow {
			width:620px;
			height:250px;
			margin:14px 14px 0 0;
			float:left;
			border:1px solid #002967;
			}
		#box-events {
			width:262px;
			padding:0 20px;
			margin:14px 0 0 0;
			height:250px;
			float:left;
			border:1px solid #002967;
			}
			
		#box-newsletter,
		#box-center-tv,
		#box-centernewspaper,
		#box-businesshours {
			width:262px;
			padding:0 20px;
			margin:14px 14px 0 0;
			float:left;
			border:1px solid #002967;
			}
		#box-centernewspaper {
			background:#fff url(../images/bg-center-magazin.png) scroll no-repeat 100% 50%;
			}
		#box-newsletter {
			width:192px;
			padding:0 90px 0 20px;
			background:#fff url(../images/bg-newsletter.png) scroll no-repeat 100% 50%;
			}
		#box-center-tv {
			/*background:#fff url(../images/bg-center-tv.jpg) scroll no-repeat 100% 100%;
			background:#fff url(../images/bg-center-tv_53.jpg) scroll no-repeat 100% 100%;*/
			background:#fff url(../images/bg-waterfront-tv-chrismas.jpg) scroll no-repeat 100% 100%;
			
			}
			
		#brands-and-stores {
			width:938px;
			height:102px;
			overflow:hidden;
			padding:0;
			margin:14px 0 0 0;
			float:left;
			border:1px solid #002967;
			}
			#brands-and-stores div {
				width:938px;
				text-align:center;
				}
		#footer {
			clear:both;
			}

/* 
	===========================================
	 Content
	===========================================
*/
	.content-left {
		width:580px;
		padding:0 20px;
		margin:14px 14px 0 0;
		float:left;
		border:1px solid #002967;
		}
	.content-left-1col {
		width:262px;
		padding:0 20px;
		margin:14px 14px 0 0;
		float:left;
		border:1px solid #002967;
		}
	.content-half-width {
		width:420px;
		padding:0 20px;
		margin:14px 14px 0 0;
		float:left;
		border:1px solid #002967;
		}
	.content-full-width {
		clear:both;
		width:896px;
		padding:0 20px;
		margin:14px 14px 0 0;
		float:left;
		border:1px solid #002967;
		}
	.content-right {
		padding:0 20px;
		width:262px;
		padding:0 20px;
		height:250px;
		margin:14px 0 0 0;
		float:left;
		border:1px solid #002967;
		}	

/*  #
	===========================================
	 Container
	===========================================
*/
	#box-shop-selector {
		height:345px;
		overflow:auto;
		}
	.box-shop-highlighting {
		position:absolute;
		top:0;
		left:0;
		}
/* 
	===========================================
	 Tables
	===========================================
*/

	table#table-businesshours {
		width:250px;
		margin:0.5em 0 1em 0;
		width:20px;
		height:20px;
		}
	table.table-shoplist {
		width:100%;
		margin:20px 0;
		text-align:left;
		}
		table.table-shoplist td {	
			font-size:12px;
			}
	table.table-shop-details,
	table.table-presse {
		width:100%;
		line-height:1.4em;
		margin:0 0 1em 0;
		}
		table.table-shop-details td,
		table.table-presse td {	
			padding:0.4em 0;
			}


/* 
	===========================================
	 Listen
	===========================================
*/
	ul.box-events{
		padding-left:0;
	}
	ul.box-events li a:link,
	ul.box-events li a:visited,
	ul.box-events li a:active{
		display:block;
		line-height:1.4em;
		padding:0.4em 0;
		color:#003d7c;
		background:#fff url(../images/bg-box-events-a.jpg) scroll repeat-y 100% 0;
		border-bottom:1px dashed #999;
		text-decoration:none;
		font-size:0.9em;
		}
	ul.box-events li a:hover {
		background:#fcc;
		color:#000;
		text-decoration:none;
		padding:0.4em 0.2em 0.4em 0.3em;
		}
		ul.box-events li a b {
			color:#ee332a;
			font-size:1.1em;
			}


	ul.list-shop-selector {
		width:94%;
		}
		.list-shop-selector li.shop, 
		.list-shop-selector li.shop_en {
			display:block;
			width:46%;
			float:left;
			padding:0.3em;
			border-bottom:1px solid #bbb;
			cursor:pointer;
			}
			.list-shop-selector li.shop:hover,
			.list-shop-selector li.shop_en:hover {
				background-color:#fcc;
				}
		.list-shop-selector li.letter {
			display:block;
			width:100%;
			float:left;
			padding:0.3em;
			border-bottom:1px solid #f00;
			}


	ul.ul-filter-offers,
	ul.ul-shopcategories,
	ul.ul-news {
		border-top:1px dashed #999;
		margin:1.5em 0;
		}	
		ul.ul-filter-offers a,
		ul.ul-shopcategories a,
		ul.ul-news a {
			display:block;
			line-height:2em;
			border-bottom:1px dashed #999;
			padding:0 0 0 1em;
			color:#003d7c;
			}
		ul.ul-filter-offers a.current,
		ul.ul-shopcategories a.current,
		ul.ul-news a.current {
			color:#003d7c;
			background:#fcc url(../images/stripe-red.png) scroll repeat 0 0;
			}


	ul.ul-center-zeitung li {
		display:block;
		float:left;
		width:50%;
		text-align:left;
		padding:1em 0 0 0;
		}
	ul.ul-center-zeitung li img {
		margin:0 1em 0 0;
		border:1px solid #777;
		}

	ul.special-offers {
		margin:1em 0;
		border-top:1px dashed #999;
		}
		ul.special-offers li {
			padding:1em 0 1em 80px;
			border-bottom:1px dashed #aaa;
			clear:both;
			}
			ul.special-offers li h3 {
				margin:0 0 0.3em 0;
				padding:0.3em 0 0 0;
				}
				ul.special-offers li h3 span {
					font-weight:normal;
					color:#003d7c;
					}
	ul.list-service {
		margin:20px 0;	
		}
		ul.list-service li a:link,
		ul.list-service li a:active,
		ul.list-service li a:visited {
			display:block;
			line-height:2em;
			border-bottom:1px dashed #aaa;
			}
	ul.list-jobs {
		margin:20px 0;	
		}
		ul.list-jobs li {
			clear:both;
			border-bottom:1px dashed #aaa;
			line-height:2em;
			}
		ul.list-jobs img{
			vertical-align:middle; 
		}
			ul.list-jobs li a:link,
			ul.list-jobs li a:active,
			ul.list-jobs li a:visited {
				margin-left:40px;
				
				
				
				}
	ul.content-list {
		margin:20px 0;
		border-top:1px dashed #aaa;
		}
		ul.content-list li {
			background-color:#fff;
			padding:12px 0;
			border-bottom:1px dashed #aaa;
			}
/* 
	===========================================
	 Bilder
	===========================================
*/

	.img-news {
		padding: 20px 0 0.2em 0;
		width:262px;
		height:220px;
		}
	.img-news-big {
		padding: 20px 0 0.2em 0;
		width:580px;
		}
	
	#brands-and-stores div img {
		margin:0 10px;
		}
	.shop-details-logo {
		margin:0.2em;
		}
	#eyecatcher-newsletter {
		position:absolute;
		top:-37px;
		left:865px;
		}
	#eyecatcher-jubilaeum {
		position:absolute;
		top:-23px;
		left:720px;
		}
	#menu img.language-de {
		position:absolute;
		top:83px;
		left:934px;
		border:1px solid #aaa;
		}
	#menu img.language-en {
		position:absolute;
		top:83px;
		left:904px;
		border:1px solid #aaa;
		}
	.campaign-image {
		float:left;
		margin:0 1em 0 0;
		}
	.pressarticle-thumbnail,
	a img.pressarticle-thumbnail {
		margin:0.3em 1em;
		border:1px solid #777;
		}
/* 
	===========================================
	 Background
	===========================================
*/

	#bg-body.bg-body {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		}


/* 
	===========================================
	 Scroller
	===========================================
*/

	#makeMeScrollable {
		width:860px;
		height: 80px;
		position: relative;
		overflow:hidden;
	}
	
	#logoParade div.scrollableArea img {
		float: left;
		margin: 0 5px 0 5px;
	}
/* 
	===========================================
	 Galerie-Vorschau
	===========================================
*/

	div.galery-preview {
		display:block;
		float:left;
		width:82px;
		text-align:center;
		padding:5px;
		}
		div.galery-preview a:link,
		div.galery-preview a:active,
		div.galery-preview a:visited,
		div.galery-preview a:hover {
			display:block;
			height:80px;
			}
			div.galery-preview a img {
				border:1px solid #aaa;
				}
	/* Querformat */
	.landscape {
		margin-top:12px;
		}
	/* Hochformat */
	.portrait {
		
		}

/* 
	===========================================
	 Misc Classes
	===========================================
*/
div.error {
	color:#000;
	background:#fc3 url(../images/attention-red.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #a00;
	margin-bottom:2em;
	}
div.confirmation {
	color:#000;
	background:#DEFAB6 url(../images/confirmation.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #64951D;
	margin-bottom:2em;
	}
div.information {
	color:#000;
	background:#CFD6FF url(../images/information.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #006;
	margin-bottom:2em;
	}
.clear {
	clear:both;
	}
#validation {
	display:none;
}
a.center-tv {
	display:block;
	height:150px;
	}
	
dl.impFot{
	margin-bottom:2em;
	line-height:1.5em;
}

dl.impFot dd{
	margin-left:1em;
}
.leftImage{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#centerplan-small{
	z-index:1
}
ul.anfahrt{
	margin-top:0;
}
/**
* immer gut informiert links
*	startseite
*	immer-gut-informiert
*/
ul#informiert li{
	position:relative;
}
ul#informiert li a.help{
	position:absolute;
	right:2em;
	
}

/**
 * Social Network Leiste
 */
div#soc{
	font-size:.85em;
}
div#soc h3{
	
	margin-top:1em;
}
ul#soc_net {
	list-style:none;
	margin:.5em 0 0 0;
	padding:0;
	height:30px;
}
ul#soc_net li{
	float:left;
	margin-right:10px;
}
ul#soc_net li a:link,ul#soc_net li a:visited{
	display:block;
	text-indent:-9999px !important;
	background-image:url(/images/socBook/mainPage.png);
	height:16px;
	width:16px;
	border:1px solid #fff;
}
ul#soc_net li a:hover,ul#soc_net li a:focus{
	border:1px solid #f0047f;
	-moz-border-radius: 5px;
}
a#soc_net_myspace{
	background-position:0 0;
}
a#soc_net_facebook{
	background-position:-16px 0;
}
a#soc_net_delicious{
	background-position:-32px 0;
}
a#soc_net_mrwong{
	background-position:-48px 0;
}
a#soc_net_googlebookmarks{
	background-position:-64px 0;
}
a#soc_net_furl{
	background-position:-80px 0;
}
a#soc_net_digg{
	background-position:-96px 0;
}
a#soc_net_yigg{
	background-position:-128px 0;
}
a#soc_net_technorati{
	background-position:-112px 0;
}
a#soc_net_twitter{
	background-position:-144px 0;
}
/**
	grosses Facebook logo im header
*/
#facebookBig a{
	display:block;
	position:absolute;
	top:-2em;
	right:20px;
	height:63px;
	width:50px;
	background:url(/images/socBook/facebook-big.png) no-repeat;
	text-indent:-9999px;
	outline:none;
}
#fotowettbewerbBanner a{
	display:block;
	position:absolute;
	top:-60px;
	right:20px;
	
	height:140px;
	width:140px;
	background:url(/images/fotowettbewerb-banner2011-3.png) no-repeat;
	text-indent:-9999px;
	outline:none;
}
     
#fotowettbewerb2011 a{
	right:10px;
	display:block;
		position:absolute;
		top:-60px;
		

		height:140px;
		width:140px;
		background:url(/images/fotowettbewerb-banner2011-3.png) no-repeat;
		text-indent:-9999px;
		outline:none; 
}


/*
* centerplan
*/
#centerplanShop{
				width:170px;
				float:right;
				overflow:hidden
				
			}
			
				#centerplanShop h2{
					background:#358fc4;
					color:#fff;
					width:150px;
					padding:7px 10px 7px 10px;
					font-size:14px;
					margin-top:20px;
				}
				#centerplanShop form{
					height:27px;
					width:164;
					margin-top:20px;
				}
				#centerplanShop form *{
					float:left;
					
				}
				
				#shopSearch{
					border:1px solid #358fc4;
					border:1px solid #358fc4;
					height:27px;
					width:129px;
					font-size:12px;
					color:#0a3f87;
					
					padding-left:7px;
				}
				#searchSubmit{
					border:none;
					background:url(/images/centerplan-search.jpg) top right no-repeat #358fc4;
					width:28px;
					height:33px;
					text-indent:-99999px;
					cursor:pointer
				}
				
				#centerplanShop div {
					height:535px;
					overflow-x: scroll;
				
					width:170px;
					margin-top:20px;
					
				}
				#centerplanShop ul{
					background:#aed2e7;
					height:100%;
					-webkit-appearance: none;
				}
				
				#centerplanShop li {
					
					overflow:hidden;
					font-size:12px;
					
				}
				#centerplanShop li.letter {
					background:#65aad2;
					padding:7px 10px 7px 10px;
					
				}
				
				#centerplanShop li a:link,#centerplanShop li a:visited{
					
					padding:7px 10px 7px 10px;
					font-size:12px;
					background:#aed2e7;
					display:block;
					color:#0a3f87;
					text-decoration:none;
				}
				.shopActive,#centerplanShop li a:hover,#centerplanShop li a:focus{
					background:#95c4e0 !important;
				}
				
				#shopAct{
					position:absolute;
					
					z-index:2;
					background:#fff;
					/*background:rgba(255,255,255,.75);*/
					border:1px solid #043882;
					width:150px;
					
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					padding:10px;
					font-size:10px;
				}
					.shopActer{
						position:absolute;
						
						z-index:2;
						background:#fff;
						/*background:rgba(255,255,255,.75);*/
						border:1px solid #043882;
						width:40px;
						height:40px;
						-moz-border-radius:5px;
						-webkit-border-radius:5px;
						border-radius:5px;
						padding:0 5px 0 5px;
						font-size:10px;
					}
					#shopAct h2{
						
					}
					#shopAct #arrow{
						position:absolute;
						width:20px;
						height:25px;
						
					}
					#shopAct .arrowBottomLeft{
						
						bottom:-24px;
						left:10px;
						background:url(/images/centerplan-arrow-bottom.gif);
					}
					#shopAct .arrowTopLeft{
						
						top:-24px;
						left:10px;
						background:url(/images/centerplan-arrow-top.gif);
					}
					#shopAct .arrowBottomRight{
						
						bottom:-24px;
						left:120px;
						background:url(/images/centerplan-arrow-bottom-right.gif);
					}
					.arrowBottomLeftSmall{
						position:absolute;
						width:8px;
						height:10px;
						bottom:-10px;
						left:2px;
						background:url(/images/centerplan-arrow-bottom-left-small.gif);
					}
					
					.closeShopWindow{
						height:14px;
						width:14px;
						position:absolute;
						top:5px;
						right:5px;
						background:url(/images/center-close.jpg) no-repeat;
						display:block;
						text-indent:-99999px;
						outline:none;
					}
					.closeShopWindow:hover{
						background-position:-16px 0 !important;
					}