@charset "utf-8";

	/*
	
		Tigerradtour für den Eberswalder Zoo
		----------------------------------------------------------------------
	
	*/
	
	
	
	/*
		Global
		----------------------------------------------------------------------
	*/
	
	body,
	h1, h2, h3, h4, h5, h6, p, 
	ul, ol, li,
	dl, dt, dd,
	form, fieldset,
	img	{
		margin: 0;
		padding: 0;
		border: 0;
	}

	*	{
		margin: 0;
		padding: 0;
		border: 0;
	}

	body {
		margin-bottom: 40px;
		color: #000;
		background: #fff url(bg_body.jpg) 0 0 repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.625em;
	}
	
	/*
		Container gesamter Content
		----------------------------------------------------------------------
	*/
	
	div#page {
		position: relative;
		width: 940px;
		margin: 0 auto;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
	}
	
	/*
		Header
		----------------------------------------------------------------------
	*/
	
	div#header {
		position: relative;
		height: 200px;
		color: #000;
		background: #b0e235 url(bg_header-2010.jpg) 0 0 no-repeat;
		border-bottom: 3px solid #fff;
	}

	div#header div#header-img {
		float: left;
		width: 400px;
		height: 200px;
	}
	
	div#header h1 {
		height: 0;
		line-height: 0;
		font-size: 0;
		text-indent: -2000px;
		display: none;
	}

	div#header div#header-txt {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 420px;
		height: 50px;
		padding: 0 33px;
	}
	
	div#header div#header-txt p {
		font-size: 1.1em;
		line-height: 1.3;
		font-weight: bold;
		color: #2b5c00;
		background-color: transparent;
	}
	
	div#header div#header-flv {
		float: right;
		display: inline;
		width: 300px;
		height: 160px;
		margin: 15px 15px 0 0;
		border: 1px solid #fff;
	}
	
	/*
		Hauptmenu
		----------------------------------------------------------------------
	*/
	
	div#mainnav {
		position: relative;
		height: 37px;
		padding: 10px 10px 0 0;
		background: url(bg_mainmenu.jpg) 0 0 no-repeat;
		text-align: right;
	}

	div#mainnav ul {
	}

	div#mainnav ul li {
		display: inline;
		list-style-type: none;
		border-right: 2px solid #fff;
	}

	div#mainnav ul li.current a span {
		border-bottom: 2px solid #fff;
	}

	div#mainnav ul li.last {
		border-right: none;
	}

	div#mainnav ul li a {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.4em;
		text-decoration: none;
		color: #fff;
		background-color: transparent;
	}

	div#mainnav ul li span {
		margin: 0 10px 0 7px;
		padding: 0;
	}

	/*
		Inhaltsbereich
		----------------------------------------------------------------------
	*/
	
	div#contentframe {
		position: relative;
		min-height: 400px;
		padding: 20px 40px 0 30px;
		color: #757257;
		background: #f2f1c2 url(bg_contentframe.gif) 0 0 repeat-x;
		border-left: 1px solid #e4e3b7;
		border-right: 1px solid #e4e3b7;
		border-bottom: 1px solid #e4e3b7;
	}

	div#contentframe div#biker {
		position: absolute;
		left: 20px;
		bottom: 0;
		width: 110px;
		height: 190px;
		background: url(biker-shadow.gif) 10px 100% no-repeat;
	}

	/*
		Spalte Links
		----------------------------------------------------------------------
	*/
	
	div#leftcol {
		float: left;
		display: inline;
		width: 270px;
		padding: 20px 0 220px 0;
	}

	div#leftcol dl.tour08,
	div#leftcol dl.tour09 {
		margin-bottom: 20px;
		padding-bottom: 40px;
		background: url(bg_footprint.gif) 50% 100% no-repeat;
	}

	div#leftcol dl.tour08 dt,
	div#leftcol dl.tour09 dt {
		text-align: center;
	}

	div#leftcol dl.tour08 dd,
	div#leftcol dl.tour09 dd {
		padding-top: 5px;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.4;
		font-weight: bold;
		color: #333;
		background-color: #f2f1c2;
	}

	div#leftcol dl.tour09 dd a,
	div#leftcol dl.tour08 dd a {
		color: #333;
		background-color: #f2f1c2;
		text-decoration: none;
	}

	div#leftcol dl.tour08:hover dd a,
	div#leftcol dl.tour08 dd a:hover,
	div#leftcol dl.tour09:hover dd a,
	div#leftcol dl.tour09 dd a:hover {
		text-decoration: underline;
	}

	/*
		Spalte Rechts
		----------------------------------------------------------------------
	*/
	
	div#rightcol {
		float: left;
		display: inline;
		width: 500px;
		margin-left: 40px;
		padding-bottom: 5em;
	}

	div#rightcol h1 {
		font-size: 250%;
		line-height: 1.4;
		margin: 0.5em 1em 0.5em 0;
		color: #5C85B8;
		background-color: #f2f1c2;
	}

	div#rightcol h2 {
		font-size: 180%;
		line-height: 1.4;
		margin: 1em 1em 0.5em 0;
		color: #5A5841;
		background-color: #f2f1c2;
	}

	div#rightcol h3 {
		font-size: 160%;
		line-height: 1.4;
		margin: 1em 1em 0.5em 0;
		color: #5A5841;
		background-color: #f2f1c2;
	}

	div#rightcol p {
		font-size: 1.2em;
		line-height: 1.6;
		font-weight: bold;
		margin: 1em 0;
		color: #706D53;
		background-color: #f2f1c2;
	}
	
	div#rightcol blockquote p {
		margin: 1em 0;
		padding-left: 1.5em;
		padding-right: 1.5em;
		border-left: 4px solid #f77a0e;
		border-right: 4px solid #f77a0e;
		color: #706D53;
		background-color: #f2f1c2;
	}

	strong {
		font-weight: bold;
		color: #333;
		background-color: #f2f1c2;
	}

	div#rightcol ul,
	div#rightcol ol {
		margin-left: 1.5em;
		padding-left: 1em;
		font-size: 1.2em;
		line-height: 1.4;
		font-weight: bold;
		color: #706D53;
		background-color: #f2f1c2;
	}

	div#rightcol li {
		margin-bottom: 0.5em;
	}

	div#rightcol dl {
		padding-bottom: 10px;
	}

	div#rightcol div.indent {
		padding-left: 3em;
	}

	/* Flash-Player */

	div#flvcaption {
		clear: both;
		margin: 1em 0 2em 0;
		padding: 0;
		font-size: 1.4em;
		font-weight: bold;
	}

	div#playlist {
		clear: both;
		width: 400px;
		margin: 1em 0 2em 0;
		padding: 0;
		font-size: 1.4em;
		font-weight: bold;
	}

	div.flvplayer_listpic {
		margin: 10px 10px 10px 0;
		border: 1px solid #333;
	}
	
	div.flvplayer_listpic img {
		border: 4px solid #fff;
		float: left;
	}
	
	div#playlist  div.flvplayer_listpic_act img {
		border: 4px solid #f77a0e;
	}

	/* Tabellen */
	
	table {
	}
	
	td {
		text-align: left;
		vertical-align: top;
	}
		
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
	*/
	
	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}