
.newsbeitrag325px ul {
	font-size: 11px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin-left: 1em;
	padding-left: 1em;
	margin-bottom: 1em;

}


.newsbeitrag325px ul li {
	font-size: 11px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 150%;
	list-style-type:none;
	list-style-image: url(0024_chevrons.gif);


}

.newsbeitrag325px ul li a {
	color: #06c;


}

.newsbeitrag325px ul li + li {
	margin-top: 1em;

}



img.lightboxgalerie

{
	display:inline;
	border: 1px solid #777;
	margin:4px 9px 9px 0px;
	padding: 0px;
	}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	
	}	
#lightboxCaption{ float: left;
border:0px solid #f00;
text-align:left; }
#keyboardMsg{ float: right; 
border:0px solid #ff0;
font-style:italic;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }


#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	

div.wagenswitcher	{
	
	border: 1px solid #06c;
	margin-bottom: 2em;
}

div.wagenswitcher p	{
	
	background: #06c;
	color: #fff;
	line-height: 200%;
	padding-left: 2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

div.wagenswitcher ul 	{
	padding: 0 0 0.2em 0;
	margin: 0;
	border: 0px solid #f0f;
	
	
}


div.wagenswitcher ul li	{
	list-style-type:none;
	display:inline;
	padding-right: 20px;
	margin-right: 20px;
	border: 0px solid #ff0;
	
	
}

div.wagenswitcher ul li a	{
	border: 0px solid #f00;
	margin-right: 10px;
	border-right: 1px solid #06c;
	padding-right: 10px;
	
	
}

#rechtespalte div.wagenswitcher ul li a:hover	{
	background: #fff;
	border-bottom: 0px solid #06c;
}


hr.cleaner	{
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

img	{
	display: block;
}

img.inline {
	display: inline;
}


img.border {
	border: 1px solid #777;
	margin-bottom: 0px;
}


img.galerie {
	float:left;
	margin:3px 8px 3px 0px;
	padding: 5px; 
	border: solid 1px #777;}
	
img.galerielast {
	float:left;
	margin:3px 0px 3px 0px;
	padding: 5px; 
	border: solid 1px #777;}

img.floatleft  {
	display: inline;
	border: 1px solid #777;
	margin: 0 5px 5px 0;
}



img.floatleft {
	float: left;
	margin: 4px 8px 8px 0;
}

.rot {
	color: #f00;
}

.bildsammelcontainer200pxrechts {
	border:0px solid #f00;
	width: 202px;
	float: right;
	margin: 0 0 0 15px;
}

.bildsammelcontainer200pxrechts2 {
	border:1px solid #06c;
	width: 200px;
	float: right;
	margin: 0 0 0 15px;
	padding:5px;
	background-color: #9bc9ee;

}

body {
	margin: 0;
	font-size: 13px;
	background-color: #9bc9ee;
	text-align: center;
	background-image: url(body_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment: fixed;
}

#header {
	height: 80px;
	background-color: #0099FF;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

#headlogofont {
	height: 70px;
	background-image: url(headlogofont2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	
	}
	
#headbunt {
	height: 70px;
	background-image: url(header_bunt.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	} 
#navioben {
	
	background-color: #06c;
	border-bottom: 4px solid #06c;
	
	}
	
#naviunten {
	clear: both;
	background-color: #9bc9ee;
	border-bottom: 2px solid #9bc9ee;
	border-top: 4px solid #9bc9ee;
	
	}

#pagebody {
	margin: 10px auto 50px auto;
	text-align:left;
	border-left: 1px solid #06c;
	border-right: 1px solid #06c;
	border-bottom: 5px solid #06c;
	border-top: 1px solid #06c;
	width: 705px; /*eigentlich nur 703 aber wegen fehler IE 6 */
	background: #fff;
	}
	
#content {
	clear: both;
	width: 100%;
	border-top: 1px solid #888;
	background-image: url(pagecontent-bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0 0 15px 0;
	}

#linkespalte {
	border: 0px solid #f00;
	float: left;
	width: 219px;
	padding: 0 0 0 0;
	/*background-image: url(linkespalte-top-bg.gif);*/
	background-repeat: no-repeat;
	background-position: top left;
	}

#navilinks {
	border-top: 0px solid #888;
	border-bottom: 0px solid #888;
	width: 219px;
	padding: 5px 0 0 0;
	}

#rechtespalte {
	border: 0px solid #f00;
	margin: 0 0 0 220px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	/*background-color: #FFFFEB;	/*width: 452px;*/
	}

#footer {
	border-top: 1px dotted #06c;
	height: 70px;
	background-image: url(footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	position: relative;
	}

#impressum{
	border: 0px solid #f00;
	margin: 0 0 0 15px;
	width: 450px;
	float: left;
	padding-top: 20px;
}

#stand{
	border: 0px solid #f00;
	text-align:right;
	margin: 20px 15px 0 480px;
}


/* Grundlegende Typografie*/
body {
	font-family: Constantia, Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, ul li, ul li ul, ul li ul li {
	margin:0; padding:0;
}

a {
	text-decoration: none;
}






#navioben ul {
	
	border: 0px solid #f00;
	height: 20px;
	}


#navioben ul li {
	
	border: 0px solid #f00;
	line-height: 20px;
	list-style-type:none;
	float: left;
	display:block;
	}

#navioben ul li a {
	
	display: block;
	text-indent: -9999px;
	text-decoration: none;

	}
	

#naviobenverein a {
	width: 80px;
	background-image: url(navi/verein.gif);
}
#naviobenagr a {
	width: 140px;
	background-image: url(navi/arbeitsgruppen.gif);
}
#naviobenveranstaltung a {
	width: 140px;
	background-image: url(navi/veranstaltungen.gif);
}
#naviobenlinks a {
	width: 65px;
	background-image: url(navi/links.gif);
}
#naviobendl a {
	width: 100px;
	background-image: url(navi/downloads.gif);
}
#naviobenshop a {
	width: 68px;
	background-image: url(navi/shop.gif);
}
#naviobenimpressum a {
	width: 110px;
	background-image: url(navi/impressum.gif);
}


#naviunten ul {
	
	border: 0px solid #f00;
	height: 20px;
	}


#naviunten ul li {
	
	border: 0px solid #f00;
	line-height: 20px;
	list-style-type:none;
	float: left;
	display: block;
	}

#naviunten ul li a {
	
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	}
	
#naviuntenstrab a {width: 125px;background-image: url(navi/strassenbahn.gif);}
#naviuntenobus a {width: 65px;background-image: url(navi/obus.gif);}
#naviuntenbus a {width: 60px;background-image: url(navi/bus.gif);}
#naviuntenpotsdam a {width: 95px;background-image: url(navi/potsdam.gif);}
#naviuntengeschichte a {width: 110px;background-image: url(navi/geschichte.gif);}
#naviuntenoa a {width: 360px;background-image: url(navi/offentlichkeitsarbeit.gif);}
#naviuntenaktuell a {width: 95px;background-image: url(navi/aktuelles.gif);}
#naviuntenuberuns a {width: 80px;background-image: url(navi/uberuns.gif);}
#naviuntenkontakte a {width: 85px;background-image: url(navi/kontakte.gif);}
#naviuntengsst a {width: 125px;background-image: url(navi/gsst.gif);}
#naviunteninfo a {width: 85px;background-image: url(navi/dvninfo.gif);}
#naviuntenmitglied a {width: 135px;background-image: url(navi/mitglied.gif);}
#naviuntenspenden a {width: 85px;background-image: url(navi/spenden.gif);}
#naviuntenterminkalender a {width: 145px;background-image: url(../basics/navi/terminkalender.gif)}
#naviuntenthemenfahrten a {width: 135px;background-image: url(../basics/navi/themenfahrten.gif)}
#naviuntenfuhrung a {width: 280px;background-image: url(../basics/navi/fuhrungen.gif)}













#rechtespalte ul {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 2em;
	list-style-image: url(aufzahlungszeichen.gif);
	list-style-position: outside;
}

#rechtespalte ul li {
	margin: 0;
	padding: 0;
}


/*footer*/

#footer  {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

#footer p {
margin: 0;
font-size: 11px;
line-height: 15px;
}

#footer ul li {
display: inline;
font-size: 11px;
line-height: 15px;
border-right: 1px solid #555;
padding: 0 7px 0 7px;
}

#footer ul li a{
color: #06c;

}

#footer ul li a:hover{
text-decoration: underline;
}

#footer ul li#shortimpressum {
padding-left: 0 ;}

#footer ul li#shortspenden {
border-right: 0 ;

}

/*navilinks*/

#navilinks  {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
/*color: #06c;*/
}

#navilinks a  {
color: #06c;
}

#navilinks ul {
	font-size: 12px;
	border-top: 0px solid #888;
	list-style-type: none;	
}

#navilinks ul li {
border-bottom: 1px solid #888;
line-height: 120%;
padding-left: 10px;
padding-top: 0.2em;
padding-bottom: 0.3em;
margin-left: 0;
font-weight: bold;
}

#navilinks ul li:hover {
	background-color: #bbb;
	/*background-color: #FFFF71;*/
}

#navilinks ul li a {
display: block;
width: 100%;
border: 0px solid #00f;
}

#navilinks ul li a:hover {
text-decoration: underline;
}


#navilinks ul li ul {
border: 0;

/*padding: 0;
width: 100%;*/

}

#navilinks ul li ul li {
	font-weight: normal;
	border-bottom: 0;
	line-height: 100%;
	list-style-image: url(aufzahlungszeichen2.gif);
	margin-left: 30px;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 5px;
	padding-right: 15px;
}

#navilinks ul li ul li:hover {
/*background-color: #ddd;*/
/*text-decoration: underline;*/
}

#navilinks ul li ul li a {
display: block;
width: 100%;
border: 0px solid #00f;

}


/* Typografie im Inhalt*/


.metrotram {
	margin-left: 5px ;
	padding-left: 12px ;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(metrotram_10x10.gif);
}

.haltestelle {
	margin-left: 4px;
	padding-left: 14px;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(Haltestelle_10x10.gif);
	font-style: italic;
}

.veraltet {
	text-decoration: line-through;
}

.block {
	display: block;
}

.aussenrechts {
	padding-right:15px;
}

.unten {
	padding-bottom:10px;
}

#inhalt ul {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 2em;
	list-style-image: url(aufzahlungszeichen.gif);
	list-style-position: outside;
}

#inhalt ul li {
	margin: 0;
	padding: 0;
}




h2 {
	font-family: Candara, "HelveticaNeue-Light","Helvetica Neue Light", Helvetica, "Lucida Grande", "Lucida Sans Unicode";
	color: #06c;
	font-weight: normal;
	font-size: 20px;
	text-shadow: 3px 3px 8px #ccc;
	line-height: 22px;
	margin-bottom: 0.5em;
}

h2 a {
	color: #06c;
}


h3 {
	font-family: Candara, "HelveticaNeue-Light","Helvetica Neue Light", Helvetica, "Lucida Grande", "Lucida Sans Unicode";
	color: #06c;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0.5em;
}

div + h3 {
	margin-top: 1em;
}



h3 a {
	color: #06c;
}


h4 {
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 0.2em;
}

h6 {
	color: #444;
	font-size: 12px;
	font-weight: normal;
	/*margin-top: 2em;*/
	margin-bottom: 0.3em;
	font-family:Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

p {
	
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0.5em;
	/*margin-top: 2em;*/
}

#rechtespalte p a, #rechtespalte ul li a, #rechtespalte td a {
	
	color: #06c;
}

#rechtespalte p a:hover, #rechtespalte ul li a:hover {
	
	background: #FFCC00;
}

p+h2
{
	margin-top: 1.5em;
}



/*Bildboxen*/

.bildbox150rechts {
	width: 152px;
	margin: 3px 0 5px 15px;
	float: right;
}


.bildbox200links {
	width: 202px;
	margin: 3px 15px 5px 0;
	float: left;
}

.bildbox200rechts {
	width: 202px;
	margin: 3px 0 5px 15px;
	float: right;
}

.bildbox250links {
	width: 252px;
	margin: 3px 15px 5px 0;
	float: left;
}

.bildbox250rechts {
	width: 252px;
	margin: 3px 0 5px 15px;
	float: right;
}


.bildbox200links img, .bildbox200rechts img, .bildbox250links img, .bildbox250rechts img, .bildbox300rechts img, .bildbox450 img, .bildbox150rechts img, .bildsammelcontainer200pxrechts img, .archivbild img {
	border: 1px solid #777;
	margin-bottom: 5px;
}

.bildbox300rechts {
	width: 302px;
	margin: 3px 0 5px 15px;
	float: right;
}

.bildbox200links p, .bildbox200rechts p, .bildbox250links p, .bildbox250rechts p, .bildbox450 p, .bildbox300rechts p, .bildbox150rechts p, .bildsammelcontainer200pxrechts p, .archivtext p {
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	margin: 0;
}


.bildsammelcontainer200pxrechts div+div {
	margin: 5px 0 0 0;
}

.bildbox450 {
	width: 452px;
	margin: 0 0 10px 0;
}












/*Tabellen*/

.width250	{width: 250px;}
.width200	{width: 200px;}


/*Typus 1*/

table.fahrplan {
font-family:"Arial Narrow","Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin: 1em 0 0.5em 0;
	border: 0;
	font-size:10px;
	line-height: 16px;
	border: 1px solid #aaa;
	width: 450px;
}

table.fahrplan td.erstespalte {
	font-weight: bold;
	padding: 0px 5px 0px 2px;
	width: 70px;
}

table.typuseins {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin: 1em 0 0.5em 0;
	border: 0;
	font-size:12px;
	line-height: 18px;
	border: 1px solid #06c;
	width: 450px;
}

table.typuseins thead {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #06c;
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
}

table.typuseins + h2 {
	margin-top: 1.5em;
}

table.typuseins td {
	padding-left: 10px;
	padding-top: 1em;
	/*padding-top: 1em;*/
}


table.typuseins thead tr td {
padding-top: 0.5em;
padding-bottom: 0.5em;
}

table.typuseins td.letztezeile {
/*padding-top: 0.5em;*/
padding-bottom: 1em;
}

table.typuseins tbody td ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid #f00;
}

table.typuseins tbody td ul li {
	list-style-type:none;
	list-style-image: url(0024_chevrons.gif);
	margin: 0 0 0 -1em;
	padding: 0 0 0 0;
	border: 0px solid #f00;

}


/*Typus 2*/

table.typuszwei {
margin-top: 0em;
	border: 0;
	font-size:12px;
	line-height: 18px;
	border: 0px solid #06c;
}


table.typuszwei td {
	padding-left: 10px;
	padding-top: 1em;
	padding-top: 1em;
}


div.fahrzeugstatus {
	border: 3px double #888;
	margin-top: 2em;
	padding: 15px;
	background-color: #CCCCCC;
}.capital {
	font-variant: small-caps;
}
.bild200pxlinks {
	display: inline;
	float: left;
	margin: 0 10px 5px 0;
}
.rechtsausrichten {
	text-align: right;
}
.zentriertausrichten {
	text-align: center;
}




/*Seitenauswahl für Rehbrücke-Ausstellung */

#seitenauswahl {
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border: 0px solid #0f0;
	margin: 0 0 1em 0;
	padding: 0 6px 0 0;
	background-color: #9bc9ee;
	text-align: right;
	background-image: url(seitenauswahl_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 30px;
}

#seitenauswahl p {
	font-size: 11px;
	color: #06c;
	border: 0px solid #0f0;
	display: inline;
	margin: 0 5px 0 0;
	line-height: 30px;
	padding: 2px 0 2px 0;
}

#seitenauswahl ul {
	font-size: 11px;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0px solid #ff0;
	line-height: 30px;
}

#seitenauswahl ul li{
	font-size: 11px;
	display: inline;
	border-right: 3px solid #9bc9ee;
	border-top: 0px solid #9bc9ee;
	border-bottom: 0px solid #9bc9ee;
	line-height: 25px;
	padding: 2px 6px 2px 6px;
	background: url(seitenauswahl_switcher.gif) repeat-x 0px 0px;
	color: #fff;
}

#seitenauswahl ul li:hover{
	background: url(seitenauswahl_switcher.gif) repeat-x 0px -40px;
	
}

#seitenauswahl ul li.current:hover{
	background: url(seitenauswahl_switcher.gif) repeat-x 0px 0px;
	
}

#seitenauswahl ul li a{
	color: #9bc9ee;	
}

#seitenauswahl ul li a:hover{
	background: none;
}

/* Erläuterungsboxen */

.erlauterung {
	width: 130px;
	float: left;
	padding: 10px;
	background-color: #9bc9ee;
	margin: 0 10px 10px 0;
	border: 1px solid #06c;
}

.erlauterung h4 {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	color: #06c;
	margin: 0 0 1em 0;
}

.erlauterung p {
	font-size: 10px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 150%;

}


.ticker {
	/*padding: 10px;*/
	/*background-color: #9bc9ee;*/
	margin: 0 0 1em 0;
	/*border: 1px solid #06c;*/
	background:url(../basics/bg-rahmen_170px.gif) no-repeat bottom left;
}

.innerticker {
	padding: 10px;
}
.ticker h4 {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	color: #06c;
	margin: -1em 0 1em 0;
}


.ticker p {
	font-size: 11px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 150%;

}

.ticker ul {
	font-size: 11px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin-left: 1em;
	padding-left: 1em;
	margin-bottom: 1em;

}


.ticker ul li {
	font-size: 11px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 150%;
	list-style-type:none;
	list-style-image: url(0024_chevrons.gif);


}

.ticker ul li a {
	color: #06c;


}

.ticker ul li + li {
	margin-top: 1em;

}


/*Archivbeiträge*/
#rechtespalte .archivcontainer {
	border: 0px solid #f00;
	width: 100%;
}

#rechtespalte .archivcontainer+.archivcontainer {
	margin-top: 15px;
}

#rechtespalte .archivbild {
	border: 0px solid #ff0;
	
}

#rechtespalte .archivtext {
	border: 0px solid #f0f;
	width: 400px;
}


/*Listen*/

ul#download {
	border: 0px solid #ff0;
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}

/*ul#download li a{color: #000000;}*/

ul#download li {
	list-style-type:none;
	list-style-image:none;
	margin: 1em 0 0 0;
	padding: 0;
	border: 0px solid #f00;
}

ul#download li ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0px solid #000;
}

ul#download li ul li{
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	border: 0px solid #00f;
}

ul#download li.pdf {
	background: url(pdf_10.gif) no-repeat top left;
	padding-left: 18px }
ul#download li.excel {
	background: url(excel_10.gif) no-repeat top left;
	padding-left: 18px;
}
