/*
		
			Lokaler Aktionsplan Barnim | Startseite
			lap-barnim.de
			----------------------------------------------------------------------
		
		*/
		
		
		
		/*
			Global
			----------------------------------------------------------------------
		*/
		
		* {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		body {
			color: #656661;
			background: #8f846b url(bg-body.jpg) center top no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.625em;
		}
		
		acronym {
			border-bottom: 1px solid #000;
			cursor: help;
		}
		

		/*
			Container gesamter Content
			----------------------------------------------------------------------
		*/
		
		div#page {
			position: relative;
			width: 950px;
			margin: 0 auto;
			padding-bottom: 50px;
			overflow: hidden;
		}

		
		/*
			Menu oben
			----------------------------------------------------------------------
		*/
		
		div#topnav {
			position: relative;
			height: 73px;
		}
		
		div#topnav h1 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
				
		div#topnav h2 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
		
		div#topnav p#jumpmenue {
			position: absolute;
			right: 2000px;
			z-index: 1;
		}
		
		div#topnav p#jumpmenue span {
			display: none;
		}
		
		div#topnav p#jumpmenue a:focus, 
		div#topnav p#jumpmenue a:active {
			position: absolute;
			right: -2000px;
			top: 0;
			display: block;
			width: 210px;
			padding: 5px 10px;
			color: #000;
			background-color: #f6f6f6;
		}

		div#topnav ul {
			float: left;
			width: 600px;
			margin-top: 23px;
		}
		
		div#topnav li {
			list-style-type: none;
			float: left;
			background: url(plus.gif) right center no-repeat;
		}
		
		div#topnav li#last {
			background: none;
		}
		
		div#topnav li a {
			font-size: 1.4em;
			font-weight: bold;
			color: #e6e6e6;
			background-color: transparent;
			text-transform: uppercase;
			margin-right: 24px;
		}

		/*
			Logo top rechts
			----------------------------------------------------------------------
		*/
		
		div#toplogo {
			float: right;
			display: inline;
			margin-top: 10px;
			width: 297px;
		}
		
		div#toplogo img {
		}
		
		/*
			Banner Veranstaltungen
			----------------------------------------------------------------------
		*/
		
		div#banner {
		}
		
		div#banner img {
		}
		
		/*
			Container Frame
			----------------------------------------------------------------------
		*/
		
		div#container {
			margin-top: 7px;
			padding: 6px;
			color: #000;
			background: #bbb3a5 url(bg-container.gif) left top no-repeat;
		}

		div#mainnav {
		}
		
		div#mainnav div.topic {
			float: left;
			display: inline;
			width: 309px;
			color: #f6f6f6;
			background: url(bg-topic.gif) 0 30px no-repeat;
		}
		
		div#mainnav div.space {
			margin-right: 5px;
		}
		
		div#mainnav div.topic img {
			float: left;
		}
		
		div#mainnav div.topic h2 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
		
		div#mainnav div.topic p {
			font-size: 1.2em;
			padding: 5px 10px;
			width: 288px;
		}
		
		div#mainnav div.topic p a {
			color: #fff;
			text-decoration: none;
		}
				
				
		/*
			Themen-tabs
			----------------------------------------------------------------------
		*/
		
		div#tabs {
			position:relative;
			margin-top: 12px;
			height: 34px;
			background: url(bg-tabs-start.gif) left bottom no-repeat;
		}
		
		div#tabs ul {
			list-style: none;
			list-style-image: none;
		}
		
		div#tabs ul li,
		div#tabs ul li a {
			float: left;
			width: 290px;
			height: 29px;
		}
		
		div#tabs ul li a span {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -1000px;
		}
		
		div#tabs ul li#tab1 a {
			background: url(bg-thema-tab1.gif) left top no-repeat;
		}
		
		div#tabs ul li#tab1 a.active {
			background: url(bg-thema-tab1-ov.gif) left top no-repeat;
		}
		
		div#tabs ul li#tab2 a {
			background: url(bg-thema-tab2.gif) left top no-repeat;
		}
		
		div#tabs ul li#tab2 a.active {
			background: url(bg-thema-tab2-ov.gif) left top no-repeat;
		}
		

		/*
			Suche
			----------------------------------------------------------------------
		*/
		
		div#suche {
			float: right;
			width: 300px;
		}
		
		div#suche input {
			font-size: 1em;
			float: right;
			padding: 2px;
			border: 1px solid #333;
		}
		

		/*
			Contentframe
			----------------------------------------------------------------------
		*/
		
		div#contentframe {
			background: url(bg-contentframe-start.jpg) left top repeat-y;
		}
		
		/*
			Content
			----------------------------------------------------------------------
		*/
		
		div#content {
			float: left;
			display: inline;
			width: 580px;
			padding: 20px;
			font-size: 1.2em;
		}
		
		div#content h1 {
			font-size: 1.8em;
			line-height: 1;
			color: #393835;
			background-color: transparent;
			font-weight: normal;
			margin-bottom: 0.1em;
		}
				
		div#content h2 {
			font-size: 1.4em;
			line-height: 1.4;
			color: #393835;
			font-weight: bold;
			margin-bottom: 0.5em;
			background-color: transparent;
		}
				
		div#content p {
			color: #333;
			background-color: transparent;
			font-size: 1.2em;
			margin-bottom: 0.5em;
		}

		div#content p.line {
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: 1px solid #333;
		}

		div#content a {
			color: #333;
			background-color: transparent;
		}
		

		/*
			Marginalspalte
			----------------------------------------------------------------------
		*/
		
		div#marginal {
			float: right;
			clear: right;
			display: inline;
			width: 265px;
			padding: 20px;
			font-size: 1.2em;
		}
		
		div#marginal h1 {
			font-size: 1.8em;
			line-height: 1;
			color: #393835;
			background-color: transparent;
			font-weight: normal;
			margin-bottom: 0.1em;
		}
				
		div#marginal h2 {
			font-size: 1.4em;
			line-height: 1.4;
			color: #393835;
			font-weight: bold;
			margin-bottom: 0.5em;
			background-color: transparent;
		}
				
		div#marginal p {
			color: #333;
			background-color: transparent;
			font-size: 1.2em;
			margin-bottom: 0.5em;
		}

		div#marginal p.line {
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: 1px solid #333;
		}

		div#marginal a {
			color: #333;
			background-color: transparent;
		}
		
		/*
			Schluss
			----------------------------------------------------------------------
		*/
		
		div#bottom {
			background: url(bg-tabs-start.gif) left bottom no-repeat;
			clear: both;
			height: 5px;
		}


	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}