* {
	padding:0px;
	margin:0px;
}

html {
	width:100%;
}


body {
	width:93%;      /* 93% ~=952px@1024px */
	margin:auto;
	font-family:arial, sans serif;
}

#ministerien_head {
	width:100%;
	background-color:#FFF;
	padding-top:0.2em;
	height: 62px;
	text-align: right;
}

#ministerien_head img {
   float:right;
   margin-top: 6px;
}

img {
   border:0px;
}

/* ----------------------- grosse Navi-Buttons ------------------------- */

#topnavi {
	border-bottom:1px solid #FFF;
	border-left: solid #acaaa9 2px; 
	border-top: solid #acaaa9 2px;
	border-right: solid #acaaa9 2px; 
	width:99.7%; /*wegen border links und rechts */
	height:153px;
	background-color:#FFF;
	background-image:url(../sys_bilder/malen.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}

#ieroot6 #topnavi,
#ieroot7 #topnavi {
	width:99.7%; /*wegen border links und rechts */
}

#topnavi li {
	list-style-type:none;
	display:block;
	float:left;
	width:19.9%;
	height:153px;
	/*border-left:1px solid #FFF;*/
	background-position:center bottom;
}


#topnavi li a {
	display: none;
}

li#tn_ministerium {
/*	border-top: solid #EDEDED 1px; none*/
/*	border-left: solid #EDEDED 1px; none*/
	width:19.95%;
	background-image:url(../sys_bilder/logo_4.gif);
}

li#tn_generationen {
/*	border-top: solid #EDEDED 1px; /*none*/
	background-image:url(../sys_bilder/1_0.jpg);
	width:19.95%;
}

li#tn_familie {
/*	border-top: solid #EDEDED 1px; /*none*/
	background-image:url(../sys_bilder/2_0.jpg);
	width:19.95%;
}

li#tn_frauen {
/*	border-top: solid #EDEDED 1px; /*none*/
	width:19.8%;
	background-image:url(../sys_bilder/3_0.jpg);
	width:19.95%;
}

li#tn_integration {
/*	border-top: solid #EDEDED 1px; /*none*/
/*	border-right: solid #EDEDED 1px; /*none*/
	width:19.95%;
	background-image:url(../sys_bilder/logo_vernetzen.gif); /*alt: sys_bilder/4_0.jpg */
}

/* ----------------------- zweiter Balken mit div. links und hilfemenu ------------------------- */

#subnavi1 {
	clear:both;
	background-color: #1FA22E;
	width:100%;
	height:30px;
}

#empty_cell1 {
	width:19.8%;
	height:100%;
	float:left;
	border-right:1px solid #FFF;
}

/* unsichtbar */
.u,
.invisible,
.versteckt {
   position:absolute;
   top:-1000px;
   left:-1000px;
   width:0px;
   height:0px;
   overflow:hidden;
   display:inline;
}

.druck {
   display: none;
}

#misc_navi {
	width:59.8%;
	height:100%;
	float:left;
	border-right:1px solid #FFF;
}

#misc_navi li,
#help_navi li {
	list-style-type:none;
	display:block;
	float:left;
}


#help_navi a {
	line-height:30px;
	color:#FFF;
	font-size:0.75em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	float:left;
}

#misc_navi a {
	line-height:30px;
	color:#FFF;
	font-size:0.75em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	float:left;
	padding-left:40px;
}

#help_navi a {
	padding-left:16px;
}

#misc_navi a:hover,
#help_navi a:hover,
#misc_navi a:focus,
#help_navi a:focus {
	text-decoration:underline;
}

#misc_navi a.pbutton {
	float:right;
	margin-right:10px;
}

#misc_navi a.rss {
	float: right;
	margin-top: 5px;
	margin-right: -25px;
}

#misc_navi a.sernavi_aktiv,
#help_navi a.helpnavi_aktiv {
	color: black;
}


#help_navi {
	width:20%;
	height:1.4em;
	float:left;
	padding-left:0px;
}

.dritte-ebene a {
	color:#000000 !important;
}

.dritte-ebene a.drebene_inaktiv {
	font-weight:normal !important;
}

.dritte-ebene a.drebene_aktiv {
	font-weight:bolder !important;
}

/* ----------------------- dritter Balken mit suche, ariadnepfad ------------------------- */

#subnavi2 {
	width:100%;
	background-color:#E1E1E1;
	height:19px;
}

#suchbox {
	width:19.8%;
	height:17px;
	float:left;
	background-color:#FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#suchbox input#sq {
	display:block;
	border:none;
	height:17px;
	float:left;
	background-color:#ececed;
	width:59.5%;
}


#suchbox input#sb {
  color: white;
	display:block;
	cursor:pointer;
	font-size:0.6em;
	border:none;
	height:17px;
	width:40%;
	float:right;
	background-color:#878889;
	background-image:url(../sys_bilder/suchwort.gif); /* alt: suchwort1.gif */
	background-repeat:no-repeat;
	background-position:left center;
}

#ariadnepfad {
	width:59.8%;
	height:17px;
	float:left;
	background-color:#878889;
	border:1px solid #FFF;
	border-right:none;
	border-left:none;
	margin-right:-30px;
	padding-left:30px;
	_overflow:hidden;
}

#ariadnepfad li {
	display:block;
	float:left;
	list-style-type:none;
}

#ariadnepfad a {
	display:block;
	float:left;
	font-size:0.6em;
	line-height:17px;
	color:#FFF;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	background-image:url(../sys_bilder/ariaspc_g.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#ariadnepfad a:hover,
#ariadnepfad a:focus {
	color:black;
}

#empty_cell2 {
	width:20%;
	height:18px;
	float:left;
	background-color:#E1E1E1;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.hiddenclear {
	clear:both;
}

#pagebody {
	background-color:#E1E1E1;
	width:100%;
}

/* ----------------------- unternavigation links ------------------------- */

#subnavi3 {
	width:19.8%;
	float:left;
	padding-top:17px;
}

#subnavi3  a:hover,
#subnavi3  a:focus {
	text-decoration:underline;
}

#subnavi3 li {
	padding-left:12px;
	margin-bottom: 3px;
	list-style-type:none;
	background-image:url(../sys_bilder/submenue_pfeil_orange.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}

#subnavi3 li.special {
	background-image:none;
}

#subnavi3 li.sub_closed {
	margin-left:10px;
}

#subnavi3 li.sub_open {
	background-image:url(../sys_bilder/submenue_pfeil_orange_u.gif);
	margin-left:10px;
}

#subnavi3 li div {
	/* das hier ist das div, das unter der 2. menu-ebene den balken erzeugt */
	height:3px;
	font-size:0px;
	width:100%;
	background-image:url(../sys_bilder/linie_links.gif);  /* linie_links_kl.gif */
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:5px 0px 5px -20px;
	padding-right:20px;
	/* margin links und padding rechts m?ssen sich aufheben: 100% Breite!*/
}

#subnavi3 li.special a {
	color:#F8AA45;
}

#subnavi3 li a {
	font-size:0.8em;
	color:#2F2F2F; /* alt: #222C41*/
	text-decoration:none;
	font-weight:bolder;
}

#subnavi3 ol li {
	background-image:none;
}

#subnavi3 ol li a.subsub_inaktiv {
	font-weight:normal;
}

#subnavi3 ol li a.subsub_aktiv {
   color:#3F3F3F;
}

/* ----------------------- content bereich ------------------------- */

.mehrLink a, .buttlink a {  
  padding-left:12px;
	background-image:url(../sys_bilder/submenue_pfeil_orange.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}
.mehrButton {
  border: medium none; padding-left: 12px; 
  background-image: url("../sys_bilder/submenue_pfeil_orange.gif"); 
  background-repeat: no-repeat; 
  background-position: 0px 6px; 
  background-color: transparent;
}

#pagecontent {
	width:59.8%;
	float:left;
	min-height:400px;
	background-color:#F8F8F8; /* alt: white */
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	padding-bottom:30px;
  font-size: 0.8em;
  color: #2F2F2F;
}

.teaserDiv {
   clear: both;
   padding-top: 0.5em;
}

.showVeranstaltung h4 {
   margin-left: 41px;
}

#ieroot6 .showVeranstaltung h4,
#ieroot7 .showVeranstaltung h4 {
   font-size: 1em;
}

#ieroot6 .teaserDiv h3,
#ieroot7 .teaserDiv h3,
#ieroot6 #linkseite h3,
#ieroot7 #linkseite h3 {
   font-size: 1em;
}

#pagecontent hr {
   width: 95%;
   margin: 0 auto 1em;
}

#pagecontent p {
   margin-bottom: 1em;
   padding-left: 41px;
   padding-right: 21px;
}

#pagecontent .clearingElement,
#pagecontent .mehrLink {
   clear: left;
}

#pagecontent a {
	color:#2F2F2F;
}

#pagecontent a:hover,
#pagecontent a:focus {
	color:#2F2F2F;
	text-decoration:none;
}

#pagecontent p img {
   float: left;
   margin-right: 0.5em;
   margin-bottom: 1em;
}

#pagecontent ul,
#pagecontent ol {
	padding-left:20px;
}

#pagecontent li {
	margin-left:36px;
	line-height:1.5em;
}

#pagecontent h2 {
	background-color: #FF9E00;      /*#1FA22E; gruen*/
	clear: both;
	font-size: 1.2em;
	color: #0F0F0F; /*#2F2F2F;*/
	background-image:url(../sys_bilder/hlbg.gif);
	background-repeat:no-repeat;
/* falsche Syntax!!
	background-position:-1px 0px 0px 0px;
*/
	padding: 3px;
	padding-left: 32px;
	margin: 17px 18px 5px 18px;
  line-height: 0.8em;
}

#ieroot6 #pagecontent h2 {
   line-height: 0.8em;
}

#pagecontent h3 {
	font-size: 1.1em;
   color: #3F3F3F;
   margin-left: 18px;
   margin-right: 18px;
   margin-bottom: 2.5em;
   margin-top: 2.5em;
   background-color: #E1E1E1;
  padding: 1px 3px 1px 32px;
	background-image:url(../sys_bilder/hlbg.gif);
	background-repeat:no-repeat;
/* falsche Syntax!!
	background-position:-3px 0 0 0;
*/
}

#pagecontent .autorNachweis {
   margin-top: 1em;
   font-style: italic;
}

#pagecontent div#anker{
  text-align: center;
}
#pagecontent div#anker a{
  padding-left:12px;
	background-image:url(../sys_bilder/pfeil_orange_o.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}

#contactform,
#anmeldeform {
   line-height: 200%;
}

#contactform fieldset,
#anmeldeform fieldset {
   padding: 0.5em;
   margin-bottom: 1em;
   border: 1px solid #858585;
}
	
#contactform legend,
#anmeldeform legend {
   font-size: 1.0em;
   font-weight: bold;
   padding: 0.2em;
}
	
#contactform label {
   width: 11em;
   display: block;	
   float: left;
}

#contactform input {
   width: 20em;
   display: block;	
   float: left;
}

#contactform textarea {
   width: 20.6em;
}

#contactform br,
#anmeldeform br {
   clear: both;
}

#contactform .fehler,
.anmeldung_daten .fehler {
   color: red;		
}

#contactform input:focus,
#contactform textarea:focus,
#anmeldeform input:focus,
#anmeldeform textarea:focus {
   background-color: #FFFFEE;
}

form label {
	margin-top:4px;
	padding-top:3px;
	display:block;
	width:220px;
	text-indent:20px;
	float:left;
}

#ecf input, #ecf textarea {
	margin-top:4px;
	width:250px;
	font-size:small;
	padding:2px;
	font-family:arial;
}

.swplink {
	display:block;
	float:left;
	width:120px;
	background-color:#FFF3D3;
	margin:4px;
	padding:4px;
	font-weight:bolder;
	text-align:center;

}

.anmeldung_checkbox input {
  margin-right: 0.5em;
}

.anmeldung_eingabe label {
  display: block;	
  float: left;
  margin-left: 1.1em;
}

html > body .anmeldung_eingabe label {
  margin-left: 1.7em;
}

.anmeldung_eingabe input {
  width: 30em;
  margin-left: 2em;
}

html > body .anmeldung_eingabe input {
  margin-left: 1.5em;
}

.anmeldung_eingabe .versteckt {
  display: none;
}

.anmeldung_daten input {  
  width: 21.5em;
}

.anmeldung_daten label {   
   width: 11.1em;
   display: block;	
   float: left;
}

#newsletterformular .form-links {
   margin-left: 21px;
}

#veranstaltungssuche, 
#beratungssuche,
.beratungssuche,
#newsletterformular {
   margin: 18px;
   padding-left: 23px;
}

#veranstaltungssuche fieldset,
#beratungssuche fieldset,
#newsletterformular fieldset{
   padding-bottom: 0.5em;
}

#veranstaltungssuche fieldset legend,
#beratungssuche fieldset legend,
#newsletterformular fieldset legend{
   color: black;
}

#veranstaltungssuche ul, 
#beratungssuche ul ,
#newsletterformular ul{
   list-style-type: none;
   margin-top: 1em;
   margin-left: 0;
   padding-left: 0;
}   

#veranstaltungssuche li,
#beratungssuche li,
#newsletterformular li {
   margin-bottom: 1em;
}

#veranstaltungssuche label, 
#beratungssuche label,
#newsletterformular label {
   display: inline-block;
   width: 25%;
}
/*+
  +-- Suchformular --+ */
#mnogoform div {
   padding: 30px;
}

dl.res_item {
   padding-left: 21px;
   padding-bottom: 0.5em;
}

dl.res_item ul {
   list-style-type: none;
}

/*<!--+
      +-- Suchformular --+
                         +-->*/
#meldeformular {
	margin: 0 18px;
}

#meldeformular legend {
	padding: 0 0.5em 0;
	margin: 0.5em;
	font-weight: bold;
}

#meldeformular fieldset {
   padding: 0.5em;
}

#meldeformular ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#meldeformular p {
	padding-left: 0;
}

#meldeformular li {
	margin-bottom: 0.2em;
   margin-left: 0;
}

#meldeformular li.fehler label,
#meldeformular li.fehler span {
   color: black;
   font-weight: bold;
}

#meldeformular li.fehler input,
#meldeformular li.fehler select,
#meldeformular li.fehler textarea,
#meldeformular li.fehler .inputAlias {
   color: black;
   background-color: silver;
   border: 1px solid red;
}

#ieroot6 #meldeformular li.fehler .inputAlias input,
#ieroot7 #meldeformular li.fehler .inputAlias input {
   border: 0 none;
}

#meldeformular li.fehler .inputAlias label {
   font-weight: normal;
}

#meldeformular fieldset.fehler label,
#meldeformular fieldset.fehler input {
   border: 1px solid red;
   font-weight: bold;
   background-color: silver;
   padding: 2px 5px;
}

#meldeformular fieldset.fehler input {
   vertical-align: middle;
}
#meldeformular ul label {
	display: inline-block;
	width: 160px;
	vertical-align: top;
}

#meldeformular input[type=text],
#meldeformular input[type=password],
#meldeformular select,
#meldeformular textarea {
   width: 320px;
}

#meldeformular textarea {
   height: 10em;
}

#meldeformular .labelAlias {
   display: inline-block;
   width: 160px;
   vertical-align: top;
}

#ieroot6 #meldeformular .labelAlias,
#ieroot7 #meldeformular .labelAlias {
   display: inline;
}

#meldeformular .inputAlias label {
   width: auto;
}

#meldeformular .inputAlias {
	display: inline-block;
	width: 318px;
	padding-left: 2px;
	padding-top: 2px;
}

#ieroot6 #meldeformular .inputAlias,
#ieroot7 #meldeformular .inputAlias {
   display: inline;
}

#meldeformular .inputAlias li {
   margin-left: 0;  
}

.hint {
   font-weight: bold;
}

/* ----------------------- related content ------------------------- */

#relatedcontent {
   color: #3F3F3F;
	float: left;
	position: relative;
	z-index: 600;
	left: -1px;
	padding: 17px 0px 0px 0.7em;
	width: 16.8%;
	border-left: 1px solid #FFF;
}


#ieroot6 #relatedcontent {
	width: 18.5%;
}

#relatedcontent h3 {
	color:#FFF;
	background-color: #878889;
	padding:5px;
	font-size:0.7em;
	font-weight:bold;
	margin:0px;
}

#relatedcontent p,
#relatedcontent table,
#relatedcontent form#votingformular {
	margin-left: 0px;
	padding: 5px;
	font-size:.7em;
	margin-bottom: 0px;
	border-left: 1px solid #878889;
	border-right: 1px solid #878889;
}

#relatedcontent table {
   width: 100%;
}

#relatedcontent p.abschluss {
	line-height: 1px;
	margin-bottom: 10px;
	border-bottom: 1px solid #878889;
}

#relatedcontent > p.abschluss {
	height: 1px;
}

#relatedcontent a {
	text-decoration:none;
       color: #3F3F3F  
}

#relatedcontent a:hover, 
#relatedcontent a:focus {
	text-decoration:underline;
}

#relatedcontent table a {
	text-decoration: underline;
   font-weight: bold;
}

#relatedcontent form#votingformular  label,
#relatedcontent form#votingformular  input {
   font-size:1em;
   margin-bottom: 0.5em !important;
}

#relatedcontent div.radio {
     display : inline;
vertical-align: middle;
}
   /*     
#relatedcontent div.radio input {
    margin-bottom : -10px;
}

#relatedcontent div.radio label{
    margin-top: -10px;
}*/


#relatedcontent p.bild {
   margin: 0 auto;
   text-align: center;
   padding-top: 1.5em;
}

#relatedcontent .vote_ergebnis_balken {
   margin-right: 5px;
   display: inline-block;
   background-color: #acaaa9;
}

#ieroot6 #relatedcontent .vote_ergebnis_balken,
#ieroot7 #relatedcontent .vote_ergebnis_balken {
   margin-right: 0px;
}
/* ----------------------- footer ------------------------- */

#footer{
	background-color:#E1E1E1;
	height:1px;
	overflow:hidden;
}