#newsBox, #newsBoxProjects, #erklaerBox {
	position:relative;
	width:305px;
	background:#858585;
	margin-bottom: 1px;
}
#newsBox, #newsBoxProjects {
	height:457px;
	overflow:hidden;
}

#newsBox.veranstaltungen {
	height:800px; }

#newsBoxProjects {
	width:305px;
	height:427px;
	background:#dcdede; }

#newsboxSubmenu {
	position:absolute;
	top:0px;
	display:none;
	z-index:20; }

#newsboxSubmenu li {
	float:left;
	list-style:none; }

#kalender_linklist {
	position:absolute;
	top:50px;	
	left:0;
	width:300px;
	height:746px;
	overflow:auto;
	}

#newsboxSubmenu li a, #newsboxSubmenu li span {
	display:block;
	width:152px;
	text-align:center;
	height:22px;
	background:#b3b3b3;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	line-height:20px;
	color:#737373;
	text-decoration:none;
	border-bottom:1px solid white;
	border-right:1px solid white;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:10px; }

#newsboxSubmenu li .newsboxSingleColumn {
	width:295px;
	padding-left:10px;
	text-align:left;
	border-right:none;
	height:22px;
	line-height:29px;
	color:black;
	background:#858585;
	border-bottom:1px solid #858585; }
	
#newsBoxProjects #newsboxSubmenu li .newsboxSingleColumn {
	height:14px;
	line-height:14px;
	color:white;
	font-weight:normal;
	background:#333333;
	border-bottom:1px solid #333333; }
	
#newsboxSubmenu li .lastLink {
	border-right:none; }

#newsboxSubmenu li .current {
	color:black;
	background:#dcdede;
	border-bottom:1px solid #dcdede; }

#newsboxSubmenu li .current {
	color:black;
	background:#dcdede;
	border-bottom:1px solid #dcdede; }

#newsboxSubmenu li a:hover {
	color:black; }

#newsBox .newsboxYears, #newsBox .newsboxYears-kalender {
	position:absolute;
	z-index:10;
	top:28px;
	height:17px;
	left:6px;
	width:293px;
	padding:0;
	background:#333333; }

#newsBoxProjects .newsboxYears {
	position:absolute;
	top:0px;
	height:15px;
	left:200px;
	width:97px;
	padding:0;
	background:#333333; }

.newsboxYears ul {
	margin-left:6px;
	}

.veranstaltungen .newsboxYears ul {
	margin-left:12px;
	}

.newsboxYears li {
	float:left;
	color:#4b4b4b;
	list-style:none;
	padding-left:5px;
	font-size:10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	line-height:17px; }

.veranstaltungen .newsboxYears li {
	padding-left:0;
	display:inline-block;
	width:28px; }

#newsBox .newsboxYears li a {
	color:#9d9d9d;
	text-decoration:none; }

#newsBox .newsboxYears li a:hover {
	color:white; }

#newsboxContent1, #newsboxContent2 {
	height:405px;
	width:100%;
	top:52px; }
	
#newsBoxProjects #newsboxContent1, #newsBoxProjects #newsboxContent2 {
	top:22px; }

.newsLinklist {
	
	margin-left:6px;
	width:278px;
	padding-bottom:3px;
	 }

.newsLinklist li {
	border-bottom:2px solid #868686;
	color:#333333;
	list-style:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:11px;
	line-height:13px; }

.veranstaltungen .newsLinklist li {
	border-bottom:0; }
	
#newsBoxProjects .newsLinklist li {
	border-bottom:2px solid #dcdede;
	color:#333333;
	list-style:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:11px;
	line-height:13px; }

.newsLinklist li .newsDate {
	color:#d8d8d8; }

.veranstaltungen .newsLinklist li .newsDate {
	display:block;
	background:url(../images/bg_date_breaker.gif) 24px 2px no-repeat;	
	padding:6px 0 4px 6px; }

.weekday {
	display:inline-block;
	width:2em; }
	
#newsBoxProjects .newsLinklist li .newsDate {
	color:white; }

.veranstaltungen .newsLinklist {
	background:#9d9d9d; }

.newsLinklist li a {
	padding:4px 40px 4px 24px;
	height:40px;
	display:block;
	background:url(../images/newslink_pfeil.gif) top left no-repeat #9d9d9d;
	color:#333333;
	text-decoration:none; }

.veranstaltungen .newsLinklist li a {
	padding:4px 4px 4px 24px;	
	margin-left:24px;
	height:auto;
	width:222px; }

.newsLinklist li a:hover {
	background:url(../images/newslink_pfeil_hover.gif) top left no-repeat #333333;
	color:#d9d9d9; }

.newsLinklist li a.current, .erklaerLinklist li a.current {
	background:url(../images/newslink_pfeil_hover.gif) top left no-repeat #333333;
	color:#d9d9d9; }
	
#newsBox .root {
	position:absolute;
	height:200px;
	width:489px;
	margin:0 0 8px 7px;
	height:0;
	visibility:hidden; }
		
#newsBox .root p { }
		
#newsBox .scrollbar-bg {
	position:absolute;
	top:50px;
	left:280px;
	height:403px;
	width:12px;
	background:#9d9d9d;
	display:none; }
	
#newsBox .thumb {
	position:absolute;
	z-index:20;
	height:34px;
	width:10px;
	margin-top:39px;
	background:url(../images/dragger.jpg) no-repeat; }
		
#newsBox .up, #newsBox .dn {
	position:absolute;
	z-index:20;
	margin-top:50px; }
		
#newsBox .up a, #newsBox .dn a {
	line-height:0;
	font-size:0;
	display:block;
	width:10px;
	height:12px;
	color:#9d9d9d;
	background:url(../images/arrow-top.jpg) no-repeat; }
		
#newsBox .dn a {
	background:url(../images/arrow-bottom.jpg) no-repeat; }
		
#newsBox #scrollBox {
	position:relative; }
	
.scrollContainer { 
	position:absolute;
	top:50px;
	left:-7px;
	width:300px; 
	height:403px; 
	overflow:auto; }
		
.scrollContent { 
	position:absolute; 
	left:0; 
	top:0;  }

/* ************ CSS-Stile für den mapBox-Bereich ************ */

#mapBox {
	position:relative;
	width:305px;
	height:305px;
	background:#eaeaea;
	float:left;
	z-index:4;
}
#mapboxSubmenu {
	position:absolute;
	z-index:10;
	top:0px;
	display:none;
	background:white; }

#mapboxSubmenu li {
	float:left;
	list-style:none; }

#mapboxSubmenu li a, #mapboxSubmenu li span {
	display:block;
	width:76px;
	text-align:center;
	height:21px;
	padding-top:1px;
	background:#bec1c0;
	text-transform:uppercase;
	font-size:8px;
	line-height:10px;
	color:#797a7a;
	text-decoration:none;
	border-bottom:1px solid white;
	margin-right:1px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial  ; }

#mapboxSubmenu li span {
	color:#aaaaaa; }

#mapboxSubmenu li.lastLine {
	width:74px; }

#mapboxSubmenu li .lastLink {
	margin-right:0;
	width:74px; }

#mapboxSubmenu li .current {
	background:#dcdede;
	border-bottom:1px solid #dcdede; }

#mapboxSubmenu li a:hover {
	color:black; }

#mapboxPart1, #mapboxPart2, #mapboxPart3, #mapboxPart4 {
	position:relative;
	padding-top:25px;
	width:305px;
	height:280px; }

#mapbox_boe {
	position:relative;
	padding-top:0px;
	width:305px;
	height:280px; }

#mapboxPart2, #mapboxPart3, #mapboxPart4 {
	display:none; }

/* *** IBA-Karten *** */

#map_alle {
	position:absolute;
	height: 280px;
	width: 305px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#FFFFFF;
	font-size: 10px;
}
#map_alle li {
			margin:0;
			padding:0;
			list-style:none;
			display:inline;
		}

#map_alle li a {
	position:absolute;
	display:block;
	background:url(../images/blank.gif);
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#FFFFFF;
	font-size: 9pt;
	left: 121px;
	top: 190px;
	line-height: 12px;
		}

		#map_alle li a span { display:none; }

		#map_alle b, #map_klima b, #map_kosmo b, #map_metro b  {
	font-weight:normal;
        font-size: 8pt;
}


		#map_alle li a:hover {
	background:#0093D3;
}

		#map_alle li a:hover span {
	    position:absolute;
		z-index:10;
	    display:block;
	    width:107px;
		height:25px;
	    left:12px;
	    top:12px;
	    border:none;
	    padding:5px;
	    background: url(../images/pfeil.gif) no-repeat ;
  		}

		#map_alle a.spreehafen,#map_metro a.spreehafen {
	top:96px;
	left:174px;
	width:10px;
	height:10px;
		}

		#map_alle a.vering, #map_kosmo a.vering {
	top:114px;
	left:120px;
	width:10px;
	height:10px;
		}

		#map_alle a.openhouse, #map_kosmo a.openhouse {
	top:111px;
	left:136px;
	width:10px;
	height:10px;
		}

		#map_alle a.stadtaufzeit, #map_metro a.stadtaufzeit {
	top:123px;
	left:143px;
	width:10px;
	height:10px;
		}

		#map_alle a.aelter, #map_kosmo a.aelter {
	top:123px;
	left:131px;
	width:10px;
	height:10px;
		}

		#map_alle a.energiebunker, #map_klima a.energiebunker {
	top:134px;
	left:143px;
	width:10px;
	height:10px;
		}

	#map_alle a.weltquartier, #map_kosmo a.weltquartier {
	top:134px;
	left:131px;
	width:10px;
	height:10px;
		}

	#map_alle a.reiherstiegpark {
	top:148px;
	left:115px;
	width:10px;
	height:10px;
		}

	#map_alle a.neue_mitte {
	top:172px;
	left:163px;
	width:10px;
	height:10px;
		}

	#map_alle a.neuerhof {
	top:182px;
	left:139px;
	width:10px;
	height:10px;
		}

	#map_alle a.terrassen {
	top:184px;
	left:152px;
	width:10px;
	height:10px;
		}

	#map_alle a.klimahaeuser {
	top:217px;
	left:155px;
	width:10px;
	height:10px;
		}

	#map_alle a.schlossinsel {
	top:258px;
	left:134px;
	width:10px;
	height:10px;
		}

	#map_alle a.torzurwelt {
	top:169px;
	left:183px;
	width:10px;
	height:10px;
		}

	#map_alle a.wiesen {
	top:187px;
	left:213px;
	width:10px;
	height:10px;
		}

	#map_alle a.hoehe {
	top:132px;
	left:213px;
	width:10px;
	height:10px;
		}

	#map_alle a.dock, #map_klima a.dock {
	top:89px;
	left:196px;
	width:10px;
	height:10px;
		}

   #map_alle a.hausderprojekte, #map_kosmo a.hausderprojekte {
	top:102px;
	left:189px;
	width:10px;
	height:10px;
		}



    #map_alle a.oeffnungspreehafen, #map_metro a.oeffnungspreehafen {
	top:101px;
	left:140px;
	width:10px;
	height:10px;
		}



#map_metro {
	position:absolute;
	height: 280px;
	width: 305px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#FFFFFF;
	font-size: 9px;
}
#map_metro li {
			margin:0;
			padding:0;
			list-style:none;
		}

#map_metro li a {
	position:absolute;
	display:block;
	background:url(../images/blank.gif);
	text-decoration:none;
	color:#FFFFFF;
	font-size: 9pt;
		}

		#map_metro li a span { display:none; }

		#map_metro li a:hover {
			background:#0093D3; }

		#map_metro li a:hover span {
	    position:absolute;
		z-index:10;
	    display:block;
	    width:107px;
		height:25px;
	    left:12px;
	    top:12px;
	    border:none;
	    padding:5px;
	    background: url(../images/pfeil.gif) no-repeat ;
  		}







	#map_metro a.reiherstiegpark {
	top:148px;
	left:115px;
	width:10px;
	height:10px;
		}

	#map_metro a.neue_mitte {
	top:172px;
	left:163px;
	width:10px;
	height:10px;
		}


	#map_metro a.terrassen {
	top:184px;
	left:152px;
	width:10px;
	height:10px;
		}


	#map_metro a.schlossinsel {
	top:258px;
	left:134px;
	width:10px;
	height:10px;
		}


#map_klima {
	position:absolute;
	height: 280px;
	width: 305px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#FFFFFF;
	font-size: 10px;
}
#map_klima li {
			margin:0;
			padding:0;
			list-style:none;
		}

#map_klima li a {
	position:absolute;
	display:block;
	background:url(../images/blank.gif);
	text-decoration:none;
	color:#FFFFFF;
	font-size: 9pt;
		}

		#map_klima li a span { display:none; }

		#map_klima li a:hover {
			background:#0093D3; }

		#map_klima li a:hover span {
	    position:absolute;
		z-index:10;
	    display:block;
	    width:107px;
		height:25px;
	    left:12px;
	    top:12px;
	    border:none;
	    padding:5px;
	    background: url(../images/pfeil.gif) no-repeat ;
  		}








	#map_klima a.neuerhof {
	top:182px;
	left:139px;
	width:10px;
	height:10px;
		}


	#map_klima a.klimahaeuser {
	top:217px;
	left:155px;
	width:10px;
	height:10px;
		}


	#map_klima a.wiesen {
	top:187px;
	left:213px;
	width:10px;
	height:10px;
		}

	#map_klima a.hoehe {
	top:132px;
	left:213px;
	width:10px;
	height:10px;
		}



#map_kosmo {
	position:absolute;
	height: 280px;
	width: 305px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#FFFFFF;
	font-size: 10px;
}
#map_kosmo li {
			margin:0;
			padding:0;
			list-style:none;
		}

#map_kosmo li a {
	position:absolute;
	display:block;
	background:url(../images/blank.gif);
	text-decoration:none;
	color:#FFFFFF;
	font-size: 9pt;
		}

		#map_kosmo li a span { display:none; }

		#map_kosmo li a:hover {
			background:#0093D3; }

		#map_kosmo li a:hover span {
	    position:absolute;
		z-index:10;
	    display:block;
	    width:107px;
		height:25px;
	    left:12px;
	    top:12px;
	    border:none;
	    padding:5px;
	    background: url(../images/pfeil.gif) no-repeat ;
  		}
	#map_kosmo a.neuerhof {
	top:182px;
	left:139px;
	width:10px;
	height:10px;
		}

	#map_kosmo a.torzurwelt {
	top:169px;
	left:183px;
	width:10px;
	height:10px;
		}

/* ************ CSS-Stile für die Bildungsoffensive-Karte ************ */

#boe-map * {
	border:0;
	margin:0;
	padding:0; }
	
#boe-map .no-show {
	display:none; }
	
#boe-map {
	position:absolute;
	height:305px;
	width:305px;
	background:url(../images/karte_boe.gif) 0 25px no-repeat #eaeaea; }
	
#boe-map p {
	height:25px;
	line-height:25px;
	padding:0 3px 0 3px;
	text-transform:uppercase;
	font-size:11px;
	color:#797a7a;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
	
#boe-map ul {
	position:relative; }
	
#boe-map li {
	list-style:none;
	display:inline; }
	
#map-boe-tzw {
	position:absolute;
	top:165px;
	left:64px;
	display:block;
	width:128px;
	height:28px;
}

#map-boe-tzw:hover {
	background:url(../images/karte_boe_tzw_hover.gif) -64px -165px no-repeat; }

#map-boe-veddel {
	position:absolute;
	top:44px;
	left:102px;
	display:block;
	width:133px;
	height:77px;
	
}

#map-boe-veddel:hover {
	background:url(../images/karte_boe_veddel_hover.gif) -102px -44px no-repeat; }

#map-boe-reiherstieg {
	position:absolute;
	top:105px;
	left:33px;
	display:block;
	width:142px;
	height:62px;
}

#map-boe-reiherstieg:hover {
	top:90px;
	height:77px;
	background:url(../images/karte_boe_reiherstieg_hover.gif) -33px -90px no-repeat; }

#map-boe-kirchdorf {
	position:absolute;
	top:143px;
	left:145px;
	display:block;
	width:140px;
	height:87px; }
	
#map-boe-kirchdorf:hover {
	top:143px;
	height:97px;
	background:url(../images/karte_boe_kirchdorf_hover.gif) -145px -143px no-repeat; }

/* *** iFrame no scrollbar firefox *** */



    iframe {
    overflow-x: hidden;
    overflow-y: hidden;
    }