body {
            display: block;
        		position: relative;
	
	      	margin: 0px;
         	padding: 0px;
	
         	/* one and only fon definition! */
	
         	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
         	font-size: .9em;
        		color: #000;
        		background-color: #eee;	
        }

	#container {

		display: block;
		position: relative;
		
		margin: 0px auto;
		padding: 0px;
		
		width: 800px; /* fixed width! */
		
		background-color: #fff;
	}
	
	#header {

		display: block;
		position: relative;
			
		width: inherit;
		height: 132px;
		
		background: #ccc url("bahn-fuer-alle.jpg") top left no-repeat;

	}
		
	#header a img {
				
		border-width: 0px;
		margin: 0px;
		padding: 0px;
				
	}
			
	#banner {
				
		display: block;
		position: absolute;
                right: 30px;
		bottom: 30px;
		border: 1px solid #000;
				
	}
					
	#main {
			
      display: block;
		position: relative;
			
		width: 800px; /* inherit; */
			
		background: #fff url(http://www.jpberlin.de/www.test-bahn-fuer-alle.de/media/background-sidebar.png) top left repeat-y;	
			
	}

	#sidebar {
				
		display: block;
		position: relative;

		width: 160px;
				
		float: left;
				
		background-color: #f00;
		color: #fff;	
				
		padding-bottom: 30px;						
				
	}
			
	#sidebar div {
					
		margin: 30px 0px;
				
	}
			
	#navigation {
					
		display: block;
		position: relative;
					
		width: inherit;
		background-color: #e00;
					
		margin: 10px 0px;
		padding: 5px 0px;
					
	}
				
	#navigation ul {
					
		margin: 0px;
		padding: 0px;
					
		border-top: 1px dotted #fff;
					
	}
				
	#navigation ul li {
						
		display: block;
		position: relative;
						
	}
					
	#navigation ul li a {
							
		display: block;
		position: relative;
							
		margin: 0px;
		padding: 3px 10px 2px;
				
		border-bottom: 1px dotted #fff;
							
		color: #fff;
		text-decoration: none;
						
	}
						
	#navigation ul li.menu_current a {
								
		font-weight: bold;
							
	}
						
	#navigation ul li a:hover {
								
		background-color: #666;
							
	}
							
	#navigation ul ul {
						
		border-top-width: 0px;
						
	}
					
	#navigation ul ul {
							
		padding-left: 20px;
							
	}
						
	#navigation ul ul li a {
								
		font-size: .9em;
		padding-left: 5px;
								
	}
							
	#sidebar h2 {
					
		font-size: 1.1em;
		border-bottom: 2px solid #c00;
		margin: 0px;
		padding: 3px 10px 2px;
					
	}
				
	#sidebar p {
					
		margin: 2px;
		padding: 1px 5px;					
		font-size: .9em;
					
        }
				
	#sidebar p a {
						
		text-decoration: none;
		color: #eee;
		border-bottom: 1px dotted #800;
		margin: 2px;
						
	}
					
	#sidebar input[type=text] {

		border: 1px solid #fff;
		background-color: #fff;
		color: #000;
		margin: 10px 0px 0px 2px;		

	}

	#sidebar input[type=submit] {

		border: 1px solid #c00;
		border-left-color: #e00;
		border-top-color: #e00;
		background-color: #d00;
		color: #fff;
		margin: 2px;

	}
				
	#donations a {
					
		display: block;
		position: relative;
		margin: 2px 10px;
		text-align: center;
					
		background-color: #eee;
		color: #f00;
		text-decoration: none;
					
		font-size: 1.5em;
		font-weight: bold;
		font-style: italic;
		letter-spacing: .02em;
		padding: 10px;
					
	}
				
	#donations a:hover {
						
		color: #800;
		background-color: #fff;
				
	}

	#content {
				
		display: block;
		position: relative;

		width: 600px;
			
		padding: 20px;
				
		float: right;
				
		background-color: #fff;
		color: #000;		
				
		font-size: .9em;
		line-height: 1.4em;		
				
		overflow: hidden;		
				
		/* text-align: justify; */
		letter-spacing: .02em;					
				
	}
			
	#content a {
					
		color: #f00;
		text-decoration: none;
					
	}
				
	#rightbar {
					
		display: block;
		position: relative;
		width: 200px;				
		float: right;
		margin: 0px 0px 5px 10px;
					
	}
				
	.box {
					
		display: block;
		background-color: #ddd;
		padding: 5px;
		margin-bottom: 0px;
		text-align: left;
	}


	.box h3 {
						
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
                font-size: 1.0em;
		color: #800;
		text-align: center;
			
	}
				
	.box ul {
						
		margin: 0px;
         	padding: 10px 0px 0px 0px;
						
	}
					
	.box ul li {						
		margin: 0px;
      padding: 3px;
		list-style-type: none !important;
		border-top: 1px dashed #fff;						
	}
	
	.box ul li em {		
		display: block;
		font-size: .8em;
		color: #666;
		font-style: normal;		
	}
						
	.box a img {							
		display: block;
		margin: 0px auto;
							
	}

	.anynews h2 {
		display: none;
	}
					
	#content h2 {
					
		color: #900;
		font-size: 1.6em;
		line-height: 1.3em;
		font-weight: bold;
		text-align: left;
					
	}
				
	#content h3 {
					
		font-weight: normal;
		font-size: 1.4em;
		color: #400;
		text-align: left;
					
	}
				
	#content h4 {
					
		font-weight: bold;
		/* font-size: 1.1em; */
		margin-bottom: 3px;
		padding-bottom: 0px; 
		text-align: left;
					
	}
				
	#content p {
					
		display: block;
		/* background-color: #f9f9f9; /* FIXME: for testing */
		margin: 0px 0px 5px;
		padding: 1px;
					
	}
				
	#content hr {
					
		display: none;
		visibility: hidden;
					
	}
				
	#content ul li {
					
		list-style-type: square;
					
	}
				
	#content img.rightfloat {
					
		float: right;
		clear: both;
		margin-left: 10px;
					
	}
		
	#content img.narrow {
					
		width: 250px;
					
	}
		
	#footer {
			
		display: block;
		position: relative;

		width: inherit;
		height: 23px;
				
		clear: both;
				
		background-color: #ccc;
		color: #fff;
			
	}
			
	#footer p {
					
		margin: 0px;
		padding: 3px;
					
		text-align: center;
		font-size: .8em;
					
	}
				
	#footer p a {
						
		color: #f00;
		text-decoration: none;
						
	}

        /* special */

        table.aktionsidee caption {
	
                text-align: left;
	
        } 

        table.aktionsidee td.icon {
	
                padding: 5px 10px;
	        vertical-align: top;
	
        }

        div#content div.zpitem {

	        clear: both;
	        display: block;
	        min-height: 60px;
	        margin-bottom: 20px;
	        border-bottom: 1px dotted #ccc;

        }

        div#content div.zpitem p {

	        margin-left: 70px;

        }

        div#content div.zpitem div.zpdate {

	        display: block;
	        position: relative;
	        float: left;

        	width: 50px;
        	height: 50px;

                background-color: #ccc;

        	margin-right: 15px;
           	margin-bottom: 5px;
        	font-size: 1.1em;

        }

	div#content div.zpitem div.zpdate span.zpday {

		display: block;
		position: absolute;
	
		left: 2px;
		top: 18px;
		width: 46px;
		height: 30px;
	
		background-color: #fff;
		color: #000;
	
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		
		line-height: 1.2em;

	}

	div#content div.zpitem div.zpdate span.zpmonth {

		display: block;
		position: absolute;
	
		left: 2px;
		top: 2px;
		width: 46px;
		height: 16px;
	
		color: #fff;
	
		text-align: center;
		font-size: 1em;
		font-weight: bold;
		background-color: #e05;	

	}

	div#content div.zpitem div.etc span.zpmonth {

		background-color: #e05;		

	}

	div#content div.zpitem div.ent span.zpmonth {

		background-color: #f00;		

	}
		
        /* tmp */

        #hinweis {
	
        	display: block;
        	width: 360px;
        	position: relative;
	
         	border: 1px solid #f00;
        	background-color: #f66;
          	color: #900;
	
        	font-weight: bold;
        	padding: 10px;
        	text-align: center;

        	margin-bottom: 20px;
	
         }