@charset "utf-8";
/* CSS Document */

html, body {
	background: #fff url(../images/hg_linien.png);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
	padding: 0;
    text-align: center;
	height: 100%;
	font-size: 90.1%;
}
  
div#seite {
	text-align: justify;
    margin: 0 auto;
    width: 100%;
    padding: 0;
	border: 0px solid red;
}

div#container
{
	position: relative;
	margin: 0 auto;
    padding: 0;
	width: 900px;
	height: 100%;
	background-color: #fff;
	border: 1px solid #666;
}

div#headerpic
{
	position: relative;
	margin: 0 auto;
    padding: 0;
	background: #fff url(../images/hg_top_01.png);
	width: 900px;
	height: 100px;
	border: 0px solid yellow;
}

div#headerbar
{
	position: relative;
	margin: 0 auto;
    padding: 0;
	background: #fff url(../images/headerbar.png);
	width: 900px;
	height: 34px;
	border: 0px solid blue;
}

div#topmenu {
	float: right;
	height: 32px;
	margin: 0px 20px 0px 0px;
	border: 0px solid black;
	clear: both;
}

.topmenu-innen {
	color: #FFFFFF;
	margin: 8px 0px 0px 0px;
	border: 0px solid red;
}

.topmenu-innen a {
	color: #FFFFFF;
	text-decoration: none;
}

div#content {
	position: relative;
	margin: 0 auto;
    padding: 0;
	background: #fff url(../images/1pxhg.png) repeat-y;
	width: 900px;
	height: 100%;
	border: 0px solid blue;
}

div#left {
	float: left;
	height: 100%;
    padding: 0;
	width: 190px;
	color: #5f6061;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	border: 0px solid red;
}

div#main {
	float: left;
	width: 440px;
	min-height: 500px;
	height: 100%;
	margin: 0px 0px 0px 0px;
    padding: 1px;
	background: #fff;
	border: 0px solid red;
}

div#right {
	float: right;
	height: 100%;
	margin: 0px;
    padding: 0px;
	background: #b41334;
	width: 250px;
	border: 0px solid red;
}

.clr {
	clear:both;
}

div#footer {
	position: relative;
	margin: 0 auto;
    padding: 0;
	background: #fff url(../images/hg_footer.png);
	width: 900px;
	height: 8px;
	border: 0px solid green;
}

.rightpic {
	text-align: center;
	margin: 15px 0px 15px 0px;
	border: 0px solid black;
}

.fett {
	font-weight:bold;
}

p {
	text-align:justify;
}

h2 {
	color: #b41334;
	font-size:18px;
}

/****************************************************/
/* 						MENU						*/
/****************************************************/
ul, li {
	margin: 0;
	padding: 0;
	list-style:none;
}

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 180px; /* Menu Width */
 margin: 0;
 list-style: none;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
	height: 40px;
  	line-height: 40px;
  	text-align: left;
  	border-bottom: 1px dotted #666;
	padding: 0px 0px 0px 10px;
	display: block;
	color: #666;
	font-size:12px;
	text-decoration: none;
	height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #BBB;
 color: #FFF;
 border-right: 1px solid white;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background: #BBB;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #999;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; } 

/**************************************************/

.inputField 
{ 
	BORDER: #666 1px solid; 
	FONT-SIZE: 13px; 
	WIDTH: 250px; 
} 
.style
{ 
	BORDER: #666 1px solid; 
	FONT-SIZE: 13px; 
	WIDTH: 250px; 
}
.errorField 
{
	BORDER: 1px solid black;
	FONT-SIZE: 13px;
	WIDTH: 250px;
	background-color: #FFFF99;
} 
.errorTable 
{
	BORDER: 1px solid black;
	FONT-SIZE: 13px;
	color:#000000;
	background-color: #FFFF99;
} 
.errorTable  td
{
	color:#000000;
} 
.table { 
	font-family: Verdana,Arial,sans-serif;
	FONT-SIZE: 12px;
	text-align:left;
}
textarea#styled {
	width: 240px;
	height: 100px;
	border: 1px solid black;
	padding: 5px;
	FONT-SIZE: 13px;
	font-family: Verdana,Arial,sans-serif;
}
select {
	width: 240px;
	border: 1px solid black;
	padding: 1px;
	FONT-SIZE: 13px;
	font-family: Verdana,Arial,sans-serif;
}

.okTable 
{
	BORDER: #009900 1px solid;
	FONT-SIZE: 13px;
	background-color: #FFFF99;
}
.okTable td
{
	color:#000000;
}
.okTable a
{
	color:#000000;
}
th
{
	color: #000;
}