body{
   width:95%;
   margin: 0 30px;
   font-family: Arial, Verdana, sans serif;
   background-image: url('../bilder/pattern_navi_bg.gif');
   background-repeat: repeat-y;
   background-position: 30px 50%;
}

.invisible,
.druck {
   display: none;
}

.versteckt {
   position: absolute;
   top: 0;
   left: -500em;
}

a {
   color: black;
}

ul,
ol {
   margin: 0;
   padding: 0;
}

form {
   margin-left: 20px;
}

fieldset span.info {
   font-size: 0.8em;
   font-style: italic;
}

#content form p {
   margin-left: 0;
}

.emptyCell {
   width: 220px;
   float: left;
   border-right: 1px solid white;
}

#ministeriumszeile {
   text-align: right;
   height: 60px;
   padding-top: 15px;
   background-color: white;
}

#dekokopf {
   height: 153px;
   border-bottom: 1px solid white;
}

#dekokopf .emptyCell {
  height: 153px;
  background-color: #CC071E;
  margin-right: 0 !important;
  margin-right: -3px;
 }

#logoContainer {
   height: 153px;
   background-image: url(../bilder/kopfbildleiste.jpg);
   background-repeat: no-repeat;
   margin-left: 220px !important;
   margin-left: 217px;
   background-color: #c6c6c6;
}

#logoContainer h1 {
   display: none;
}

#logoContainer img {
   float: right;
   padding-right: 5%;
}

#horizontalnavi {
   color: white;
   background-color: #CC071E;
   clear: both;
   height: 2em;
   border-bottom: 1px solid white;
   font-size: 0.85em;
}

#horizontalnavi .emptyCell {
  background-color: #C6C6C6;
  height: 2em;
}

#hnavi {
   margin-left: 220px;
}

#ieroot6 #hnavi {
   margin-left: 200px;
}

#hnavi ul {
   line-height: 2em;
   font-weight: bold;
}

#hnavi ul li {
   display: inline;
   margin-right: 1em;
}

#hnavi ul li.lastLi {
   margin-right: 0;
}

#hnavi ul li a {
   color: white;
   background-color: inherit;
   text-decoration: none;
}

#hnavi #navlist {
   float: left;
   margin-left: 15px;
}

#hnavi #funclist {
   float: right;
   margin-right: 15px;
}

#statusbar {
   color: white;
   background-color: #868686;
   clear: both;
   height: 1.5em;
   border-bottom: 1px solid white;
}

#ieroot6 #statusbar {
   font-size: 0.9em;
}

#statusbar .emptyCell {
   height: 1.5em;
}

#ieroot6 #statusbar .emptyCell {
   height: 1.6em;
}

#breadcrumbs {
   margin-left: 220px;
}

#breadcrumbs ul {
   line-height: 2em;
   font-size: 0.8em;
   margin-left: 15px;
}

#breadcrumbs ul li {
   display: inline;
   margin-right: 1em;
}

#breadcrumbs ul li a {
   color: white;
   background-color: inherit;
   text-decoration: none;
}

#pagebody {
   clear: both;
}

#navigation {
   float: left;
   width: 220px;
   height: 100%;
   color: black;
   font-size: 0.85em;
   font-weight: bold;
}

#navigation ol {
   list-style-position: outside;
   list-style-image: url('../bilder/arrow_navigation.gif');
   margin: 5px 10px auto 25px;
}

#navigation ol li {
   margin-bottom: 0.5em;
}

#navigation ol li a {
   color: black;
   background-color: inherit;
   text-decoration: none;
}

#navigation ol li.trennlinie {
	/* das hier ist das div, das unter der 2. menu-ebene den balken erzeugt */
   list-style-image: none;
	height:3px;
	font-size:0px;
	width:100%;
	background-image:url('../bilder/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!*/
}


#content {
   margin-left: 220px;
   padding-bottom: 2em;
   padding-top: 20px;
   padding-left: 15px;
   font-size: 0.85em;
}

#content h1 {
font-size: 1em;
font-weight: bold;
}

#content h1 a {
text-decoration: none;
}

#content h3 {
   color: white;
   background-color: #CC071E;
   background-image: url('../bilder/arrow_headline.gif');
   background-repeat: no-repeat;
   background-position: 0 0;
   margin-top: 0;
   padding-left: 30px;
   font-size: 1em;
   line-height: 1.5em;
}

#ieroot6 #content h3,
#ieroot7 #content h3 {
   line-height: 1.4em;
}

#content h4 {
   margin-left: 20px;
}

#content h4 a {
   text-decoration: none;
   color: black;
}

#content h5 {
   margin: auto 0 0.3em 20px;
   border-top: 1px solid #808080;
   padding-top: 0.5em;
   font-size: 1em;
}

#content h5.vg_output,
#content p.vg_output {
   padding-left: 1.5em;
}

#content p,
#content ul {
   margin-left: 20px;
}

#content p.effect_arrow {
   background-color: #EDEDED;
   padding: 1em 0 1em 1.5em;
   clear: right;
}

#content ul {
   padding-left: 20px;
}

#quickJump {
    margin-left: 0;
   margin-top: 1em;
}

#quickJump li {
    display: inline;
    padding-left: 5px;
}

#quickJump li:before {
    content: " - ";
    margin-right: 4px;
}

#content .backLink {
   margin: 1em 20px;
   font-size: 0.9em;
   font-weight: bold;
}

#content .backLink a {
   text-decoration: none;
   color: black;
   background-color: #E9E9E9;
}

#content #generateLink {
   text-align: right;
   margin-right: 0.5em;
}

#content #generateLink img {
   border: 0 none;
}

#mitmach ul {
   list-style-type: square;
}

#mitmach .kontaktParagraph {
   padding-bottom: 1em;
   border-bottom: 2px dotted LightGrey;
}
#ieroot6 #verguenstigungen legend,
#ieroot7 #verguenstigungen legend {
   margin-bottom: 0.5em;
}

#ieroot6 #verguenstigungen fieldset,
#ieroot7 #verguenstigungen fieldset {
   padding: 5px;
}

#content #verguenstigungen caption {
   display: none;
}


/* ############# Umfrage ############# */


#fragebogenwrap h1 {

}

.fragebogendrittellinks {
	float:left;
	width:31%;
}


.fragebogendrittelrechts {
	float:right;
	width:32%;
}

.fragebogenlinks {
	float:left;
}

.fragebogenviertellinks {
	width:22%;
	float:left;
}

.fragebogenlinkshalb {
	width:47%;
	float:left;
}

.fragebogenrechtshalb {
	width:47%;
	float:right;
}
	
#fragebogentabellefrage4 td {
	text-align:center;
}

#fragebogentabellefrage4 .fragebogentabellelinks {
	width:50%;
	text-align:left;
}

.fragebogenclearfloat {
	clear:both;
}

#fragebogenwrap div {
	margin:5px;
	line-height:150%;
}

.fragebogensektion {
	background-color:lightgray;
	border:1px solid lightgray;
	padding-left:10px;
  margin: 10px 0;
}

#fragebogenwrap input {
	padding:0px;
}

#fragebogenwrap input[type=text] {
	border:none; 
	border-bottom:1px solid;
	width:22em;
	position:relative;
	left:20px;
	cursor:pointer;
	padding-left:10px;
	padding-top:0.6em;
}
#fragebogensenden {
  padding: 10px 0 !important;
}

#fragebogendrucken, fieldset {
	padding-left:25px;
}
	
#fragebogenwrap label {
	cursor:pointer;
}

#fragebogenwrap p {
	font-weight:bold;
	position:relative;
	left:-10px;
}

#fragebogenwrap h2 {
	font-variant:small-caps;
}

.fehler {
	color:red; 
       font-weight: bold;
}

#fragebogenwrap span {
	color:red;
}

.fragebogenmittig, #fragebogensenden {
	text-align:center;
}
 .fragebogenfrage legend {
	font-weight:bold !important;
	padding: 10px 2px !important;
	color: black !important;
}

/** Styles für Geoanwendung - Bartlomiej Oczko, IT.NRW, 16.12.2010 **/

#omap {
	width:680px;
	height:630px;
	font:normal normal 8pt verdana, sans-serif;
	color:#555;
}

/** Schlagschatten für Bilder - Jérôme Heuper, Stiftung MITARBEIT, 09.11.2010 **/

#content img.shadow 
{
	border: none;
	padding: 0px 0px;
	-moz-box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* Für IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* Für IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

/** Tabellen für Startseite - Jérôme Heuper, Stiftung MITARBEIT, 17.02.2011 **/

#content table h1{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:0.2em;
}

#content table.aktuelles {
margin-left:20px;
margin-top: 2em; 
}

#content td.wrap {
background-color: rgb(237, 237, 237); 
font-size: 5px;
height: 10px;
}

#content td.title {
background-color: rgb(237, 237, 237); 
height: 1em;
}