/* IconScreen        ----------------------------------------------------------------------------
Building 05.2010 */

/* Resets default browser CSS - Do not change---------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } tr, th, td { margin: 0; padding: 0; border: 0; } table { margin: 0; padding: 0; border-collapse: separate; border-spacing: 0; } a img { border: none; }

/* basics / layout ------------------------------------------------------------------------------ */
body { background: #f4f4ed url(/images-system/bg.jpg) repeat center top; }
body { behavior: url("/css/csshover3.htc"); } /* :hover ie5/6 */
body {
	color: #000;
	text-align: left;
	font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: lighter; }

#wrapper {
	width: 960px !important;
	padding-bottom: 12em; 
	margin: 0 auto;   }	

#content { padding-top: 3em; }
.noprint { display: block; }
.print { display: none; }
	


/*  font ----------------------------------------------------------------------------------------- */
a { color: #004182; text-decoration: none; }
a:hover { color: #00acec; text-decoration: underline; }
:focus { -moz-outline-style: none; outline-style: none; }
strong { font-weight: bold; }
	


/*  claim ---------------------------------------------------------------------------------------- */
#claim { height: 180px; background: url(/images-system/bg-claim.png) repeat; }
#logo 	{ float: left; width: 157px; margin: 55px 20px 0 10px; }
#button { float: left; width: 138px; height: 138px; margin-top: -36px; margin-left: 36px; background: url(/images-system/button.gif) repeat; }
#button:hover { background: url(/images-system/button2.gif) repeat; }
#claim p { margin-left: 430px; text-align: justify; padding: 55px 10px 0 0; }
	


/*  nav ------------------------------------------------------------------------------------------ */
#navbar { margin: 0; padding: 0; height: 33px; }
#navbar li { list-style: none; float: left; }
#navbar li a { display: block; }
#navbar li ul { display: none; width: 12em; /* Opera */}
#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#navbar li:hover li, #navbar li.hover li { float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	padding: 7px 15px; 
	width: 14em;
	height: auto;
	background-color: #00acec; 
	color: #fff;
	border-top: 1px solid #d4dedf; /*  Opera */
	text-decoration: none; }
	
#navbar li li a:hover, #navbar li li a.current  { background-color: #7aa5c6 !important; color: #000; }

#home { width: 83px; height: 33px; background: url(/images-system/navigation.gif) 0px 0px; }
#home:hover, #homecurrent { background: url(/images-system/navigation.gif) 0px -33px; }
#termine { width: 99px; height: 33px; background: url(/images-system/navigation.gif) -83px 0px; } 
#termine:hover, #terminecurrent { background: url(/images-system/navigation.gif) -83px -33px; }
#mitmachen { width: 117px; height: 33px; background: url(/images-system/navigation.gif) -182px 0px; } 
#mitmachen:hover, #mitmachencurrent { background: url(/images-system/navigation.gif) -182px -33px; }
#foerderprogramm { width: 159px; height: 33px; background: url(/images-system/navigation.gif) -299px 0px; } 
#foerderprogramm:hover, #foerderprogrammcurrent { background: url(/images-system/navigation.gif) -299px -33px; } 
#entwicklungsquartier { width: 184px; height: 33px; background: url(/images-system/navigation.gif) -458px 0px; } 
#entwicklungsquartier:hover, #entwicklungsquartiercurrent { background: url(/images-system/navigation.gif) -458px -33px; } 
#stadtteilzeitung { width: 148px; height: 33px; background: url(/images-system/navigation.gif) -642px 0px; } 
#stadtteilzeitung:hover, #stadtteilzeitungcurrent { background: url(/images-system/navigation.gif) -642px -33px; } 
#links { width: 78px; height: 33px; background: url(/images-system/navigation.gif) -790px 0px; } 
#links:hover, #linkscurrent { background: url(/images-system/navigation.gif) -790px -33px; }
#kontakt { width: 92px; height: 33px; background: url(/images-system/navigation.gif) -868px 0px; } 
#kontakt:hover, #kontaktcurrent { background: url(/images-system/navigation.gif) -868px -33px; } 
	


/*  BIG IMAGE ------------------------------------------------------------------------------------ */
.bigimagecaption {
	position: absolute; 
	width: 940px;
	top: 532px;
	left: 50%;
	margin-left: -480px;
	padding: 6px 10px 0 10px;
	background: #fff;
	height: 1.667em;
	opacity: .75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
	


/*  content -------------------------------------------------------------------------------------- */
h1, h2, h3, p, .wysiwyg, ul#downloadlist { margin-left: 430px; padding-right: 10px; }
p, .wysiwyg {text-align: left; line-height: 1.4em; text-align: justify; }
h1 {font-size: 24px;font-weight: bold; padding-bottom: 5px; }
h2 {font-size: 18px;font-weight: bold; padding-bottom: 5px; }
h3 {font-size: 18px;font-weight: bold; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dotted #000; }

p, .wysiwyg, ul#downloadlist { padding-bottom: 30px; }

p.description { padding-bottom: 15px !important; }

.contentimage { margin-left: 130px; float:left;padding: 5px 20px 15px 0; }
.contentimagestadtteilzeitung { margin-left: 311px; float:left; padding: 5px 20px 55px 0; }
.contentimageright {float:right; padding: 0 10px 15px 0; display: block; }

.contentimagecaption {padding: 5px 0 0 10px; font-size: 12px; color: grey; }

.contentblock { background: url(/images-system/bg-contentblock.png) repeat; }
.contentblock { min-height: 257px; }
.contentblock { height: expression( this.scrollHeight < 258 ? "257px" : "auto" ); }

.termine { background: url(/images-system/bg-contentblock-termin.png) repeat; }
.contentblockimage { float: left; }

.contentblock p  { padding-bottom: 0px; }
.contentblock h1 { padding-top: 15px; }
.contentblock h2 {  }


hr {
border-top: solid 1px #f4f4ed;
border-bottom: solid 1px #CCC;
border-left: solid 1px #f4f4ed;
border-right: solid 1px #f4f4ed;
height:1px;
width: 525px;
float: right;
margin: 5px 0 10px 0; }

.projektblock p  { padding-bottom: 0px; }
.projektblock h1 { padding-top: 0px; }
.projektblock h2 { padding-bottom: 15px; }
.projektblockimage { float: left;  padding-top: 5px; padding-left: 130px;}

.contentblock a,.projektblock a, #content a { font-weight: bold; }


a[href$=".pdf"] { background: url(/images-system/icon_pdf.gif) no-repeat 0 50%; padding-left: 36px; }
	
a.zoom img { padding: 2px; margin: 2px; background: #d4dede; }
	
ul#downloadlist  { list-style-type: none;  }
ul#downloadlist li { padding: 3px 0; margin: 3px 0; border-bottom: 1px solid #e5e5e5; }

.wysiwyg ul { list-style-type: disc; list-style-position: inside;  }

table { padding: 0 0 15px 0; font-size: 12px; }
td { padding: 2px; border-bottom: 1px solid #000;
	vertical-align: top;
	background: #f4f4ed;
	opacity: .90;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
th { padding: 2px 8px 2px 4px; text-align: left; border-bottom: 1px solid #ccc; vertical-align: top; }

tr:hover { background-color: #d5d5cd; }




/*  service --------------------------------------------------------------------------------------- */
#service { font-size: 12px; margin-top: 65px; padding: 10px; text-align: right; border-top: 1px solid #003366; }
	


/*  footer --------------------------------------------------------------------------------------- */
#footer { font-size: 12px; padding-top: 32px; padding-left: 10px; }
#footer address, #footer img { float: left; padding-right: 22px; }
#footer img { padding-top: 32px; }