body {
	margin:0;
	padding:0;
	background:url(img/BremerFamilienstadtplan.gif) no-repeat #F1CA00;
	color: black;
/*
	height:100%;
*/
}

body, div, span, td {
	font-family:Arial,sans-serif;  
}

ul {margin-top:0px; padding-top:0px}
td {vertical-align:top}

img {border-width:0}

.NoCss {display:none}
.NoScript {position:absolute; left:20%; top:40%; width:60%; padding:10px; border: 1px solid red; color:red; background-color:#FCF4CC;}
.NoScript a {color:#64A138}
.Print {display:none}


#map {margin: 49px 0 0 50px; overflow:hidden; border:1px solid #64A138}
#map div.progressBar {height:7px; overflow:hidden}

#impressum {position:absolute; bottom:15px; right:50px; text-align:right}
#impressum a {text-decoration:none; color:#64A138; font-size:0.8em}

#intro {position:absolute; top:10%; left:50%; width:480px; margin-left:-275px;  padding: 65px 30px 40px 40px; background:url(img/Liebe-Familien.gif) no-repeat #FCF4CC; border:1px solid #64A138; color:#64A138; font-size:0.8em; line-height:1.2em}
#intro div.close {position:absolute; bottom:0px; left:0px; margin-bottom:-0; padding:0}

#remote {position:absolute; display:none; background-color:#64A138}
#remote div {position:absolute}
#remote .zoom {background-image:url(img/remote/scale.gif); width:81px; height:28px}
#remote .zoom #zoomslider {top:13px; cursor:move}

.undocked {width:160px; height:185px; left:29px; top:300px; background:#64A138 url(img/remote/bg.gif) no-repeat}
.undocked .menu {left:9px; top:21px}
.undocked .satellite {left:9px; top:48px}
.undocked .map {left:9px; top:71px}
.undocked .search {left:81px; top:58px}
.undocked .left {left:38px; top:109px}
.undocked .right {left:96px; top:109px}
.undocked .up {left:67px; top:96px}
.undocked .down {left:67px; top:123px}
.undocked .zoomout {left:9px; top:151px}
.undocked .zoomin {left:121px; top:151px}
.undocked .zoom {left:41px; top:151px}
.undocked .dock {left:140px; top:0}
.undocked .undock {display:none}
.undocked .mover {width:160px; height:20px; cursor:move}

.docked {width:673px; height:50px; top:0px; left:303px; background-image:url(img/remote/bg_dock.gif)}
.docked .menu {left:0px; top:12px}
.docked .satellite {left:154px; top:12px}
.docked .map {left:224px; top:12px}
.docked .search {left:306px; top:12px}
.docked .left {left:392px; top:10px}
.docked .up {left:418px; top:10px}
.docked .down {left:444px; top:10px}
.docked .right {left:471px; top:10px}
.docked .zoomout {left:509px; top:9px}
.docked .zoomin {left:615px; top:9px}
.docked .zoom {left:536px; top:9px}
.docked .undock {left:657px; top:0}
.docked .dock {display:none}
.docked .mover {display:none}

#menu {position:absolute; top:49px; left:50px; width:512px; background-color:#FCF4CC; border:1px solid #64A138}
#menu form {margin:0; padding:0};
#menu .menu_content {float:left}

#menu #categories {
	float:left;
	width: 168px;
}
.category {
	width: 168px;
	height: 26px;
	background: #91B76A url(img/Button.gif) no-repeat;
}
.category a {
	display:block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.75em;
	padding: 5px 5px 5px 24px;
}
#categories .category.current {
	background: #64A139 url(img/Button_active.gif) no-repeat;
}

#cat_elements {
	float:left;
	width:342px;
}
.cat_elements {
	float:left;
	display:none;
}
.cat_elements.current {
	display:block;
}

#cat_elements table {width:342px}
.cat_elements table td {padding:5px 0 5px 3px; font-size:0.68em; line-height:1.2em; border-bottom: 1px solid green; padding-right: 10px; }
.cat_elements table td img {float:left; margin-right:5px}
.cat_elements table td div {font-size:1.1em; font-weight:bold; padding-bottom: 5px}
#cat_elements .cat_elements table td.text {width:258px}

#closeMenu {clear:left; position:relative; left:374px}


#imprint {display:none; position:absolute; top:11%; left:50%; width:560px; margin-left:-285px; padding: 55px 30px 33px 30px; background:url(img/Impressum.gif) no-repeat #FCF4CC; border:1px solid #64A138}
#imprint table {color:#64A138; font-size:0.7em; line-height:1.2em; width: 520px}
#imprint table td {width: 225px}
#imprint table td.full {width: 560px}
#imprint p {margin:5px 0 0 0; padding:0}
#imprint a {color: #64A138}

#imprint div.close {position:absolute; bottom:0px; left:0px; margin:0; padding:0}


#imprint {display:none; position:absolute; top:11%; left:50%; width:500px; margin-left:-285px; padding: 55px 30px 33px 30px; background:url(img/Impressum.gif) no-repeat #FCF4CC; border:1px solid #64A138}

#search {position:absolute; top:40px; left:400px; width:160px; padding: 20px 0 0 0; background:#64A138 url(img/remote/bg.gif) no-repeat}
#search form {margin:0}
#search div {margin-left:10px}
#search .text {width:140px; margin-top:10px; margin-bottom:10px}
#search .button {margin:0 0 5px 35px}
#search .help {font-size:0.7em; color: white}
#search .mover {position:absolute; top:0; left:0; width:160px; height:20px; cursor:move}
#search .close {position:absolute; left:130px; top:0}


#search #SearchResults {margin-left:0px}
#SearchResults {width:160px; background-color:#5F9737; font-size:0.7em; color:white}
#search a {text-decoration:none; color:white}
#search .error {padding:10px}
#SearchResults {padding:0}
#SearchResults ul {list-style-type:none; margin:0; padding:10px}
#SearchResults ul li {padding:0; margin:5px 0 0 0}


.searchMarker {
	padding: 3px;
	border:1px solid #64A138;
	background-color: #FCF4CC;
	color: black;
	font-size: 12px;
	min-width: 200px
}

.marker {
	margin: 1px;
	padding-left: 5px;
	padding-top: 5px;
}

.marker a {color:#64A138}


.marker.active {
	margin: 0px;
	width: 200px;
	border:1px solid #64A138;
	background-color: #FCF4CC;
	color: black;
/*
	filter: alpha(opacity=85); 
	-moz-opacity:0.85;
*/
}

.marker img {
	margin-top:-5px;
	margin-left: -5px;
	margin-right: 5px;
	margin-bottom: 1px;
}

.marker span {
	display:none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

span div.detail {
	padding-left: 16px;
}


span div.detailActive {
	width:700px;
	border:1px solid #64A138;
	background-color: #FCF4CC;
	padding-bottom:45px;
	padding-right:10px;
}

span div.detailActive.LSB {
	width:400px;
}

.detail .icon {position:absolute; left:17px; top:13px}
.detail .image {float:left; padding-right: 15px}
.detail h3 {font-weight:normal; font-size:1.2em; margin-top:34px; margin-bottom:0.3em; color:#64A138; margin-left:52px}
.detail h4 {font-size:0.75em; margin-bottom:0; margin-top:0; color:#64A138}
.detail p {font-size:0.75em; margin-top:0; margin-bottom:0}
.detail p.project {margin-top:20px}
.detail a {text-decoration:none; color:#64A138}
.detail hr {border: none; border-bottom: 1px solid #64A138; margin: 2px 3px 3px 0}