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

#newsboxSubmenu {
	position:absolute;
	top:0px;
	display:none; }
#erklaerboxSubmenu {
	position:relative;
	top:0px;}
#newsboxSubmenu li, #erklaerboxSubmenu li {
	float:left;
	list-style:none; }

#newsboxSubmenu li a, #newsboxSubmenu li span, #erklaerboxSubmenu li a, #erklaerboxSubmenu 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, #erklaerboxSubmenu li .newsboxSingleColumn {
	width:295px;
	padding-left:10px;
	text-align:left;
	border-right:none;
	height:30px;
	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, #erklaerboxSubmenu li a:hover {
	color:black; }

#newsboxYears1, #newsboxYears2 {
	display:none; }

#newsBox .newsboxYears {
	position:absolute;
	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;
	}

#newsBox .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; }

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

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

#newsboxContent1, #newsboxContent2 {
	position:absolute;
	overflow:hidden;
	height:405px;
	width:100%;
	top:52px; }

#newsBoxProjects #newsboxContent1, #newsBoxProjects #newsboxContent2 {
	top:22px; }

.newsLinklist {
	position:absolute;
	margin-left:6px;
	width:293px;
	padding-bottom:3px;
	 }
.erklaerLinklist {
	position:relative;
	margin-left:6px;
	width:293px;
	padding-bottom:3px;
	 }
#newsBox .newsLinklist li, .erklaerLinklist 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; }

#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; }

#newsBox .newsLinklist li .newsDate, .erklaerLinklist li .newsDate {
	color:#d8d8d8; }

#newsBoxProjects .newsLinklist li .newsDate {
	color:white; }

.newsLinklist li a, .erklaerLinklist 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; }

.erklaerLinklist li a.curr {
	padding:4px 40px 4px 24px;
	height:40px;
	display:block;
	background:url(../images/newslink_pfeil_hover.gif) top left no-repeat #333333;
	color:#333333;
	text-decoration:none; }
	
.newsLinklist li a:hover, .erklaerLinklist 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 .newsboxNavArrows {
	z-index:10;
	position:absolute;
	width:32px;
	font-size:0px;
	top:28px;
	left:266px; }

#newsBoxProjects .newsboxNavArrows {
	z-index:10;
	position:absolute;
	width:32px;
	font-size:0px;
	top:0px;
	left:266px;
	height:100px; }

.newsboxNavArrows li {
	float:left;
	width:16px;
	height:14px;
	list-style:none; }

.newsboxNavArrows .newsboxNavArrowUp {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/newsbox_arrow_up.gif); }

.newsboxNavArrows .newsboxNavArrowDown {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/newsbox_arrow_down.gif); }

#newsBoxProjects .newsboxNavArrows .newsboxNavArrowUp {
	height:14px;
	background:url(../images/newsbox_projects_arrow_up.gif); }

#newsBoxProjects .newsboxNavArrows .newsboxNavArrowDown {
	height:14px;
	background:url(../images/newsbox_projects_arrow_down.gif); }

/* ************ 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.broadLink a {
	width:152px; }

#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, #map_har b, #map_mitte 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.korallusviertel,#map_metro a.korallusviertel {
	top:156px;
	left:179px;
	width:10px;
	height:10px;
		}

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

		#map_alle a.openhouse, #map_klima a.openhouse {
	top:112px;
	left:132px;
	width:10px;
	height:10px;
		}

		#map_alle a.udn, #map_kosmo a.udn {
	top:112px;
	left:143px;
	width:10px;
	height:10px;
		}

		#map_alle a.veringeck, #map_kosmo a.veringeck {
	top:123px;
	left:132px;
	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:132px;
	width:10px;
	height:10px;
		}

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

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

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

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

	#map_alle a.terrassen, #map_kosmo a.terrassen {
	top:183px;
	left:151px;
	width:10px;
	height:10px;
		}
        
        #map_alle a.kreetsand, #map_klima a.kreetsand {
	top:164px;
	left:246px;
	width:10px;
	height:10px;
		}	
		
	#map_alle a.velux, #map_klima a.velux {
	top:232px;
	left:168px;
	width:10px;
	height:10px;
		}

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

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

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

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

	#map_alle a.hoehe, #map_klima 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_alle a.biogas, #map_klima a.biogas {
	top:220px;
	left:210px;
	width:10px;
	height:10px;
		}

    #map_alle a.geothermie, #map_klima a.geothermie {
	top:172px;
	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_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_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 ;
  		}


/* *** IBA-Karte Harburg *** */


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

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

#map_har li a span {
	display:none; }

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

#map_har 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_har a.park {
	top:120px;
	left:165px;
	width:10px;
	height:10px;
		}
		

		
#map_har a.kaufhauskanal {
	top:173px;
	left:135px;
	width:10px;
	height:10px;
		}


/* *** IBA-Karte Mitte *** */


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

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

#map_mitte li a span { display:none; }

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

#map_mitte 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_mitte a.smartprice {
	top:152px;
	left:147px;
	width:10px;
	height:10px;
		}
		
#map_mitte a.waterhouse {
	top:172px;
	left:131px;
	width:10px;
	height:10px;
		}	
		
#map_mitte a.smarttechno {
	top:138px;
	left:135px;
	width:10px;
	height:10px;
		}			
		
#map_mitte a.hybridhaus {
	top:133px;
	left:117px;
	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:142;
	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;
    }