/* Optional Code */
body {
 background: url(images/hg_body.gif) repeat-y center #4c4c4c;
 margin: 0 auto;
 }
body { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 83%; }
table.ueberblick { padding: 0.5em; margin: 10px; font-size: 1em; width: 100%; background: url(images/gebiet-bauverein-wittgensdorf.jpg) no-repeat center top; text-align: center; }
table.ueberblick img { border: 1px solid #043D84; }
table.ueberblick td { height: 210px; }
p { margin: 10px 0px; }
h1 { margin: 0px; font-size: 1.3em; font-weight: normal; color: #043d84; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
a:link, a:visited {
 color: #004D8F;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
 color: #004DBD;
}
a.button {
 display: block;
 background: url(images/hg_leiste.jpg) repeat-x #B0C5E2;
 color: #FFFFFF;
 font-size: 85%;
 text-decoration: none;
 line-height: 19px;
 border: solid #96AEC3 1px;
 height: 20px;
 width: 260px;
 text-align: center;
}
.right { font-style: italic; }
.normal { font-style: normal; }

.wrapper { min-width: 974px; }
          /* Allways good to have on full width liquid CSS layouts,
             google "min-width IE" for JS solutions there */

.wrapper { margin: 0 auto; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 974px;               /* total width */
}

.outer {
	border-left-width: 210px;  /* left column width */
	border-left-color: #CADBEB;   /* left column colour */

	border-right-width: 30px; /* right column width */
	border-right-color: #FFFFFF;  /* right column colour */
}

.left {
	width: 210px;              /* left column width */
	margin-left: -210px;      /* _negative_ left column width */
}

.right {
	width: 30px;              /* right column width */
	margin-right: -30px;      /* _negative_ right column width */
}

.header {
	background: url(images/header.jpg) no-repeat;    /* header and footer colours */
 height: 125px;
}
.leiste {
 background: url(images/hg_leiste.jpg) repeat-x;
 height: 25px;
 border-bottom: solid #043d84 1px;
 border-top: solid #043d84 1px;
 text-align: right;
 color: #FFFFFF;
 line-height: 24px;
}

.content {
 margin: 30px 10px 10px 20px;
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }

form {
 margin: 20px;
}
input, textarea {
 border: solid #DFA255 1px;
 background: #FFF7D2;
 width: 250px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.naviLeft {
 display: block;
 background: url(images/hg_leiste.jpg) repeat-x #B0C5E2;
 color: #FFFFFF;
 font-size: 90%;
 text-decoration: none;
 line-height: 25px;
 border: solid #96AEC3 1px;
 height: 25px;
 width: 150px;
 margin-bottom: 8px;
 margin-left: 20px;
 }

a.naviLeft:hover, a.naviLeftaktiv {
 display: block;
 background: #FFE592;
 color: #000000;
 font-size: 90%;
 text-decoration: none;
 line-height: 25px;
 border: solid #8CA0CA 1px;
 height: 25px;
 width: 150px;
 margin-bottom: 8px;
 margin-left: 20px;
 }
.logo {
 margin-left: 700px;
 font-family: Times New Roman;
 font-size: 180%;
 color: #0057ce;
}