@charset "iso-8859-1";

@media all { 

	/* ####### Basis ####################################################### */

	* { margin:0;padding:0 }
	* html body * { overflow:visible }
	html { height:100% }
	body { min-height:101%;font-size:100.01%;color:#000;background:#fff;text-align:left }
	fieldset,img { border:0 solid }
	option { padding-left:0.4em }
	ul,ol,dl { margin:0 0 1em 1em }
	li { margin-left:1.5em;line-height:1.5em }
	dt { font-weight:700 }
	dd { margin:0 0 1em 2em }
	blockquote,cite { font-size:0.93em;width:auto;margin:0 0 1em 1.5em }
	
	#topnav { position:absolute;top:10px;right:10px;text-align:right }
	#footer { clear:both;display:block }
	
	#col1_content { z-index:4 }
	#col2_content { z-index:6 }
	#col3_content { z-index:2 }
	
	.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden }
	.clearfix { display:block }
	.floatbox { overflow:hidden }

	.skip,.hideme,.print { position:absolute;top:-1000em;left:-1000em;height:1px;width:1px }
	.skip:focus,.skip:active { position:static;top:0;left:0;height:auto;width:auto }
	#header,#col1_content,#col2_content,#col3_content { position:relative; }
	#nav,#main { clear:both;width:auto }
	
	
	
	/* ####### Projekt ####################################################### */
	
	body { background:#f9fbff; }
	#page_margins { width: auto;  min-width: 740px; max-width: 1400px; margin: 0 auto; background:#fff; }
	#page {   }
	#header {   }
	#topnav { position:static; background:#e8f1ff; padding:2px 9px 4px 9px; font-size:1.1em; }
	#header_image { width:100%; height:120px; border-top:1px solid #9d9da1; border-bottom:1px solid #00264a; background:url(../images/header_image.jpg) repeat-x; }
	#header_title { padding:26px 0 0 10px; }
	#nav { margin:2px auto 2px auto; border-top:1px solid #4a7199; background:#c7d3e5; border-bottom:1px solid #4a7199;  }
	
	#main { border-top:1px solid #00264a; }  	
  
	.wrapper1 { background: url(../images/bg_left.gif) 20% 0; }
	.wrapper1_header { background: url(../images/bg_left_header.gif) 20% 0; }
	.wrapper2 { background: url(../images/bg_right.gif) 80% 0; }
	.wrapright { float: right; width: 80%; }
	#header { background: #fcc; }
	#col2 { float: left; width: 75%; }
	#col3 { margin-left: 75%; }
	#col1 { color: #fff; margin-right: 80%; padding:20px 0 20px 0; } 
	#col2_content { clear:both; margin:0em 3% 0 3%; }
	#col1_content { margin:0; }
	#col3_content { margin:15px 3% 3em 5%; overflow:hidden; }
	
	#col2_footer { float: left; width: 75%; background:#e8f1ff; }
	#col3_footer { margin-left: 75%; }
	#col1_footer { color: #fff; margin-right: 80%; } 
	
	/* alt */
	#map_link { position:relative; margin: 0 2em 0 1.0em; }
	#icon_map { position:absolute; z-index:3; top:0; left:0; }
	#map_text { position:relative; z-index:5; left:3px;}
	
	.map_link {
		background:#C7D3E5;
		border:1px solid #013c73;
		margin:0 2em 0 1em;
		padding:5px;
		position:relative;
	}
	.map_link hr {
		border:none;
		border-top:1px solid #4B709A;
		margin:5px 0 5px 0;
		padding:0;
		height:1px;
	}	
	.map_link a {
		margin-left:2%;
		display:block;
		padding:6px 0 6px 42px;
		text-decoration:none;
	}
	#map_link_map {
		background: url(../images/icon_map.gif) no-repeat;
	}
	#map_link_list {
		background: url(../images/icon_list.gif) no-repeat;
	}	
	/* temporär */	
	#map_link_stadtumbauwoche { color:#fb8700; padding:5px; text-align:center; }
	.map_link_stuw { background:#013870; border:1px solid #fb8700; margin:1.5em 2em -2em 1em; padding:5px; position:relative;}
	.map_link_stuw a#map_link_stadtumbauwoche:hover { text-decoration:none; color:#fb8700; }
	
	#logos { 
		width:135px;
		margin:5em auto 3em auto;
		padding:0.5em;
		text-align:center;
		border:1px solid #b4bcc7;
		background-color:#e8f1ff
	}
	#logos a { display:block; padding:10px 0 10px 0; }
	#logos a:last-child { padding-top:5px; }

}