body {
	text-align:left;
	color:#000;
	margin: 0px;
	padding: 0px;
	background:url(../images/markt.jpg) center top;
	overflow:auto;
	display:block;
}
html
{
  padding: 0px;
  margin: 0px;
}
*  { padding: 0; margin: 0; }

#main {
	max-width:1000px;
	min-width:1000px;
	margin:0 auto;
}


#header {
	background-color: rgba(50,46,46,0.75);
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	margin:0 0 50px;
	padding:20px 0;
	
}

h1 {
	left:20%;
	width:350px;
	padding:30px 15px 15px;
	margin:0;
	font:35px 'Roboto Condensed',sans-serif;
	color:#fff;
	background-color: rgba(50,46,46,0.75);
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-transform:rotate(-1.25deg);
	-moz-transform:rotate(-1.25deg);
	transform:rotate(-1.25deg);
	-o-transform:rotate(-1.25deg);
	-webkit-animation-name:slidingHeadline;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal;
	-moz-animation-name:slidingHeadline;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:1;
	-moz-animation-direction:normal;
}

@-webkit-keyframes slidingHeadline {
	from {
		margin:0 0 0 -35%;
		background-color:rgba(50,46,46,0.75);
	}
	
	to {
		margin:0;
		background-color:rgba(50,46,46,0.75);
	}
}

@-moz-keyframes slidingHeadline {
	from {
		margin:0 0 0 -35%;
		background-color:rgba(50,46,46,0.75);
	}
	
	to {
		margin:0;
		background-color:rgba(50,46,46,0.75);
	}
}

h1 span {
	font-size:20px;
	display:block;
}

#content {
	width:1000px;
	background-color: rgba(255,255,255,0.75);
	margin:0px 0 0 0;
	margin-bottom: 50px;
	padding-bottom: 50px;
	padding:40px 0;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	z-index:1;
	top: 300px;
}

#content h2,#content h3,#content h4, #content p, #content ul {
	
	margin:0;
	padding:10px 50px;
}

#content p {
	font:normal 18px 'Roboto Condensed',sans-serif;
	text-align: justify;
}
#content li {
	font:normal 18px 'Roboto Condensed',sans-serif;
	list-style-position: inside;
}

#content h2 {
	font:bold 100px/.825 'Roboto Condensed',sans-serif;
	text-shadow:5px 5px 5px #CCC;
}

#content h2 span {
	font:25px 'Roboto Condensed',sans-serif;
	display:block;
	margin-top: 10px;
}

#content h3 {
	font:bold 50px/.825 'Roboto Condensed',sans-serif;
	text-shadow:2px 2px 2px #CCC;
}

#content h4 {
	font:bold 20px/.825 'Roboto Condensed',sans-serif;
	text-shadow:1px 1px 1px #CCC;
	line-height: 22px;
}

#stationen {
 margin: auto;
 z-index: 2;
}

.stationenkarte{
	width: 300px;
	opacity: 0.9;
	z-index: 2;
}
#stationen td{
	width: 300px;
	padding: 50px 25px 0px 25px;
}

#stationen h5 {
	font:bold 20px/.825 'Roboto Condensed',sans-serif;
	text-shadow:1px 1px 1px #CCC;
	margin:0;
	line-height: 25px;
	text-align: justify;
}

#stationen_tabelle h5, #koop h5  {
	font:bold 20px/.825 'Roboto Condensed',sans-serif;
	text-shadow:1px 1px 1px #CCC;
	margin:0;
	line-height: 25px;
}

#koop h5{
	padding-top: 25px;
}

#stationen_tabelle {
margin: auto;
}

#stationen_tabelle td{
	font:normal 15px/.825 'Roboto Condensed',sans-serif;
	line-height:20px;
	padding: 50px 5px 25px 5px;
	width: 250px;
	vertical-align: bottom;
	text-align: center;
}

#koop{
	margin: 0 auto 0 auto;
}

#koop h3{
	padding: 25px 0 25px 0px;
}

#koop td{
	font:normal 15px/.825 'Roboto Condensed',sans-serif;
	line-height:20px;
	padding: 25px 0px 25px 0px;
	width: 225px;
	vertical-align: bottom;
	text-align: center;
}

#koop td.traeger{
	padding: 0px 0px 25px 0px;
}
#koop td.traegerlogo{
	vertical-align: middle;
	text-align: center;
}

.termin {
	font:bold 15px/.825 'Roboto Condensed',sans-serif;
}

dl.imgLeft {
	float:left;
	margin:10px 25px 10px 50px;
}
img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.logo{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
dl.imgLeft dd {
	margin:0;
	font:normal 12px/.825 'Roboto Condensed',sans-serif;
}

dl.imgRight {
	float: right;
	margin:10px 50px 10px 25px;
}
dl.imgRight dd {
	margin:0;
	font:normal 12px/.825 'Roboto Condensed',sans-serif;
	float: right;
}


/* NAVIGATION */
 #navigation {
	text-align:left;
	/*display:inline-block;*/
	margin-top: 50px;
	height: 42px;
}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
}

#nav li {
	float:left;
	position:inline-block;
	background:none;
	margin: 0px;
}



#nav a {
	font:20px 'Roboto Condensed',sans-serif;
	text-decoration:none;
	color:#fff;
	display:block;
	margin-right:5px;
	padding:8px 12px;
	background:rgba(50,46,46,0.75);
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(140,139,139,0.75)),to(rgba(50,46,46,0.75)));
	background:-webkit-linear-gradient(top,rgba(140,139,139,0.75),rgba(50,46,46,0.75));
	background:-moz-linear-gradient(top,rgba(140,139,139,0.75),rgba(50,46,46,0.75));
	background:-o-linear-gradient(top,rgba(140,139,139,0.75),rgba(50,46,46,0.75));
	background:-ms-linear-gradient(top,rgba(140,139,139,0.75),rgba(50,46,46,0.75));
	background:linear-gradient(top,rgba(140,139,139,0.75),rgba(50,46,46,0.75));
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#nav .level2 a {
	font:16px 'Roboto Condensed',sans-serif;
	text-decoration:none;
	color:#fff;
	display:block;
	margin-right:5px;
	padding:8px 15px;
	background: rgba(50,46,46,1);
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

#nav .current a {
	font:20px 'Roboto Condensed',sans-serif;
	background: rgba(255,255,255,0.75);
	color:#000;
}

#nav .current li a {
	background:#322e2e;
	color:#fff;
}

#nav li:hover > a {
	background:rgba(255,255,255,0.75);
	color:#000;
}

#nav ul li:hover a {
	background:#fff;
	color:#000;
}

#nav li_hover li a {
	background:#000;
	color:#fff;
}

#nav ul a:hover {
	background:#0399d4;
	color:#fff;
}

#nav ul {
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li:hover > ul {
	display:block;
}

#nav ul li {
	float:none;
	margin:0;
	padding:0;
	border:#000 5px;
}

#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}