* {
margin: 0;
padding: 0;
}

html {
	height: 100.1%;
	color: #FFFFFF;
	background-color: #FFFFCC;
	background-image: url(pics/spalte-1-bg.gif);
	background-repeat: repeat-y;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.2;
}
#inhalt .formbox .zwei select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}


h1 {
	height: 150px;
	width: 100%;
	background-color: #FFF;
	background-image: url(pics/kopf_innoffice2.jpg);
	background-repeat: no-repeat;
	background-position: 44px;
}

h1 a, h1 span {
	height: 150px;
	left: 0px;
	position: absolute;
	text-decoration: none;
	text-indent: -1500em;
	top: 0px;
	width: 250px;
	background-image: url(pics/logo_innoffice_2007.jpg);
	background-repeat: no-repeat;
	display: block;
}

h2 {
	font-size: 1.2em;
	color: #cc0033;
}
.links {
	list-style-position: inside;
	list-style-type: square;
	line-height: 20px;
}

.innoffice {
	color: #cc0033;
	font-weight: bold;
}


p {
	margin-bottom: 1em;
	font-size: 1.1em;
}

/* Beginn der horizontalen Navigation */
div#nav {
	height: 26px;
	background-image: url(pics/nav_hintergrund4.jpg);
}

/* generelle Angaben */
div#nav ul {
list-style: none;
}

/* Navigation hat eine Klasse "a" für besondere Anweisungen */
div#nav ul.a, div#nav ul.a li {
float: left;
}

div#nav ul.a {
	width: 480px;
	background-position: right;
	margin-left: 10.5%;
}



div#nav ul.a li, div#nav ul.a li a:hover {
	background-image: url(pics/nav_button_over_b.gif);
}



div#nav ul.a li a {
	background-image: url(pics/nav_button_b.gif);
}


div#nav li, div#nav li a {
color: #FFF;
height: 26px;
text-decoration: none;
}

div#nav li {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.95;
	width: 94px;
	text-align: center;
	color: #cc0033;
}

div#nav li a {
display: block;
}
/* ende der horizontalen Navigation */

/* Beginn der Contenbereichs, Anpassung durch Margin links und rechts */
div#inhalt {
	padding: 2em;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	min-height: 1050px;
}

/* Beginn der Messentabelle */
.tabelle {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC66;
	border-right-color: #FFCC66;
	border-bottom-color: #FFCC66;
	border-left-color: #FFCC66;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #FDDEDB;
	width: 550px;
}
#inhalt .tabelle tr {
	background-color: #FFFFCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.tr1 {
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 1.1em;
	color: black;
	text-transform: uppercase;
}

#inhalt .tabelle td {
	padding: 3px;
	text-align: left;
	font-size: 1em;
}

/* Ende der Messentabelle */

/* hier beginnet der mittlere Kontenbereich: Menue Link, Kontent Mitte, Spalte rechts */

div#spalte-1, div#spalte-2 {
	color: #FFF;
	position: absolute;
	top: 200px;
}

div#spalte-1 {
	height: 507px;
	left: 0;
	width: 157px;
}

div#spalte-1 h2, div#spalte-2 h2 {
font-size: 1.1em;
}

div#spalte-1 h2 {
margin: 30px 0 0 10px;
}


div#spalte-1 a {
color: #FFF;
}

div#spalte-2 {
	height: 600px;
	right: 0;
	width: 194px;
	background-color: #FFFFCC;
	background-image: url(pics/gruppe.jpg);
	background-position: right 270px;
	background-repeat: no-repeat;
	
}

div#spalte-2 h2 {
margin: 30px 0 0 35px;
}

div#spalte-2 p {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 35px;
	color: #000000;
}

hr {
border: 0;
border-bottom: 1px solid #FFF;
height: 1px;
margin: 0 10px 0 30px;
width: 154px;
}

img {
float: right;
margin: 0 0 2em 2em;
}

a {
color: #000;
}

/* hier beginnt die linke Navigation */

#nav-sub {
	width: 156px;
}

#nav-sub ul {
list-style: none;
}

#nav-sub li {
background-repeat: no-repeat;
}

#nav-sub a {
	display: block;
	text-decoration: none;
}

#nav-sub a:hover {
text-decoration: underline;
}

#nav-sub .l1 li a {
	color: #FFF;
	font-weight: 700;
	padding: 9px 0 8px 7px;
}

.aktiv {
	font-weight: bold;
	color: #FFFF66;
	padding-left: 7px;
}
#nav-sub .l1 div.end {
background-position: bottom left;
height: 20px;
}

#nav-sub .l2 li a {
	font-weight: 600;
	height: 14px;
	padding: 5px 0 3px 7px;
	text-transform: none;
}

#nav-sub .l3 li a {
color: #244E7E;
height: 14px;
padding: 4px 0 2px 14px;
}

#nav-sub .l4 li a {
font-size: 9px;
height: 9px;
line-height: 10px;
padding: 4px 0 2px 20px;
}

#nav-sub .l1 .topic {
background-image: url(pics/linke_nav_1.gif);
}

#nav-sub .topic .l2 li {
background-image: url(pics/linke_nav_2.gif);
}

#nav-sub .topic .l3 li {
background-image: url(pics/bg-topic-level3a1b.gif);
}

#nav-sub .topic .l4 li {
background-image: url(pics/bg-topic-level4a1.gif);
}

#nav-sub .topic .end {
	background-image: url(pics/bg-end-topic_a1.gif);
	background-repeat: no-repeat;
}

/* hier endet die linke Navigation */
#footer {
	background-color: #cc0033;
	height: 40px;
	width: 100%;
	color: #FFFFFF;
	margin-bottom: 0px;
}

#footer  ul {
	width: 400px;
	float: left;
	margin-left: 199px;
	
}

.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 5px;
}

.legende  a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.legende a {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	
}
.aktiv {
	font-weight: bold;
	color: #CC0000;
	padding-left: 11px;
	height: 18px;
	padding-top: 3px;
}
#inhalt img {
	float: left;
	height: 197px;
	width: 168px;
	margin-left: 0px;
	border: 1px solid #CC3300;
	margin-right: 10px;
}