div
{
	border:0px solid green;
}
html, body, div, p, h1, h2, h3, ul, li, span, a, table, td, form, img, strong, #tree, #tree li, #contenttopic, #bread {
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	color:Black ;
}
html, body {
	font-size: 101%;
	background: url(images/ino-banner-rechts.gif) 99% 110px no-repeat #FFFFFF;
}
a:link {
	color: #06c;
	text-decoration: underline;
}
a:visited {
	color: #142d6d;
	text-decoration: underline;
}
a:hover {
	color: #09f;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
h1, h2, h3, legend , .head1, .head2, .head3{
	text-decoration: none;
	font-weight: 600;
	color: #666;
}
h1, h2, h3
{
	padding: 5px;
	margin: 5px;
}
h1
{
	font-size: 1.4em;
}
.head1 {
	font-size: 1.2em;
}
h2{
	font-size: 1.1em;
}
.head2 {
	font-size: 1.0em;
}

h3{
	font-size: 1.0em;
}
.head3 {
	font-size: 0.9em;
}

table, td, tr
{
font-size: 1em;
}
p, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin-left:12px;
}
ul {
	list-style-image: url(images/list_style_image.gif);
	margin-top: 1px;
	margin-left: 30px;
}
li {
	list-style-image: url(images/list_style_image.gif);
	padding: 1px;
	margin: 5px;
	line-height: 18px;
	
}
ul li p
{
margin:15px;
}

table td
{
padding:5px;
}

fieldset {
	margin: 10px;
	padding: 10px;
	border-color: #69f;
}
table{
margin-top:25px;
}
hr, .hr {
	margin: 5px;
	border-bottom: 1px solid #008fdd;
}

.ino
{
font-weight : bold;
}
.soft
{
color: #0000FF;
}
#infos, #infobanner, #top_top, #top, #tabnav, #left, #contenttopic, #home_link, a.info:hover span , #center{
	position: absolute;
	left: 0px;
	top: 0px;
}
.imgright {
	float: right;
}
.imgleft {
	float: left;
}
.imgright, .imgleft {
	margin: 5px;
}
.small, .bildunter {
	font-size: 0.8em;
}
.smallbold {
	font-size: 0.7em;
	font-weight: 600;
}
.progzeile {
	font: 0.8em "courier new", courier, mono, sans-serif;
}
.textbox, .button, textarea {
	margin: 5px;
	border: #999 1px dotted;
	background: #e6e6e6;
}
.searchbox {
	font-size: 60%;
	font-weight: normal;
	background: #ff0;
}
.compl_border td {
	border: #fff 1px solid;
}
.compl_border {
	border: #fff 1px solid;
}
.border_left {
	border-left: #fff 1px solid;
}
.border_left_top {
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
}
.border_left_bottom {
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
}
.border_right {
	border-right: #fff 1px solid;
}
.border_right_top {
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
}
.border_right_bottom {
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
}
.border_top {
	border-top: #fff 1px solid;
}
.border_bottom {
	border-bottom: #fff 1px solid;
}
ul .sitemap, li .sitemap
{
margin-left:55px;
}

#home_link {
	width: 150px;
	height: 40px;
	z-index: 4;
}







#top_top, #top, #home_link {
	left: 0px;
	top: 0px;
}
#top_top, #top {
	width: 100%;
	height: 113px;
}
#top {
	background: url(images/bruecke_gr.GIF) 99% 80% no-repeat;
}

#top_top {
	background: url(images/banner.gif) 0px 0px no-repeat;
	z-index:1;
}




#infos {
	top: 115px;
	left: 170px;
	height: 35px;
	width: 80%;
	overflow: hidden;
	border-left:2px solid yellow;
}
#infobanner {
	width: 99%;
	list-style-type: none;
	height: 35px;
	color: #000;
	text-align: center;
	margin-left: -30px;
}
#infobanner ul {
}
#infobanner li {
	list-style-type: none;
	list-style-image: url(images/spacer.gif);
	margin-left: 1px;
	padding:0px;
	float: left;

}
#infobanner a, #infobanner a:link, #infobanner a:visited, #infobanner a:hover, #infobanner a:active {
	text-decoration: none;
}
#infobanner a {
	float: left;
	width: 65px;
	font-size: 75%;
	font-weight: 600;
	color: #000;
	padding: 2px;
	margin: 0px;
}
#infobanner a:link, #infobanner a:visited {
	color: #000;
}
#infobanner a:hover {
	color: #09f;
	background: #f5f5f5;
}
#infobanner a:active {
	color: #006edc;
}
#infobanner li.language_1033 a, #infobanner li.language_1033 a:link, #infobanner li.language_1033 a:visited, #infobanner li.language_1033 a:hover {
	background: url(images/b-eng1.gif) no-repeat;
	text-decoration: none;
	width: 25px;
	height: 40px;
	margin-left: 10px;
}
#infobanner li.language_1031 a, #infobanner li.language_1031 a:link, #infobanner li.language_1031 a:visited, #infobanner li.language_1031 a:hover {
	background: url(images/deu.gif) no-repeat;
	text-decoration: none;
	width: 25px;
	height: 40px;
	margin-left: 10px;
}
#left {
	left: 0;
	top: 160px;
	width: 160px;
	height: 99%;
	color: #000;
	z-index: 1;
	Font-size:0.7em;
}
#tree 
{
	width: 160px;
	height: 98%;
}
#tree ul{
	margin-left:5px;
}

#tree ul, #tree li {
	list-style-image: url(images/list_style_image.gif);

}
#tree li {
	margin:3px;
	border-bottom:1px solid #000;
	padding-left:10px;
	
	background-image: url(images/list_style_image_tree.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px ;
	background-attachment: scroll;
	
}
#tree li a, #tree li a:link, #tree li a:hover, #tree li a:active, #tree li:hover 
{
font-size:1.1em;
color:#000;
text-decoration: none;
}
#tree li a:visited {
	color: #999999;
}
#tree li a:hover{
	color: #09f;
	background: #f5f5f5
}

#tree li a:hover, #tree li:hover 
{
	background: #e6e6e6;
}
#tree ul li.treetitle
{
	font-size: 1.0em;
	font-weight: 600;
	list-style-type:none;
	list-style-image:url(images/spacer.gif);
}
#tree li.treetab a
{
	margin-left: 15px;
}
 
#tree li.treegroup , ul li.treegroup a, #tree ul.treegroup, #tree li.treegroup a
{
	font-size: 1.1em;
	margin-left: 5px;
	border-bottom:0px;
    background-image: url();
	list-style-type:none;
	list-style-image:url(images/spacer.gif);
	
}

#contenttopic {
	left: 170px;
	top: 145px;
	width: 75%;
	height: 25px;
}
#contenttopic {
	background: url(images/gelb.gif) no-repeat 0px 0px;
	height: 25px;
	text-align: left;
}
#contenttopic a {
	text-decoration: none;
}
.current_crumb, #bread, #bread ul, #bread ul li {
	font-size: 100%;
}
.current_crumb {
	color: #666;
	font-weight: 600;
}
#bread {
	Font-size:0.7em;
	color: #000;
	margin: 5px;
	width:95%;
	border: #c8c8c8 solid 1px;
}
#bread ul {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
}
#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	list-style: none;
	display: inline;
}
#center {
	background: url(images/blau-gelb.gif) no-repeat 0px 0px;
	left: 170px;
	top: 165px;
	width: 79%;
	
	height: 100%;
	z-index: 3;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 5px;
	font-size: 80%;
	line-height: 150%;
}
.simple-box, .simple-box-left, .simple-box-right, .separator {
	margin: 0px;
	padding: 0px;

}
.simple-box {
	width: 99%;
}
.simple-box-left {
	width: 350px;
	float: left;
}
.simple-box-right {
	float: left;
}

.downloadreihe {
	clear: both;
	width: 70%;
	height: auto;
	border-bottom: 1px solid #c8c8c8;
}
.download-box-left {
	width: 30%;
	float: left;
}
.download-box-right {
	width: 69%;
	float: right;
}

.simple-box-left-Sitemap {
	width: 30%;
	float: left;
}
.simple-box-right-Sitemap {
	width: 65%;
	float: right;
}

.reihe {
	clear: both;
	width: 99%;
	height: auto;
}
.h2border {
	padding: 3px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
}
.separator {
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	border-bottom: 1px solid #008fdd;
}
#footer {
	float:left;
	position:relative;
	width: 100%;
	bottom: 0px;
	z-index: 4;
	overflow: hidden;
}
#footer a.foot {
	font-size: 85%;
	color: #000;
	text-decoration: none;
	margin-left: 8px;
	padding-left: 8px;
	background: url(images/list_style_image_klein.gif) no-repeat left #f5f5f5;
}
#footer a.foot:hover {
	color: #09f;
	text-decoration: underline;
}
a.ext, a.ext:link, a.ext:visited, a.ext:hover {
	padding-left: 14px;
	background: url(images/ext.gif) no-repeat left;
}
.start_vwn {
	background: url(images/topicicon/prozessvisualisierung.gif) no-repeat 0 -10px;
}
.start_service {
	background: url(images/topicicon/dienstleistung.gif) no-repeat  0 -10px;
}
.start_hardware {
	background: url(images/topicicon/hardware.gif) no-repeat  0 -10px;
}
.start_opc {
	background: url(images/topicicon/opc.gif) no-repeat  0 -10px;
}
a.start_page, a.start_page:link, a.start_page:hover, a.start_page:visited {
	text-decoration: none;
	color: #06c;
	margin:2px;
	padding:2px;
}
a.start_page:hover
{
	text-decoration: none;
	color: #09f;
	background:#fff;
}
.start_list {
	padding-left: 50px;
}
h2.start_vwn, h2.start_opc, h2.start_service, h2.start_hardware {
	height: 50px;
	padding-left: 50px;
	font-size: 140%;
	color: #666;
}
a.info, a.info:link, a.info:visited, a.info:hover, a.info:active, a.info span, a.info:hover span {
	text-decoration: none;
	color: #000;
}
a.info {
	position: relative;
	z-index: 24;
}
a.info span, a.info:hover span {
	display: none;
	visibility: hidden;
}
a.info:hover span {
	top: 2em;
	left: 2em;
	width: 15em;
	border: 10px solid #ccc;
	text-align: center;
}
.formreihe {
	clear: both;
	width: 410px;
}
.formlabel {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

.formfeld {
  float: right;
  width: 300px;
  text-align: left;
} 



.mailreihe {
clear: both;
	margin-left:10px;
	margin:1px;
	padding:1px;

}
.mailformreihe {
	clear: both;
}
.mailformlabel {
  clear: both;
  float: left;
  width: 20%;
  padding:1px;
}
.mailformfeld {
clear: both;
  float: right;
  text-align: left;
  padding:1px;
  width: 75%;
} 



#left_bottom {
	left: 0;
	bottom: 20px;
	width: 135px;
	position:absolute;
}




.content
{
	margin-top:10px;
	font-size: 1.1em;
}

#contentnavigation 
{
	position:absolute; 
	left:5px; 
	top:-40px; 
	
	MARGIN-TOP: 1em; FLOAT: left; WIDTH: 155px
}
#contentnavigation H1 {
	PADDING-LEFT: 5px; 
	MARGIN: 1.5em 0em 0em; 
	FONT: bold 1.1em arial, tahoma, sans-serif; 
	BORDER-LEFT: #52585c 5px solid; 
	COLOR: white; 
	BACKGROUND-COLOR: #008fDD;
}
#contentnavigation P {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; MARGIN: 0em; FONT: 0.8em arial, tahoma, sans-serif; COLOR: #000; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f0f3f5
}
#contentnavigation UL {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 1.8em; LIST-STYLE-IMAGE: url(http://www.landtag.nrw.de/portal/CPMO/images/icon_kleinerpfeilschwarz.gif); PADDING-BOTTOM: 0.8em; MARGIN: 0em; FONT: 0.8em verdana, sans-serif; COLOR: #000; PADDING-TOP: 0.8em; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #f0f3f5
}
#contentnavigation A {
	FONT-WEIGHT: normal; COLOR: #000; FONT-FAMILY: verdana, sans-serif
}
#contentnavigation A:hover {
	COLOR: #000; BACKGROUND-COLOR: #f5f5f5; TEXT-DECORATION: none
}
#contentnavigation A:active {
	COLOR: #142d6d; BACKGROUND-COLOR: #f5f5f5; TEXT-DECORATION: none
}