@import "font.css";
@import "color.css";
@import "select.css";
/****************************************************
1. GENERAL
2. TOOLS AND HELPERS
3. LAYOUT
3.1. HEAD
3.2. MAIN CONTAINER
3.2.1 TWO COLUMN CONTENT LAYOUT
3.2.1 ONE COLUMN CONTENT LAYOUT
3.3. FOOTER

4. NAVIGATION ELEMENTS
4.1 SERVICENAVIGATION
4.2 MAINNAVIGATION
4.3 BANNERNAVIGATION
4.4 INLINENAVIGATION

5. LAYOUT DETAILS
5. SPECIAL VIEWS

****************************************************/

/* ------------------1. GENERAL--------------------*/

html {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

blockquote, cite {
	margin: 0 0 1em 1.5em;
	width: auto;
}

dd {
	margin: 0 0 1em 2em;
}


fieldset, img {
	border: 0 solid;
}

input {
	vertical-align: middle;
	padding: 2px 2px;
	margin: 3px 0 0 0;
}

select {
	padding: 2px 2px;
	margin: 3px 0 0 0;
}

textarea {
	width: 350px;
	height: 8em;
}

input.checkBox,
input.radioBox {
	border: none!important;
	height: auto;
	margin: 0 5px 0 0;
	/*position: relative;*/
	top:-1px;
	width: auto;
}

input.button {
	width: auto;
	padding: 1px;
}

ul, ol, dl {
	margin: 0 0 1em 1em;
}

li {
	line-height: 1.5em;
	margin-left: 1.5em;
}

p {
	line-height: 1.3em;
}

acronym, .acronym {
  cursor: help;
}

/* errormsg */
.clearfix .errormsg{
	margin:0;
	padding:0;
}
.resultset .errormsg, .listView .errormsg{
	padding:50px 12px 24px;
}


/* headings */
h2 {
	margin: 0 0 0 0;
}


/*Sprungnavigation**/
.skiplink, .hidden {
	position: absolute;
	top: -999px;
	left: -999px;
}

/* verstecken bei vorhandenem CSS */
.hide {
	display:none;
}

/* ------------------3. LAYOUT--------------------*/

#main {
	margin: 0 16px;
}

/* ------------------3.1. HEAD-------------------*/
#head {
	width: 934px;
	height: 126px;
	font-size: 0.95em;
}

.logo {
	width: 439px;
	float: left;
	display: inline;
}

.servicenavigation {
	width: 411px;
	float: right;
	display: inline;
}

.servicenavigation ul {
	float:left;
	display: inline;
}

.primaryNavigation {
	display: block;
	clear: left;
	margin-left: 5px;
	position: relative;
	z-index: 10;
	top:10px;
}

/* ------------------3.2. MAIN CONTAINER-------------------*/

#container {
	width: 934px;
	padding: 16px 0 0 0;
	position:relative;
	z-index:1;
	margin-top: -1px;
}
#container[id] {
	margin-top: 0px;
}

#navigation {
	width: 188px;
	float: left;
	display: inline;
	font-size: 0.95em;
}

/* ------------------3.2.1 TWO COLUMN CONTENT LAYOUT-------------------*/
#col2 {
	width: 746px;
	float: left;
	display: inline;
	overflow:hidden;
}

#col2 #content {
	width: 556px;
	float: left;
	display: inline;
	overflow:hidden;
	margin-right: 8px;
}

#col2 #marginal {
	font-size: 0.95em;
	width: 180px;
	float: right;
	display: inline;
}


/* ------------------3.2.1 ONE COLUMN CONTENT LAYOUT-------------------*/
#col1 {
	width: 746px;
	float: left;
	display: inline;
}

#col1 #content {
	width: 746px;
	display: inline;
	overflow:hidden;
	float: left;
}

.iFrameTransparent #col1 #content form .submit100 {
	float: none!important;
	zoom: 1;
}

/* ------------------4. NAVIGATION ELEMENTS-------------------*/

/* ------------------4.1. SERVICENAVIGATION-------------------*/
.servicenavigation {
	width:411px;
	padding:2px;
}

.servicenavigation ul, .servicenavigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.servicenavigation ul {
	margin:0;
}

.servicenavigation ul li {
	display: inline;
	margin: 0 0 0 0.5em;
}


/* ------------------4.2. MAINNAVIGATION-------------------*/


ul.secondaryNavigation, ul.secondaryNavigation  li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.secondaryNavigation {
	margin: 0 8px 12px 0;
}


ul.secondaryNavigation ul {
	margin: 0;
}

ul.secondaryNavigation li a,
ul.secondaryNavigation li span,
ul.secondaryNavigation li a:link,
ul.secondaryNavigation li a:visited,
ul.secondaryNavigation li a:hover,
ul.secondaryNavigation li a:focus,
ul.secondaryNavigation li a:active {
	padding: 4px 0px 4px 24px;
	text-decoration: none;
	display: block;
	font-size: 1.1em;
	color: #000;
	background: url(../images/pfeil_rechts_schwarz.gif) no-repeat 12px 9px;
}
ul.secondaryNavigation li.currentLevel a,
ul.secondaryNavigation li.currentLevel span,
ul.secondaryNavigation li.currentLevel a:link,
ul.secondaryNavigation li.currentLevel a:visited,
ul.secondaryNavigation li.currentLevel a:hover,
ul.secondaryNavigation li.currentLevel a:active {
	padding: 4px 0px 4px 24px;
	text-decoration: none;
	display: block;
	font-size: 1.1em;
	color: #000;
	background: url(../images/pfeil_runter_schwarz.gif) no-repeat 11px 10px;
}

ul.secondaryNavigation li.currentLevel ul li a,
ul.secondaryNavigation li.currentLevel ul li a:link,
ul.secondaryNavigation li.currentLevel ul li a:visited,
ul.secondaryNavigation li.currentLevel ul li a:hover,
ul.secondaryNavigation li.currentLevel ul li a:focus,
ul.secondaryNavigation li.currentLevel ul li a:active,
ul.secondaryNavigation li.currentLevel ul li span {
	padding: 4px 1px 4px 35px;
	background: #fff url(../images/pfeil_rechts_schwarz.gif) no-repeat 23px 9px;
}

.primaryNavigation ul, .primaryNavigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:normal;
}

.primaryNavigation ul {
	margin: 0 auto!important;
	width: 50.9em;
	overflow: hidden;
	padding: 0;
	position:relative;
	z-index: 10;
}

.primaryNavigation ul li {
	float: left;
	display: inline;
	margin: 0 8px 0 0;
}

.primaryNavigation ul li a,
.primaryNavigation ul li span,
.primaryNavigation ul li a:link,
.primaryNavigation ul li a:visited,
.primaryNavigation ul li a:hover,
.primaryNavigation ul li a:focus,
.primaryNavigation ul li a:active {
	padding: 6px 22px 7px 22px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 1.1em;
}



/**info navigation**/
#navigation ul.infoNavigation, #navigation ul.infoNavigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 178px;
}

#navigation ul.infoNavigation {
	padding: 0 1px 4px 1px;
	margin: 0 0 8px 0;
}

#navigation ul.infoNavigation li {
	display: block;
}

#navigation ul.infoNavigation li a,
#navigation ul.infoNavigation li span,
#navigation ul.infoNavigation li a:link,
#navigation ul.infoNavigation li a:visited,
#navigation ul.infoNavigation li a:hover,
#navigation ul.infoNavigation li a:focus,
#navigation ul.infoNavigation li a:active {
	padding: 4px 3px 4px 23px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 152px;
}


/* ------------------4.3. BANNERNAVIGATION-------------------*/

#marginal .banner {
	margin: 0 0 8px 0;
}

#marginal .banner h2 {
	font-size: 1.1em;
	padding: 6px 10px;
	font-weight: bold;
}

#marginal .banner .bannerContent {
	padding: 8px 10px;
}

#marginal .banner .bannerContent h3 {
	font-size: 1.1em;
	padding: 0 0 6px 0;
}

#marginal .banner .bannerContent p {
	margin: 0;
	padding: 0 0 2px 0;
}

#marginal .bannerExtern {
	margin: 0 0 8px 0;
}

#marginal .bannerExtern .bannerContent {
	padding: 8px 10px;
}

#marginal .bannerExtern .bannerContent h2 {
	font-size: 1.1em;
	padding: 0 0 6px 0;
}

#marginal .bannerExtern .bannerContent p {
	margin: 0;
	padding: 0 0 2px 0;
}

/* ------------------4.4. TEASERNAVIGATION-------------------*/
#navigation .banner {
	margin: 0 8px 8px 0;
	border: 0;
}

#navigation .banner h2 {
	font-size: 1.1em;
	padding: 6px 10px;
	margin: 0;
	font-weight: bold;
}

#navigation .banner .bannerContent {
	padding: 8px 10px;
}

#navigation .banner .bannerContent ul, #navigation .banner .bannerContent ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation .banner .bannerContent ul {
	padding: 8px 0 0 0;
}
#navigation .banner .bannerContent ul li {
	padding: 0 0 4px 19px;
}

#navigation .banner .bannerContent ul li a,
#navigation .banner .bannerContent ul li a:link,
#navigation .banner .bannerContent ul li a:visited,
#navigation .banner .bannerContent ul li a:hover,
#navigation .banner .bannerContent ul li a:focus,
#navigation .banner .bannerContent ul li a:active {
	font-weight: bold;
}

#navigation .banner .bannerContent ul li span {
	font-weight: normal;
}

/**Sonderbanner**/

#navigation .bookmark p, #navigation .print p{
	font-size: 1.1em;
}

#navigation .linkRight {
	text-align: right;
	display: block;
}

#navigation .download h2 {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ------------------5. LAYOUT DETAILS-------------------*/

#navigation h2 {
	padding: 6px 6px 6px 11px;
	margin: 0 8px 0 0;
	font-size: 1em;
	font-weight: bold;
}

/* ------------------5.1 TEASER-------------------*/

.teaser {
	padding-bottom: 8px;
}

.teaser h2 {
	font-weight: normal;
	font-size: 1.5em;
	padding: 4px 14px;
}

.teaser .teaserContent {
	padding: 16px 4px 8px 12px;
}

.teaser .teaserContent .imgLeft,
.form .text .imgLeft {
	float: left;
	margin-right: 12px;
}

.teaser .teaserContent .imgRight {
	float: right;
	margin-left: 12px;
}

.teaser .teaserContent .teaserContentLeft {
	width: 255px;
	float: left;
	padding-bottom: 8px;
}
.teaser .teaserContent .teaserContentRight {
	width: 255px;
	float: right;
	padding-bottom: 8px;
}

.teaser .teaserContent .teaserContentLeft h3, .teaser .teaserContent .teaserContentRight h3, .teaser .teaserContent .teaserElement h3 {
	padding: 0 0 0 0px;
	margin-bottom: 8px;
	font-size: 1.1em;
}

.teaser .teaserContent .teaserContentLeft p, .teaser .teaserContent .teaserContentRight p {
	width: 170px;
}


.teaser .teaserContent p {
	padding: 0 0 2px 0;
	line-height: 1.5em;
}

.teaser .teaserElement p {
	padding: 0 0 2px 0px;
	line-height: 1.5em;
}
.teaser .teaserContent h3 {
	padding: 16px 0 8px 0;
	font-size: 1.0em;
}

.teaser .teaserContent ul,
.teaser .teaserContent ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.teaser .teaserContent ul {
   /*width: 140px;*/
   width: 340px
   float: left;
}

.teaser .teaserContent ul li {
	display: block;
	zoom: 1;
	margin: 0;
	padding: 0 0 0 12px;
}

.teaser .teaserContent ul.listLeft {
	width: 200px;
	float: left;
   display: block;
}

.teaser .teaserContent ul.listRight {
	width: 120px;
	float: left;
   display: block;
}

.teaser .teaserContent .teaserForm {
	font-size: 0.95em;
	margin-top: 30px;
	width: 200px;
}

.teaser .teaserContent .teaserForm .error {
	color: red;
	padding-right: 25px;
}

.teaser .teaserContent .teaserForm label {
	display: block;
	font-weight: bold;
}

.teaser .teaserContent .teaserForm input,
.teaser .teaserContent .teaserForm select {
	margin-bottom: 8px;
}
.teaser .teaserContent .teaserForm input#searchKommune {
	margin-bottom: 0;
}

.teaser .teaserContent .teaserForm input.simpleSubmit {
	float: right;
}

.themenTeaser, .themenTeaser .teaserContent,
.serviceTeaser, .serviceTeaser .teaserContent,
.datenTeaser, .datenTeaser .teaserContent,
.toolsTeaser, .toolsTeaser .teaserContent,
.themen .listTeaser, .tools .listTeaser, .service .listTeaser  {
	zoom: 1;
}

.toolsTeaser .teaserContent .teaserContentLeft,
.toolsTeaser .teaserContent .teaserContentRight,
.toolsTeaser .teaserContent .teaserElement {
	/*font-size: 0.95em;*/
}


.toolsTeaser .teaserElement {
	padding-bottom: 12px;
}

.listTeaser .teaserContent {
	padding: 14px 9px 4px 9px;
	zoom: 1;
}

.listTeaser .teaserContent h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px 0;
}

.listTeaser .teaserContent label {
	padding-bottom: 8px;
	display: block;
}

.listTeaser .teaserContent p {
	color: #000;
	line-height: 1.3em;
}


/* ------------------5.2 LISTEN INNERHALB DER DOORPAGE-------------------*/

.themen .listView h2, .themen .listView h3 {
	padding: 8px 8px;
}

.themen .listView table {
	border-collapse: collapse;
	font-size: 0.95em;
	width: 98%;
}

.themen .form .listView table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.themen .listView table th {
	font-weight: normal!important;
	padding: 4px;
	background: #F2F5EA;
}

.themen .listView table td {
	padding: 4px;
	vertical-align: top;
}

.themen .listView .listing {
	margin-left:13px;
}

.daten .listView h2, .themen .listView h3 {
	padding: 8px 8px;
}

.daten .listView table {
	border-collapse: collapse;
	font-size: 0.95em;
	width: 98%;
}

.daten .form .listView table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.daten .listView table th {
	font-weight: normal!important;
	padding: 4px;
	background: #F7DEBF;
}

.daten .listView table td {
	padding: 4px;
	vertical-align: top;
}

.tools .listView h2, .themen .listView h3 {
	padding: 8px 8px;
}

.tools .listView table {
	border-collapse: collapse;
	font-size: 0.95em;
	width: 98%;
}

.tools .form .listView table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.tools .listView table th {
	font-weight: normal!important;
	padding: 4px;
	background: #DBBBDF;
}

.tools .listView table td {
	padding: 4px;
	vertical-align: top;
}
/* ------------------5.2 FORMS AND TABLES-------------------*/

applet#m24applet {
	margin: 0;
	padding: 0;
	position: absolute;
}
.form {
	padding-bottom: 8px;
}

.form form {
	position: relative;
}

.form .resultset {
	padding-left: 1px;
}
.form .resultset .grafiktool_img{
	margin-bottom: 4px;
}

/*4 Felder alle gleich verteilt**/
.form fieldset.field4_1,
.form fieldset.field4_2,
.form fieldset.field4_3,
.form fieldset.field4_4 {
	float: left;
	width: 161px;
	margin: 8px 0 8px 1px;
	display: inline;
	padding: 0 6px 8px 12px;
	font-size: 0.95em;
}

.form fieldset.field4_2,
.form fieldset.field4_3,
.form fieldset.field4_4 {
	width: 169px;
}

.form fieldset.field4_4 {
	width: 168px;
}

/*3 Felder das erste Feld l�nger**/
.form fieldset.field3_1_long,
.form fieldset.field3_2_long,
.form fieldset.field3_3_long,
.form fieldset.field3_1,
.form fieldset.field3_2,
.form fieldset.field3_3 {
	float: left;
	width: 165px;
	margin: 8px 0 8px 1px;
	display: inline;
	padding: 0 8px 8px 12px;
	font-size: 0.95em;
}


.form fieldset.field3_1_long {
	width: 347px!important;
}

.form fieldset.field3_2_long {
	width: 354px!important;
	padding: 0 8px 8px 4px;
}

.form fieldset legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 8px 15px;
}

.form fieldset label {
	margin: 0;
	padding: 0;
	_height: 5em;
	min-height: 5em;
	display: block;
}

.form fieldset label.inline {
	height: 1.4em;
	min-height: 1.4em;
}

.form fieldset label.inline2 {
	height: 2em;
	min-height: 2em;
}

.form fieldset label.sibling {
	min-height: inherit !important;
}

.form fieldset label.radioBox {
	display: inline;
}

.form fieldset span {
	margin: 0 0 6px 0;
	display: block;
}

.form fieldset p {
	margin: 0 0 8px 0;
	display: block;
}

.form fieldset strong {
	font-size: 1.1em;
}

.form .text {
	padding: 24px 12px;
}

.form .text ul,
.form .text ol,
.form .text dl {
	*padding-left: 7px;
}

.form .text .static {
	margin-left: 180px;
}

.form .textsmall {
	padding: 24px 12px;
}

.form .text p {
	padding: 0 0 14px 0;
	/* margin-left: 178px; */
}

.form .textsmall p {
	padding: 0 0 16px 0;
	font-size: 0.95em;
}

.form .text table {
	width: 100%;
	border-collapse: collapse;
}

.form .text table th {
	font-weight: bold;
	padding: 4px;
}

.form .text table td {
	padding: 4px;
	vertical-align: top;
}

.form .resultset h1, .form .resultset p {
	margin: 8px 8px 0 8px;
}

.form .resultset .containerLeft {
	width: 360px;
	float: left;
	display: inline;
	margin: 16px 7px 0px 7px;
}

.form .separateContent .containerLeft {
	width: 570px!important;
   margin: 33px 7px 0px 4px;
}

.form .resultset .containerLeft h2 {
	font-weight: bold;
	font-size: 1.0em;
	margin: 2px 0 0 0;
	padding: 0;
}

.form .separateContent .head .leftAlign{
	float:left;
}

.form .separateContent .head .rightAlign{
	float:right;
}

.form .separateContent .dashboardImg {
	float:left;
	border: 1px solid #E89E47;
	margin: 3px;
	padding: 4px;
	font: 0.84em Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	width:356px;
	height:155px;
}
.form .separateContent .dashboardImg#img5,.form .separateContent .dashboardImg#img6{
	width:233px;
	height:190px;
}

.form .separateContent .dashboardImg#img7{
	border-bottom:0px;
	margin-bottom:0px;
	width:230px;
	height:auto;
}

.form .separateContent .dashboardImg#img8{
	border-top:0px;
	margin-top:0px;
	width:230px;
	height:auto;
}

.form .separateContent .dashboardImg #subtitleImg2006 {
	float:left;
	width:175px;
	text-align:center;
	font-weight: normal;
}

.form .separateContent .dashboardImg #subtitleImg2025 {
	float:left;
	width:175px;
	text-align:center;
	font-weight: normal;
}

.form .resultset .containerRight {
	float: right;
	display: inline;
	margin: 16px 7px 0px 7px;
}
/* Korrektur der zweizeiliger Tabellen�berschriften (.containerRight braucht mehr margin-top) */
.form .resultset .twoLines {
	margin-top: 29px;
}

.form .separateContent .containerRight {
   width: 140px;
}

.form .resultset ul.download {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.form .resultset ul.download li {
	display: inline !important;
	margin-left: 0.5em;
}

.form .resultset ul.download li a,
.form .resultset ul.download li a:link,
.form .resultset ul.download li a:visited,
.form .resultset ul.download li a:hover,
.form .resultset ul.download li a:focus,
.form .resultset ul.download li a:active {
	padding: 0 15px 0 6px;
	font-weight: bold;
}

.form .resultset .visualization {
	padding-bottom: 24px;
}

.form .resultset table {
	width: 733px;
	margin: 2px 7px 8px 7px;
	font-size: 0.95em !important;
	border-collapse: collapse;
}

.form .separateContent table {
	width: 745px;
	margin: 2px 0px 8px 0px;
	font-size: 0.95em !important;
	border-collapse: collapse;
   border-top: 0!important;
}

.form .resultset table tr td {
	height: 28px;
}

.form .resultset table.width70 {
	width: 60%;
}

.form .resultset table th {
	padding: 4px;
	font-weight: normal;
	text-align: left !important;
	vertical-align: top;
}

.form .resultset table th.empty400 {
	width: 400px;
}

.form .resultset table th a,
.form .resultset table th a:link,
.form .resultset table th a:visited,
.form .resultset table th a:hover,
.form .resultset table th a:focus,
.form .resultset table th a:active {
	margin: 0 0 0 4px;
	line-height: ato!important;
	vertical-align: bottom;
}

.form .resultset table th .infoLink a,
.form .resultset table th .infoLink a:link,
.form .resultset table th .infoLink a:visited,
.form .resultset table th .infoLink a:hover,
.form .resultset table th .infoLink a:focus,
.form .resultset table th .infoLink a:active {
	margin: 0 !important;
}

.form .resultset table th .buttons {
	display: block;
}

.form .resultset table td {
	padding: 4px;
	vertical-align: top;
}


.form .resultset table td.rightAlign {
	text-align: right;
}

.form .resultset table td.rightAlign {
	text-align: right;
}

.form .resultset table td.widthIcon {
	width: 180px;
}

.form .resultset table td.iconCell {
	vertical-align: middle;
}

.form .resultset table .width120 {
	width: 120px;
	overflow: auto;
}

.form .resultset table .width240 {
	width: 240px;
	overflow: auto;
}


.form .resultset table td.widthIcon span {
	float: left;
	display: inline;
	width: 150px;
}

.form .resultset table td.widthIcon a,
.form .resultset table td.widthIcon a:link,
.form .resultset table td.widthIcon a:visited,
.form .resultset table td.widthIcon a:hover,
.form .resultset table td.widthIcon a:focus,
.form .resultset table td.widthIcon a:active,
.form .resultset table td.width145 a,
.form .resultset table td.width145 a:link,
.form .resultset table td.width145 a:visited,
.form .resultset table td.width145 a:hover,
.form .resultset table td.width145 a:focus,
.form .resultset table td.width145 a:active {
	margin: 2px 0 0 4px;
	line-height: 10px;
	vertical-align: bottom;
	float: right;
	display: inline;
}

.form .tableContainer {
	margin: 22px 0 0 0!important;
}

.form .resultset .tableBody {
	height: 360px;
	margin-right: 8px;
	overflow-y: auto;
}

.form .resultset table.tableHeader {
	width: 730px;
	margin: 0 8px 0 8px;
}

.form .resultset .tableBody table {
	width: 713px;
	margin: 0 0 0 8px;
}

.form .resultset table.tableHeader tr th {
 	border: 0;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 4px;
}

.form .resultset table.tableHeader tr th span {
	font-weight: normal;
}

.form .resultset .tableBody table tr td {
	padding: 2px 4px;
	vertical-align: middle;
}
.form .resultset .tableBody table tr.subfelder {
	display:none;
}

.form .resultset .tableFooter {
	text-align: right;
	padding: 6px 12px;
	margin: 0 8px 0 7px;
	background: #b878bf;
}

.tablePaddingLeft {
	padding-left: 1em;
}

.keineAngabe {
	font-size: 0.91em;
}

.mapmodule {
	padding: 12px 0 12px 1px;
}

div.mapmodule h2 {
	color: #424242;
	font-size: 1em;
	font-weight: bold;
	margin: 0 5px 0 14px !important;
}



.cell1 {
 	width: 39px;
	height: 30px;
  	text-align: center;
}

.cell2 {
	width: 39px;
  	text-align: center;
}

.cell3 {
	width: 268px;
}

.cell4 {

}

th.cell1,
th.cell2,
th.cell3 {
  	text-align: left;
 	width: auto !important;
}

th.cell3 {
	width: auto
}

td.cell1,
td.cell2,
td.cell3 {
 	width: auto;
	empty-cells: show;
}

/**allgemeine Tabelleneigenschadten**/
td.width20, th.width20 {
 width: 20px !important;
   padding: 4px 2px!important;
   text-align: center;
}

td.width80, th.width80 {
 width: 80px !important;
}

td.width80 span, th.width80 span {
 width: 70px !important;
 display: block;
 overflow: hidden;
}

td.width90, th.width90 {
 width: 90px !important;
}

td.width90 span, th.width90 span {
 width: 80px !important;
 display: block;
 overflow: hidden;
}

td.width95, th.width95 {
 width: 89px !important;
   padding: 4px 2px 4px 4px!important;
}

th.width95 {
   padding: 4px 2px 4px 4px!important;
}

td.width95 span, th.width95 span, th.width95 strong {
 width: 87px !important;
 display: block;
 overflow: hidden!important;
}

td.width100, th.width100 {
 width: 100px !important;
}

td.width100 span, th.width100 span {
 width: 90px !important;
 display: block;
 overflow: hidden;
}

td.width110, th.width110 {
 width: 110px !important;
}

td.width110 span, th.width110 span {
 width: 100px !important;
 display: block;
 overflow: hidden;
}

td.width120, th.width120 {
 width: 120px !important;
}

td.width120 span, th.width120 span {
 width: 110px !important;
 display: block;
 overflow: hidden;
}

td.width130, th.width130 {
 width: 130px !important;
}

td.width130 span, th.width130 span {
 width: 120px !important;
 display: block;
 overflow: hidden;
}

td.width140, th.width140 {
 width: 140px !important;
}

td.width140 span, th.width140 span {
 width: 130px !important;
 display: block;
 overflow: hidden;
}

td.width145, th.width145 {
 empty-cells: show;
   width: 132px !important;
}

td.width145 span, th.width145 span {
 width: 128px !important;
 display: block;
 overflow: hidden;
}

td.width150, th.width150 {
 width: 150px !important;
 empty-cells: show;
}

td.width150 span, th.width150 span {
 width: 140px !important;
 display: block;
 overflow: hidden;
}

td.width165, th.width165 {
 empty-cells: show;
   width: 153px !important;
}

td.width165 span, th.width165 span {
 width: 153px !important;
 display: block;
 overflow: hidden;
}

td.width200, th.width200 {
 width: 200px !important;
 empty-cells: show;
}

td.width200 span, th.width200 span {
 width: 190px !important;
 display: block;
 overflow: hidden;
}

th.width85, td.width85  {
 width: 86px !important;
}

th.width85 span, td.width85 span {
 width: 86px !important;
 overflow: hidden;
 display: block;
}

th.width100p {
 width: 100%;
 empty-cells: show;
}

th.width232 {
 width: 232px;
}

td.left, th.left {
 text-align: left!important;
}

td.center, th.center {
 text-align: center!important;
}

td.right, th.right {
 text-align: right!important;
}

/* ------------------5.3 SINGLE VIEW-------------------*/

.singleView {
	padding: 8px;
}

.singleView p {
	padding: 0 0 16px 0;
}

.singleView h3 {
	padding: 8px 0 8px 0;
}

.singleView .containerLeft {
	float: left;
	width: 250px;
	display: inline;
	padding-bottom: 16px;
}

.singleView .containerRight {
	float: right;
	width: 250px;
	display: inline;
	text-align: right;
	padding-bottom: 16px;
}

ul.linkList {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.linkList li {
	margin: 0;
	padding: 0 0 4px 0;
}

ul.linkList li a,
ul.linkList li a:link,
ul.linkList li a:visited,
ul.linkList li a:hover,
ul.linkList li a:focus,
ul.linkList li a:active {
	display: block;
	margin-left: 5px;
	padding: 0;
	font-weight: bold;
}
ol.noEnumeration {
	list-style-type:none;
	margin-left:-10px;
}

.inlineImg {
	display: inline;
	float: left;
	padding: 0 8px 8px 8px;
}



.infoContainer {
	margin-bottom: 10px;
}

.infoContainer ul, .infoContainer  ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

.infoContainer ul li {
	display:block;
	margin:0pt;
	padding:0pt 0pt 0pt 10px;
}

.infoContainer ul, .infoContainer ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.infoContainer ul li {
	background:transparent url(../images/icon_infonavigation_0.gif) no-repeat scroll 0pt 4px;
}

/*-------------------5.4. FOOTER------------------------*/

.footer {
	background: #003366;
	border-bottom: 8px solid #fff;
	margin-top: 8px;
	margin-right: 22px;
	width: 935px;
}

.footerContent {
	background: #003366;
	padding: 4px 8px 4px 4px;
	font-size: 0.95em;
	color: #fff;
	text-align: right;
}

.footerContent .datenstand{
	text-align:left;
	float:left;
}

.footer .trenner {
	background:url(../images/navi_trenner_weiss.gif) repeat-y center top;
	font-size: 1em;
	padding: 0 6px;
	line-height: 1.2em;
}

/* ------------------6. SPECIAL VIEWS-------------------*/
/*Kontakt*/
form fieldset.contact {
  margin: 10px 0;
}

form fieldset.contact .space {
  margin: 16px;
}

form fieldset.contact label {
 	width: 12em;
	float: left;
	padding: 8px 0px;
}

form fieldset.contact label.checkBox, form fieldset.contact label.long {
	float: none;
	padding: 16px 0px;
}

/***************************START - Styles fuer Slider 1 + 2***************************/

.infoLabel {
	background:url(../images/icon_info.gif) no-repeat 0px 2px;
	padding: 0 0px 0 15px!important;
	font-size:0.95em;
	white-space:nowrap;
	width:150px;
}

.inactiv .infoLabel {
	background:url(../images/icon_info_inactive.gif) no-repeat 0px 2px;
}

.infoLabel span {
	display:inline-block;
	width:100%;
}

#tooltip1, #tooltip2 {
	display:none;
	position:absolute;
	z-index:99999;
	white-space:normal;
	width:155px;
	background-color:#F0F0F0;
	border:1px solid #747474;
	font-weight:normal;
	padding:2px;
}

#horizHandleDiv, #horizHandleDiv2 {
	position:absolute;
	left: 75px; /* the default position is the center of the bg */
	cursor:pointer;
	width:9px;
	height:20px;
}

#horizWrapper, #horizWrapper2 {
	/*position:relative;*/
	width:158px;
	float:left;
	padding-bottom:10px;
	margin-top:3px;
}

#horizWrapper {
	padding-bottom:9px;
}

#horizBGDiv, #horizBGDiv2 {
	position:relative;
	background:url(../images/slider_bg1.gif) no-repeat;
	height:20px;
	width:158px;
	z-index:5;
}

#horizBGDiv2 {
	background-image:url(../images/slider_bg2.gif);
}

.inactiv #horizBGDiv {
	background-image:url(../images/slider_bg1_inactive.gif);
}

.inactiv #horizBGDiv2 {
	background-image:url(../images/slider_bg2_inactive.gif);
}

#horizSliderImg1, #horizSliderImg2 {
	cursor:pointer;
}

.inactiv #horizSliderImg,
.inactiv #horizSliderImg2 {
	display: none;
}


/***************************ENDE - Styles fuer Slider 1 + 2***************************/



/*7. FORMS**/

select#jahrSelect {
	width: 6em;
}

select.width200 {
	width: 200px;
}

select.width160 {
	width: 160px;
	margin-bottom: 8px;
}
select.width260 {
	width: 260px;
	margin-bottom: 8px;
}

select.width344 {
	width: 344px;
	margin-bottom: 8px;
}

select.width354 {
	width: 354px;
	margin-bottom: 8px;
}

select#select1 {
	width: 350px;
}

input#submitInteraktiv {
	float:right;
	margin-right: 4px;
	margin-top:8px;
}

input.width200 {
	width: 193px;
}

select#subthema {
	margin-top: 16px;
}
input.width85,
.width85 {
	width: 80px !important;
}


/* ------------------2. TOOLS AND HELPERS--------------------*/

.nowrap {
	white-space: nowrap;
}

span.nobreak {
	white-space: nowrap;
	display: block;
	width: auto!important;
}

.stretch, .clearer {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	line-height: 0px;
	overflow:hidden;
	display:block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Workaround for different IE-Versions */
/*
** IE5.x/Mac - x
** IE7 - x
*/
.clearfix {
	display: inline-block;
}
/*
** IE5.x/Win - x
** IE6 - x
*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* end clearing */

/*Zeitleiste*/
#zeitleiste {
	margin: 8px;
}


#zeitleiste .submitBegin,
#zeitleiste .submitBack,
#zeitleiste .submitNext,
#zeitleiste .submitEnd {
	background: #003082;
	color: #fff;
	border: 1px solid #003082;
	padding: 2px 1px;
	float: left;
	margin: 0 1px;
}

#wrapperZeiten {
	border:solid #666 1px;
	float:left;
	padding: 1px 0;
	margin: 0 5px 0 5px;
	width:630px
}

#zeitleiste .submitYear {
	border: 0;
	background: #fff;
	font-size: 0.9em;
	color: #003082;
	border: 0;
	margin: 0 51px;
	padding: 2px 0 0 0;
	width: 52px;
	text-align: center;
}

#zeitleiste .submitYearCurrent {
	border: 0;
	background: #8AA4D7;
	font-size: 0.9em;
	color: #fff;
	border: 0;
	margin: 0 51px;
	padding: 2px 0 0 0;
	width: 52px;
	text-align: center;
}

/*style fuer das selectfeld js**/
#cssTest{
	position:absolute;
	left:-999px;
	width:0px;
	height:0px;
}

/**Sondersichten**/
body.iFrameTransparent {
	background-color:transparent;
	height: 152px;
	width:743px;
}

iFrame.iFrameTransparent {
	background-color:transparent;
	border:none;
	position:relative;
	top:1px;
	left:1px;
	overflow:hidden;
	height: 152px;
	width:743px !important;
}

.map {
	width: 555px;
	float: left;
	display: inline;
	position: relative;
	left: 1px;
}

li.map {
	float: none;
}

.mapMarginal {
	float:left;
	margin-right: 3px;
	overflow: hidden;
	width:180px;
	display: inline;
	font-size: 0.85em;
}

.mapMarginal h2 {
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #fff;
	padding: 6px 8px;
	margin: 0;
}

.mapMarginal .marginalauswahlformular {
	padding: 8px;
}

.mapMarginal .cbkarte {
	float: left;
	margin: 0px 3px 0 0;
	height: 14px;
}

.mapMarginal .cbkarte input {
	height: 13px;
	width: 13px;
}


.mapMarginal .cbkarte input {
	border: 0;
	margin: 0;
	padding: 0;
}

.mapMarginal .inputtext {
	width: 22px;
	float: left;
	margin-right: 3px;
}

.mapMarginal .imggokarte {
	float: left;
	font-size: 0.9em;
	padding-bottom: 8px;
	margin: 0;
	display: inline;
	width: 120px;
}

.mapMarginal span.top {
	font-size: 1.18em !important;
	font-weight: bold;
}

/*Karte auf der Homepage**/

#contentblockwidekarte {
	float: right;
	width: 325px;
	display: inline;
	overflow: hidden;
}

.karte {
	border:1px solid #CBDCEA;
	float:left;
	height:305px;
	margin-left:0px;
	margin-right: 3px;
	margin-top:0px;
	width:320px;
	display: inline;
}

.karte input {
	width:288px;
	height: 268px;
	padding: 0;
	margin: 0;
}

#contentblockwidekarte .kartenservice {
	position: relative;
	zoom: 1;
	top: -285px;
	margin: 0;
	left: 278px;
	z-index:10px;
	width: 80px;
	height: 80px;
}

.kartenservice img {
	margin: 2px;
}

.fl {
	float: left;
}

.fr {
	float:right;
}

.fm {
	float:left;
	height:15px;
	margin-left:138px;
	width:15px;
	display: inline;
}

.mtArrow {
	height:15px;
	margin-top:130px;
	width:15px;
}

#akvdmma {float:left;margin-right:8px;margin-bottom:8px;}

.hinweisBildung{
	font-weight:bold;
	background-image:url(/common/images/achtung.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}

/*Verteilung der Demographietypen*/
.form .resultset .containerLeftVerteilung {
	width: 560px;
	float: left;
	display: inline;
	margin: 16px 7px 0px 7px;
}
.form .resultset .containerLeftVerteilung h2 {
	font-weight: bold;
	font-size: 1.0em;
	margin: 2px 0 0 0;
	padding: 0;
}
.karteDemotypen{
	display:block;
	float:left;
	margin:10px;
	padding:10px;
	border: 1px solid black;
	width:700px;
}
.karteDemotypen .karteVerteilung{
	margin-left:10px;
	border:0px;
	float:left;
}
.legendeDemotypen{
	float:right;
	width:240px;
	display:inline;
}
.legendeDemotypen h2{
	font-size:1.2em;
	font-weight:bold;
	padding: 6px 8px 6px 0px;;
}

.legendeDemotypen .inputtext{
	width: 22px;
	float: left;
	margin-right: 3px;
}
.legendeDemotypen .imggokarte{
	float: left;
	font-size: 0.9em;
	padding-bottom: 8px;
	margin: 0;
	display: inline;
	width: 120px;
}
.legendeDemotypen .quelle{
	margin-top:10px;
	font-size:0.85em;
}

#fbBanner {
	padding-bottom: 8px;
}

/* 19.06.2010 - Test Twitter Integration*/
.twittertext{
	font-size:73% Verdana,Arial,Geneva,Helvetica,sans-serif
}
.twitterdate{
	font-size:0.7em
}