body {
	background-color:#ff9900;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:30px;
}

#leftgraphic {
	background-image:url('../graphics/1_bg.jpg');
	padding-left:10px;
	width:780px;
}

#rightgraphic {
	background-image:url('../graphics/3_bg.jpg');
	padding-right:10px;
	width:780px;
}

#header {
	background-image:url('../graphics/2_bg.jpg');
	background-repeat:no-repeat;
	width:780px;
	height:85px;
}

#loginform {
	position:relative;
	left:260px;
	top:60px;
	height:85px;
	font-size:12px;
	font-family:arial;
}

#spaceline {
	background-color:#ff9900;
	font-family:arial;
	font-size:3px;
}

#menu {
	font-size:13px;
	font-family:arial;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
}
#content {
	background-color:#ff9900;
	font-family:arial;
	font-size:12px;
	padding:10px;
	text-align:left;
	min-height:500px;
}

#footer {
	height:10px;
	font-size:9px;
}

A:hover
{
	color: #ff0000;
}

.form
{
	background-color:#FF9900;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

.button {
	border: solid 1px black; 
	background-color: #ffc571;
	color: #000000;
	font-size: 12px; 
	font-family: arial;
}	

.ueberschrift
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
        letter-spacing: 1pt;
	font-family: Arial;
}

.ueberschrift A
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
        letter-spacing: 1pt;
	text-decoration: none;
	font-family: Arial;
}

.text
{
	color: #000000;
	font-size: 14px;
	font-family: Arial;
}

.text A
{
	color: #000000;
	font-size: 14px;
	font-family: Arial;
}
.textb
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}
.textb A
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.login
{
	color: #000000;
	font-size: 14px;
	font-family: Arial, helvetica;
}

.login A
{
	color: #000000;
	font-size: 14px;
	font-family: Arial, helvetica;
}

.popup
{
	color: #000000;
	text-align: justify;
	font-size: 14px;
	font-family: Arial;
}













.footer
{
	color: #000000;
	font-size: 10px;
	font-family: arial, helvetica;
}

/* Main Navigation */
#nav ul {display: inline}

#nav li {display: inline}

#nav a {
	line-height: 30px; /* same as height of nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold
}

#nav a span {color: #333}


/* Forms, Input boxes and buttons */
form.login {float: right; height: 3em; line-height: 3em; margin: 10px 0 0 0; width: 8.0em;}
input.login {border: 1px solid #333; width: 6em; font-size: 0.95em;}
input.loginbttn {border: 1px solid #fff; width: 3em; background: #00A2FF; color: #fff; font-size: 1.0em}

/* Images */
img.rightimg {float: right; margin-left: 10px}
img.leftimg {float: left; margin-right: 10px}

img.languageimg {float: right; margin: 4px 2px 0 0} /* used for the language flags */

 /* common styling */
.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;  border-bottom:3px solid #4c597f;
margin:0 0 0px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}
* html .menu1 ul li a, .menu1 ul li a:visited {height:33px; he\ight:30px;}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c00; color:#fff;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fff;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#fff;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#fff;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#fff;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#fff;}

.menu1 ul li:hover a.menu1one {border-color:#c00; color:#fff;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fff;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#fff;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#fff;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#fff;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#fff;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:33px; t\op:32px; background:#fff;left:0; marg\in-top:1px; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:5px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #fff url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}


 /* common styling */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:12px; border-top:0px solid #00A2FF;
background:#ffc36b url(images/menu2.gif) repeat-x; 
margin:0 0 0px 0;
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#666; font-weight:bold; color:#fff; text-decoration:underline; width:100%; padding:0px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; font-weight:bold; color:#444; padding:0px 0px; padding-right: 15px; line-height:15px; height:20px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#ff9a00 url(images/sub2a.gif); color:#fff;}

.menu2 ul li:hover a {background:#ff9a00 url(images/sub2a.gif); color:#ffffff;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#ff9a00; margin-top:1px; left:0; width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; backgroundff9a00; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#fff; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#fff;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#fff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}


 /* common styling */
.menu3 {
font-family: verdana, sans-serif; width:150px; position:relative; font-size:0.85em; z-index:100;
clear:both; /* for this page only */
}
.menu3 ul {
padding:0; margin:0; list-style-type: none;
}
.menu3 ul li {
float:left; position:relative;
}
.menu3 li.last {
border-bottom:1px solid #00f; margin:0;
}
.menu3 ul li a, .menu3 ul li a:visited {
display:block; text-decoration:none; color:#000; width:139px; height:30px; color:#000; border:1px solid #00f; border-width:1px 1px 0 1px; padding-left:10px; line-height:25px; background:#fff url(images/menu3.gif) bottom left no-repeat;
}
* html .menu3 ul li a, .menu3 ul li a:visited {
width:151px; w\idth:139px;
}
.menu3 ul li ul {
display: none;
}


/* specific to non IE and IE7 browsers */
.menu3 ul li:hover a {
color:#c00;
}
.menu3 ul li:hover ul {
display:block; position:absolute; top:29px; margin-top:1px; left:0; width:150px; height:auto;
}
.menu3 ul li:hover ul li ul {
display: none;
}
.menu3 ul li:hover ul li a{
display:block; background:#ddd; color:#000; height:auto; line-height:15px; padding:8px 10px; width:129px;
}
.menu3 ul li:hover ul li a.drop {
background:#ddd url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover a {
background:#888; color:#fff;
}
.menu3 ul li:hover ul li:hover a.drop {
background:#888 url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover ul {
display:block; position:absolute; left:150px; top:-1px; width:150px;
}
.menu3 ul li:hover ul li:hover ul li a {
background:#ddd; color:#000;
}
.menu3 ul li:hover ul li:hover ul li:hover a {
background:#888; color:#fff;
}


/* for IE5.x and IE6 browsers only */
.menu3 ul li a:hover {
color:#c00; background:#eee url(images/menu3.gif);
}
.menu3 ul li a:hover ul {
display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px;
}
.menu3 ul li a:hover ul li a {
display:block; background:#ddd; color:#000; height:30px; hei\ght:20px; line-height:15px; padding:5px 10px; width:151px; w\idth:129px;
}
.menu3 ul li a:hover ul li a.drop {
background:#ddd url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu3 ul li a:hover ul li a:hover {
background:#888; color:#fff;
}
.menu3 ul li a:hover ul li a.drop:hover {
background:#888 url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:150px;
}

hr {clear:both; margin-bottom:30px;}
.left {clear:both;}

<!--[if lte IE 7]>
<style type="text/css">
/* not validating css */
.menu2
{
  scrollbar-face-color:#ddd;
  scrollbar-arrow-color:#000;
  scrollbar-track-color:#aaa;
  scrollbar-shadow-color:#ddd;
  scrollbar-highlight-color:#eee;
  scrollbar-3dlight-color:#eee;
  scrollbar-darkshadow-Color:#ddd;
}
<![endif]-->

.menu2one 
{
    font-size:12px;   
}

/* Global styles */
* {margin: 0; padding: 0; border: 0;}
span {color: #00A2FF}
p, ul, p a, h2 {font-family: Arial, Helvetica, sans-serif}


/* Heading styles */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #333; color: #fff; line-height: 2.0em} /* headings on black backgrounds */

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */



#siteimg p {   /* This is the large text in the site img div */
	margin: 0 0 0 10px; /* removed usual top and bottom margin from paragraph to avoid layout breaking */
	padding-left: 10px;
	padding-top: 90px;
	font-family: Georgia, serif;
	font-size: 1.45em; 
	line-height: 1.05em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}

acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.70em; line-height: 1.75em; list-style: inside square}

li {
font-size:12px;
font-family:arial;
}

p {
	padding-top:5px;
	padding-bottom:5px;
}

.eingabefeld {
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#000;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#000;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:gray;
	border-top-style:dotted;
	border-top-width:1px;
	border-top-color:gray;
	padding:5px;
}

table.mysqlphpgrid {
	font: 11px arial;
}
th.th 			{background: #BBBBBB; width: 2.5cm;}
th.th:hover 	{background: #DDDDDD; cursor: default;}
td.tdeven 		{background: #ffffff;}
td.tdeven:hover {background: #DDDDDD; cursor: default;}
td.tdodd 		{background: #cccccc;}
td.tdodd:hover 	{background: #DDDDDD; cursor: default;}
td.tdpp			{font: 14px arial;}

h3, p {font-family: arial;}

.invisible {
	display:none;
}