@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Lobster);
html,
body
{
	font-family: Verdana, Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: #444;
}
html
{
	background: #EFEFEF url(back.png) center center repeat-x;
}
	h1,
	h2,
	h3
	{
		font-family: Lobster,Helvetica,Arial,sans-serif;
		color: #CD071E;
		font-size: 2em;
	}
	h1
	{
		line-height: 50px;
	}
	h2
	{
		font-size: 1.333em;
	}
	h3
	{
		font-size: 1.125em;
	}
	h4
	{
		font-family: Lobster,Helvetica,Arial,sans-serif;
		font-size: 1.5em;
		margin: 20px 0 10px 0;
	}
	h5
	{
		font-size: 1em;
		font-weight: bold;
	}
	#wrapper
	{
		display: block;
		position: relative;
		width: 1160px;
		height: 800px;
		margin: 0 auto;
	}
			header h1
			{
				text-align: center;
			}
				header h1 img
				{
					display: inline-block;
					height: 48px;
					width: auto;
				}
			nav
			{
				font-family:Lobster,Verdana,Helvetica,Arial,sans-serif;
				font-size: 28px;
				padding: 0 0 14px;
				text-align: center;
			}
				nav li
				{
					display: inline-block;
				}
					nav a
					{
						display: block;
						padding: 0 2.0em;
						text-decoration: none;
						color: #3374B5;
						text-shadow: #DDD 1px 1px 3px;
					}
					nav a:hover,
					nav a.active
					{
						color: #CD071E;
						text-shadow: #BBB 1px 1px 3px;
					}
					nav a.active
					{
						cursor: default;
					}
		#imageContainer
		{
			clear: both;
			float: left;
			overflow: hidden;
			width: 320px;
		}
		.startpage #imageContainer
		{
			width: 480px;
		}
			#imageContainer li
			{
				float: left;
			}
				#imageContainer img
				{
					display: block;
					width: 465px;
					height: 510px;
					margin: 0 5px 5px 0;
					padding: 4px;
					border: 1px solid #EEE;
					background: #FFF;
				}
				#imageContainer iframe
				{
					display: block;
					width: 305px;
					height: 471px;
					margin: 0 5px 5px 0;
					padding: 4px;
					border: 1px solid #EEE;
					background: #FFF;
					overflow: auto;
				}
		#foo
		{
			display: block;
			float: left;
			width: 600px;
			height: 479px;
			background: #FFF;
			padding: 19px;
			border: 1px solid #EEE;
			overflow: auto;
		}
		#foo2
		{
			display: block;
			float: left;
			width: 600px;
			height: 680px;
			background: #FFF;
			padding: 19px;
			border: 1px solid #EEE;
			overflow: auto;
		}
		#oeffnungszeiten_links {
			width: 260px;
			float: left;
			line-height: 24px;
			font-family: Verdana, Helvetica,Arial,sans-serif;
			font-size: 1em;
		}
		#oeffnungszeiten_rechts1 {
			margin-left: 220px;
			width: 360px;
			line-height: 24px;
			font-family: Verdana, Helvetica,Arial,sans-serif;
			font-size: 1em;		
		}
		#oeffnungszeiten_rechts2 {
			margin-left: 220px;
			width: 180px;
			line-height: 24px;
			font-family: Verdana, Helvetica,Arial,sans-serif;
			font-size: 1em;		
		}
		#tannenbaum_links {
			width:450px;
			float:left;
			line-height:24px;
		}
		#tannenbaum_rechts {
			margin: 20px 0 0 0;
			padding: 0;
			width: 140px;
		}
		#anfahrt
		{
			margin: 0 5px 5px 0;
			padding: 4px;
			float: left;
			width: 920px;
			height: 435px;
			background: #FFF;
			padding: 19px;
			border: 1px solid #EEE;
			overflow: auto;
			}
		.startpage article
		{
			width: 440px;
		}
			article p
			{
				line-height: 24px;
				margin: 14px 0;
			}
			article p.address
			{
				line-height: 23px;
			}
			article a
			{
				text-decoration: none;
				color: #00458B;
			}
			article ul
			{
				line-height: 23px;
				margin: 14px 0;
			}
				article ul li
				{
					margin: 7px 0;
					
				}
					article ul li h2
					{
						font-size: 1.125em;
					}
					article ul li a
					{
						display: inline-block;
						padding: 0 0 0 20px;
						background: url(file.png) center left no-repeat;
					}
			article ul.brandsList
			{
				text-align: center;
			}
				article ul.brandsList li
				{
					font-family:Lobster,Verdana,Helvetica,Arial,sans-serif;
					font-size: 24px;
					display: inline-block;
					background: none;
					padding: 10px 20px;
					color: #C5C4C4;
				}
				.startpage article ul.brandsList li
				{
					font-size: 18px;
					padding: 10px 15px;
				}
					article ul.brandsList li a
					{
						background: none;
						padding: 0;
						color: inherit;
					}
		footer
		{
			clear: left;
			text-align: center;
		}
			footer a
			{
				display: inline-block;
				margin: 10px 0;
				padding: 0 5px;
				font-size: 14px;
				color: #29486D;
				text-decoration: none;
				border: 0 solid #29486D;
				border-width: 0 1px 0 0;
			}
			footer a:last-child
			{
				border: 0;
			}
			footer ul
			{
				text-align: center;
				height: 26px;
				overflow: hidden;
				padding:0;
				margin: 0;
			}
			footer li
			{
				font-family:Lobster,Verdana,Helvetica,Arial,sans-serif;
				display: inline-block;
				line-height: 26px;
				padding: 0 10px;
				font-size: 16px;
				border: 0;
				color: #C5C4C4;
			}
			footer li a
			{
				outline:none;
				padding: 0;
				margin: 0;
				border:0;
				font-size: 16px;
				color: #C5C4C4;
				text-decoration: none;
			}
		#newsletter,
		#facebook
		{
			position: fixed;
			bottom: 0;
			left: 50%;
			margin: 0 0 0 264px;
			background: transparent;
			border: 3px solid rgba(0,0,0,.1);
			border-bottom: 0;
		}
		#facebook
		{
			margin: 0 0 0 110px;
		}
			#newsletter a
			{
				display: block;
				width: 144px;
				background: #E41E3D;
				color: #FFF;
				text-decoration: none;
				padding: .5em 0;
				text-align: center;
			}
			#newsletter form
			{
				display: none;
			}
		.no-js #newsletter
		{
			display: block;
		}
			#facebook a
			{
				display: block;
				width: 144px;
				background: #3B5998;
				color: #FFF;
				text-decoration: none;
				padding: .5em 0;
				text-align: center;
			}
	form
	{
	}
		label
		{
			display: block;
			text-indent: 0;
			padding-right: 20px;
			margin: 10px 0;
		}
			label input
			{
				font-family:Lobster,Verdana,Helvetica,Arial,sans-serif;
				font-size: inherit;
				color: #3374B5;
				width: 100%;
				padding: 10px;
				background: #F7F7F7;
				border: 0px solid #CD071E;
				border-width: 0 0 2px;
			}
			input
			{
				background-color: #3374B5;
				font-family:Lobster,Verdana,Helvetica,Arial,sans-serif;
				font-size: inherit;
				color: #FFF;
				border: 0;
				padding: 10px;
				cursor: pointer;
			}
		#newsletterPrivacy
		{
			cursor: pointer;
			margin: 10px 0;
			padding: 10px;
			background: #F7F7F7;
			border: 1px solid #F5F5F5;
		}
		#newsletterPrivacy p
		{
			display: none;
		}
		.no-js #newsletterPrivacy p
		{
			display: block;
		}
		#messageBoxWrapper
		{
			position: fixed;
			display: none;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: rgba(255,255,255,.75);
		}
			#messageBox
			{
				position: fixed;
				top: 50%;
				left: 50%;
				margin: -200px 0 0 -300px;
			}
				#messageBox a
				{
					position: absolute;
					top: 10px; right: 10px;
				}