* { margin:0; padding: 0; }

html { height: 100% }
	
body { 
	height: 101%;
	font-size: 100.01%; 
	position: relative; 
	color: #171717;
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;     
	text-align: left;
	line-height: 20px;
	background: #E4E4E4 url(../images/bg_container_aussen.jpg) repeat-x top; 
}

/***************************************** Anfang Formatierungen LAYOUT *****************************************/


ul { line-height: 1.5em;}

#container_site {
	width: 100%;
	background: #fff url(../images/bg_container_aussen.jpg) repeat-x top;
}

#container_aussen {
	position: relative;
	min-width: 960px;
	max-width: 1150px;
	margin: auto;
	width: expression(
	document.body.clientWidth < 1060? "960px": "90%" &&
	document.body.clientWidth > 1150? "1150px": "100%");
	height: 101%;
	z-index: 2;
}

#container_links_aussen {
	width: 100%;
	background: url(../images/bg_container_schatten01.png) no-repeat left top;
}


#container_rechts_aussen {
	width: 100%;
	background: url(../images/bg_container_schatten02.png) no-repeat right top;
}

#container_innen {
	position: relative;
	border: 0px #667 solid; 
	background: #fff url(../images/bg_container_innen.jpg) repeat-x top;
	margin: 0 10px 0 10px;
}

#header { 
	position: relative;
	height: 200px;
	color: #fff;
	width: 100%;
}

#navigation_top {
	position:absolute;
	top: 0px;
	right: 10px;
	color: #fff;
	background: transparent;
	text-align: right;
}

#mainnav {
	position:absolute;
	top: 34px;
	left: 0px;
	width: 100%;
	height: 31px;
	color: #fff;
	background: url(../images/bg_navigation_level1.png) no-repeat;
	text-align: left;
}

#submainnav {
	position:absolute;
	top: 68px;
	left: 0px;
	width: 100%;
	height: 25px;
	color: #fff;
	text-align: left;
}

#banner {
	position: absolute;
	top: 94px;
	left: 0px;
	width: 100%;
	height: 105px;
}

#schriftzug {
	width: 460px;
	height: 100px;
	float: left;
	background: url(../images/gemeindepoppenhausen.jpg) no-repeat bottom;
	margin-left: 5px;
}

#image {
	width: 301px;
	height: 105px;
	background: url(../images/headerimg_1.jpg) no-repeat;
	float: right;
}

#box {
	width: auto;
	height: 25px;
	border-bottom: 1px solid #CACACA;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}


#box a {color:#A30D0E;}
#box a:hover, #box a:focus {background:transparent;}

#box .pathway { padding: 0 0 0 5px }


#pathway {
	padding-left: 12px;
	padding-top: 5px;
	float: left;
}


.button

{
	border: 1px solid #595959;
margin-left: 10px;
padding: 2px;
height: 21px;
font-size: 10px;
background: transparent;
line-height: 14px;
}







#main {
	clear: both; 
	width: auto;
	margin-top: 10px;
}

#col2 {
	float: right; 
	width: 301px;
}
	
#col3 {
	width: auto;
	margin-right: 301px;
}

#col2_content {	
	margin-left: 10px; 
	margin-right: 10px;
}

#col3_content { 
	margin-left: 10px; 
	margin-right: 0em;
}


#footer {
width: 100%; 
height: 140px; 
background: #D3D3D3;
}

#footer_innen {
width: 100%; 
height: 114px; 
border-bottom: 1px solid #D0D0D0;
}

#footer_spalte_rechts {
float: right;
padding: 5px 10px 0 0;
}

#copyright {
width: 100%;
height: 24px;
border-top: 1px solid #AEAEAE;
text-align: center;
font-size: 10px;
line-height: 24px;
color: #00005A;
}



























/***************************************** Ende Formatierungen LAYOUT *****************************************/



/***************************************** Anfang Formatierungen Navigation TOP *****************************************/

ul#mainlevel-nav
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0.8em;

}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	line-height: 20px;
	font-size: 11px;
	white-space: nowrap;
	border-right: 0px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #626262;
	background: transparent;
	text-decoration: none;
}

ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #000;
	background: transparent;
	text-decoration: none;
}

/***************************************** Ende Formatierung Navigation TOP *****************************************/



/***************************************** Anfang Formatierungen Navigation MAIN *****************************************/


div.menu {
	padding-left: 21px;
}

ul#menulist_root
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0.8em;

}

ul#menulist_root li
{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	line-height: 25px;
	font-size: 13px;
	white-space: nowrap;
	border-right: 0px solid #cccccc;
	width: 152px;
	text-align: center;
}

ul#menulist_root li a
{
	display: block;
	text-decoration: none;
	color: #fff;
	background: transparent;
	text-decoration: none;
	padding-top: 3px;

}

ul#menulist_root li a { width: auto; }

	ul#menulist_root li a:hover
{
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/bg_navigation_link_hover.png) no-repeat;
	line-height: 31px;
	padding-top: 0px;
}


	ul#menulist_root #active_menu, ul#menulist_root #active_menu:hover
{
	color: #fff;
	text-decoration: none;
	background: url(../images/bg_navigation_link_active.jpg) no-repeat;
	line-height: 31px;
	padding-top: 0px;
}

	ul#menulist_root a.mainlevel_active, ul#menulist_root a.mainlevel_active:hover
{
	color: #fff;
	text-decoration: none;
	background: url(../images/bg_navigation_link_active.jpg) no-repeat;
	line-height: 31px;
	padding-top: 0px;
}

ul#menulist_root li#menuitem_6 a.mainlevel_current, ul#menulist_root li#menuitem_6 a.mainlevel_active:hover
{
padding-left: 20px;
	font-size: 12px;
}

/***************************************** Ende Formatierung Navigation MAIN *****************************************/




/***************************************** Anfang Formatierungen Navigation SUBMAIN *****************************************/


div.menu-submainnav {
	padding-left: 24px;
}

ul#menulist_root-submainnav
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0.8em;

}

ul#menulist_root-submainnav li
{
	padding-left: 30px;
	padding-right: 30px;
	float: left;
	margin: 0;
	line-height: 25px;
	font-size: 13px;
	white-space: nowrap;
	border-right: 0px solid #cccccc;
	text-align: center;
}

ul#menulist_root-submainnav li a
{
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}

ul#menulist_root-submainnav li a { width: auto; }

	ul#menulist_root-submainnav li a:hover
{
	color: #990909;
	text-decoration: none;
	line-height: 25px;
	padding-top: 0px;
}

ul#menulist_root-submainnav	 a.mainlevel_current-submainnav
{
	color: #990909;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	padding-top: 0px;
}


/***************************************** Ende Formatierung Navigation SUBMAIN *****************************************/


/***************************************** Anfang Formatierung Navigation RECHTE SPALTE *****************************************/

div.menu-navcontent {
	padding-left: 0px;
}


ul#menulist_root-navcontent
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 1em;
}


ul#menulist_root-navcontent li
{
	text-align: left;
	padding-top: 5px;
	padding-left: 0px;
	width: auto;
	text-decoration: none;
	border-bottom: 0px dotted #444444;
	list-style: none;
	line-height: 25px;
}

ul#menulist_root-navcontent li a
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

ul#menulist_root-navcontent li a:hover
{	font-size: 13px;
	font-weight: bold;
	color: #A30D0E;
	text-decoration: none;
	line-height: 25px;
	padding-top: 0px;
}

ul#menulist_root-navcontent li a#active_menu-navcontent
{	font-size: 13px;
	font-weight: bold;
	color: #A30D0E;
	text-decoration: none;
	line-height: 25px;
	padding-top: 0px;
}

a.sublevel-navcontent {
	padding-left: 20px;
}

a.sublevel_current-navcontent {
	padding-left: 20px;
}

/***************************************** ENDE Formatierung Navigation RECHTE SPALTE *****************************************/



/***************************************** Anfang Formatierung CONTENT *****************************************/

h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1, .componentheading, .h1_style {font-size: 1.6em; color: #006; margin-bottom: 10px; border-bottom: 1px #ccc solid; }
h2, .contentheading, .buttonheading td, .h2_style {font-size: 1.4em; color: #990909; margin: 0; padding: 0; border-bottom: 1px #ccc solid; }
.h3_style, h3 {font-size: 1.2em; color: #444444; margin: 0; padding: 0; font-weight:normal; }
.h4_style, h4 {font-size: 1.0em; color: #888; margin: 0; padding: 0; font-weight:bold; border-bottom: 1px #ddd solid;}
.h5_style, h5 {font-size: 1.0em; color: #888; margin: 0; font-style:italic; }
.h6_style, h6 {font-size: 1.0em; color: #888; margin: 0; font-style:italic; }

.hold_floats { height: 1%; }

.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
	#ie_clearing {
		display:block;       /* DIV sichtbar machen */
		\clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */ 

		width: 100%;         /* IE-Clearing mit 100%-DIV für IE 6 */
		font-size:0;         /* reduziert zusammen mit dem negativen Margin die Höhe des DIVs auf 2 Pixel */
		margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */  
	}

	* html #ie_clearing { margin: 0 0 -1em 0} 


	.clearfix { display: inline-block; } 

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

.small, .createdate, .modifydate, .author {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	color:#888;
	padding-bottom: 5px;
}

.createdate { display:block; text-align:left; }	
.modifydate { display:block; text-align:right; padding-top: 5px; }
.author { display:block; }




a, a em.file {color: #900; text-decoration:none;}
a:hover, a.external:hover {background-color: #fee; text-decoration:underline;}
a:focus, a.external:focus {background-color: #fee; text-decoration:underline;}

form {overflow:hidden;}

input, textarea {
    width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

.back_button a {
	width: auto;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #777;
	float:left;
	margin-top:3em;
}
.back_button a:hover {
	text-decoration:none;
	background:#eaeaea;
}

hr { 
	color: #404040; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}


#col3_content img { margin-right: 1em; margin-bottom: 0.5em; margin-top: 1em; border: 0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }


.sectiontableheader { padding:0.1em 0.3em; background:#D8D8D8; font-weight:bold; }
.sectiontablefooter { padding:0.1em 0.3em; background:#D8D8D8; font-weight:bold; }

tr.sectiontableentry1 td, .sectiontableentry1 {
	padding:0.2em 0.25em;
	background:#F1F1F1;
	border-bottom:1px solid #E7E7E7;
}
tr.sectiontableentry2 td, .sectiontableentry2 {
	padding:0.2em 0.25em;
	background:#E7E7E7;
	border-bottom:1px solid #E7E7E7;
}

.sectiontableheader_baugebiete { padding:0.1em 0.3em; background:#D8D8D8; font-weight:bold; border:1px solid #D7D7D7; }

tbody.sectiontableentry1_baugebiete td, .sectiontableentry1_baugebiete  {
	padding:0.4em 0.4em;
	background:#F1F1F1;
	border:1px solid #D7D7D7;
}

tr.sectiontableentry1_baugebiete td, .sectiontableentry1_baugebiete  {
	padding:0.4em 0.4em;
	background:#F1F1F1;
	border:1px solid #D7D7D7;
}

tr.sectiontableentry2_baugebiete td, .sectiontableentry2_baugebiete {
	padding:0.4em 0.4em;
	background:#E7E7E7;
	border:1px solid #D7D7D7;
}

/***************************************** ENDE Formatierung CONTENT *****************************************/




/***************************************** Anfang Formatierung MODULE *****************************************/

div.module {
	border: 1px solid #888b8e;
	margin-bottom: 20px;
		background: #EBEBEB;
}



div.module h3 {
	font-size: 12px;
font-weight: bold;
	padding-left: 0px;
	padding-bottom: 5px;
}


div.module div div div {
	margin: 5px 10px 5px 10px;
}


div.module td {
	background: #EBEBEB;
}

/***************************************** ENDE Formatierung MODULE *****************************************/










































@media all
{
	
body { min-height: none; }                                                
html { height: auto; }   
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html .floatbox { width:100%; }
* html #col1 { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
* html #col2 { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
* html #col3 { position:relative; }
.hold_floats { height: 1%; }
* html ul { position: relative }
* html ol { position: relative }
* html dl { position: relative }
* html blockquote { zoom:1 }
#page_margins, #page, #header, #nav, #main, #footer { zoom: 1; }
* html #col1 { display: inline; }
* html #col2 { display: inline; }
* html #col1_content { overflow: visible; }
* html #col2_content { overflow: visible; }
* html #col3_content { overflow: visible; }
* html i, * html em { overflow: visible; display:inline-block; }
#ie_clearing {
display:block;
\clear:both;
width: 100%;
font-size:0;
margin: -2px 0 -1em 1px;
}
* html #ie_clearing { margin: 0 0 -1em 0} 		
html {margin-right: 1px}
* html {margin-right: 0} /* Der IE6 benötigt das nicht */
#col3_content {margin-bottom:-2px; }
#col3 { position:relative; }



@media screen
{
* html #col1_content { word-wrap: break-word; }
* html #col2_content { word-wrap: break-word; }
* html #col3_content { word-wrap: break-word; }
a, a:hover { background-color: transparent; }
#footer a, #footer a:hover { background-color: transparent; }
}
